/*
* Impact Windows 305 Ver 4.4
* Tech powered by CodeByUs (CodeByUs.com)
* Copyright 2005-2023 CodeByUs, Inc. Miami, Florida
*******************************************************
** - Default CSS
** - Preloader Area CSS
** - Header Area CSS
** - Main Area CSS
** - Welcome Area CSS
** - About Area CSS
** - FunFacts Area CSS
** - Services Area CSS
** - Services Details Area CSS
** - Why Choose Us Area CSS
** - Doctor Area CSS
** - CTA Area CSS
** - Pricing Area CSSiw305-
** - Feedback Area CSS
** - Partner Area CSS <---- Insurance Area CSS
** - Blog Area CSS
** - Blog Details Area CSS
** - Page Title Area CSS
** - Pagination Area CSS
** - Sidebar Widget Area CSS
** - 404 Error Area CSS
** - Research Area CSS
** - Research Details Area CSS
** - FAQ Area CSS
** - Contact Area CSS
** - Subscribe Area CSS
** - Footer Area CSS
** - Go Top CSS
*/
/*================================================
Impact Windows 305 Ver 4.4 - Default CSS
=================================================*/
/*
.main-banner.mb-Why
*/
/*---- Google Fonts -----*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Recursive:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Passion+One:wght@400;700;900&family=Squada+One&display=swap');
/* check this later */
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
/* Quote-Form */
@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* ***************** ImpactWindows305 ***************** */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Changa+One:ital@0;1&family=Jockey+One&family=Lilita+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&family=Signika+Negative:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allan:wght@400;700&family=Squada+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:wght@100;200;300;400;500;600;700&display=swap');
/***PILOT***/
:root {
--g-1: #00892a;
--g-2: #008938;
--g-3: #00572d;
--g-4: #0c8665;
--greenT : #147057;
--greenTB: #044770; /* blue */
--greenD : #00572d;
--green1 : #03623c;
--green2 : #0b5335;
--green3 : #009157;
--greenY : #fffc00;
--greenIcons: #269c7c;
--blue: #1c77c3;
--indigo: #6610f2;
--indigo2: #9203ca;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #1c77c3;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--ff-nunito: 'Nunito Sans', Verdana, 'sans-serif';
--ff-muli: 'Muli', sans-serif;
--ff-saira: 'Saira', sans-serif;
--ff-passion1: 'Passion One', cursive;
--ff-squada1: 'Squada One', cursive;
--ff-roboto: 'Roboto', sans-serif;
--ff-exo: 'Exo', sans-serif;
--ff-recursive: 'Recursive', sans-serif;
--ff-lobster: 'Lobster', cursive;
--ff-baloo: 'Baloo Tamma 2', cursive;
--ff-changa: 'Changa One', cursive;
--ff-jockey1: 'Jockey One', sans-serif;
--ff-lilita1: 'Lilita One', cursive;
--ff-racing: 'Racing Sans One', cursive;
--ff-signika: 'Signika Negative', sans-serif;
--ff-allan: 'Allan', cursive;
--ff-advent: 'Advent Pro', sans-serif;
/* **** custom *** */
--ff-pr30511: 'Jockey One', sans-serif;
--ff-pr305: 'Racing Sans One', cursive;
--ff-sectitle-h1: 'Lobster', cursive;
--ff-sectitle-h2: 'Racing Sans One', cursive;
--ff-subh1: 'Changa One', cursive;
/*
--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
*/
}
.ft15 { font-size: 1.5rem !important; }
.ft2 { font-size: 2rem !important; }
.ft25 { font-size: 2.5rem !important; }
.ft3 { font-size: 3rem !important; }
.ft35 { font-size: 3.5rem !important; }
.ft4 { font-size: 4rem !important; }
.ft45 { font-size: 4.5rem !important; }
.ft5 { font-size: 5rem !important; }
.menuFree {
color: #fffc00 !important;
}
/***PILOT***/
.serviceXX,
.serviceXX {
background-image: -webkit-linear-gradient(127deg, #17a2b8 0%, #f7a001 100%);
background-image: linear-gradient(157deg, #17a2b8 0%, #f7a001 100%);
}
.gradPurple,
.serviceP {
background-image: -webkit-linear-gradient(7deg, #ec1379 0%, #6c0092 100%);
background-image: linear-gradient(7deg, #ec1379 0%, #6c0092 100%);
}
.gradGreen,
.serviceBH {
background-image: -webkit-linear-gradient(7deg, #03a044 0%, #00572d 100%);
background-image: linear-gradient(7deg, #03a044 0%, #00572d 100%);
}
.gradOrange,
.serviceWS {
background-image: -webkit-linear-gradient(127deg, #f93a3a 0%, #f7a001 100%);
background-image: linear-gradient(157deg, #f93a3a 0%, #f7a001 100%);
}
.gradBlueYellow,
.serviceTD {
background-image: -webkit-linear-gradient(127deg, #17a2b8 0%, #f7a001 100%);
background-image: linear-gradient(157deg, #17a2b8 0%, #f7a001 100%);
}
.gradRed,
.serviceGA {
background-image: -webkit-linear-gradient(7deg, #f44095 0%, #c773fc 100%);
background-image: linear-gradient(7deg, #f44095 0%, #c773fc 100%);
}
.gradRed,
.serviceCM {
background-image: -webkit-linear-gradient(7deg, #f44095 0%, #a71212 100%);
background-image: linear-gradient(7deg, #f44095 0%, #a71212 100%);
}
.gradBlue,
.serviceTT {
background-image: -webkit-linear-gradient(12deg, #1b92c3 0%, #025a7e 100%);
background-image: linear-gradient(12deg, #1b92c3 0%, #025a7e 100%);
}
#gradPurple {
background-image: -webkit-linear-gradient(7deg, #ec1379 0%, #6c0092 100%);
background-image: linear-gradient(7deg, #ec1379 0%, #6c0092 100%);
}
/*
font-family: "Muli", sans-serif;
font-family: "Saira", sans-serif;
font-family: "Nunito Sans", sans-serif;
font-family: 'Passion One', cursive;
font-family: "Roboto", sans-serif;
*/
/*
font-family: var(--ff-baloo);
font-family: var(--ff-changa);
font-family: var(--ff-jockey1);
font-family: var(--ff-lilita1);
font-family: var(--ff-racing);
font-family: var(--ff-signika);
font-family: var(--ff-allan);
font-family: var(--ff-squada1);
font-family: var(--ff-advent);
*/
/*oranges*/
/* color: #e36f1e */
/* color: #ff6420; */
/* color: #ec6e00; */
/*Blue: */
/* background: #52bde7;*/
/* background: #3aa9d4*/
/* background: #2a99c4*/
/* background: #1a89b4*/
.blue1 { background-color: #52bde7 !important; }
.blue2 { background-color: #3aa9d4 !important; }
.blue3 { background-color: #2a99c4 !important; }
.blue4 { background-color: #1a89b4 !important; }
.blue5 { background-color: #044770 !important; }
.blue7 { background-color: #085583 !important; }
.blue8 { background-color: #044770 !important; }
.blue9 { background-color: #00405b !important; }
.blue10 { background-color: #085583 !important; }
.blue11 { background-color: #207498 !important; }
.blue12 { background-color: #2b8bb5 !important; }
.colorOrange { color: #ff6420; }
.colorBlue { color: #085583; }
.colorBlue2 { color:#0084e9 !important; }
.colorBlue4 { }
/*.colorBlue4 { color:#006aae !important; }*/
.colorBlue5 { color:#02568c !important; }
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
body {
padding: 0;
margin: 0;
background-color: #ffffff;
/* color: #043d72;*/
color: #6d7a8c; /* new */
font-size: 16px;
font-family: var(--ff-nunito);
}
a {
transition: 0.5s;
outline: 0 !important;
text-decoration: none !important;
/* color: var(--greenT); */
/* color: #043d72; */
color: #ff6420;
}
a:hover, a:focus { text-decoration: none; color: #ff6420; }
button, input { outline: 0 !important; }
p {
color: #6d7a8c;
line-height: 1.8;
margin-bottom: 12px;
font-size: 16.5px; }
p:last-child {
margin-bottom: 0; }
.d-table {
width: 100%;
height: 100%; }
.d-table-cell {
vertical-align: middle; }
img { max-width: 100%; height: auto; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: var(--g-4);
font-family: var(--ff-changa);
}
/* wait until page load to start animations */
.wow { visibility: hidden; }
.ptb-0 { padding-top: 0px; padding-bottom: 0px; }
.ptb-10 { padding-top: 10px; padding-bottom: 10px; }
.ptb-20 { padding-top: 20px; padding-bottom: 20px; }
.ptb-30 { padding-top: 30px; padding-bottom: 30px; }
.ptb-40 { padding-top: 40px; padding-bottom: 40px; }
.ptb-50 { padding-top: 50px; padding-bottom: 50px; }
.ptb-100 { padding-top: 100px; padding-bottom: 100px; }
.pb-100 { padding-bottom: 100px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-0 { padding-top: 0px !important; }
.bg-043d72 { background-color: #043d72; }
.bg-f1f3f6 { background-color: #f1f3f6; }
.bg-main-color { background-color: #ff6420; }
.sha1 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.sha2 { text-shadow: 2px 2px 2px #cccbca; }
.sha3 { text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); }
.sha5 { text-shadow: 5px 2px 2px rgba(0, 0, 0, 0.4); }
.sha41 { text-shadow: 0 2px 2px rgb(0 0 0 / 50%); }
.sha4 { text-shadow: 0 2px 5px rgb(0 0 0 / 50%); }
.sha6 { text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.2); }
.sha7 { text-shadow: 0 5px 0 rgba(0,0,0,.5); }
.sha8 { text-shadow: 1px 1px 2px rgba(0,0,0,.4); }
.sha9 { box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); }
.shaG1 { text-shadow: 5px 5px 1px rgba(0, 0, 0, 0.1); }
.shaG2 { text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.1); }
.stroke1 { text-shadow: #fff 4px 4px 0, #fff -4px -4px 0, #fff -4px 4px 0, #fff 4px -4px 0; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Animation =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=------*/
.delayp1 { animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-delay: .1s; -o-animation-delay: .1s; }
.delayp2 { animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-delay: .2s; -o-animation-delay: .2s; }
.delayp3 { animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-delay: .3s; -o-animation-delay: .3s; }
.delayp4 { animation-delay: .4s; -moz-animation-delay: .4s; -webkit-animation-delay: .4s; -o-animation-delay: .4s; }
.delayp5 { animation-delay: .5s; -moz-animation-delay: .5s; -webkit-animation-delay: .5s; -o-animation-delay: .5s; }
.delayp6 { animation-delay: .6s; -moz-animation-delay: .6s; -webkit-animation-delay: .6s; -o-animation-delay: .6s; }
.delayp7 { animation-delay: .7s; -moz-animation-delay: .7s; -webkit-animation-delay: .7s; -o-animation-delay: .7s; }
.delayp8 { animation-delay: .8s; -moz-animation-delay: .8s; -webkit-animation-delay: .8s; -o-animation-delay: .8s; }
.delayp9 { animation-delay: .9s; -moz-animation-delay: .9s; -webkit-animation-delay: .9s; -o-animation-delay: .9s; }
.delay1s { animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; }
.delay2s { animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s; -o-animation-delay: 2s; }
.delay3s { animation-delay: 3s; -moz-animation-delay: 3s; -webkit-animation-delay: 3s; -o-animation-delay: 3s; }
.delay4s { animation-delay: 4s; -moz-animation-delay: 4s; -webkit-animation-delay: 4s; -o-animation-delay: 4s; }
.delay5s { animation-delay: 5s; -moz-animation-delay: 5s; -webkit-animation-delay: 5s; -o-animation-delay: 5s; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Gradients =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=------*/
.grad14 {
background: #76c14b;
background: -moz-linear-gradient(top, #76c14b 0%, #47b572 47%, #13a89e 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #76c14b), color-stop(47%, #47b572), color-stop(100%, #13a89e));
background: -webkit-linear-gradient(top, #76c14b 0%, #47b572 47%, #13a89e 100%);
background: -o-linear-gradient(top, #76c14b 0%, #47b572 47%, #13a89e 100%);
background: -ms-linear-gradient(top, #76c14b 0%, #47b572 47%, #13a89e 100%);
background: linear-gradient(to bottom, #76c14b 0%, #47b572 47%, #13a89e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c14b', endColorstr='#13a89e', GradientType=0);
}
.grad15 {
background: #13a89e;
background: -moz-linear-gradient(top, #13a89e 0%, #42b477 47%, #76c14b 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #13a89e), color-stop(47%, #42b477), color-stop(100%, #76c14b));
background: -webkit-linear-gradient(top, #13a89e 0%, #42b477 47%, #76c14b 100%);
background: -o-linear-gradient(top, #13a89e 0%, #42b477 47%, #76c14b 100%);
background: -ms-linear-gradient(top, #13a89e 0%, #42b477 47%, #76c14b 100%);
background: linear-gradient(to bottom, #13a89e 0%, #42b477 47%, #76c14b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13a89e', endColorstr='#76c14b', GradientType=0);
}
.grad16 {
background: #f1582a;
background: -moz-linear-gradient(top, #f1582a 0%, #f47823 53%, #f7951d 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f1582a), color-stop(53%, #f47823), color-stop(100%, #f7951d));
background: -webkit-linear-gradient(top, #f1582a 0%, #f47823 53%, #f7951d 100%);
background: -o-linear-gradient(top, #f1582a 0%, #f47823 53%, #f7951d 100%);
background: -ms-linear-gradient(top, #f1582a 0%, #f47823 53%, #f7951d 100%);
background: linear-gradient(to bottom, #f1582a 0%, #f47823 53%, #f7951d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1582a', endColorstr='#f7951d', GradientType=0);
}
/*btn-primary*/
.btn {
border: none;
line-height: initial;
text-transform: uppercase;
border-radius: 15px;
padding: 18px 60px 17px 25px;
position: relative;
transition: 0.5s;
font-size: 14px;
font-weight: 700;
/* box-shadow: 0px 5px 28.5px 1.5px rgba(254, 35, 9, 0.2) !important;*/
box-shadow: 0px 5px 28.5px 1.5px rgba(0, 87, 45, 0.2) !important; /*********** TODO UPDTE THIS COLOR ***/
}
.btn.disabled, .btn:disabled { opacity: 1; }
.btn-primary {
color: #ffffff;
background: -moz-linear-gradient(-45deg, #009f5f 0%, #03623c 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #009f5f), color-stop(100%, #03623c));
background: -webkit-linear-gradient(-45deg, #009f5f 0%, #03623c 100%);
background: -o-linear-gradient(-45deg, #009f5f 0%, #03623c 100%);
background: -ms-linear-gradient(-45deg, #009f5f 0%, #03623c 100%);
background: linear-gradient(45deg, #009f5f, #03623c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009f5f', endColorstr='#03623c', GradientType=1);
}
.btn-primary i {
position: absolute;
right: 7px;
top: 50%;
transform: translateY(-50%);
text-align: center;
display: inline-block;
height: 38px;
width: 38px;
line-height: 38px;
border-radius: 50%;
transition: 0.5s;
webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
transition-duration: 0.5s;
background-color: #fff;
color: var(--green1);
}
.btn-primary-header {
border: none;
line-height: initial;
text-transform: uppercase;
border-radius: 10px;
padding: 18px 60px 17px 25px;
position: relative;
transition: 0.5s;
font-size: 14px;
font-weight: 700;
box-shadow: 5px 5px 8px 1.5px rgba(255, 255, 255, 0.1) !important;
margin-right: 10px;
color: #ffffff;
background: -moz-linear-gradient(-45deg, #009f5f 0%, #03623c 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #009f5f), color-stop(100%, #03623c));
background: -webkit-linear-gradient(-45deg, #009f5f 0%, #03623c 100%);
background: -o-linear-gradient(-45deg, #009f5f 0%, #03623c 100%);
background: -ms-linear-gradient(-45deg, #009f5f 0%, #03623c 100%);
background: linear-gradient(45deg, #8ec63d, #03623c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffc00', endColorstr='#03623c', GradientType=1);
}
.btn-primary-header i {
position: absolute;
right: 7px;
top: 50%;
transform: translateY(-50%);
text-align: center;
display: inline-block;
height: 38px;
width: 38px;
line-height: 38px;
border-radius: 50%;
transition: 0.5s;
webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
transition-duration: 0.5s;
color: var(--greenT);
background-color: #fff;
}
.btn-primary-header:hover {
color: var(--greenT);
background: none;
background-color: #fff !important;
}
.btn-primary-header:hover i,
.btn-primary-header:focus i {
background-color: var(--greenT);
color: #fff;
}
.btn-primary.disabled, .btn-primary:disabled { color: #ffffff; }
.btn-primary:hover,
.btn-primary:focus {
color: #ffffff !important;
box-shadow: 0px 5px 28.5px 1.5px rgba(13, 103, 79, 0.2) !important;
background: #03623c;
background: -moz-linear-gradient(-45deg, #009f5f 0%, #03623c 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #009f5f), color-stop(100%, #03623c));
background: -webkit-linear-gradient(-45deg, #009f5f 0%, #03623c 100%);
background: -o-linear-gradient(-45deg, #009f5f 0%, #03623c 100%);
background: -ms-linear-gradient(-45deg, #009f5f 0%, #03623c 100%);
background: linear-gradient(95deg, #03623c, #009f5f );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03623c', endColorstr='#009f5f', GradientType=1);
}
.btn-primary:hover i, .btn-primary:focus i {
background-color: #ffffff;
color: var(--greenT);
}
/* ************** btn-header-orange ************** */
.btn-header-orange {
border-radius: 8px;
color: #ffffff;
background: #ec6e00;
padding: 14px 40px 14px 20px;
letter-spacing: 0.05rem;
background: -webkit-linear-gradient(285deg, #ec6e00 0%, #f5a700 100%);
background: -o-linear-gradient(285deg, #ec6e00 0%, #f5a700 100%);
background: linear-gradient(15deg, #ec6e00 0%, #f5a700 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec6e00', endColorstr='#f5a700', GradientType=1);
-webkit-transform: skewY(-6deg);
-ms-transform: skewY(-6deg);
transform: skewY(-6deg);
}
.btn-header-orange > .icon {
width: 50px;
height: 50px;
background-color: #FFF;
position: absolute;
left: 50%;
margin-left: -50px;
top: -20px;
background-color: #4798d9;
text-align: center;
border-radius: 50%;
z-index: 2;
}
.btn-header-orange > .icon > i {
font-size: 2.5em;
color: #4798d9;
line-height: 2.5em;
}
.btn-header-orange i {
position: absolute;
right: 7px;
top: 50%;
transform: translateY(-50%);
text-align: center;
display: inline-block;
height: 25px;
width: 25px;
line-height: 25px;
border-radius: 50%;
color:#ec6e00;
background-color: #ffffff;
transition: 0.5s;
webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.btn-header-orange:hover,
.btn-header-orange:focus {
background: none;
background-color: #fff !important;
color: #ec6e00 !important;
}
.btn-header-orange:hover i,
.btn-header-orange:focus i {
background-color: #ec6e00;
color: #fff;
}
/*
.btn-primary-blue:hover,
.btn-primary-blue:focus {
color: #ffffff !important;
box-shadow: 0px 5px 28.5px 1.5px rgba(19, 9, 71, 0.2) !important;
background: #1986bd;
background: -moz-linear-gradient(-45deg, #1986bd 0%, #130947 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #1986bd), color-stop(100%, #130947));
background: -webkit-linear-gradient(-45deg, #1986bd 0%, #130947 100%);
background: -o-linear-gradient(-45deg, #1986bd 0%, #130947 100%);
background: -ms-linear-gradient(-45deg, #1986bd 0%, #130947 100%);
background: linear-gradient(135deg, #1986bd 0%, #130947 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1986bd', endColorstr='#130947', GradientType=1);
}
*/
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= section-title =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=------*/
.section-title {
text-align: center;
max-width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}
.section-title h3,
.section-title h4,
.section-title .sub-title {
display: block;
font-family: "Saira", sans-serif;
color: var(--g-2);
margin-bottom: 4px;
font-size: 18px;
font-weight: 700;
position: relative;
z-index: 1;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.section-title h4 {
display: inline;
/* color: #ff6420; */
color: #02568c;
/* color: #0084e9;*/
width: auto;
padding: 0px 15px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.section-title h2 {
font-family: var(--ff-sectitle-h2);
margin-bottom: 0px;
font-weight: 500;
font-size: 32px;
/* color: #ef530e !important;*/
/* color: var(--greenT); !important;*/
/* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); */
text-shadow: 2px 3px 1px rgba(0, 0, 0, 0.1);
}
.section-title p {
/* max-width: 580px;*/
max-width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
font-family: "Nunito Sans", sans-serif;
color: #6d7a8c;
font-weight: 400;
text-align: justify;
/* line-height: 1.45em;*/
font-size: 16px;
line-height: 24px;
}
.section-title p br {
display: block;
margin-bottom: 12px;
font-size:2px;
line-height: 2px;
}
.section-title.text-left {
position: relative;
max-width: 100%;
margin-left: 0;
margin-right: 0; }
.section-title.text-left h2 {
max-width: 600px; }
.section-title.text-left p {
margin-left: 0;
margin-right: 0; }
.section-title .btn {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%); }
.contactForm input {
background: #ffffff;
width: 100%;
/* color: #aab5ca; */
color: #1a1a1a;
font-weight: 500;
letter-spacing: 1px;
height: 50px;
padding: 0px 20px 0px 35px;
}
/* form-control */
.form-control {
line-height: initial;
height: 50px;
background-color: #f4f4f4 !important;
color: var(--greenT);
border: none;
box-shadow: unset !important;
transition: 0.5s;
border-radius: 0;
padding-top: 1px;
padding-right: 0;
padding-bottom: 0;
padding-left: 15px;
font-size: 13.5px;
font-weight: 600;
}
.form-control::placeholder { color: #6d7a8c; }
/*================================================
Preloader Area CSS
=================================================*/
.preloader {
display:none;
position: fixed;
width: 100%;
height: 100%;
z-index: 9999999999;
/* background: var(--greenT); */
background: #043d72 !important; /* blue */
top: 0;
left: 0;
}
.preloader .loader {
position: absolute;
top: 43%;
left: 0;
right: 0;
transform: translateY(-43%);
text-align: center;
margin: 0 auto;
width: 50px;
height: 50px; }
.preloader .box {
width: 100%;
height: 100%;
background: #ffffff;
animation: animate .5s linear infinite;
position: absolute;
top: 0;
left: 0;
border-radius: 3px; }
.preloader .shadow {
width: 100%;
height: 5px;
background: #000;
opacity: 0.1;
position: absolute;
top: 59px;
left: 0;
border-radius: 50%;
animation: shadow .5s linear infinite; }
@keyframes loader {
0% {
left: -100px; }
100% {
left: 110%; } }
@keyframes animate {
17% {
border-bottom-right-radius: 3px; }
25% {
transform: translateY(9px) rotate(22.5deg); }
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px; }
75% {
transform: translateY(9px) rotate(67.5deg); }
100% {
transform: translateY(0) rotate(90deg); } }
@keyframes shadow { 50% { transform: scale(1.2, 1); } }
/*================================================
Header Area CSS
=================================================*/
.header-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 999; }
.top-header {
font-family: "Saira", sans-serif;
background-color: transparent;
padding-top: 13px;
padding-bottom: 15px; }
.header-contact-info {
color: #ffffff;
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
position: relative;
top: -1px; }
.header-contact-info li {
display: inline-block;
margin-right: 20px;
padding-left: 0px;
position: relative;
font-size: 16px !important;
}
/*.header-contact-info li .hours { font-size: 13.5px !important; }*/
.header-contact-info li i {
/* color: #ffffff;*/
padding-right: 6px;
/*
display: inline-block;
position: absolute;
left: 0;
top: 3px;
*/
}
.header-contact-info li a { color: #ffffff; }
.header-contact-info li.topTel { font-size: 20px !important; }
.header-contact-info li.topTel .fa-phone-square {
font-size: 22px !important;
text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
/* transform: translateY(5px) translateX(-2px) rotate(90deg);*/
}
.header-contact-info li.topTel .callStatus {
font-family: 'Saira', sans-serif;
letter-spacing: normal;
display: inline;
margin: 0px;
color: #333;
background-color:#fff;
font-weight: 600;
border-radius: 2px 2px 2px 2px;
font-size: 12px;
padding: 1px 6px;
}
.header-contact-info li.topBest { }
.header-contact-info li.topHours { }
.header-contact-info li.topBestNO span {
font-size: 14px !important;
color: #0a6eae;
background-color: #fff;
border-radius: 2px;
padding: 0px 5px;
text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
margin: 0px;
}
.header-contact-info li.topHours a.btnLang {
/* display: block;*/
color: #ffffff;
width: 46px;
height: 46px;
/* line-height: 33px;*/
background-color: rgba(255, 255, 255, 0.2);
/* text-align: center;*/
font-size: 14px;
}
.header-contact-info li.topHours a.btnLang img {
margin: 1px 2px 3px 3px;
}
.header-contact-info li:last-child { margin-right: 0; }
.header-right-content { text-align: right; }
.header-right-content .top-header-social {
padding-left: 0;
margin-bottom: 0;
list-style-type: none; }
.header-right-content .top-header-social li {
display: inline-block;
margin-right: 4px; }
.header-right-content .top-header-social li a {
display: block;
color: #ffffff;
width: 32px;
height: 32px;
line-height: 33px;
/* border-radius: 50%; GRD */
background-color: rgba(255, 255, 255, 0.2);
text-align: center;
font-size: 14px; }
.header-right-content .top-header-social li a:hover {
color: #ffffff;
background-color: #ff6420;
transform: translateY(-5px); }
.header-right-content .top-header-social li:last-child { margin-right: 0; }
/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* klev-menu *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */
/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* klev-menu *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */
/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* klev-menu *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */
.klev-responsive-nav { display: none; }
.klev-nav {
font-family: "Saira", sans-serif;
background-color: rgba(255, 255, 255, 0.2);
}
.klev-nav .navbar { padding: 0px; }
.klev-nav .navbar .navbar-brand {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0; }
.klev-nav .navbar ul {
padding-left: 0;
list-style-type: none;
margin-bottom: 0; }
.klev-nav .navbar .navbar-nav { margin-left: auto; }
.klev-nav .navbar .navbar-nav .nav-item { position: relative; padding: 0; }
.klev-nav .navbar .navbar-nav .nav-item a {
font-size: 18px; /* TOP-MENU */
font-weight: 500;
color: #ffffff;
/* text-transform: capitalize;*/
padding-left: 0;
padding-right: 0;
padding-top: 30px;
padding-bottom: 30px;
margin-left: 15px;
margin-right: 15px; }
.klev-nav .navbar .navbar-nav .nav-item a:hover,
.klev-nav .navbar .navbar-nav .nav-item a:focus,
.klev-nav .navbar .navbar-nav .nav-item a.active { color: #ffffff; }
.klev-nav .navbar .navbar-nav .nav-item a i { font-size: 15px; }
.klev-nav .navbar .navbar-nav .nav-item a i.fa-hand-peace,
.klev-nav .navbar .navbar-nav .nav-item a i.fa-star {
/* color:#666 !important;*/
text-shadow: 1px 1px 2px rgba(0,0,0,.4);
color:var(--greenT) !important;
font-size: 10px;
padding-top:6px;
vertical-align:text-top;
/* rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr */
}
.klev-nav .navbar .navbar-nav .nav-item:last-child a { margin-right: 0; }
.klev-nav .navbar .navbar-nav .nav-item:first-child a { margin-left: 0; }
.klev-nav .navbar .navbar-nav .nav-item:hover a,
.klev-nav .navbar .navbar-nav .nav-item.active a { color: #ffffff; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu {
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
background: #ffffff;
position: absolute;
border: none;
top: 80px;
left: 0;
width: 250px;
z-index: 99;
display: block;
opacity: 0;
visibility: hidden;
border-radius: 0;
transition: all 0.3s ease-in-out;
margin-top: 20px;
padding: 0; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li { padding: 0; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
/* text-transform: capitalize;*/
padding: 13px 20px 11px;
margin: 0;
position: relative;
color:var(--greenT) !important;
background-color: transparent;
border-bottom: 1px dashed #e5e5e5;
font-size: 16px; /* SUB-MENU */
font-weight: 600;
}
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.nav-item-serv {
/* SERVICES-SUB-MENU */
/* padding: 6px 16px 6px; */
padding: 13px 20px 11px;
font-size: 16px !important;
font-weight: 600 !important;
}
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
color: #ffffff !important;
background-color: #ff6420;
/* background: #ff6420 url("../../assets/img/backPat/patV.png") repeat left top !important; */
}
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
left: -250px;
top: 15px;
opacity: 0;
visibility: hidden; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: var(--greenT); }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: #ffffff !important; background-color: #ff6420; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: 220px;
top: 15px;
opacity: 0;
visibility: hidden; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: var(--greenT); }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color: #ffffff !important;
background-color: #ff6420; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: -250px;
top: 15px;
opacity: 0;
visibility: hidden; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: var(--greenT); }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #ffffff; background-color: #ff6420; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: -250px;
top: 15px;
opacity: 0;
visibility: hidden; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: var(--greenT); }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #ffffff; background-color: #ff6420; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: -250px;
top: 15px;
opacity: 0;
visibility: hidden; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: var(--greenT); }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color: #ffffff;
background-color: #ff6420; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: -250px;
top: 15px;
opacity: 0;
visibility: hidden; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: var(--greenT); }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color: #ffffff;
background-color: #ff6420; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color: #ffffff; background-color: #ff6420; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
top: 0; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color: #ffffff;
background-color: #ff6420; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
top: 0; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color: #ffffff;
background-color: #ff6420; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
top: 0; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #ffffff; background-color: #ff6420; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: 0; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #ffffff; background-color: #ff6420; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: 0; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #ffffff; background-color: #ff6420; }
.klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: 0; }
.klev-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
opacity: 1;
visibility: visible;
top: 100%;
margin-top: 0; }
/* =-=-=-==-=-=-==-=-=-= menu-others-option =-=-=-==-=-=-==-=-=-= */
.klev-nav .navbar .others-option { margin-left: 25px; }
.klev-nav .navbar .others-option .option-item {
color: #ffffff;
display: inline-block;
position: relative;
line-height: 1; }
.klev-nav .navbar .others-option .option-item .search-btn {
cursor: pointer;
transition: 0.5s;
color: #ffffff;
font-size: 20px;
font-weight: 600; }
.klev-nav .navbar .others-option .option-item .search-btn:hover { color: #ffffff; }
.klev-nav .navbar .others-option .option-item .close-btn {
cursor: pointer;
display: none;
transition: 0.5s;
width: 20px;
color: #ffffff;
font-size: 18px; }
.klev-nav .navbar .others-option .option-item .close-btn.active { display: block; }
.klev-nav .navbar .others-option .option-item .close-btn:hover { color: #ffffff; }
.klev-nav .navbar .others-option .burger-menu {
margin-left: 20px;
cursor: pointer;
display: inline-block;
font-size: 22px;
color: #ffffff;
transition: 0.5s; }
.klev-nav .navbar .others-option .burger-menu:hover { color: #ffffff; }
.search-overlay { display: none; }
.search-overlay.search-popup {
position: absolute;
top: 100%;
width: 330px;
right: 0;
background: #ffffff;
z-index: 2;
padding: 20px;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
margin-top: 31px; }
.search-overlay.search-popup .search-form { position: relative; }
.search-overlay.search-popup .search-form .search-input {
display: block;
width: 100%;
height: 50px;
line-height: initial;
border: 1px solid #eeeeee;
color: var(--greenT);
outline: 0;
transition: 0.5s;
padding-left: 15px; }
.search-overlay.search-popup .search-form .search-input:focus { border-color: #ff6420; }
.search-overlay.search-popup .search-form .search-button {
position: absolute;
right: 0;
top: 0;
height: 50px;
background: transparent;
border: none;
width: 50px;
outline: 0;
color: #6d7a8c;
transition: 0.5s;
padding: 0; }
.search-overlay.search-popup .search-form .search-button:hover,
.search-overlay.search-popup .search-form .search-button:focus { color: #ff6420; }
/* --- --- --- Sidebar Modal --- --- --- */
.sidebar-modal {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: 0.3s;
overflow: hidden; }
.sidebar-modal .sidebar-modal-inner {
position: absolute;
right: -100%;
top: 0;
width: 30%;
overflow-y: scroll;
height: 100%;
background-color: #ffffff;
transition: 0.5s; /* 1.5s */
z-index: 1;
padding-top: 80px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px; }
.sidebar-modal .sidebar-modal-inner .close-btn {
display: inline-block;
position: absolute;
right: 35px;
top: 20px;
font-size: 14px;
transition: 0.3s;
color: var(--greenT);
cursor: pointer;
width: 35px;
text-align: center;
height: 35px;
border-radius: 25%;
border: 1px solid #eeeeee;
line-height: 34px;
}
.sidebar-modal .sidebar-modal-inner .close-btn:hover {
background-color: red;
border-color: red;
color: #ffffff;
}
.sidebar-modal .sidebar-about-area { margin-bottom: 20px; }
.sidebar-modal .sidebar-about-area .title h2 {
margin-bottom: 12px;
font-size: 22px;
font-weight: 700;
font-family: var(--ff-pr305);
text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.1);
}
.sidebar-modal .sidebar-about-area .title p {
font-size: 15px;
text-align: justify;
}
.sidebar-modal .sidebar-instagram-feed { margin-bottom: 40px; }
.sidebar-modal .sidebar-instagram-feed h2 {
margin-bottom: 25px;
font-size: 20px;
font-weight: 700;
font-family: "Muli", sans-serif;
}
.sidebar-modal .sidebar-instagram-feed ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
list-style-type: none;
margin-left: -5px;
margin-right: -5px;
margin-bottom: 0;
margin-top: -10px; }
.sidebar-modal .sidebar-instagram-feed ul li {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px; }
.sidebar-modal .sidebar-instagram-feed ul li a {
display: block;
position: relative; }
.sidebar-modal .sidebar-instagram-feed ul li a::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000000;
transition: 0.5s;
opacity: 0;
visibility: hidden; }
.sidebar-modal .sidebar-instagram-feed ul li a:hover::before {
opacity: .50;
visibility: visible; }
.sidebar-modal .sidebar-contact-area .sidebar-contact-info { text-align: center; }
.sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content h2 {
margin-bottom: 0;
font-size: 22px;
font-weight: 700;
font-family: "Muli", sans-serif; }
.sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content h2 a { display: inline-block; color: #ff6420; }
.sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content h2 a:hover { color: var(--greenT); }
.sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content h2 a:not(:first-child) { color: var(--greenT); }
.sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content h2 a:not(:first-child):hover { color: #ff6420; }
.sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content h2 span {
display: block;
color: #6d7a8c;
margin-top: 10px;
margin-bottom: 8px;
font-size: 14px;
font-weight: 500; }
.sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content .social {
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
margin-top: 20px; }
.sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content .social li {
display: inline-block;
margin: 0 1px;
padding-left: 0; }
.sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content .social li a {
width: 35px;
height: 35px;
line-height: 33px;
border: 1px solid #dadada;
border-radius: 50%;
color: #aba5a5;
display: block; }
.sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content .social li a i { font-size: 14px; }
.sidebar-modal .sidebar-contact-area .sidebar-contact-info .contact-info-content .social li a:hover {
color: #ffffff;
border-color: #ff6420;
background-color: #ff6420; }
.sidebar-modal::before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: -1;
height: 100%;
transition: 1s; }
.sidebar-modal.active {
opacity: 1;
visibility: visible; }
.sidebar-modal.active .sidebar-modal-inner { right: 0; }
.sidebar-modal.active::before { width: 100%; }
/* =-=-=-=-=-=-=-= navbar =-=-=-=-=-=-=-= */
.navbar-area { transition: 0.5s; }
.navbar-area.is-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.15);
background-color: #043d72 !important;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
/* ******************* navbar-style-two *********************************/
.navbar-area.navbar-style-two {
position: absolute;
left: 0;
top: 30px;
width: 100%;
height: auto;
z-index: 999;
background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav { background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar {
background-color: #ffffff;
box-shadow: -10px 10px rgba(0, 0, 0, 0.05);
transition: 0.5s;
padding-right: 25px;
padding-top: 0;
padding-left: 25px;
padding-bottom: 0; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item a { color: var(--greenT); }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item a:hover,
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item a:focus,
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item a.active { color: #ff6420; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item:hover a,
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item.active a { color: #ff6420; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { color: var(--greenT); }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus { color: #ffffff !important; background-color: #ff6420 !important; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #ff6420; background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: var(--greenT); }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus {
color: #ffffff !important;
background-color: #ff6420 !important; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
color: #ff6420;
background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: var(--greenT) !important; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {
color: #ffffff !important;
background-color: #ff6420 !important; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color: #ff6420;
background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
color: var(--greenT); }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {
color: #ffffff !important;
background-color: #ff6420 !important; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color: #ff6420;
background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
color: var(--greenT); }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {
color: #ffffff !important;
background-color: #ff6420 !important; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color: #ff6420;
background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: var(--greenT); }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {
color: #ffffff !important;
background-color: #ff6420 !important; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color: #ff6420;
background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: var(--greenT); }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {
color: #ffffff !important;
background-color: #ff6420 !important; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color: #ff6420;
background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color: #ff6420;
background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color: #ff6420;
background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color: #ff6420;
background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color: #ff6420;
background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
color: #ff6420;
background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
color: #ff6420;
background-color: transparent; }
.navbar-area.navbar-style-two .klev-nav .navbar .others-option .option-item { color: var(--greenT); }
.navbar-area.navbar-style-two .klev-nav .navbar .others-option .option-item .search-btn { color: var(--greenT); }
.navbar-area.navbar-style-two .klev-nav .navbar .others-option .option-item .search-btn:hover { color: #ff6420; }
.navbar-area.navbar-style-two .klev-nav .navbar .others-option .option-item .close-btn { color: var(--greenT); }
.navbar-area.navbar-style-two .klev-nav .navbar .others-option .option-item .close-btn:hover { color: #ff6420; }
.navbar-area.navbar-style-two .klev-nav .navbar .others-option .burger-menu { color: var(--greenT); }
.navbar-area.navbar-style-two .klev-nav .navbar .others-option .burger-menu:hover { color: #ff6420; }
.navbar-area.navbar-style-two.is-sticky {
position: fixed;
top: 0;
left: 0;
background-color: #ffffff !important; }
.navbar-area.navbar-style-two.is-sticky .klev-nav .navbar {
box-shadow: unset;
padding-left: 0;
padding-right: 0; }
/*================================================
Main Area CSS
=================================================*/
.main-banner {
position: relative;
z-index: 1;
height: 970px;
background-color: #264674;
/* background-color: #95647a; */
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.image-overlay-444 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgb(18,158,178);
background: linear-gradient(150deg,rgba(18,158,178,1) 20%,rgba(133,20,75,1) 80%);
}
.main-banner::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
/* background: linear-gradient(150deg,rgba(18,158,178,1) 20%,rgba(133,20,75,1) 80%);*/
/* background-image: url(../img/banner-shape.png) !important;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
*/
background: rgba(0, 0, 0, 0.6) url("../img/backPat/patV.png") repeat left top !important;
}
.main-banner::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.15);
}
.main-banner-content {
/* max-width: 640px;*/
max-width: 840px; /* el365 */
overflow: hidden;
padding-bottom: 20px;
margin-top: 30px;
}
.main-banner-content .sub-title {
font-family: var(--ff-pr305);
display: block;
/* text-transform: uppercase;*/
color: #fff;
letter-spacing: 0.1rem;
margin-bottom: 8px;
font-weight: 600;
font-size: 28px;
/* text-shadow: 5px 2px 2px rgb(0 0 0 / 20%); */
}
/* ********************* Main-Banner-Content ********************* */
/* *** PILOT *** */
.main-banner-content h1,
.main-banner-content h2 {
font-family: var(--ff-lobster);
font-weight: 600;
}
.main-banner-content h1 {
color: #fff;
font-size: 4rem;
text-shadow: 2px 2px 2px #ff5000;
animation-delay: 1s !important;
}
.main-banner-content h2 {
color: #fffe91;
font-size: 3rem;
text-shadow: 5px 2px 2px rgb(0 0 0 / 40%);
animation-delay: 1.3s !important;
}
.main-banner-content p {
font-family: "Nunito Sans", sans-serif;
/* max-width: 600px;*/
max-width: 720px; /*el365*/
color: #fff;
margin-top: 10px;
margin-bottom: 5px;
font-size: 1rem;
animation-delay: 1.7s !important; }
.main-banner-content .btn-box { margin-top: 20px; position: relative; display: inline-block;
}
.main-banner-content .btn-box .btn-primary { animation-delay: 2.2s !important; margin-right: 25px; }
.main-banner-content .btn-box .btn-primary:hover,
.main-banner-content .btn-box .btn-primary:focus { background: #ffffff !important; color: #130947 !important; }
.main-banner-content .btn-box .btn-primary:hover i,
.main-banner-content .btn-box .btn-primary:focus i { background-color: #ff6420; color: #ffffff; }
.main-banner-content .btn-box .video-btn {
animation-delay: 2.6s !important;
display: inline-block;
color: #ffffff;
position: absolute;
text-transform: uppercase;
top: 2px;
font-weight: 600;
font-size: 16px; }
.main-banner-content .btn-box .video-btn span {
display: inline-block;
margin-left: 10px;
width: 50px;
height: 50px;
line-height: 50px;
position: relative;
z-index: 1;
text-align: center;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.2);
color: #ffffff;
font-size: 20px;
transition: 0.5s;
}
.main-banner-content .btn-box .video-btn span::after,
.main-banner-content .btn-box .video-btn span::before {
content: '';
display: block;
position: absolute;v
top: 0;
right: 0;
z-index: -1;
bottom: 0;
left: 0;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.main-banner-content .btn-box .video-btn span::before { animation: ripple 2s linear infinite; }
.main-banner-content .btn-box .video-btn span::after { animation: ripple 2s linear 1s infinite; }
.main-banner-content .btn-box .video-btn:hover span { background-color: #ffffff; color: var(--greenT); }
.main-banner.banner-section::before { display: none; }
.main-banner.banner-section .main-banner-content { margin-top: 80px; }
.main-banner-content .btn-box .btn-primary:hover,
.main-banner-content .btn-box .btn-primary:focus { background: #fff !important; color: var(--greenT) !important; }
.main-banner-content .btn-box .btn-primary:hover i,
.main-banner-content .btn-box .btn-primary:focus i { background-color: #ff6420; color: #fff; }
.main-banner-content .btn-box .video-btn { color: #fff; }
.main-banner-content .btn-box .video-btn span { background-color: rgba(255, 255, 255, 0.2); color: #ffffff; }
.main-banner-content .btn-box .video-btn span::before,
.main-banner-content .btn-box .video-btn span::after {
/* border-color: rgba(254, 35, 91, 0.2); */
border: 1px solid rgba(255, 255, 255, 0.2);
}
.main-banner-content .btn-box .video-btn:hover { color: #fff; }
.main-banner-content .btn-box .video-btn:hover span { background-color: #ff6420; color: #fff; }
.main-banner.mb-Why { background-image: url(../img/owl-main-banner/iw305-owl-main-01.jpg); }
.main-banner.mb-Season { background-image: url(../img/owl-main-banner/iw305-owl-main-05.jpg); }
.main-banner.mb-Finance { background-image: url(../img/owl-main-banner/iw305-owl-main-02.jpg); }
.main-banner.mb-Energy { background-image: url(../img/owl-main-banner/iw305-owl-main-04.jpg); }
.main-banner.mb-Espanol { background-image: url(../img/owl-main-banner/iw305-owl-main-03.jpg); }
.main-banner.mb-Season h1 { font-size: 3.5rem !important; }
.main-banner.mb-Season h2 { font-size: 3rem !important; }
.main-banner.mb-Why .sub-title { font-size: 2rem !important; }
.main-banner.mb-Why h1 { font-size: 4rem !important; }
.main-banner.mb-Why h2 { font-size: 3rem !important; }
.main-banner.mb-Why p { font-size: 1rem !important; }
@keyframes ripple {
0% { transform: scale(1); }
75% { transform: scale(1.75); opacity: 1; }
100% { transform: scale(2); opacity: 0; }
}
.home-slides.owl-carousel {
display: block !important;
}
.home-slides.owl-theme .owl-nav {
margin-top: 0;
transition: 3s;
opacity: 0;
visibility: hidden;
line-height: .01; }
.home-slides.owl-theme .owl-nav [class*=owl-] {
color: #494949;
margin: 0;
position: absolute;
left: 20px;
top: 50%;
padding: 0;
background: rgb(255,255,255,0.5);
border-radius: 0;
transition: 0.5s;
width: 55px;
height: 55px;
line-height: 56px;
text-align: center;
font-size: 22px;
transform: translateY(-50%);
transition: transform 2s;
}
.home-slides.owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: 20px;
}
.home-slides.owl-theme .owl-nav [class*=owl-]:hover {
/* color: var(--greenD);*/
background: rgb(252,237,2,0.5);
/* transform: rotateY(0deg) rotate(15deg);*/
transition: transform 0.5s;
}
.home-slides.owl-theme:hover .owl-nav {
opacity: 1;
visibility: visible; }
/*================================================
Welcome Area CSS
=================================================*/
#secWelcomeArea { }
.welcomeArea {
padding: 10px 0px 0px;
position: relative;
z-index: 1;
margin-top: -125px;
/* padding-bottom: 100px;*/
/*
-webkit-transform: translate(-50%, 50%) skewY(1deg);
-ms-transform: translate(-50%, 50%) skewY(1deg);
transform: translate(-50%, 50%) skewY(1deg);
*/
}
.welcomeArea .welcome-content {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
background-color: #ffffff;
border-radius: 7px;
padding: 10px 35px 20px;
width: 90%;
transform: skewX(6deg);
z-index: 1;
}
.welcomeArea .welcome-content .sub-title {
display: block;
text-transform: uppercase;
color: #ff6420;
font-weight: 700;
font-size: 16px;
margin-bottom: 4px;
}
.welcomeArea .welcome-content h1 {
font-family: var(--ff-racing);
color: var(--g-2);
font-weight: 600;
text-shadow: 2px 3px 1px rgb(0 0 0 / 10%);
font-size: 34px;
line-height: 28px;
margin-bottom: 8px;
}
.welcomeArea .welcome-content h1 span { color: var(--g-3); }
.welcomeArea .welcome-content h2 {
font-family: var(--ff-saira);
color: var(--g-2);
margin-bottom: 2px;
font-weight: 400;
font-size: 18px;
line-height: 1.75rem;
color: #fff ;
/* text-shadow: 0 1px 1px rgb(0 0 0 / 20%); */
/* text-shadow: 2px 3px 1px rgb(0 0 0 / 5%);*/
border-radius: 3px;
color: #fce302;
background-color: #008938;
/*
background-image: -webkit-linear-gradient(27deg, #17a2b8 0%, #f7a001 100%);
background-image: linear-gradient(57deg, #17a2b8 0%, #f7a001 100%);
*/
}
.welcomeArea .welcome-content p {
font-family: var(--ff-nunito);
margin-top: 5px;
color: #6d7a8c;
font-weight: 500;
text-align: justify;
font-size: 17px;
line-height: 24px;
}
.about-twentytwenty-image {
position: relative;
padding-right: 20px; }
.about-twentytwenty-image .text {
position: absolute;
right: 0;
top: 60%;
transform: translateY(-60%);
border: 8px solid #ffffff;
background-color: #ff6420;
color: #ffffff;
width: 150px;
border-radius: 50%;
text-align: center;
height: 150px;
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
}
.about-twentytwenty-image .text p {
font-family: "Nunito Sans", sans-serif;
color: #ffffff;
line-height: initial;
text-transform: uppercase;
position: absolute;
right: 0;
left: 0;
top: 45%;
transform: translateY(-45%);
font-size: 16px;
font-weight: 700;
}
.about-twentytwenty-image .text p span {
display: inline-block;
font-size: 30px;
}
.about-twentytwenty-image .twentytwenty-overlay { display: none; }
/*================================================
FunFacts Area CSS
=================================================*/
.funfacts-content .sub-title {
display: block;
text-transform: uppercase;
color: #ffffff;
margin-bottom: 8px;
position: relative;
z-index: 1;
font-weight: 700;
font-size: 14px; }
.funfacts-content h2 {
margin-bottom: 0;
color: #ffffff;
line-height: 1.3;
font-size: 42px;
font-weight: 400; }
.single-funfacts { text-align: center; }
.single-funfacts h3 {
color: #ffffff;
margin-bottom: 0;
position: relative;
font-size: 42px;
font-weight: 400; }
.single-funfacts h3 .odometer.odometer-auto-theme,
.single-funfacts h3 .odometer.odometer-theme-default {
font-family: var(--ff-lobster);
}
.single-funfacts h3 sup {
font-family: "Muli", sans-serif;
right: -8px;
top: -20px; }
.single-funfacts p {
margin-top: 5px;
font-size: 16px;
color: #ffffff;
line-height: initial; }
/*================================================
Services Area CSS
=================================================*/
.services-title-content .sub-title {
display: block;
text-transform: uppercase;
color: #ff6420;
margin-bottom: 8px;
position: relative;
z-index: 1;
font-weight: 700;
font-size: 14px; }
.services-title-content h2 {
margin-bottom: 14px;
line-height: 1.3;
font-size: 42px;
font-weight: 400; }
.services-title-content .features-list {
padding-left: 0;
list-style-type: none;
margin-top: 30px;
margin-bottom: 0; }
.services-title-content .features-list li {
position: relative;
margin-bottom: 20px;
color: var(--greenT);
font-weight: 500;
padding-left: 40px; }
.services-title-content .features-list li i {
display: inline-block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
line-height: 32px;
border-radius: 50%;
color: #ff6420;
text-align: center;
font-size: 13px;
background-color: #ffd3de;
transition: 0.5s; }
.services-title-content .features-list li:last-child {
margin-bottom: 0; }
.services-title-content .features-list li:hover i {
background-color: #ff6420;
color: #ffffff; }
.services-title-content .btn {
margin-top: 35px; }
.single-services-box {
background-color: #fafafa;
transition: 0.5s;
padding: 30px; }
.single-services-box h3 {
position: relative;
padding-left: 65px;
line-height: 1.4;
font-size: 20px;
font-weight: 700;
font-family: "Muli", sans-serif; }
.single-services-box h3 i {
color: #ff6420;
display: inline-block;
position: absolute;
left: 0;
font-size: 45px;
top: 3px;
z-index: 1; }
.single-services-box h3 i::after {
position: absolute;
left: -10px;
top: -3px;
z-index: -1;
background-color: #fbd3dd;
width: 55px;
height: 55px;
content: '';
border-radius: 50%; }
.single-services-box h3 i.color-043d72 {
color: #043d72; }
.single-services-box h3 i.color-043d72::after {
background-color: #d4d6de; }
.single-services-box p {
margin-top: 15px; }
.single-services-box .read-more-btn {
display: inline-block;
margin-top: 6px;
color: var(--greenT);
text-transform: uppercase;
font-weight: 700;
font-size: 14px; }
.single-services-box .read-more-btn:hover {
color: #ff6420; }
.single-services-box:hover {
background-color: #ffffff;
border-color: #ffffff !important;
transform: scale(1.05);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
position: relative;
z-index: 1; }
.row .col-lg-6:nth-child(1) .single-services-box { border-right: 1px solid #ff6420; border-bottom: 1px solid #ff6420; }
.row .col-lg-6:nth-child(2) .single-services-box { border-bottom: 1px solid #ff6420; }
.row .col-lg-6:nth-child(3) .single-services-box { border-right: 1px solid #ff6420; }
.row .col-lg-4:nth-child(1) .single-services-box { border-right: 1px solid #ff6420; border-bottom: 1px solid #ff6420; }
.row .col-lg-4:nth-child(2) .single-services-box { border-bottom: 1px solid #ff6420; }
.row .col-lg-4:nth-child(3) .single-services-box { border-left: 1px solid #ff6420; border-bottom: 1px solid #ff6420; }
.row .col-lg-4:nth-child(4) .single-services-box,
.row .col-lg-4:nth-child(5) .single-services-box,
.row .col-lg-4:nth-child(7) .single-services-box,
.row .col-lg-4:nth-child(8) .single-services-box { border-right: 1px solid #ff6420; }
.row .col-lg-4:nth-child(7) .single-services-box { border-top: 1px solid #ff6420; }
.row .col-lg-4:nth-child(8) .single-services-box { border-top: 1px solid #ff6420; }
.row .col-lg-4:nth-child(9) .single-services-box { border-top: 1px solid #ff6420; }
.featured-services-area {
margin-top: -60px;
position: relative;
z-index: 1; }
.featured-services-area .row {
margin-left: 0;
margin-right: 0; }
.featured-services-area .row .col-lg-3 {
padding-left: 0;
padding-right: 0; }
.featured-services-area .row .col-lg-3:nth-child(2) .featured-services-box {
border-left: none; }
.featured-services-area .row .col-lg-3:nth-child(3) .featured-services-box {
border-left: none; }
.featured-services-area .row .col-lg-3:nth-child(4) .featured-services-box {
border-left: none; }
.featured-services-area1::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 50%;
z-index: -1;
height: 100%;
background-color: #043d72; }
.featured-services-box {
background-color: #043d72;
position: relative;
overflow: hidden;
transition: 0.5s;
z-index: 1;
border-left: 1px solid #094780;
border-right: 1px solid #094780;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 30px;
padding-right: 30px; }
.featured-services-box .icon {
transition: 0.5s;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
line-height: 50px;
color: #ff6420;
background-color: #ffffff;
font-size: 25px;
margin-bottom: 22px; }
.featured-services-box h3 {
color: #ffffff;
text-transform: uppercase;
font-size: 20px;
font-weight: 400; }
.featured-services-box p {
color: #ffffff;
margin-top: 8px;
font-size: 15px;
line-height: 1.6; }
.featured-services-box .shape {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: -1;
transition: 0.5s;
opacity: 0;
visibility: hidden; }
.featured-services-box:hover {
transform: scale(1.1); }
.featured-services-box:hover .icon {
background-color: #ff6420;
color: #ffffff; }
.featured-services-box:hover .shape {
opacity: 1;
visibility: visible; }
/*================================================
Services Details Area CSS
=================================================*/
.services-details-header { margin-bottom: 5px; }
.services-details-header h3 {
margin-bottom: 12px;
font-size: 25px;
font-weight: 400; }
.services-details-image-slides {
/* margin-bottom: 35px;*/
margin-bottom: 5px;
}
/*=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-= owl =-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=*/
.caro-services-slides.owl-theme .owl-nav {
opacity: 0;
visibility: hidden;
margin-top: 0;
transition: 0.5s; }
.caro-services-slides.owl-theme .owl-nav [class*=owl-] {
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%);
margin: 0;
padding: 0;
background-color: transparent;
transition: 0.5s;
color: #ffffff;
font-size: 35px; }
.caro-services-slides.owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: 25px; }
.caro-services-slides.owl-theme .owl-nav [class*=owl-]:hover {
color: #ff6420;
background-color: transparent; }
.caro-services-slides.owl-theme .owl-dots {
line-height: .01;
position: absolute;
left: 0;
right: 0;
bottom: 25px;
margin-top: 0; }
.caro-services-slides.owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 2px;
margin: 0 3px;
background-color: #fff;
transition: 0.5s;
border-radius: 0; }
.caro-services-slides.owl-theme .owl-dots .owl-dot:hover span {
background-color: #ff6420; }
.caro-services-slides.owl-theme .owl-dots .owl-dot.active span {
background-color: #ff6420;
width: 25px; }
.caro-services-slides.owl-theme:hover .owl-nav {
opacity: 1;
visibility: visible; }
.services-details-info {
box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
background-color: #ffffff;
padding: 30px;
margin-bottom: 35px; }
.services-details-info h4 {
margin-bottom: 0;
font-size: 20px;
font-weight: 400; }
.services-details-info ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
list-style-type: none;
margin-top: 12px;
margin-bottom: 0;
margin-left: -15px;
margin-right: -15px; }
.services-details-info ul li {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
color: #6d7a8c;
font-weight: 500;
padding-left: 15px;
padding-right: 15px;
padding-top: 8px; }
.services-details-info ul li span {
display: inline-block;
color: #ff6420;
font-weight: 600;
margin-right: 1px; }
.services-details-info ul li a {
display: inline-block;
color: #6d7a8c;
margin-right: 6px; }
.services-details-info ul li a:last-child {
margin-right: 0; }
.services-details-info ul li a:hover {
color: #ff6420; }
.services-details-desc h3 {
margin-bottom: 12px;
font-size: 25px;
font-weight: 400; }
.services-details-desc .features-list {
padding-left: 0;
list-style-type: none;
margin-top: 25px;
margin-bottom: 0; }
.services-details-desc .features-list li {
position: relative;
color: #6d7a8c;
font-size: 16px;
margin-bottom: 15px;
padding-left: 25px;
line-height: 1.8; }
.services-details-desc .features-list li i {
color: #ff6420;
position: absolute;
left: 0;
top: 8px; }
.services-details-desc .features-list li:last-child {
margin-bottom: 0; }
.services-details-desc .services-details-pricing {
box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
background-color: #ffffff;
padding: 30px;
margin-top: 30px;
margin-bottom: 35px; }
.services-details-desc .services-details-pricing .pricing-content h4 {
margin-bottom: 0;
font-size: 20px;
font-weight: 400; }
.services-details-desc .services-details-pricing .pricing-content ul {
padding-left: 0;
list-style-type: none;
margin-top: 20px;
margin-bottom: 0; }
.services-details-desc .services-details-pricing .pricing-content ul li {
position: relative;
z-index: 1;
overflow: hidden;
margin-bottom: 10px;
background-color: #fafafa;
padding: 7px 10px;
color: var(--greenT);
font-size: 15px;
transition: 0.5s; }
.services-details-desc .services-details-pricing .pricing-content ul li span {
float: right;
color: #ff6420;
transition: 0.5s; }
.services-details-desc .services-details-pricing .pricing-content ul li::before {
width: 0;
height: 100%;
content: '';
position: absolute;
transition: 0.5s;
left: 0;
top: 0;
z-index: -1;
background-color: #ff6420; }
.services-details-desc .services-details-pricing .pricing-content ul li:last-child {
margin-bottom: 0; }
.services-details-desc .services-details-pricing .pricing-content ul li:hover {
color: #ffffff; }
.services-details-desc .services-details-pricing .pricing-content ul li:hover span {
color: #ffffff; }
.services-details-desc .services-details-pricing .pricing-content ul li:hover::before {
width: 100%; }
.services-details-desc .services-details-footer-image {
margin-top: 20px; }
.services-details-desc .services-details-footer-features {
margin-top: 20px; }
.services-details-desc .services-details-footer-features ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none; }
.services-details-desc .services-details-footer-features ul li {
color: #6d7a8c;
margin-bottom: 13px;
position: relative;
padding-left: 29px; }
.services-details-desc .services-details-footer-features ul li i {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ff6420;
color: #ffffff;
line-height: 20px;
font-size: 10px;
text-align: center;
display: inline-block;
position: absolute;
left: 0;
top: 2.5px; }
.services-details-desc .services-details-footer-features ul li:last-child {
margin-bottom: 0; }
.klev-post-navigation {
overflow: hidden;
margin-top: 35px;
padding-top: 25px;
padding-bottom: 25px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee; }
.prev-link-wrapper {
float: left; }
.prev-link-wrapper a {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
.prev-link-wrapper a:hover .image-prev::after {
opacity: 1;
visibility: visible; }
.prev-link-wrapper a:hover .image-prev .post-nav-title {
opacity: 1;
visibility: visible; }
.prev-link-wrapper .image-prev {
display: inline-block;
min-width: 100px;
min-height: 100px;
border-radius: 5px;
overflow: hidden;
vertical-align: top;
margin-right: 20px;
position: relative;
transition: 0.5s; }
.prev-link-wrapper .image-prev img {
border-radius: 5px;
width: 100px;
height: 100px; }
.prev-link-wrapper .image-prev::after {
display: block;
content: '';
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
opacity: 0;
background-color: #ff6420;
visibility: hidden;
transition: 0.5s; }
.prev-link-wrapper .image-prev .post-nav-title {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
right: 0;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
z-index: 2;
color: #ffffff;
opacity: 0;
visibility: hidden;
transition: 0.5s;
font-size: 16px;
font-weight: 700; }
.prev-link-wrapper .prev-link-info-wrapper {
color: var(--greenT); }
.prev-link-wrapper .prev-title {
max-width: 210px;
display: inline-block;
font-weight: 800;
font-size: 17px; }
.prev-link-wrapper .meta-wrapper {
display: block;
color: #6d7a8c;
text-transform: capitalize;
margin-top: 5px;
font-weight: 500;
font-size: 14px; }
.next-link-wrapper {
float: right;
text-align: right; }
.next-link-wrapper a {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
.next-link-wrapper a:hover .image-next::after {
opacity: 1;
visibility: visible; }
.next-link-wrapper a:hover .image-next .post-nav-title {
opacity: 1;
visibility: visible; }
.next-link-wrapper .image-next {
display: inline-block;
min-width: 100px;
min-height: 100px;
border-radius: 5px;
overflow: hidden;
vertical-align: top;
margin-left: 20px;
position: relative;
transition: 0.5s; }
.next-link-wrapper .image-next img {
border-radius: 5px;
width: 100px;
height: 100px; }
.next-link-wrapper .image-next::after {
display: block;
content: '';
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
opacity: 0;
background-color: #ff6420;
visibility: hidden;
transition: 0.5s; }
.next-link-wrapper .image-next .post-nav-title {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
right: 0;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
z-index: 2;
color: #ffffff;
opacity: 0;
visibility: hidden;
transition: 0.5s;
font-size: 16px;
font-weight: 700; }
.next-link-wrapper .next-link-info-wrapper {
color: var(--greenT); }
.next-link-wrapper .next-title {
max-width: 210px;
display: inline-block;
font-weight: 800;
font-size: 17px; }
.next-link-wrapper .meta-wrapper {
display: block;
color: #6d7a8c;
text-transform: capitalize;
margin-top: 5px;
font-weight: 500;
font-size: 14px; }
/*================================================
Why Choose Us Area CSS
=================================================*/
.why-choose-us-area {
overflow: hidden;
padding:0px 0px;
box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
}
why-choose-us-content {
padding-top: 15px;
}
.why-choose-us-area .container-fluid { padding-left: 0; padding-right: 0; }
.why-choose-us-area .container-fluid .row { margin-left: 0; margin-right: 0; }
.why-choose-us-area .container-fluid .row .col-lg-6 { padding-left: 0; padding-right: 0; }
.why-choose-us-content {
background-color: var(--green2);
background-image: url("../img/bg-green.jpg");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 40px 30px;
}
.why-choose-us-content .content {
max-width: 630px;
margin-left: auto;
padding-right: 20px; }
.why-choose-us-content .sub-title {
display: block;
/* text-transform: uppercase;*/
color: #ffffff;
margin-bottom: 8px;
position: relative;
z-index: 1;
font-weight: 600;
font-size: 20px;
}
.why-choose-us-content h2 {
margin-bottom: 4px;
color: var(--greenY);
font-size: 42px;
font-weight: 400;
/* font-family: var(--ff-lobster);*/
letter-spacing: 1.2px;
text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.4);
}
.why-choose-us-content p { color: #ffffff;
margin-bottom: 4px;
}
.why-choose-us-content .features-list {
padding-left: 0;
list-style-type: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -5px;
margin-bottom: 0;
margin-right: -15px;
margin-left: -15px;
}
.why-choose-us-content .features-list li {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px; }
.why-choose-us-content .features-list li div {
color: #ffffff;
position: relative; }
.why-choose-us-content .features-list li div i {
display: inline-block;
width: 35px;
height: 35px;
line-height: 50px;
text-align: center;
background-color: #ffffff;
border-radius: 50%;
color: #ff6420;
font-size: 20px;
transition: 0.5s; }
.why-choose-us-content .features-list li div span {
color: #6d7a8c;
text-transform: uppercase;
display: block;
margin-top: 16px;
margin-bottom: 7px;
font-size: 17px;
font-weight: 800; }
.why-choose-us-content .features-list li div:hover i {
background-color: #ff6420;
color: #ffffff; }
/*********** why-choose-us-content *************/
.why-choose-us-content .features-list-all {
padding-left: 0;
list-style-type: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 15px;
margin-bottom: 0;
margin-right: -10px;
margin-left: -10px;
}
.why-choose-us-content .features-list-all li {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
font-weight: 500;
font-family: var(--ff-advent);
font-size: 18px;
}
.why-choose-us-content .features-list-all li span {
display: block;
/* color: #6d7a8c;*/
color: #fff;
position: relative;
padding-left: 25px;
}
.why-choose-us-content .features-list-all li span i {
color: #fffd94;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: 0.5s;
}
.why-choose-us-content.bg-white {
padding-top: 0;
background-color: #ffffff;
background-image: unset !important; }
.why-choose-us-content.bg-white .content { max-width: 525px; }
.why-choose-us-content.bg-white .sub-title { color: #ff6420; }
.why-choose-us-content.bg-white h2 { color: var(--greenT); }
.why-choose-us-content.bg-white p { color: #6d7a8c; }
.why-choose-us-content.bg-white .features-list li div { color: #6d7a8c; }
.why-choose-us-content.bg-white .features-list li div i {
background-color: #ff6420;
color: #ffffff; }
.why-choose-us-content.bg-white .features-list li div span { color: var(--greenT); }
.why-choose-us-content.bg-white .features-list li div:hover i {
background-color: var(--greenT);
color: #ffffff; }
.why-choose-us-image {
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.why-choose-us-image img { width: auto !important; display: none !important; }
.why-choose-us-image.bg21 { background-image: url(../img/owl-WhyUs/iw305-owl-wu-10.jpg); }
.why-choose-us-image.bg22 { background-image: url(../img/owl-WhyUs/iw305-owl-wu-20.jpg); }
.why-choose-us-image.bg23 { background-image: url(../img/owl-WhyUs/iw305-owl-wu-30.jpg); }
.why-choose-us-image.bg24 { background-image: url(../img/owl-WhyUs/iw305-owl-wu-40.jpg); }
.why-choose-us-image.bg25 { background-image: url(../img/owl-WhyUs/iw305-owl-wu-50.jpg); }
.why-choose-us-image.bg26 { background-image: url(../img/owl-WhyUs/iw305-owl-wu-60.jpg); }
.why-choose-us-slides {
height: 100%; }
.why-choose-us-slides .owl-stage-outer {
width: 100%;
height: 100%; }
.why-choose-us-slides .owl-stage-outer .owl-stage {
height: 100%; }
.why-choose-us-slides .owl-stage-outer .owl-stage .owl-item {
height: 100%; }
.why-choose-us-slides.owl-theme .owl-nav {
opacity: 0;
visibility: hidden;
margin-top: 0;
transition: 0.5s; }
.why-choose-us-slides.owl-theme .owl-nav [class*=owl-] {
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%);
margin: 0;
padding: 0;
background-color: transparent;
transition: 0.5s;
color: #ffffff;
font-size: 35px; }
.why-choose-us-slides.owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: 25px; }
.why-choose-us-slides.owl-theme .owl-nav [class*=owl-]:hover {
color: #ff6420;
background-color: transparent; }
.why-choose-us-slides.owl-theme .owl-dots {
line-height: .01;
position: absolute;
left: 0;
right: 0;
bottom: 25px;
margin-top: 0; }
.why-choose-us-slides.owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 2px;
margin: 0 3px;
background-color: var(--greenT);
transition: 0.5s;
border-radius: 0; }
.why-choose-us-slides.owl-theme .owl-dots .owl-dot:hover span {
background-color: #ff6420; }
.why-choose-us-slides.owl-theme .owl-dots .owl-dot.active span {
background-color: #ff6420;
width: 25px; }
.why-choose-us-slides.owl-theme:hover .owl-nav {
opacity: 1;
visibility: visible; }
.divider {
position: absolute;
/* z-index: 1;*/
top: 0;
height: 100%;
width: 5vw;
max-width: 72px;
left: -1px;
pointer-events: none;
/* yyyyyyyyyyyyyyyyyyyyyyyyyyyy*/
-webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,99 50,99 C66.6666667,99 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff' fill-rule='evenodd' transform='translate(50.000000, 50.000000) rotate(-90.000000) translate(-50.000000, -50.000000)' /%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,99 50,99 C66.6666667,99 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff' fill-rule='evenodd' transform='translate(50.000000, 50.000000) rotate(-90.000000) translate(-50.000000, -50.000000)' /%3e%3c/svg%3e");
-webkit-mask-size: 100% 101%;
mask-size: 100% 101%;
/* background-color: #043d72;*/
/* background-color: #0b5e47;*/
background-color: var(--green2);
transform: scaleX(-1);
z-index: 2; }
.divider.bg-white {
background-color: #ffffff; }
/*================================================
Doctor Area CSS
=================================================*/
.doctor-area {
background-color: #ffffff;
background-image: url(../img/bg-white.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.doctor-area.bg-image {
background-color: #043d72;
background-image: url(../img/feedback-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.doctor-area.bg-image .section-title .sub-title { color: #ffffff; }
.doctor-area.bg-image .section-title h2 { color: #ffffff; }
.doctor-area.extra-pb { padding-bottom: 225px; }
.single-doctor-box {
margin-bottom: 30px;
text-align: center;
background-color: #ffffff;
box-shadow: 0 0 40px rgba(82, 85, 90, 0.1); }
.single-doctor-box .image {
border-radius: 0 0 0 50px; }
.single-doctor-box .image img {
border-radius: 0 0 0 50px; }
.single-doctor-box .content {
padding: 25px; }
.single-doctor-box .content h3 {
margin-bottom: 0;
font-size: 19px;
font-weight: 400; }
.single-doctor-box .content span {
display: block;
margin-top: 7px;
color: #ff6420; }
.single-doctor-box .content .social {
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
margin-top: 15px; }
.single-doctor-box .content .social li {
display: inline-block;
margin-left: 5px;
margin-right: 5px; }
.single-doctor-box .content .social li a {
color: #bebaba;
font-size: 17px;
display: inline-block; }
.single-doctor-box .content .social li a:hover {
color: #ff6420; }
.doctor-slides.owl-theme .owl-nav.disabled + .owl-dots {
line-height: .01;
margin-top: 20px;
margin-bottom: 30px; }
.doctor-slides.owl-theme .owl-dots .owl-dot span {
width: 12px;
height: 12px;
margin: 0 4px;
background: #fbb7c9;
transition: 0.5s;
border-radius: 50%; }
.doctor-slides.owl-theme .owl-dots .owl-dot.active span, .doctor-slides.owl-theme .owl-dots .owl-dot:hover span {
background-color: #ff6420; }
/*================================================
CTA Area CSS
=================================================*/
.cta-area {
position: relative;
z-index: 1;
background-color: #ff6420;
background-image: url(../img/cta-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
/* ******** todo:change to cover1rev, etc ****** */
.cta-area::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: url(../img/bg-overlay.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.cta-content {
max-width: 415px; }
.cta-content .icon {
font-size: 50px;
color: #ffffff;
margin-bottom: 8px; }
.cta-content h2 {
color: #ffffff;
line-height: 1.3;
font-size: 42px;
font-weight: 400; }
.cta-content p {
color: #ffffff;
margin-top: 12px; }
.cta-content .call-us {
display: inline-block;
color: #ffffff;
margin-top: 10px;
font-size: 35px;
font-weight: 400;
font-family: var(--ff-changa);
}
.cta-content .call-us:hover {
color: #ff6420; }
/*================================================
Pricing Area CSS
=================================================*/
.single-pricing-box {
margin-bottom: 30px;
background-color: #ffffff;
box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
border-radius: 5px;
padding-bottom: 40px; }
.single-pricing-box .pricing-header {
background-color: var(--greenT);
border-radius: 5px 5px 0 0;
position: relative;
text-align: center;
z-index: 1;
overflow: hidden;
padding-top: 70px;
padding-bottom: 80px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.single-pricing-box .pricing-header::before {
content: '';
position: absolute;
left: 0;
z-index: -1;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px;
background-color: var(--greenT);
opacity: .65; }
.single-pricing-box .pricing-header h3 {
margin-bottom: 0;
color: #ffffff;
position: relative;
z-index: 1;
text-transform: uppercase;
font-weight: 400;
font-size: 25px; }
.single-pricing-box .pricing-header::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 105px;
width: 100%;
background-image: url(../img/pricing-shape.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.single-pricing-box .price {
color: var(--greenT);
margin-top: 20px;
padding-left: 50px;
padding-right: 50px;
font-size: 42px;
font-weight: 800; }
.single-pricing-box .price sub {
text-transform: lowercase;
bottom: 2px;
font-weight: 400;
font-size: 18px; }
.single-pricing-box .book-now-btn {
margin-top: 20px;
padding-left: 50px;
padding-right: 50px; }
.single-pricing-box .pricing-features-list {
list-style-type: none;
text-align: left;
margin-bottom: 0;
margin-top: 40px;
padding-left: 50px;
padding-right: 50px; }
.single-pricing-box .pricing-features-list li {
color: #6d7a8c;
margin-bottom: 13px;
font-size: 16px;
font-weight: 400; }
.single-pricing-box .pricing-features-list li i {
color: #ff6420;
margin-right: 4px; }
.single-pricing-box .pricing-features-list li:last-child {
margin-bottom: 0; }
/*================================================
Feedback Area CSS
=================================================*/
.feedback-area {
background-color: #043d72;
background-image: url(../img/feedback-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.feedback-area .section-title .sub-title {
color: #ffffff; }
.feedback-area .section-title h2 {
color: #ffffff; }
.single-feedback-item {
text-align: center;
position: relative;
margin-bottom: 30px;
padding-top: 90px; }
.single-feedback-item::before {
content: "\f114";
width: 65px;
height: 65px;
line-height: 65px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 0;
border-radius: 0 0 0 30px;
color: #ffffff;
background-color: #ff6420;
font-family: Flaticon;
font-style: normal;
font-size: 30px; }
.single-feedback-item p {
color: #dddddd;
margin-bottom: 0;
font-size: 20px;
font-style: italic; }
.single-feedback-item .client-info {
margin-top: 30px; }
.single-feedback-item .client-info h4 {
text-transform: uppercase;
color: #ffffff;
display: block;
margin-top: 0;
font-size: 17px;
font-weight: 800;
font-family: "Muli", sans-serif; }
.single-feedback-item .client-info span {
color: #ffffff;
display: block;
margin-top: 5px; }
.feedback-slides.owl-theme {
max-width: 720px;
margin-left: auto;
margin-right: auto; }
.feedback-slides.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 0;
line-height: .01; }
.feedback-slides.owl-theme .owl-dots .owl-dot span {
width: 12px;
height: 12px;
margin: 0 4px;
background: #ffffff;
transition: 0.5s;
border-radius: 50%; }
.feedback-slides.owl-theme .owl-dots .owl-dot.active span, .feedback-slides.owl-theme .owl-dots .owl-dot:hover span {
background-color: #ff6420; }
.testimonial-slides {
position: relative; }
.testimonial-slides .client-feedback {
position: relative; }
.testimonial-slides .client-feedback .single-feedback {
text-align: center;
position: relative;
margin-bottom: 35px;
padding-top: 75px; }
.testimonial-slides .client-feedback .single-feedback p {
position: relative;
max-width: 750px;
line-height: 1.5;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
font-size: 25px;
font-weight: normal;
font-style: italic; }
.testimonial-slides .client-feedback .single-feedback::before {
position: absolute;
left: 0;
right: 0;
content: "\f114";
top: 0;
color: #ff6420;
display: inline-block;
margin-top: -27px;
margin-left: auto;
margin-right: auto;
font-size: 70px;
font-family: Flaticon;
font-style: normal; }
.testimonial-slides .client-thumbnails {
position: relative;
max-width: 450px;
z-index: 1;
margin-left: auto;
margin-right: auto; }
.testimonial-slides .client-thumbnails .item .img-fill {
cursor: pointer;
position: relative;
text-align: center; }
.testimonial-slides .client-thumbnails .item .img-fill img {
opacity: 0.7;
transition: 0.5s;
display: inline-block;
position: relative;
border-radius: 50%;
width: 85px;
transform: scale(0.9); }
.testimonial-slides .client-thumbnails .item .title {
opacity: 0;
visibility: hidden;
transition: 0.5s;
margin: 20px -100px 0;
text-align: center; }
.testimonial-slides .client-thumbnails .item .title h3 {
margin-bottom: 0;
text-transform: uppercase;
font-size: 18px;
font-weight: 800;
font-family: "Muli", sans-serif; }
.testimonial-slides .client-thumbnails .item .title span {
display: block;
color: #ff6420;
font-size: 14px;
margin-top: 8px; }
.testimonial-slides .client-thumbnails .item.slick-center .title {
opacity: 1;
visibility: visible; }
.testimonial-slides .client-thumbnails .item.slick-center .img-fill img {
opacity: 1;
transform: scale(1); }
.testimonial-slides .next-arrow, .testimonial-slides .prev-arrow {
position: absolute;
cursor: pointer;
top: 50%;
transform: translateY(-50%);
background: transparent;
border: none;
color: #bcbcbc;
z-index: 1;
border-radius: 50%;
outline: 0 !important;
transition: 0.5s;
opacity: 0;
font-size: 25px;
visibility: hidden; }
.testimonial-slides .next-arrow:hover, .testimonial-slides .prev-arrow:hover {
color: #ff6420; }
.testimonial-slides .next-arrow {
right: -20px; }
.testimonial-slides .prev-arrow {
left: -20px; }
.testimonial-slides:hover .next-arrow, .testimonial-slides:hover .prev-arrow {
opacity: 1;
visibility: visible; }
.testimonial-slides .slick-list {
padding-left: 0 !important;
padding-right: 0 !important; }
/*================================================
Insurance Area CSS
=================================================*/
.insurance-area { padding: 20px 0px 10px; }
.single-owl-item { text-align: center; }
.single-owl-item a { display: block; }
.single-owl-item a img {
width: auto !important;
display: inline-block !important;
}
/*================================================
Blog Area CSS
=================================================*/
.single-blog-post {
margin-bottom: 30px;
background-color: #ffffff;
box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11); }
.single-blog-post .post-image {
position: relative;
overflow: hidden; }
.single-blog-post .post-image a {
display: block; }
.single-blog-post .post-image a img {
transition: 0.5s; }
.single-blog-post .post-image .date {
position: absolute;
left: 0;
bottom: 0;
background-color: #ffffff;
border-radius: 0 5px 0 0;
padding: 10px 25px 0;
z-index: 1;
font-size: 14px;
font-weight: 300; }
.single-blog-post .post-image .date i {
color: #ff6420;
margin-right: 2px; }
.single-blog-post .post-content {
padding: 25px; }
.single-blog-post .post-content h3 {
margin-bottom: 12px;
line-height: 1.4;
font-size: 20px;
font-weight: 700;
font-family: "Muli", sans-serif; }
.single-blog-post .post-content h3 a {
display: inline-block; }
.single-blog-post .post-content p {
margin-bottom: 0; }
.single-blog-post .post-content .read-more-btn {
display: inline-block;
margin-top: 20px;
color: var(--greenT);
text-transform: uppercase;
font-weight: 700;
font-size: 13.5px; }
.single-blog-post .post-content .read-more-btn:hover {
color: #ff6420; }
.single-blog-post:hover .post-image a img {
transform: scale(1.3) rotate(4deg); }
.blog-notes {
margin-top: 10px;
text-align: center; }
.blog-notes p {
line-height: initial; }
.blog-notes p a {
display: inline-block;
color: #ff6420; }
.blog-notes p a:hover {
color: var(--greenT); }
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= secAboutAreaMore =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
.gradText {
background-color: #107b9b;
background-image: linear-gradient(45deg,#09447e,#15827f);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}
#secAboutAreaMore {}
.gradTGreen {
background-color: var(--greenT);;
background-image: -webkit-linear-gradient(-277deg, #17b854 0%, #03623c 100%);
background-image: -o-linear-gradient(-277deg, #17b854 0%, #03623c 100%);
background-image: linear-gradient(-7deg, #17b854 0%, #03623c 100%);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
text-shadow: 2px 3px 1px rgb(0 0 0 / 10%);
}
.gradTGray {
background-color: var(--greenT);;
/* background-image: -webkit-linear-gradient(7deg, #2f3944 0%, #555657 100%);*/
background-image: -webkit-linear-gradient(187deg, #838c93 0%, #5b6366 100%);
background-image: -o-linear-gradient(187deg, #838c93 0%, #5b6366 100%);
background-image: linear-gradient(277deg, #838c93 0%, #5b6366 100%);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
text-shadow: 2px 3px 1px rgb(0 0 0 / 5%);
}
.about-area-more { padding: 15px 10px 20px; }
.blog--details--desc .article--content { margin-top: 0px !important; }
.blog--details--desc .article--content h3 {
font-family: var(--ff-pr305);
/* color: #006aae !important;*/
color: var(--greenD);
margin-left:15px;
margin-bottom: 15px;
margin-top: 15px;
font-size: 23px;
font-weight: 400;
}
.blog--details--desc .article--content p {
/* font-family: "Nunito Sans", sans-serif;*/
color: #6d7a8c;
font-weight: 400;
margin-top: 8px;
text-align: justify;
font-size: 16px;
/* line-height: 1.45em;*/
line-height: 24px;
}
.blog--details--desc .article--content p:first-child { margin-top: 0; }
.blog--details--desc .article--content ul.features--list {
font-size: 14px;
/* line-height: 24px;*/
text-align: justify;
padding-left: 0;
margin-bottom: 20px;
margin-left:15px;
list-style-type: none; }
.blog--details--desc .article--content .features--list li {
margin-bottom: 16px;
position: relative;
padding-left: 34px;
color: #6d7a8c; }
.blog--details--desc .article--content .features--list li i {
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
transition: 0.5s;
display: inline-block;
font-size: 11px;
position: absolute;
left: 0;
/* top: 5px;*/
background-color: #ff6420 !important;
color: #fff !important;
}
.blog--details--desc .article--content .features--list li i.single {
top: -2px !important;
}
.blog--details--desc .article--content .features--list.rounded li i {
border-radius: 5px 10px 10px 5px !important;
color: #fff !important;
background-image: -webkit-linear-gradient(67deg, #066f3f 0%, #05a101 100%);
background-image: -o-linear-gradient(67deg, #066f3f 0%, #05a101 100%);
background-image: linear-gradient(157deg, #066f3f 0%, #05a101 100%);
}
.blog--details--desc .article--content .features--list li i:hover {
background-color: #ff6420;
color: #ffffff;
/* background-color: var(--greenT); */
}
.blog--details--desc .article--content .features--list li:last-child { margin-bottom: 0; }
.widget--area .widget { margin-top: 35px; }
.widget--area .widget:first-child { margin-top: 0; }
.widget--area .widget .widget-title {
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
margin-bottom: 25px;
text-transform: capitalize;
position: relative;
font-weight: 700;
font-size: 20px;
color: #006aae !important;
font-family: "Nunito Sans", sans-serif;
}
.widget--area .widget .widget-title::before {
content: '';
position: absolute;
background: #ff6420;
bottom: -1px;
left: 0;
width: 50px;
height: 1px; }
.widget--area .widget_tag_cloud .widget-title { margin-bottom: 12px; }
.widget--area .tagcloud a {
display: inline-block;
color: #6d7a8c;
font-weight: 600;
font-size: 13.5px !important;
padding: 6px 13px;
border: 1px dashed #eeeeee;
margin-top: 8px;
margin-right: 4px; }
.widget--area .tagcloud a:hover,
.widget--area .tagcloud a:focus {
color: #ffffff;
background-color: #ff6420;
border-color: #ff6420; }
/*TO BE DELETED = NOT USED*/
/*TODO*/
/*================================================
Blog Details Area CSS
=================================================*/
.blog-details-area { padding: 15px 10px 20px; }
.blog-details-desc .article-content { margin-top: 0px !important; }
.blog-details-desc .article-content .entry-meta { margin-bottom: -8px; }
.blog-details-desc .article-content .entry-meta ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none; }
.blog-details-desc .article-content .entry-meta ul li {
position: relative;
display: inline-block;
color: var(--greenT);
margin-right: 20px; }
.blog-details-desc .article-content .entry-meta ul li a {
display: inline-block;
color: #6d7a8c; }
.blog-details-desc .article-content .entry-meta ul li a:hover { color: #ff6420; }
.blog-details-desc .article-content .entry-meta ul li i {
color: #ff6420;
margin-right: 3px; }
.blog-details-desc .article-content .entry-meta ul li::before {
content: '';
position: absolute;
top: 12px;
right: -15px;
width: 6px;
height: 1px;
background: #ff6420; }
.blog-details-desc .article-content .entry-meta ul li:last-child { margin-right: 0; }
.blog-details-desc .article-content .entry-meta ul li:last-child::before { display: none; }
.blog-details-desc .article-content h3 {
margin-bottom: 15px;
margin-top: 15px;
font-size: 23px;
font-weight: 400; }
.blog-details-desc .article-content p {
/* font-family: "Nunito Sans", sans-serif;*/
color: #6d7a8c;
font-weight: 400;
margin-top: 12px;
text-align: justify;
font-size: 14px;
line-height: 1.45em;
}
.blog-details-desc .article-content p:first-child {
margin-top: 0;
}
.blog-details-desc .article-content .wp-block-gallery.columns-3 {
padding-left: 0;
list-style-type: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
margin-bottom: 30px;
margin-top: 30px; }
.blog-details-desc .article-content .wp-block-gallery.columns-3 li {
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
max-width: 33.3333%;
padding-right: 10px;
padding-left: 10px; }
.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
margin-bottom: 0; }
.blog-details-desc .article-content .features-list {
padding-left: 0;
list-style-type: none;
margin-top: 25px;
margin-bottom: 30px; }
.blog-details-desc .article-content .features-list li {
margin-bottom: 16px;
position: relative;
padding-left: 34px;
color: #6d7a8c; }
.blog-details-desc .article-content .features-list li i {
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
transition: 0.5s;
display: inline-block;
font-size: 11px;
position: absolute;
left: 0;
top: -2px;
/*
background-color: #faf5f5;
color: #ff6420;
*/
background-color: #ff6420 !important;
color: #fff !important;
}
.blog-details-desc .article-content .features-list li i:hover {
background-color: #ff6420;
color: #ffffff;
/* background-color: var(--greenT); */
}
.blog-details-desc .article-content .features-list li:last-child {
margin-bottom: 0; }
.blog-details-desc .article-footer {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px; }
.blog-details-desc .article-footer .article-tags {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
color: #6d7a8c; }
.blog-details-desc .article-footer .article-tags span {
display: inline-block;
color: var(--greenT);
font-size: 20px;
margin-right: 5px;
position: relative;
top: 2px; }
.blog-details-desc .article-footer .article-tags a {
display: inline-block;
color: #6d7a8c; }
.blog-details-desc .article-footer .article-tags a:hover {
color: #ff6420; }
.blog-details-desc .article-footer .article-share {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%; }
.blog-details-desc .article-footer .article-share .social {
padding-left: 0;
list-style-type: none;
text-align: right;
margin-bottom: 0; }
.blog-details-desc .article-footer .article-share .social li {
display: inline-block; }
.blog-details-desc .article-footer .article-share .social li span {
display: inline-block;
margin-right: 2px;
font-weight: 500;
color: #6d7a8c; }
.blog-details-desc .article-footer .article-share .social li a {
display: block;
color: #ff6420;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 50%;
background-color: #eeeef0;
text-align: center;
font-size: 14px; }
.blog-details-desc .article-footer .article-share .social li a:hover {
color: #ffffff;
background-color: #ff6420;
transform: translateY(-2px); }
.comments-area {
padding: 25px;
margin-top: 30px;
box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
background-color: #ffffff; }
.comments-area .comments-title {
position: relative;
margin-bottom: 30px;
line-height: initial;
font-size: 23px;
font-weight: 400; }
.comments-area .comments-title::before {
content: '';
height: 25px;
width: 3px;
left: -25px;
position: absolute;
background: #ff6420;
top: 50%;
transform: translateY(-50%); }
.comments-area ol, .comments-area ul {
padding: 0;
margin: 0;
list-style-type: none; }
.comments-area .comment-list {
padding: 0;
margin: 0;
list-style-type: none; }
.comments-area .children {
margin-left: 20px; }
.comments-area .comment-body {
border-bottom: 1px solid #eeeeee;
padding-left: 65px;
color: var(--greenT);
font-size: 14px;
margin-bottom: 20px;
padding-bottom: 20px; }
.comments-area .comment-body .reply {
margin-top: 15px; }
.comments-area .comment-body .reply a {
border: 1px solid #ded9d9;
color: var(--greenT);
display: inline-block;
padding: 6px 20px;
border-radius: 30px;
text-transform: uppercase;
position: relative;
z-index: 1;
font-size: 13px;
font-weight: 700; }
.comments-area .comment-body .reply a:hover {
color: #ffffff;
background-color: #ff6420;
border-color: #ff6420; }
.comments-area .comment-body p {
font-size: 14px; }
.comments-area .comment-author {
font-size: 15px;
margin-bottom: 0.3em;
position: relative;
z-index: 2; }
.comments-area .comment-author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px; }
.comments-area .comment-author .fn {
font-weight: 400;
font-family: var(--ff-changa);
}
.comments-area .comment-author .says {
display: none; }
.comments-area .comment-metadata {
margin-bottom: .8em;
color: #6d7a8c;
letter-spacing: 0.01em;
text-transform: uppercase;
font-size: 13px;
font-weight: 400; }
.comments-area .comment-metadata a {
color: #6d7a8c; }
.comments-area .comment-metadata a:hover {
color: #ff6420; }
.comments-area .comment-respond {
margin-top: 30px; }
.comments-area .comment-respond .comment-reply-title {
margin-bottom: 0;
position: relative;
font-size: 23px;
font-weight: 400; }
.comments-area .comment-respond .comment-reply-title::before {
content: '';
height: 25px;
width: 3px;
left: -25px;
position: absolute;
background: #ff6420;
top: 50%;
transform: translateY(-50%); }
.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
display: inline-block; }
.comments-area .comment-respond .comment-form {
overflow: hidden; }
.comments-area .comment-respond .comment-notes {
margin-bottom: 0;
margin-top: 10px; }
.comments-area .comment-respond .comment-notes .required {
color: red; }
.comments-area .comment-respond .comment-form-comment {
margin-top: 15px;
float: left;
width: 100%; }
.comments-area .comment-respond label {
display: block;
font-weight: 700;
color: var(--greenT);
margin-bottom: 5px; }
.comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea {
display: block;
width: 100%;
background-color: #ffffff;
border: 1px solid #eeeeee;
padding: 0.625em 0.7375em;
outline: 0;
transition: 0.5s; }
.comments-area .comment-respond input[type="date"]:focus, .comments-area .comment-respond input[type="time"]:focus, .comments-area .comment-respond input[type="datetime-local"]:focus, .comments-area .comment-respond input[type="week"]:focus, .comments-area .comment-respond input[type="month"]:focus, .comments-area .comment-respond input[type="text"]:focus, .comments-area .comment-respond input[type="email"]:focus, .comments-area .comment-respond input[type="url"]:focus, .comments-area .comment-respond input[type="password"]:focus, .comments-area .comment-respond input[type="search"]:focus, .comments-area .comment-respond input[type="tel"]:focus, .comments-area .comment-respond input[type="number"]:focus, .comments-area .comment-respond textarea:focus {
border-color: #ff6420; }
.comments-area .comment-respond .comment-form-author {
float: left;
width: 50%;
padding-right: 10px;
margin-bottom: 20px; }
.comments-area .comment-respond .comment-form-email {
float: left;
width: 50%;
padding-left: 12px;
margin-bottom: 20px; }
.comments-area .comment-respond .comment-form-url {
float: left;
width: 100%;
margin-bottom: 20px; }
.comments-area .comment-respond .comment-form-cookies-consent {
width: 100%;
float: left;
position: relative;
padding-left: 20px;
margin-bottom: 20px; }
.comments-area .comment-respond .comment-form-cookies-consent input {
position: absolute;
left: 0;
top: 6px; }
.comments-area .comment-respond .comment-form-cookies-consent label {
display: inline-block;
margin: 0;
color: #6d7a8c;
font-weight: normal;
position: relative;
top: -2px; }
.comments-area .comment-respond .form-submit {
float: left;
width: 100%; }
.comments-area .comment-respond .form-submit input {
background: #ff6420;
border: none;
color: #ffffff;
padding: 12px 35px;
display: inline-block;
cursor: pointer;
outline: 0;
text-transform: uppercase;
transition: 0.5s;
border-radius: 5px;
font-weight: 700;
font-size: 16px; }
.comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus {
color: #ffffff;
background-color: var(--greenT); }
blockquote, .blockquote {
overflow: hidden;
background-color: #fafafa;
padding: 50px !important;
position: relative;
z-index: 1;
margin-bottom: 20px;
margin-top: 20px; }
blockquote p, .blockquote p {
font-family: var(--ff-nunito);
font-family: var(--ff-exo);
color: var(--green2);
line-height: 1.5;
margin-bottom: 0;
font-style: italic;
font-weight: 700;
font-size: 16px !important;
text-align: justify;
}
blockquote cite, .blockquote cite { display: none; }
blockquote::before, .blockquote::before {
color: #efefef;
content: "\f10e";
position: absolute;
left: 50px;
top: -50px;
z-index: -1;
font-family: "Font Awesome 5 Free";
font-size: 140px;
font-weight: 900; }
blockquote::after, .blockquote::after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
/* background-color: #ff6420; */
background-image: -webkit-linear-gradient(127deg, #17a2b8 0%, #f7a001 100%);
background-image: linear-gradient(157deg, #17a2b8 0%, #f7a001 100%);
margin-top: 20px;
margin-bottom: 20px; }
/*================================================
Page Title Area CSS
=================================================*/
.page-title-area {
height: 500px;
position: relative;
z-index: 1;
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.page-title-area::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: url(../img/banner-shape.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.page-title-bg1 {
background-image: url(../img/page-title-image/1.jpg); }
.page-title-bg2 {
background-image: url(../img/page-title-image/2.jpg); }
.page-title-bg3 {
background-image: url(../img/page-title-image/3.jpg); }
.page-title-content {
margin-top: 170px; }
.page-title-content h2 {
margin-bottom: 0;
color: #ffffff;
text-transform: uppercase;
font-size: 42px;
font-weight: 400; }
.page-title-content ul {
padding-left: 0;
list-style-type: none;
margin-top: 15px;
margin-bottom: 0; }
.page-title-content ul li {
color: #ffffff;
display: inline-block;
position: relative;
font-weight: 400;
font-size: 17px;
margin-left: 10px;
margin-right: 10px; }
.page-title-content ul li a {
display: inline-block;
color: #ffffff; }
.page-title-content ul li::before {
content: '';
position: absolute;
right: -15px;
top: 11px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #ff6420; }
.page-title-content ul li:last-child::before {
display: none; }
.page-title-content ul li:first-child {
margin-left: 0; }
/*================================================
Pagination Area CSS
=================================================*/
.pagination-area {
margin-top: 35px;
text-align: center; }
.pagination-area .page-numbers {
width: 45px;
height: 45px;
margin: 0 3px;
display: inline-block;
background-color: #ffffff;
line-height: 48px;
color: var(--greenT);
box-shadow: 0 2px 10px 0 #d8dde6;
font-size: 18px;
font-weight: 700; }
.pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus {
background: #ff6420;
color: #ffffff;
box-shadow: 0 2px 10px 0 #d8dde6; }
/*================================================
Sidebar Widget Area CSS
=================================================*/
.widget-area .widget {
margin-top: 35px; }
.widget-area .widget:first-child {
margin-top: 0; }
.widget-area .widget .widget-title {
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
margin-bottom: 25px;
text-transform: capitalize;
position: relative;
font-weight: 700;
font-size: 20px;
font-family: "Muli", sans-serif; }
.widget-area .widget .widget-title::before {
content: '';
position: absolute;
background: #ff6420;
bottom: -1px;
left: 0;
width: 50px;
height: 1px; }
.widget-area .widget_search {
box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
background-color: #ffffff;
padding: 15px; }
.widget-area .widget_search form {
position: relative; }
.widget-area .widget_search form label {
display: block;
margin-bottom: 0; }
.widget-area .widget_search form .screen-reader-text {
display: none; }
.widget-area .widget_search form .search-field {
background-color: transparent;
height: 50px;
padding: 6px 15px;
border: 1px solid #eeeeee;
width: 100%;
display: block;
outline: 0;
transition: 0.5s; }
.widget-area .widget_search form .search-field:focus {
border-color: #ff6420; }
.widget-area .widget_search form button {
position: absolute;
right: 0;
outline: 0;
bottom: 0;
height: 50px;
width: 50px;
z-index: 1;
border: none;
color: #ffffff;
background-color: #ff6420;
transition: 0.5s; }
.widget-area .widget_search form button:hover {
background-color: var(--greenT);
color: #ffffff; }
.widget-area .widget_klev_posts_thumb {
position: relative;
overflow: hidden; }
.widget-area .widget_klev_posts_thumb .item {
overflow: hidden;
margin-bottom: 15px; }
.widget-area .widget_klev_posts_thumb .item:last-child {
margin-bottom: 0; }
.widget-area .widget_klev_posts_thumb .item .thumb {
float: left;
height: 80px;
overflow: hidden;
position: relative;
width: 80px;
margin-right: 15px; }
.widget-area .widget_klev_posts_thumb .item .thumb .fullimage {
width: 80px;
height: 80px;
display: inline-block;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center center !important; }
.widget-area .widget_klev_posts_thumb .item .thumb .fullimage.bg1 {
background-image: url(../img/blog-image/7.jpg); }
.widget-area .widget_klev_posts_thumb .item .thumb .fullimage.bg2 {
background-image: url(../img/blog-image/8.jpg); }
.widget-area .widget_klev_posts_thumb .item .thumb .fullimage.bg3 {
background-image: url(../img/blog-image/9.jpg); }
.widget-area .widget_klev_posts_thumb .item .info {
overflow: hidden;
margin-top: 5px; }
.widget-area .widget_klev_posts_thumb .item .info time {
display: block;
color: #6d7a8c;
text-transform: uppercase;
margin-top: 3px;
margin-bottom: 5px;
font-size: 12px; }
.widget-area .widget_klev_posts_thumb .item .info .title {
margin-bottom: 0;
line-height: 1.5;
font-size: 16px;
font-family: "Muli", sans-serif;
font-weight: 600; }
.widget-area .widget_klev_posts_thumb .item .info .title a {
display: inline-block; }
.widget-area .widget_recent_entries ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none; }
.widget-area .widget_recent_entries ul li {
position: relative;
margin-bottom: 12px;
color: var(--greenT);
padding-left: 14px;
line-height: 1.5;
font-weight: 600;
font-size: 16px; }
.widget-area .widget_recent_entries ul li:last-child {
margin-bottom: 0; }
.widget-area .widget_recent_entries ul li::before {
background: #ff6420;
position: absolute;
height: 7px;
width: 7px;
content: '';
left: 0;
top: 8px; }
.widget-area .widget_recent_entries ul li a {
display: inline-block;
color: var(--greenT); }
.widget-area .widget_recent_entries ul li a:hover {
color: #ff6420; }
.widget-area .widget_recent_entries ul li .post-date {
display: block;
font-size: 13px;
color: #6d7a8c;
margin-top: 4px; }
.widget-area .widget_recent_comments ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none; }
.widget-area .widget_recent_comments ul li {
position: relative;
margin-bottom: 12px;
color: #6d7a8c;
padding-left: 14px;
line-height: 1.5;
font-weight: 600;
font-size: 16px; }
.widget-area .widget_recent_comments ul li:last-child {
margin-bottom: 0; }
.widget-area .widget_recent_comments ul li::before {
background: #ff6420;
position: absolute;
height: 7px;
width: 7px;
content: '';
left: 0;
top: 8px; }
.widget-area .widget_recent_comments ul li a {
display: inline-block;
color: var(--greenT); }
.widget-area .widget_recent_comments ul li a:hover {
color: #ff6420; }
.widget-area .widget_archive ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none; }
.widget-area .widget_archive ul li {
position: relative;
margin-bottom: 12px;
padding-left: 14px;
color: var(--greenT);
font-weight: 600;
font-size: 16px; }
.widget-area .widget_archive ul li:last-child {
margin-bottom: 0; }
.widget-area .widget_archive ul li::before {
background: #ff6420;
height: 7px;
width: 7px;
content: '';
left: 0;
top: 8px;
position: absolute; }
.widget-area .widget_archive ul li a {
display: inline-block;
color: var(--greenT); }
.widget-area .widget_archive ul li a:hover {
color: #ff6420; }
.widget-area .widget_categories ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none; }
.widget-area .widget_categories ul li {
position: relative;
margin-bottom: 12px;
color: #6d7a8c;
padding-left: 14px;
font-weight: 600;
font-size: 16px; }
.widget-area .widget_categories ul li:last-child {
margin-bottom: 0; }
.widget-area .widget_categories ul li::before {
background: #ff6420;
height: 7px;
width: 7px;
content: '';
left: 0;
top: 8px;
position: absolute; }
.widget-area .widget_categories ul li a {
color: var(--greenT);
display: block; }
.widget-area .widget_categories ul li a:hover {
color: #ff6420; }
.widget-area .widget_categories ul li .post-count {
float: right; }
.widget-area .widget_meta ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none; }
.widget-area .widget_meta ul li {
position: relative;
margin-bottom: 12px;
color: var(--greenT);
padding-left: 14px;
font-weight: 600;
font-size: 16px; }
.widget-area .widget_meta ul li:last-child {
margin-bottom: 0; }
.widget-area .widget_meta ul li::before {
background: #ff6420;
height: 7px;
width: 7px;
content: '';
left: 0;
top: 8px;
position: absolute; }
.widget-area .widget_meta ul li a {
display: inline-block;
color: var(--greenT); }
.widget-area .widget_meta ul li a:hover {
color: #ff6420; }
.widget-area .widget_tag_cloud .widget-title { margin-bottom: 12px; }
.widget-area .tagcloud a {
display: inline-block;
color: var(--greenT);
font-weight: 600;
font-size: 14px !important;
padding: 6px 13px;
border: 1px dashed #eeeeee;
margin-top: 8px;
margin-right: 4px; }
.widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus {
color: #ffffff;
background-color: #ff6420;
border-color: #ff6420; }
.widget-area .widget_services_list ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none; }
.widget-area .widget_services_list ul li {
margin-bottom: 12px; }
.widget-area .widget_services_list ul li a {
display: block;
text-transform: uppercase;
color: var(--greenT);
box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
background-color: #ffffff;
padding: 14px 20px;
position: relative;
border-radius: 5px;
font-weight: 700;
font-size: 15px; }
.widget-area .widget_services_list ul li a i {
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
z-index: 1;
transition: 0.5s; }
.widget-area .widget_services_list ul li a i::after {
content: '';
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 8px;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
transition: 0.5s; }
.widget-area .widget_services_list ul li a:hover {
background-color: #ff6420;
color: #ffffff;
box-shadow: 0px 5px 28.5px 1.5px rgba(254, 35, 9, 0.2); }
.widget-area .widget_services_list ul li a:hover i {
right: 15px;
color: #ffffff; }
.widget-area .widget_services_list ul li a:hover i::after {
background-color: rgba(255, 255, 255, 0.4); }
.widget-area .widget_services_list ul li.active a {
background-color: #ff6420;
color: #ffffff;
box-shadow: 0px 5px 28.5px 1.5px rgba(254, 35, 9, 0.2); }
.widget-area .widget_services_list ul li.active a i {
color: #ffffff; }
.widget-area .widget_services_list ul li.active a i::after {
background-color: rgba(255, 255, 255, 0.4); }
.widget-area .widget_services_list ul li:last-child {
margin-bottom: 0; }
.widget-area .widget_contact {
position: relative;
z-index: 1;
border-radius: 5px;
height: 400px;
text-align: center;
background-image: url(../img/why-choose-img1.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.widget-area .widget_contact::before {
width: 100%;
height: 100%;
content: '';
position: absolute;
left: 0;
top: 0;
border-radius: 5px;
background-color: #ff6420;
opacity: .60; }
.widget-area .widget_contact .text {
position: absolute;
left: 0;
bottom: 25px;
right: 0; }
.widget-area .widget_contact .text span {
display: block;
color: #ffffff;
margin-bottom: 7px;
font-size: 18px;
font-weight: 700; }
.widget-area .widget_contact .text a {
display: inline-block;
color: #ffffff;
font-weight: 400;
font-size: 30px;
font-family: var(--ff-changa);
}
.widget-area .widget_research_info ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none; }
.widget-area .widget_research_info ul li {
color: #6d7a8c;
border-bottom: 1px solid #eeeeee;
font-weight: 500;
padding-top: 10px;
padding-bottom: 10px; }
.widget-area .widget_research_info ul li:first-child {
padding-top: 0; }
.widget-area .widget_research_info ul li:last-child {
padding-bottom: 0;
border-bottom: none; }
.widget-area .widget_research_info ul li span {
display: inline-block;
color: var(--greenT);
font-weight: 600; }
/*================================================
404 Error Area CSS
=================================================*/
.error-area {
height: 100vh; }
.error-content {
text-align: center;
margin: 0 auto;
max-width: 700px; }
.error-content h3 {
text-transform: uppercase;
font-size: 32px;
font-weight: 800;
font-family: "Muli", sans-serif;
margin-top: 45px;
margin-bottom: 10px; }
.error-content p {
max-width: 520px;
margin: 0 auto 25px; }
/*================================================
Research Area CSS
=================================================*/
.single-research-box {
transition: 0.5s;
background-color: #ffffff;
position: relative;
margin-bottom: 30px;
overflow: hidden;
box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.1); }
.single-research-box .research-image {
visibility: hidden;
width: 100%;
height: 235px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.single-research-box .research-image.bg1 {
background-image: url(../img/research-image/1.jpg); }
.single-research-box .research-image.bg2 {
background-image: url(../img/research-image/2.jpg); }
.single-research-box .research-image.bg3 {
background-image: url(../img/research-image/3.jpg); }
.single-research-box .research-image.bg4 {
background-image: url(../img/research-image/4.jpg); }
.single-research-box .research-image.bg5 {
background-image: url(../img/research-image/5.jpg); }
.single-research-box .research-image.bg6 {
background-image: url(../img/research-image/6.jpg); }
.single-research-box .research-image.bg7 {
background-image: url(../img/research-image/7.jpg); }
.single-research-box .research-image.bg8 {
background-image: url(../img/research-image/8.jpg); }
.single-research-box .research-image.bg9 {
background-image: url(../img/research-image/9.jpg); }
.single-research-box .research-img-hover {
transition: 0.5s;
width: 100%;
position: absolute;
height: 235px;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.single-research-box .research-img-hover.bg1 {
background-image: url(../img/research-image/1.jpg); }
.single-research-box .research-img-hover.bg2 {
background-image: url(../img/research-image/2.jpg); }
.single-research-box .research-img-hover.bg3 {
background-image: url(../img/research-image/3.jpg); }
.single-research-box .research-img-hover.bg4 {
background-image: url(../img/research-image/4.jpg); }
.single-research-box .research-img-hover.bg5 {
background-image: url(../img/research-image/5.jpg); }
.single-research-box .research-img-hover.bg6 {
background-image: url(../img/research-image/6.jpg); }
.single-research-box .research-img-hover.bg7 {
background-image: url(../img/research-image/7.jpg); }
.single-research-box .research-img-hover.bg8 {
background-image: url(../img/research-image/8.jpg); }
.single-research-box .research-img-hover.bg9 {
background-image: url(../img/research-image/9.jpg); }
.single-research-box .research-info {
z-index: 2;
background-color: #ffffff;
padding: 25px; }
.single-research-box .research-info .category {
display: block;
color: #ff6420;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 14px;
font-weight: 600; }
.single-research-box .research-info .title {
text-transform: capitalize;
line-height: 1.5;
margin-bottom: 0;
font-size: 20px;
font-weight: 400; }
.single-research-box .research-info .title a {
display: inline-block;
color: var(--greenT); }
.single-research-box:hover {
transform: scale(1.1, 1.1); }
.single-research-box:hover .research-img-hover {
height: 100%;
opacity: 0.2; }
.single-research-box:hover .research-info {
background-color: transparent;
position: relative; }
/*================================================
Research Details Area CSS
=================================================*/
.research-details-header {
margin-bottom: 30px; }
.research-details-header h3 {
margin-bottom: 12px;
font-size: 25px;
font-weight: 400; }
.research-details-image-slides {
margin-bottom: 35px; }
.research-details-image-slides.owl-theme .owl-nav {
opacity: 0;
visibility: hidden;
margin-top: 0;
transition: 0.5s; }
.research-details-image-slides.owl-theme .owl-nav [class*=owl-] {
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%);
margin: 0;
padding: 0;
background-color: transparent;
transition: 0.5s;
color: #ffffff;
font-size: 35px; }
.research-details-image-slides.owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: 25px; }
.research-details-image-slides.owl-theme .owl-nav [class*=owl-]:hover {
color: #ff6420;
background-color: transparent; }
.research-details-image-slides.owl-theme .owl-dots {
line-height: .01;
position: absolute;
left: 0;
right: 0;
bottom: 25px;
margin-top: 0; }
.research-details-image-slides.owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 2px;
margin: 0 3px;
background-color: var(--greenT);
transition: 0.5s;
border-radius: 0; }
.research-details-image-slides.owl-theme .owl-dots .owl-dot:hover span {
background-color: #ff6420; }
.research-details-image-slides.owl-theme .owl-dots .owl-dot.active span {
background-color: #ff6420;
width: 25px; }
.research-details-image-slides.owl-theme:hover .owl-nav {
opacity: 1;
visibility: visible; }
.research-details-desc h3 {
margin-bottom: 12px;
font-size: 25px;
font-weight: 400; }
.research-details-desc .features-list {
padding-left: 0;
list-style-type: none;
margin-top: 25px;
margin-bottom: 30px; }
.research-details-desc .features-list li {
position: relative;
color: #6d7a8c;
font-size: 16px;
margin-bottom: 15px;
padding-left: 25px;
line-height: 1.8; }
.research-details-desc .features-list li i {
color: #ff6420;
position: absolute;
left: 0;
top: 8px; }
.research-details-desc .features-list li:last-child {
margin-bottom: 0; }
.research-details-desc .research-details-footer-image {
margin-top: 20px; }
.research-details-desc .research-details-footer-features {
margin-top: 20px; }
.research-details-desc .research-details-footer-features ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none; }
.research-details-desc .research-details-footer-features ul li {
color: #6d7a8c;
margin-bottom: 13px;
position: relative;
padding-left: 29px; }
.research-details-desc .research-details-footer-features ul li i {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ff6420;
color: #ffffff;
line-height: 20px;
font-size: 10px;
text-align: center;
display: inline-block;
position: absolute;
left: 0;
top: 2.5px; }
.research-details-desc .research-details-footer-features ul li:last-child {
margin-bottom: 0; }
/*================================================
FAQ Area CSS
=================================================*/
.faq-area .container-fluid {
padding-left: 0;
padding-right: 0; }
.faq-area .container-fluid .row {
margin-left: 0;
margin-right: 0; }
.faq-area .container-fluid .row .col-lg-6 {
padding-left: 0;
padding-right: 0; }
.faq-image {
width: 100%;
height: 100%;
background-image: url(../img/faq-img1.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.faq-image img {
display: none; }
.faq-accordion {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 50px;
padding-right: 50px; }
.faq-accordion .sub-title {
display: block;
margin-bottom: 0px;
color: #ff6420;
/* color: #ec6e00; */
text-transform: uppercase;
font-size: 14px;
font-weight: 700; }
.faq-accordion h2 {
margin-bottom: 0;
color: #ec6e00;
/* font-family: "Recursive", sans-serif; */
line-height: 1.3;
font-size: 22px;
font-weight: 700;
}
.faq-accordion .accordion {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
/* margin-top: 30px; */
margin-top: 15px;
}
.faq-accordion .accordion .accordion-item {
display: block;
box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
background: #ffffff;
margin-bottom: 10px; }
.faq-accordion .accordion .accordion-item:last-child {
margin-bottom: 0; }
.faq-accordion .accordion .accordion-title {
padding: 12px 20px 12px 51px;
color: var(--greenT);
position: relative;
display: block;
font-size: 16px;
font-weight: 800;
font-family: "Muli", sans-serif; }
.faq-accordion .accordion .accordion-item > a:hover,
.faq-accordion .accordion .accordion-item > a:focus { text-decoration: none !important; }
.faq-accordion .accordion .accordion-title i {
position: absolute;
left: 0;
top: 0;
width: 40px;
text-align: center;
height: 100%;
background-color: #0084e9;
color: #fff;
font-size: 15px;
transition: 0.5s;
}
.faq-accordion .accordion .accordion-title i::before {
position: absolute;
left: 0;
top: 50%;
right: 0;
transform: translateY(-50%); }
.faq-accordion .accordion .accordion-title.active i {
background-color: #ff6420;
color: #ffffff; }
.faq-accordion .accordion .accordion-title.active i::before {
content: "\f068"; }
.faq-accordion .accordion .accordion-content {
display: none;
position: relative;
padding: 15px;
font-size: 16px;
border-top: 1px solid #eeeeee; }
.faq-accordion .accordion .accordion-content.show {
display: block; }
/*================================================
Contact Area CSS
=================================================*/
.contact-info-area {
margin-top: -10px;
position: relative;
z-index: 1; }
.contact-info-area .row {
margin-left: 0;
margin-right: 0; }
.contact-info-area .row .col-lg-4 {
padding-left: 0;
padding-right: 0; }
.contact-info-area .row .col-lg-4:nth-child(2) .featured-services-box { border-left: none; }
.contact-info-area .row .col-lg-4:nth-child(3) .featured-services-box { border-left: none; }
.contact-info-area .row .col-lg-4:nth-child(4) .featured-services-box { border-left: none; }
.contact-info-area::before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 50%;
z-index: -1;
height: 100%;
background-color: #043d72; }
.contact-info-box {
background-color: #043d72;
position: relative;
overflow: hidden;
transition: 0.5s;
z-index: 1;
border-left: 1px solid #094780;
border-right: 1px solid #094780;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 90px;
padding-right: 20px; }
.contact-info-box .icon {
position: absolute;
left: 20px;
top: 30px;
transition: 0.5s;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
line-height: 50px;
color: #ff6420;
background-color: #ffffff;
font-size: 25px;
margin-bottom: 22px; }
.contact-info-box h3 {
color: #ffffff;
text-transform: capitalize;
margin-bottom: 10px;
font-size: 20px;
font-weight: 400; }
.contact-info-box span {
display: block;
color: #ffffff;
font-size: 14px !important;
}
.contact-info-box span a {
display: inline-block;
color: #ffffff; }
.contact-info-box span a:hover {
color: #ff6420; }
.contact-info-box:hover .icon {
background-color: #ff6420;
color: #ffffff; }
.contact-area {
position: relative;
z-index: 1; }
.contact-inner {
background-color: #ffffff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); }
.contact-form { padding: 30px; }
.contact-form .sub-title {
display: block;
margin-bottom: 10px;
color: #ff6420;
text-transform: uppercase;
font-size: 14px;
font-weight: 700; }
.contact-form h2 {
margin-bottom: 30px;
line-height: 1.3;
font-size: 40px;
font-weight: 400; }
.contact-form form .form-group {
margin-bottom: 14px;
position: relative; }
.contact-form form .form-group label {
z-index: 1;
display: inline-block;
margin-bottom: 0;
position: absolute;
left: 15px;
top: 18px;
color: #ff6420;
font-size: 20px;
border-right: 1px solid #ff6420;
padding-right: 10px;
line-height: 20px; }
.contact-form form .form-group .form-control {
padding-left: 60px;
transition: 0.5s;
height: 55px; }
.contact-form form .form-group .nice-select {
background-color: #f4f4f4;
height: 50px;
line-height: 50px;
text-transform: uppercase;
border: none;
color: #6d7a8c;
padding-left: 60px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
font-size: 13.5px;
font-weight: 600; }
.contact-form form .form-group .nice-select .list {
background-color: #ffffff;
box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
border-radius: 0;
margin-top: 0;
width: 100%;
height: 260px;
overflow-y: scroll;
padding-top: 10px;
padding-bottom: 10px; }
.contact-form form .form-group .nice-select .list .option {
text-transform: capitalize;
transition: 0.5s;
color: var(--greenT);
font-size: 15px;
padding-left: 20px;
padding-right: 20px; }
.contact-form form .form-group .nice-select .list .option:hover {
background-color: #ff6420 !important;
color: #ffffff; }
.contact-form form .form-group .nice-select .list .option.selected {
background-color: transparent; }
.contact-form form .form-group .nice-select::after {
right: 15px;
width: 8px;
height: 8px;
border-color: var(--greenT); }
.contact-form form .form-group textarea.form-control {
padding-top: 19px;
height: auto !important; }
.contact-form form .row {
margin-left: -7px;
margin-right: -7px; }
.contact-form form .row .col-lg-6, .contact-form form .row .col-lg-12 {
padding-left: 7px;
padding-right: 7px; }
.contact-form form .btn {
margin-top: 5px; }
.contact-form form .with-errors ul {
padding-left: 0;
list-style-type: none;
margin-top: 8px;
margin-bottom: 0; }
.contact-form form .with-errors ul li {
color: red; }
.contact-form form #msgSubmit.h4 {
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
font-family: "Nunito Sans", sans-serif;
}
.contact-form form #msgSubmit.text-danger,
.contact-form form #msgSubmit.text-success { margin-top: 10px; }
#map {
width: 100%;
height: 100%; }
#map iframe {
width: 100%;
height: 100%;
border: none; }
.bg-map {
position: absolute;
left: 0;
right: 0;
top: 30%;
transform: translateY(-30%);
z-index: -1;
text-align: center;
margin: 0 auto;
opacity: .5; }
/*================================================
Subscribe Area CSS
=================================================*/
.subscribe-area {
position: relative;
z-index: 1; }
.subscribe-area::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
z-index: -1;
/* background-color: var(--greenT); */
background-color: #043d72 !important; /* blue */
}
.subscribe-inner {
background-color: #ffffff;
box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.09);
padding: 40px;
border-radius: 5px 50px 5px 5px; }
.subscribe-content h2 {
margin-bottom: 0;
text-transform: uppercase;
font-size: 35px;
font-weight: 400; }
.subscribe-content p {
margin-top: 8px;
margin-bottom: 0; }
.subscribe-form {
padding-left: 30px; }
.subscribe-form form {
position: relative; }
.subscribe-form form .input-newsletter {
display: block;
width: 100%;
color: var(--greenT);
height: 65px;
border-radius: 30px;
border: none;
background-color: #f4f4f4;
padding-left: 20px;
outline: 0;
box-shadow: unset !important;
font-size: 16px;
font-weight: 500;
font-family: "Muli", sans-serif; }
.subscribe-form form .input-newsletter::placeholder {
color: #6d7a8c; }
.subscribe-form form button {
position: absolute;
right: 5px;
top: 5px;
background-color: #ff6420;
color: #ffffff;
border: none;
border-radius: 30px;
height: 55px;
line-height: 57px;
transition: 0.5s;
text-transform: uppercase;
padding: 0 60px 0 25px;
font-size: 14px;
font-weight: 700; }
.subscribe-form form button i {
position: absolute;
right: 7px;
top: 50%;
transform: translateY(-50%);
text-align: center;
display: inline-block;
height: 38px;
width: 38px;
line-height: 38px;
color: #ffffff;
border-radius: 50%;
background-color: #f76d90;
transition: 0.5s; }
.subscribe-form form button:hover {
color: #ffffff;
background-color: #000000; }
.subscribe-form form button:hover i {
background-color: #ffffff;
color: #ff6420; }
.subscribe-form #validator-newsletter {
position: absolute;
left: 0;
bottom: -34px; }
.subscribe-form #validator-newsletter.validation-danger {
color: red; }
/*================================================
Footer Area CSS
=================================================*/
.footer-area {
/* background-color: var(--greenT); */
/* background-color: #043d72 !important; */
/* padding-top: 80px;*/
background-color: #043d72 !important;
padding-top: 20px;
position: relative;
z-index: 1; }
.single-footer-widget { margin-bottom: 5px; }
.single-footer-widget h3 {
font-family: "Saira", sans-serif;
/* font-family: "Recursive", sans-serif; */
margin-bottom: 26px;
/* color: #ffffff;*/
color: #fffd94;
position: relative;
padding-bottom: 8px;
/* border-bottom: 1px solid #0c4776;*/
text-transform: uppercase;
font-size: 18px;
font-weight: 400; }
.single-footer-widget h3::before {
bottom: -1px;
left: 0;
width: 55px;
height: 1px;
/* background-color: #ff6420; */
background-color: #fffd94;
content: '';
position: absolute; }
.single-footer-widget .logo a { display: inline-block; }
.single-footer-widget .logo p {
font-size: 12px;
line-height: 16px;
color: #ebe7e7;
margin: 6px 10px 0px 0px;
text-align: justify;
opacity: 0.7;
}
.single-footer-widget .social {
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
margin-top: 15px; }
.single-footer-widget .social li {
display: inline-block;
margin-right: 3px; }
.single-footer-widget .social li a {
display: inline-block;
/* background-color: #ff6420; */
background-color: #ff6420 !important; /* orange */
color: #ffffff;
width: 35px;
font-size: 16px;
height: 35px;
line-height: 36px;
border-radius: 15%;
text-align: center; }
.single-footer-widget .social li a i.flaticon-facebook {
display: inline-block;
padding-left: 4px; }
.single-footer-widget .social li a i.flaticon-twitter {
display: inline-block;
position: relative;
top: 2px; }
.single-footer-widget .social li a:hover {
background-color: #ffffff;
color: #fffd94;}
.single-footer-widget .social li:last-child {
margin-right: 0; }
/***** Quick-Links **********/
.single-footer-widget .footer-quick-links {
font-size: 13px;
font-family: "Saira", sans-serif;
padding-left: 0;
list-style-type: none;
display: inline-block;
margin-right: -15px;
margin-left: -15px;
margin-bottom: 0;
margin-top: -12px;
}
.single-footer-widget .footer-quick-links li {
/*
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
*/
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
padding-top: 4px;
}
.single-footer-widget .footer-quick-links li a {
display: block;
color: #ebe7e7;
/* text-transform: uppercase;*/
}
.single-footer-widget .footer-quick-links li a:hover { color: #fffd94; }
/***** Open Hours **********/
.single-footer-widget .footer-open-hours {
list-style-type: none;
font-family: "Saira", sans-serif;
font-size: 13px;
padding-left: 0;
margin-right: -15px;
margin-left: -15px;
margin-bottom: 0;
margin-top: -12px;
font-weight: 400 !important;
color: #fff !important;
}
.single-footer-widget .footer-open-hours ul {
display: table;
}
.single-footer-widget .footer-open-hours li {
display: table-row;
white-space: nowrap;
padding: 0px 10px;
}
.single-footer-widget .footer-open-hours li > span {
display: table-cell;
white-space: nowrap;
}
.single-footer-widget .footer-open-hours li > span:first-of-type { padding-left: 15px; padding-top: 4px; }
.single-footer-widget .footer-open-hours li > span:last-of-type {
font-size: 11px;
padding-left: 5px; padding-top: 4px; }
.single-footer-widget .footer-contact-info {
font-family: "Saira", sans-serif;
padding-left: 0;
list-style-type: none;
margin-bottom: 0; }
.single-footer-widget .footer-contact-info li {
color: #ebe7e7;
font-size: 13px;
margin-bottom: 12px; }
.single-footer-widget .footer-contact-info li span {
display: inline-block;
font-weight: 600;
color: #ffffff; }
.single-footer-widget .footer-contact-info li a {
display: inline-block;
color: #ebe7e7;
position: relative; }
.single-footer-widget .footer-contact-info li a::before {
width: 100%;
height: 1px;
background-color: #ff6420;
content: '';
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transition: 0.5s; }
.single-footer-widget .footer-contact-info li a:hover { color: #fffd94; }
.single-footer-widget .footer-contact-info li:last-child { margin-bottom: 0; }
.single-footer-widget .footer-contact-info li:last-child a::before {
/*
opacity: 1;
visibility: visible;
*/
}
.copyright-area {
font-family: "Saira", sans-serif;
margin-top: 5px;
/* border-top: 1px solid #0c4776;*/
/* border-top: 1px solid #b471da;*/
border-top: 1px solid #82b5a1;
padding-top: 8px;
padding-bottom: 5px;
}
.copyright-area p {
margin-bottom: 4px;
color: #ebe7e7;
font-size: 12px; }
.copyright-area p a {
color: #ffffff;
display: inline-block;
font-weight: 600; }
.copyright-area p a:hover { color: #fffd94;}
.copyright-area p.copy {
font-size: 11px;
line-height: 14px;
color: #ebe7e7;
margin: 0px;
text-align: justify;
opacity: 0.3;
}
.copyright-area ul {
font-size: 12px;
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
text-align: right; }
.copyright-area ul li {
display: inline-block;
color: #ebe7e7;
position: relative;
margin-left: 10px;
margin-right: 10px; }
.copyright-area ul li a {
display: inline-block;
color: #ebe7e7; }
.copyright-area ul li a:hover { color: #fffd94; }
.copyright-area ul li::before {
content: '';
position: absolute;
top: 4px;
right: -13px;
width: 1px;
height: 14px;
background-color: #ffffff; }
.copyright-area ul li:last-child {
margin-right: 0; }
.copyright-area ul li:last-child::before {
display: none; }
.copyright-area ul li:first-child {
margin-left: 0; }
/*================================================
Go Top CSS
=================================================*/
.go-top {
position: fixed;
cursor: pointer;
bottom: 15px;
right: 15px;
color: #ffffff;
/* background-color: var(--greenT); */
/* background-color: #066cab; */
background-color: #017f5d;
z-index: 4;
width: 40px;
text-align: center;
height: 42px;
line-height: 42px;
opacity: 0;
visibility: hidden;
transition: .9s;
transform: translateY(150px);
}
.go-top.active {
animation: bounceInDown 2s;
transform: translateY(0);
opacity: 1;
visibility: visible; }
.go-top i {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
transition: 0.5s; }
.go-top i:last-child {
opacity: 0;
visibility: hidden;
top: 60%; }
.go-top::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #ff6420;
opacity: 0;
visibility: hidden;
transition: 0.5s; }
.go-top:hover, .go-top:focus {
color: #ffffff; }
.go-top:hover::before, .go-top:focus::before {
opacity: 1;
visibility: visible; }
.go-top:hover i:first-child, .go-top:focus i:first-child {
opacity: 0;
top: 0;
visibility: hidden; }
.go-top:hover i:last-child, .go-top:focus i:last-child {
opacity: 1;
visibility: visible;
top: 50%; }
.footer-area {
/* background-color: #147057 !important;*/
/* background-color: #ff5000 !important;*/
/* background-color: #460969 !important;*/
/* background-color: #460969 !important;*/
/* background-color: #00693e !important;*/
background-color: #034d2f !important;
}
/*-*-*-*-*-*-*-* dividers *-*-*-*-*-*-*-*/
.section_divider {
/* height: 120px;*/
padding-bottom: 0px;
/* background-color: #043d72 !important; */
/* background-color: #147057 !important; */
background-color: #034d2f !important;
/* background-color: #ff5000 !important; */
}
.section_divider_top_down
{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTY0MCAxNDBMMTI4MCAwSDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTY0MCA5OGw2NDAtOThIMHoiLz48L2c+PC9zdmc+);
background-size: 100% 60px;
background-repeat: no-repeat;
top: 0;
height: 60px;
z-index: 1;
/* background-color: #2b8bb4!important; */
}
.divider_inside_top { margin-top: -1px; }
.divider_inside_top,
.divider_inside_bottom {
position: absolute;
display: block;
pointer-events: none;
height: 100%;
/* width: 100%;*/
background-repeat-y: no-repeat;
}
@media only screen and (min-width:1350px) {
.section_divider { padding: 25px 0; }
}
.title-h1 {
/* background-image: -webkit-gradient(linear, left top, left bottom, from(#386d94), to(#9bbdd2)); */
/* background-image: -webkit-linear-gradient(top, #386d94 0%, #9bbdd2 100%); */
background-image: -moz-linear-gradient(top, #386d94 0%, #9bbdd2 100%);
background-image: -o-linear-gradient(top, #386d94 0%, #9bbdd2 100%);
background-image: linear-gradient(to bottom, #386d94 0%, #9bbdd2 100%);
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-background-clip: text;
-moz-background-clip: text;
-o-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
/* box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);*/
/*================================================
Meet Area CSS
=================================================*/
#secMeetArea { }
.meet-area { padding: 20px 0px 0px; }
.single-meet-area {
margin-bottom: 10px;
background-color: #ffffff;
box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}
.single-meet-area .post-image {
position: relative;
overflow: hidden;
}
.single-meet-area .post-image a { display: block; }
.single-meet-area .post-image a img { transition: 0.5s; }
.single-meet-area .post-image .meet {
/* font-family: "Muli", sans-serif;*/
font-family: "Nunito Sans", sans-serif;
position: absolute;
left: 0;
bottom: 0;
color: #6d7a8c;
background-color: #ffffff;
border-radius: 0 75px 0 0;
padding: 5px 15px 0px 10px;
z-index: 1;
font-size: 14px;
font-weight: 600;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.single-meet-area .post-image .meet i {
color: var(--greenT);
margin-right: 2px;
}
.single-meet-area .post-content {
/* font-family: "Muli", sans-serif;*/
padding: 2px 5px 3px;
margin: 5px;
}
.single-meet-area .post-content123 {
color: #fff;
background-color: #0a6eae;
background-color: #0084e9;
border-radius: 3px;
font-size: 1.15rem;
letter-spacing: normal;
font-family: 'Saira', sans-serif;
font-weight: 500;
padding: 0px 12px;
display: inline;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
margin: 0px;
}
.single-meet-area .post-content h3 {
margin-bottom: 12px;
line-height: 1.4;
font-size: 20px;
font-weight: 700;
font-family: "Muli", sans-serif; }
.single-meet-area .post-content h3 a { display: inline-block; }
.single-meet-area .post-content p { margin-bottom: 0; }
.single-meet-area .post-content .read-more-btn {
display: inline-block;
margin-top: 0px;
/*color: var(--greenT); */
color: #ff6420;
text-transform: uppercase;
font-weight: 700;
font-size: 13.5px;
}
.single-meet-area .post-content .read-more-btn:hover { color: var(--greenT); }
.single-meet-area:hover .post-image a img { transform: scale(1.3) rotate(4deg); }
/*================================================
DentalFacts Area CSS
=================================================*/
.facts-area {
margin-top:10px;
padding-top:90px;
padding-bottom:90px;
/* background-color: #043d72; */
position: relative;
z-index: 1;
/* background-color: #ff6420; */
background-color: var(--greenT);
background-image: url("../img/iw305-secFacts-22.jpg");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.facts-area::before,
.facts-area::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
box-shadow: 1px 1px 15px 2px rgba(0, 0, 0, 0.10);
}
.cover3BlueDots::before,
.cover4BlueCircles::before,
.cover1Rev::before,
.cover1::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: url(../img/cover-bg-overlay.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.cover1Rev::before { background-image: url(../img/cover-bg-overlay-rev.png) !important; }
.cover3BlueDots::before { background-image: url(../img/cover-bg-blue-sec1.png) !important; }
.cover4BlueCircles::before { background-image: url(../img/cover-bg-blue-sec3.png) !important; }
/*********************** facts-odometer ************************/
.facts-content .sub-title {
display: block;
text-transform: uppercase;
color: #ffffff;
margin-bottom: 8px;
position: relative;
z-index: 1;
font-weight: 700;
font-size: 22px;
}
.facts-content h2 {
text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.4);
margin-bottom: 0;
color: #ffffff;
line-height: 1.3;
font-size: 38px;
font-weight: 400;
letter-spacing: 1.2px;
}
.single-facts { text-align: center; }
.single-facts h3 {
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
color: #ffffff;
margin-bottom: 0;
position: relative;
font-size: 36px;
font-weight: 400;
}
.single-facts h3 .odometer.odometer-auto-theme,
.single-facts h3 .odometer.odometer-theme-default {
font-family: var(--ff-changa);
}
.single-facts h3 sup {
font-family: "Muli", sans-serif;
right: -2px;
top: -8px;
}
.single-facts p {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
margin-top: 2px;
font-size: 16px;
color: #ffffff;
line-height: initial;
font-weight: 600;
}
.home-slides {
/* background-image: url(../../assets/img/banner-shape.png);*/
background-position: left top;
background-size: cover;
background-repeat: no-repeat;
box-shadow: 1px 1px 10px 2px rgb(0 0 0 / 15%);
}
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Dental-Services =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
/***** TODO ***********/
/* .page-header-area-content find and replace every css like this */
#secPageHeaderArea { }
.page-header-area {
height: 280px;
position: relative;
z-index: 1;
background-position: center center;
/* background-position: 0 -50px;*/
background-repeat: no-repeat;
box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.15);
/* background: url(images/bg.jpg) no-repeat center center fixed; */
/* background: url(../../assets/img/banner-shape.png) no-repeat center center fixed; */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.navbar-area.is-sticky {
background-color: rgba(11, 94, 72, 0) ;
background: #008938 url("../img/backPat/patV.png") repeat left top !important;
/* background: #ff6900 url("../../assets/img/backPat/patV.png") repeat left top !important; */
/* background-image: linear-gradient(to right,#0098ba 0,#4fd7ea 51%,#0098ba 100%);*/
}
.page-header-area::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(0, 0, 0, 0.1) url("../img/backPat/patV.png") repeat left top !important;
/*
background-image: url(../../assets/img/banner-shape1.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
*/
}
.page-header-area-shape::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: url(../img/banner-shape.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.page-header-area-content {
max-width: 640px;
overflow: hidden;
/* padding-bottom: 20px;*/
margin-top: 145px;
}
.page-header-area-content h1 {
font-family: var(--ff-racing);
color: #ffffff;
line-height: 1.0;
/* font-size: 2.5em;*/
font-size: 1.6em;
font-weight: 500;
letter-spacing: 0.02rem;
/* text-shadow: 5px 2px 2px rgb(0 0 0 / 40%);*/
text-shadow: 1px 1px 2px #cccbca;
animation-delay: 1s !important;
}
.gradText {
background-color: #107b9b;
background-image: linear-gradient(45deg, #09447e,#15827f);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}
.page-header-area-content h1>i {
font-style: normal;
/* color: #fffc00 ; */
color: #fffec3 ;
}
.page-header-area-content h2 {
font-family: "Exo", sans-serif;
color: #ffffff;
display: block;
margin-bottom: 8px;
font-weight: 500;
font-size: 22px !important; }
.page-header-area-content h2 i {
/* font-size: 12px !important;*/
}
.page-header-area-content .subColor { color: #fffec3; }
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Page-Header-Background =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Page-Header =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/***PILOT***/
.header-bg-all,
.header-bg-contactus,
.header-bg-aboutus-whyus,
.header-bg-aboutus-covid19,
.header-bg-services,
.header-bg-service-windows,
.header-bg-service-commercials,
.header-bg-service-doors,
.header-bg-service-blinds-shades,
.header-bg-free-estimate
{
background-image: url("../img/headers/iw305-header-all.jpg");
background-position: bottom -200px right 0px !important;
}
.header-bg-aboutus-financing,
.header-bg-family {
background-image: url("../img/headers/iw305-header-family.jpg");
background-position: bottom -120px right 0px !important;
}
.header-bg-forecast {
background-image: url("../img/headers/iw305-header-hurricane-forecast.jpg");
/* background-position: bottom -120px right 0px !important; */
}
.header-bg-after {
background-image: url("../img/headers/iw305-header-hurricane-after.jpg");
/* background-position: bottom -120px right 0px !important; */
}
.header-bg-ready {
background-image: url("../img/headers/iw305-header-hurricane-ready.jpg");
/* background-position: bottom -120px right 0px !important; */
}
.header-bg-strongest {
background-image: url("../img/headers/iw305-header-hurricane-strongest.jpg");
/* background-position: bottom -120px right 0px !important; */
}
.header-bg-live {
background-image: url("../img/headers/iw305-header-hurricane-live.jpg");
background-position: bottom -00px right 0px !important;
}
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Top-Title-Area =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
#secTopTitleArea {}
.top-title-area { padding-top: 15px; }
.top-title-header h2 {
font-family: var(--ff-racing);
border-bottom: 1px solid #eeeeee;
padding-bottom: 3px;
margin-bottom: 6px;
text-transform: capitalize;
/* letter-spacing: -1px;*/
letter-spacing: 1px;
position: relative;
font-weight: 800;
font-size: 24px;
color: var(--greenT);
text-shadow: 0 1px 1px rgb(0 0 0 / 10%);
/* text-shadow: 1px 2px 3px #cccbca;*/
width: 90%;
}
.top-title-header h2::before {
content: '';
position: absolute;
background: #ff6420;
bottom: -1px;
left: 0;
width: 50px;
height: 0px; /* disabled temproarily */
}
.top-title-header h3 {
font-family: 'Saira', sans-serif;
letter-spacing: normal;
display: inline;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
margin: 0px;
color: #fff;
font-weight: 400;
border-radius: 0px 4px 4px 0px;
font-size: 18px;
padding: 0px 12px;
background-image: -webkit-linear-gradient(67deg, #05a101 10%, #06af5b 100%);
background-image: -o-linear-gradient(67deg, #05a101 10%, #06af5b 100%);
background-image: linear-gradient(157deg, #05a101 10%, #06af5b 100%);
}
.top-title-header p {
font-family: "Nunito Sans", sans-serif;
color: #6d7a8c;
font-weight: 400;
margin-top: 6px;
margin-bottom: 0px;
text-align: justify;
font-size: 16px;
line-height: 24px;
}
.top-title-header p br {
content: "";
display: block;
margin-top: 5px;
font-size: 16px;
}
.top-title-header p br.noline {
content: "";
display: block;
margin-top: 0px !important;
font-size: 10px !important;
}
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Privacy-Policy-and-Terms - Area =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
#secPPTArea {}
.ppt-area { padding: 15px 0px 15px 0px; }
.ppt-header h1 { }
.ppt-header h2 {
padding-top: 15px;
font-family: var(--ff-racing);
border-bottom: 1px solid #eeeeee;
padding-bottom: 3px;
margin-bottom: 6px;
text-transform: capitalize;
letter-spacing: 1px;
position: relative;
font-weight: 800;
font-size: 24px;
color: var(--greenT);
text-shadow: 0 1px 1px rgb(0 0 0 / 10%);
width: 90%;
}
.ppt-header h2::before {
content: '';
position: absolute;
background: #ff6420;
bottom: -1px;
left: 0;
width: 50px;
height: 0px; /* disabled temproarily */
}
.ppt-header h2:first-child { padding-top: 2px; }
.ppt-header h3 {
font-family: 'Saira', sans-serif;
letter-spacing: normal;
display: inline;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
margin: 0px;
color: #fff;
font-weight: 400;
border-radius: 0px 4px 4px 0px;
font-size: 18px;
padding: 0px 12px;
background-image: -webkit-linear-gradient(67deg, #05a101 10%, #06af5b 100%);
background-image: -o-linear-gradient(67deg, #05a101 10%, #06af5b 100%);
background-image: linear-gradient(157deg, #05a101 10%, #06af5b 100%);
}
.ppt-header p {
font-family: "Nunito Sans", sans-serif;
color: #6d7a8c;
font-weight: 400;
margin-top: 6px;
margin-bottom: 0px;
/* text-align: justify;*/
font-size: 14px;
line-height:1.15rem;
}
.ppt-header p br {
content: "";
display: block;
margin-top: 5px;
font-size: 16px;
}
.ppt-header p br.noline {
content: "";
display: block;
margin-top: 0px !important;
font-size: 10px !important;
}
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Coronavirus (COVID-19) Area =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
.corona-area {
padding: 20px 0px 20px;
background-color: #ffffff;
background-image: url(../img/bg-white.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.corona-area.bg-image {
background-color: #043d72;
background-image: url(../img/feedback-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Service-List-Area =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
.service-list-area {
padding: 10px 0px 0px;
}
.single-service {
margin-bottom: 10px;
background-color: #ffffff;
box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}
.single-service .service-image { position: relative; overflow: hidden; }
.single-service .service-image a { display: block; }
.single-service .service-image a img { transition: 0.5s; }
.single-service .service-image .offer {
display:none;
position: absolute;
left: 0;
bottom: 0;
background-color: #ffffff;
border-radius: 0 5px 0 0;
padding: 10px 25px 0;
z-index: 1;
font-size: 14px;
font-weight: 300;
}
.single-service .service-image .offer i {
color: #ff6420;
margin-right: 2px; }
.single-service .service-content {
/* padding: 15px; */
/* padding: 12px 8px;*/
padding: 0px 4px 4px;
}
.single-service .service-content h3 {
color: #ffffff;
background-color: #ff6420;
background-color: #00a6dd;
background-color: #0495d5;
/* border-radius: 0px 0px 12px 12px;*/
font-size: 18px;
font-weight: 500;
letter-spacing: normal;
font-family: 'Saira', sans-serif;
padding: 4px 8px;
display: block;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
margin: 0px;
}
.single-service .service-content h3 a { display: inline-block; color: #fff; }
.single-service .service-content h3 i { text-shadow: none; font-size: 12px; }
.single-service .service-content p {
margin-bottom: 0;
margin-top: 4px;
padding: 4px 8px;
font-family: "Nunito Sans", sans-serif;
color: #6d7a8c;
font-weight: 400;
text-align: justify;
font-size: 13px;
line-height: 1.35em;
}
.single-service .service-content p a {
color: #6d7a8c;
}
.single-service .service-content .read-more-btn123 {
display: inline-block;
margin-top: 20px;
color: var(--greenT);
text-transform: uppercase;
font-weight: 700;
font-size: 13.5px; }
.single-service:hover .service-image a img {
transform: scale(1.8) rotate(-5deg);
}
.service-image123 i {
color: #fe235b;
display: inline-block;
position: absolute;
left: 10px;
bottom:-22px;
font-size: 45px;
/* top: 3px;*/
z-index: 1;
}
.service-image123 i::after {
position: absolute;
left: -10px;
top: -3px;
z-index: -1;
background-color: #fbd3dd;
width: 55px;
height: 55px;
content: '';
border-radius: 50%;
}
.service-image span {
display: inline-block;
margin-left: 10px;
width: 50px;
height: 50px;
line-height: 50px;
position: relative;
z-index: 1;
text-align: center;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.2);
color: #ffffff;
font-size: 20px;
transition: 0.5s;
}
.service-image span::after,
.service-image span::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
z-index: -1;
bottom: 0;
left: 0;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.service-image span::before { animation: ripple 2s linear infinite;}
.dental-services-area::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.15);
/* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);*/
/* border-bottom: 3px solid rgba(255, 255, 255, 0.2);*/
}
.gradTeal { background: linear-gradient(to right, #163f7a 0%,#163f7a 50%,#48b3d1 50%,#42bebc 100%) no-repeat scroll right bottom / 210% 100% #37c5a6 !important; }
.form-control.is-invalid,
.was-validated .form-control:invalid {
/* border-color: #dc3545;*/
border-color: yellowgreen !important;
padding-right: calc(1.5em + .75rem);
background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.single-meet-area .post-image {
border-top: 4px solid #fff;
border-left: 4px solid #fff;
border-right: 4px solid #fff;
}
.single-meet-area .post-content .read-more-btn {
font-family: "recursive", sans-serif;
}
.widget-area .tagcloud a {
font-size: 12.5px !important;
}
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= secAboutArea =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
#secAboutArea { }
.about-area { padding: 16px 0px 20px; }
.about-image-right,
.about-image {
position: relative;
border-radius: 5px;
padding-right: 0px; }
.about-image-right { padding-right: 20px !important; }
.about-image img {
border: 1em solid #fff;
box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.15);
}
.about-image .text {
position: absolute;
right: 0;
top: 60%;
transform: translateY(-60%);
border: 8px solid #ffffff;
background-color: #ff6420;
color: #ffffff;
width: 150px;
border-radius: 50%;
text-align: center;
height: 150px; }
.about-image .text p {
color: #ffffff;
line-height: initial;
text-transform: uppercase;
position: absolute;
right: 0;
left: 0;
top: 45%;
transform: translateY(-45%);
font-size: 16px;
font-weight: 700; }
.about-image .text p span {
display: inline-block;
font-size: 30px; }
.about-content { font-family: "Nunito Sans", sans-serif;}
.about-content .sub-title {
display: block;
text-transform: uppercase;
color: #ff6420;
margin-bottom: 8px;
position: relative;
z-index: 1;
font-weight: 700;
font-size: 14px;
}
.about-content h2 {
margin-bottom: 14px;
line-height: 1.3;
font-size: 38px;
font-weight: 400;
text-shadow: 2px 2px 2px #cccbca;
}
.about-content p {
color: #6d7a8c;
font-weight: 600;
margin-top: 4px;
text-align: justify;
font-size: 0.85em;
line-height: 1.45em;
transition: .4s;
animation-delay: 1.7s !important;
}
.about-content .features-list {
padding-left: 0;
list-style-type: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 15px;
margin-bottom: 0;
margin-right: -10px;
margin-left: -10px;
font-family: "Exo", sans-serif;
}
.about-content .features-list li {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px; }
.about-content .features-list li span {
display: block;
color: #6d7a8c;
position: relative;
padding-left: 25px;
/**** G ****/
font-size: 0.90em;
font-family: "Exo", sans-serif;
}
.about-content .features-list li span i {
color: #ff6420;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: 0.5s; }
.about-content .signature {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center !important;
margin-top: 40px;
margin-right: -10px;
margin-left: -10px; }
.about-content .signature .image {
margin-right: 20px; }
.about-content .signature .content h5 {
font-size: 18px;
margin-bottom: 0; }
.about-content .signature .content span {
display: block;
color: #6d7a8c;
margin-top: 3px; }
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= our-profile =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
.our-image { padding-right: 0px; }
.our-image img {
border-radius: 5px;
border: 10px solid #fff;
box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.10);
}
.our-image:before {
content: '';
border-radius: 0px;
border: 1px solid #fff;
position: absolute;
top: 20px;
height: 310px;
width: auto;
right: 35px;
left: 35px;
z-index: 400;
}
.our-profile { padding-top:40px !important; }
.our-profile:first-child { padding-top:0px !important; }
.our-profile h2 {
font-family: "Nunito Sans", sans-serif;
display: block;
color: #1a89b4;
font-style: italic;
font-weight: 600;
font-size: 18px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
margin-bottom: 0px !important;
}
.our-profile h1 {
margin-bottom: 12px;
line-height: 1.3;
font-size: 38px;
text-shadow: 2px 2px 2px #cccbca;
/*underline*/
border-bottom: 1px solid #eeeeee;
padding-bottom: 3px;
position: relative;
font-weight: 500;
width: 90%;
}
.our-profile h1::before {
content: '';
position: absolute;
/* background: #ccc;*/
background: #085583;
bottom: -1px;
left: 0;
width: 50px;
height: 1px;
}
.our-profile p {
font-family: "Exo", sans-serif;
display: block;
color: #6d7a8c;
position: relative;
font-weight: 400;
font-size: 14.5px;
line-height: 26px;
text-align: justify;
}
#secTopTitleArea {}
.top-title-area { padding-top: 15px; }
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= our-finance =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
#secFinanceArea {}
.finance-area { padding: 0px 0px 0px; }
.imgFinance { padding: 15px 0px 15px; }
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Trusted-Area =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
#secTrustedArea {}
.trusted-area { padding: 20px 0px 20px; }
.insImgs { padding:5px 120px 10px 140px; }
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= contact =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
#secContactArea {}
.contact--area {
padding: 5px 0px;
position: relative;
z-index: 1;
}
.contact--inner {
background-color: #ffffff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
padding: 0px 0px 5px 0px;
}
.contact--info--box {
font-family: "Recursive", sans-serif;
background-color: #043d72;
position: relative;
overflow: hidden;
transition: 0.5s;
z-index: 1;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 90px;
padding-right: 20px;
box-shadow: 0 0.25em 0.25em rgb(0 0 0 / 15%);
}
/*.contact--info--box .icon, */
.contact--info--box .icon i
{
position: absolute;
left: 20px;
top: 30px;
transition: 0.5s;
width: 50px;
height: 50px;
border-radius: 15%;
text-align: center;
line-height: 50px;
color: var(--greenT);
background-color: #ffffff;
font-size: 24px;
margin-bottom: 22px; }
.contact--info--box .icon i:hover {
color: #ff6f00;
}
.contact--info--box h3 {
font-family: "Recursive", sans-serif;
color: #ffffff;
text-transform: capitalize;
margin-bottom: 4px;
font-size: 20px;
font-weight: 600; }
.contact--info--box span {
display: block;
color: #ffffff;
font-size: 18px !important;
}
.contact--info--box span a { display: inline-block; color: #ffffff; }
.contact--info--box span a:hover { color: #fff; }
.contact--info--box:hover .icon { color: #ffffff; background-color: #ff6420;
}
#mapContact {
padding-top:20px; }
.mapContact {
height:450px !important;
border: 1px solid #dadada;
/* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); */
}
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= secWhoWeServeArea =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
#secServeArea { }
.serve-area { padding: 5px 0px 30px; }
.serve-area .serve-image {
position: relative;
border-radius: 5px;
padding-right: 0px; }
.serve-area .serve-image img {
border: 1em solid #fff;
box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.15);
}
.serve-area .serve-image .text {
font-family: "Nunito Sans", sans-serif;
position: absolute;
right: 0;
top: 70%;
transform: translateY(-60%);
border: 8px solid #ffffff;
/* background-color: #ff6420; */
background-color: #ff5000;
color: #ffffff;
width: 150px;
border-radius: 50%;
text-align: center;
height: 150px; }
.serve-area .serve-image .text p {
color: #ffffff;
line-height: initial;
text-transform: uppercase;
position: absolute;
right: 0;
left: 0;
top: 45%;
transform: translateY(-40%);
font-size: 16px;
font-weight: 700; }
.serve-area .serve-image .text p span {
font-family: "Recursive", sans-serif;
display: inline-block;
font-size: 45px;
line-height: 20px;
}
.serve-area .serve-content { font-family: "Nunito Sans", sans-serif;}
.serve-area .serve-content h2 {
display: block;
text-transform: uppercase;
color: #ff6420;
margin-bottom: 0px;
position: relative;
z-index: 1;
font-family: var(--ff-subh1);
font-size: 18px;
font-weight: 500;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.serve-area .serve-content h1 {
font-weight: 500;
font-size: 28px;
/* color: #006aae !important;*/
/* color: #085583 !important; */
/* color: #5f0d8e !important; */
color: var(--greenT) !important;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
font-family: var(--ff-sectitle-h2);
}
.serve-area .serve-content p {
color: #6d7a8c;
font-weight: 600;
margin-top: 4px;
margin-bottom: 4px;
text-align: justify;
font-size: 16px;
line-height: 24px;
transition: .4s;
animation-delay: 1.7s !important;
}
.serve-area .serve-content .features-list {
padding-left: 30px;
list-style-type: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 5px;
margin-bottom: 0;
margin-right: -10px;
margin-left: -10px;
font-family: "Exo", sans-serif;
}
.serve-area .serve-content .features-list li {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px; }
.serve-area .serve-content .features-list li span {
display: block;
color: #6d7a8c;
position: relative;
padding-left: 25px;
/**** G ****/
/* font-size: 0.90em;*/
font-size: 15px;
font-family: "Exo", sans-serif;
}
.serve-area .serve-content .features-list li span i {
color: #ff6420;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: 0.5s; }
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= secQuoteArea =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
.quote-area { padding: 0px 0px 15px; }
.quote-area .container { padding: 0px !important; }
.quote-area blockquote { margin: 10px 0px 0px 0px; padding: 20px 50px !important; }
.quote-area blockquote p { font-weight: 600 !important; }
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= secServiceDetailArea =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
#secServiceDetailArea { }
.services-details-area { padding: 6px 0px 5px; }
.services-details-header h1 {
font-family: var(--ff-racing);
text-shadow: 0 1px 1px rgb(0 0 0 / 10%);
color: var(--g-2);
letter-spacing: 0.75px;
font-size: 22px;
font-weight: 600;
margin-bottom: 0px;
padding-bottom: 3px;
border-bottom: 1px solid #eeeeee;
position: relative;
width: 90%;
padding-left: 4px;
}
.services-details-header h1::before {
content: '';
position: absolute;
background: #ff6420;
bottom: -1px;
left: 0;
width: 75px;
height: 0px; /* TODO: temporarily disabled */
}
.services-details-header h1 span {
color: var(--g-2) !important;
}
.services-details-header h2 {
/* separator */
content: '';
font-size: 0px;
padding:2px 0px;
margin: 0px;
}
.services-details-header h3.special,
.services-details-header h3.special-sm,
.services-details-header h3.price {
color: #fff;
/* background-color: #72bf09; */
background-color: #ff6f00;
border-radius: 4px;
font-size: 0.95rem;
letter-spacing: normal;
font-family: 'Saira', sans-serif;
font-weight: 400;
padding: 0px 12px;
display: inline;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
margin: 0px;
}
.services-details-header h3.special,
.services-details-header h3.special-sm {
background-color: #ff6f00;
border-radius: 0px 4px 4px 0px;
}
.services-details-header h3.special-sm {
font-size: 16px !important;
padding: 0px 12px;
}
.services-details-header h3.price sub {
text-transform: lowercase;
bottom: 2px;
font-weight: 400;
font-size: 18px;
text-shadow: none !important;
}
.services-details-header p {
font-family: "Nunito Sans", sans-serif;
color: #6d7a8c;
font-weight: 400;
margin-top: 4px;
text-align: justify;
font-size: 14px;
line-height: 1.45em;
margin-bottom: 5px;
}
.services-details-header p.chooseOne {
padding: 0px 40px 5px;
margin-top: 5px;
font-size: 12px;
}
.services-details-header p mark {
padding: 0px;
text-decoration: line-through;
font-size: 14px;
color: #6d7a8c;
background-color: transparent;
}
.services-details-header p br {
content: "";
display: block;
margin-top: 10px;
font-size: 14px;
}
.bookEstimateSteps { padding: 6px 40px 2px 40px; }
.bookEstimateSteps p {
font-family: "Nunito Sans", sans-serif;
color: #6d7a8c;
font-weight: 400;
text-align: justify;
font-size: 12px;
margin-top: 5px;
margin-bottom: 0px;
line-height: 1.45em;
}
.bookEstimateSteps ul {
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
padding-left: 0;
list-style-type: none;
display: inline-block;
margin: 0px;
}
.headerUnderline {
color: #6d7a8c;
border-bottom: 1px solid #eeeeee;
padding-bottom: 3px;
margin-bottom: 20px;
text-transform: capitalize;
position: relative;
font-weight: 500;
font-size: 16px;
/* line-height: 32px;*/
width: 90%;
font-family: "Recursive", sans-serif;
}
.headerUnderline::before {
content: '';
position: absolute;
background: #ff6420;
bottom: -1px;
left: 0;
width: 50px;
height: 1px;
}
/*============ Book Appointment Area CSS ==============================================*/
/*****PILOT*****/
.nice-select .option {
line-height: 30px;
min-height: 30px;
}
#secBookApptArea { }
.book-appt-area {
position: relative;
z-index: 1;
/* margin-top: -125px; */
margin-top: -78px;
}
.book-appt-area .container { padding: 0px 15px; }
.book-appt-content {
box-shadow: 0 2px 10px rgb(66 77 88 / 10%);
border: 1px solid #DCE0E4;
border-radius: 7px;
background-color: #ffffff;
padding: 10px 20px;
/* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);*/
}
.book-appt-content .sub-title {
display: block;
text-transform: uppercase;
/* color: #ff6420; */
color: #056097;
/* border-radius: 12px 0px 12px 0px; */
font-weight: 700;
font-size: 16px;
margin-bottom: 2px;
}
.book-appt-content .sub-title a { color: #fff; }
.book-appt-content .callUs {
color: #fff;
background-color: #ff6420;
border-radius: 4px 0px 0px 4px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
font-size: 18px;
padding-top: 3px;
}
.book-appt-content h2 {
letter-spacing: 0.05rem;
margin-bottom: 4px;
margin-top: 0px;
font-size: 24px;
font-weight: 600;
color: var(--g-1);
font-family: 'Jockey One', sans-serif;
text-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.book-appt-content sub {
text-transform: lowercase;
bottom: 2px;
font-weight: 400;
font-size: 18px;
text-shadow: none !important;
}
.book-appt-content h3 {
color: #fff;
background-color: #0a6eae;
background-color: #147057;
border-radius: 3px;
font-size: 1.15rem;
letter-spacing: normal;
font-family: 'Saira', sans-serif;
font-weight: 500;
padding: 0px 12px;
display: inline;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
margin: 0px;
}
.book-appt-content p {
font-family: "Nunito Sans", sans-serif;
color: #9298a0;
font-weight: 400;
margin: 0px 2px 0px 2px;
text-align: justify;
font-size: 11px;
line-height: 1.45em;
}
.book-appt-content form {
margin-top: 6px; /* top */
text-align: center;
}
.book-appt-content form .row {
margin-left: -10px;
margin-right: -10px; }
.book-appt-content form .row .col-lg-6,
.book-appt-content form .row .col-lg-12 {
padding-left: 10px;
padding-right: 10px; }
.book-appt-content form .form-group {
margin-bottom: 15px;
text-align: left;
position: relative;
}
.book-appt-content form .lastChild { margin-bottom: 5px !important; }
.book-appt-content form .form-group label {
z-index: 1;
display: inline-block;
margin-bottom: 0;
position: absolute;
left: 15px;
top: 15px;
color: #ff6420;
font-size: 20px;
border-right: 1px solid #ff6420;
padding-right: 10px;
line-height: 20px; }
.book-appt-content form .form-group .form-control {
/* padding-left: 60px; */
/* height: 50px;*/
padding-left: 10px;
height: 38px;
color: #495057 !important;
font-weight: 400;
font-family: "Exo", sans-serif;
}
.book-appt-content form .form-group .form-control.multiRows {
height: auto;
}
.book-appt-content form .form-group .nice-select {
background-color: #f4f4f4;
height: 35px;
line-height: 36px;
border: none;
/* color: #6d7a8c;*/
/* padding-left: 60px;*/
padding-left: 10px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
font-size: 13.5px;
border-radius: 0;
font-weight: 600;
font-family: "Exo", sans-serif;
/* color: var(--g-1);*/
color: #6d7a8c;
}
.book-appt-content form .form-group .nice-select .list {
background-color: #ffffff;
box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
border-radius: 0;
margin-top: 0;
width: 100%;
height: 260px;
overflow-y: scroll;
padding-top: 10px;
padding-bottom: 10px; }
.book-appt-content form .form-group .nice-select .list .option {
text-transform: capitalize;
transition: 0.5s;
color: var(--g-1);
/* color: var(--greenT); */
/* font-size: 15px;*/
font-size: 14px !important;
padding-left: 20px;
padding-right: 20px; }
.book-appt-content form .form-group .nice-select .list .option:hover {
background-color: #ff6420 !important;
color: #ffffff; }
.book-appt-content form .form-group .nice-select .list .option.selected { background-color: transparent; }
.book-appt-content form .form-group .nice-select::after {
right: 15px;
width: 8px;
height: 8px;
border-color: var(--greenT); }
.book-appt-content form .btn {
margin-top: 5px;
width:100%;
padding: 18px 40px 17px 5px;
font-size: 14px;
font-weight: 700;
}
.book-appt-content form #msgSubmit.h4 {
margin: 5px;
font-size: 12px;
font-weight: 600;
font-family: "Nunito Sans", sans-serif;
}
.book-appt-content form #msgSubmit.text-danger,
.book-appt-content form #msgSubmit.text-success { margin-top: 5px; }
/* ================================================
Service-Reasons = ServiceReasons
================================================ */
.ServiceReasonArea { padding: 5px 5px 0px; }
.ServiceReasonVertical { }
.ServiceReasonItem {
padding: 0 25px 4px;
margin-top: 5px;
width: 98%;
position: relative;
float: left;
text-align: left;
}
.ServiceReasonItem1:first-of-type {
/* bottom: 0px; height: 0px;*/
background-color: chocolate;
}
.ServiceReasonItem img { text-align: center; float: left; }
.ServiceReasonItem .icon {
font-size: 36px;
margin: 0 5px;
text-align: center;
color: #005696;
text-shadow: 2px 2px 2px #cccbca;
float: left;
width: 50px;
}
.ServiceReasonItem h1 {
color: #005696;
margin-bottom: 2px;
line-height: 1.3;
text-shadow: 1px 2px 3px #cccbca;
font-family: "Recursive", sans-serif;
font-weight: 800;
font-size: 18px;
margin-left: 55px;
font-style: italic;
}
.ServiceReasonItem p {
font-family: "Nunito Sans", sans-serif;
color: var(--greenT);
color: #6d7a8c;
font-weight: 400;
margin-top: 4px;
text-align: justify;
font-size: 14px;
line-height: 1.3em;
margin-left: 55px;
}
.ServiceReasonItem.itemSep {
margin-bottom: 10px;
}
.ServiceReasonItem.itemSep:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
bottom: -1px;
left: 0;
background: rgba(255, 255, 255, 0);
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(227, 227, 227, 1) 27%, rgba(227, 227, 227, 1) 70%, rgba(254, 254, 254, 0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(27%, rgba(227, 227, 227, 1)), color-stop(70%, rgba(227, 227, 227, 1)), color-stop(100%, rgba(254, 254, 254, 0)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(227, 227, 227, 1) 27%, rgba(227, 227, 227, 1) 70%, rgba(254, 254, 254, 0) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(227, 227, 227, 1) 27%, rgba(227, 227, 227, 1) 70%, rgba(254, 254, 254, 0) 100%);
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(227, 227, 227, 1) 27%, rgba(227, 227, 227, 1) 70%, rgba(254, 254, 254, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(227, 227, 227, 1) 27%, rgba(227, 227, 227, 1) 70%, rgba(254, 254, 254, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=1);
}
/*rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
#secCaroServices { }
.caro-services-area { padding: 10px 0px 5px; }
.caro-services-slides::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.11);
}
.single-service .service-image { border: 4px solid #fff; }
.caro-services-area .container { padding: 0px !important; }
#secServiceFAQArea { }
.service-faq-area { padding: 10px 0px 10px; }
/*================================================
FAQ Area CSS
=================================================*/
.faq--area .container-fluid {
padding-left: 0;
padding-right: 0; }
.faq--area .container-fluid .row {
margin-left: 0;
margin-right: 0; }
.faq--area .container-fluid .row .col-lg-6 {
padding-left: 0;
padding-right: 0; }
.faq--image {
width: 100%;
height: 100%;
background-image: url(../img/faq-img1.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.faq--image img {
display: none;
}
.faq--accordion {
padding: 4px 50px 20px 50px;
}
.faq--accordion .sub-title {
display: block;
margin-bottom: 0px;
color: #ff6420;
/* color: #ec6e00; */
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}
.faq--accordion h2 {
margin-bottom: 0;
color: #ec6e00;
line-height: 1.3;
font-size: 21px;
font-weight: 600;
/* color: #ff6420; */
/* color: #ec6e00; */
}
.faq--accordion .accordion {
list-style-type: none;
padding: 0px 50px;
margin-bottom: 0;
/* margin-top: 30px; */
margin-top: 15px;
}
.faq--accordion .accordion .accordion-item {
display: block;
box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
background: #ffffff;
margin-bottom: 10px;
}
.faq-accordion .accordion .accordion-item:last-child {
margin-bottom: 0;
}
.faq--accordion .accordion .accordion-title {
padding: 12px 20px 12px 51px;
color: var(--greenT);
position: relative;
display: block;
font-size: 16px;
font-weight: 800;
font-family: "Muli", sans-serif;
}
.faq--accordion .accordion .accordion-item>a:hover,
.faq--accordion .accordion .accordion-item>a:focus {
text-decoration: none !important;
}
.faq--accordion .accordion .accordion-title i {
position: absolute;
left: 0;
top: 0;
width: 40px;
text-align: center;
height: 100%;
background-color: #0084e9;
color: #fff;
font-size: 15px;
transition: 0.5s;
}
.faq--accordion .accordion .accordion-title i::before {
position: absolute;
left: 0;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.faq--accordion .accordion .accordion-title.active i {
background-color: #ff6420;
color: #ffffff;
}
.faq--accordion .accordion .accordion-title.active i::before {
content: "\f068";
}
.faq--accordion .accordion .accordion-content {
display: none;
position: relative;
padding: 15px;
font-size: 16px;
border-top: 1px solid #eeeeee;
}
.faq--accordion .accordion .accordion-content.show {
display: block;
}
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= secConditionsApplyArea =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
#secRestrictionsArea {}
.services-restrictions-area { padding: 15px 20px 20px; }
.services-restrictions-area h1 {
font-family: "Saira", sans-serif;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
color: #6d7a8c !important;
margin-bottom: 5px;
font-size: 12px;
font-weight: 400;
text-align: center;
font-style: italic;
}
.services-restrictions-area h1::before,
.services-restrictions-area h1::after {
display: inline-block;
content: "";
border-top: 1px solid #dedfe0;
width: 9rem;
margin: 0 1rem;
transform: translateY(-4px);
}
.services-restrictions-area p {
font-style: italic;
color: #a3a3a3;
font-size: 11px;
font-weight: 400;
margin-top: 2px;
text-align: justify;
line-height: 14px;
}
/*************** rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr *******************/
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= secServiceList =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
#secServiceList {}
.service-list-area { padding: 8px 0px 2px; }
.service-list-area blockquote { margin: 0px 0px 0px 0px; padding: 10px 20px !important; }
.service-list-area blockquote p { font-size: 12px; font-weight: 400 !important; }
.service-item-box {
margin-bottom: 10px;
background-color: #ffffff;
border-radius: 5px;
padding-bottom: 10px;
box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
.service-item-box .itemHeader {
background-color: var(--greenT);
border-radius: 5px 5px 0 0;
position: relative;
text-align: center;
z-index: 1;
overflow: hidden;
padding-top: 8px;
padding-bottom: 7px;
}
.service-item-box .itemServiceHeader::before,
.service-item-box .itemServiceHeaderDeal::before {
content: '';
position: absolute;
left: 0;
z-index: -1;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px 5px 0px 0px;
}
.service-item-box .itemServiceHeader::before {
background-image: -webkit-linear-gradient(277deg, #17b854 0%, #03623c 100%);
background-image: -o-linear-gradient(277deg, #17b854 0%, #03623c 100%);
background-image: linear-gradient(7deg, #17b854 0%, #03623c 100%);
border-bottom: 2px solid #01954e;
}
.service-item-box .itemServiceHeaderDeal::before {
background-image: -webkit-linear-gradient(277deg, #17b854 0%, #03623c 100%);
background-image: -o-linear-gradient(277deg, #17b854 0%, #03623c 100%);
background-image: linear-gradient(7deg, #17b854 0%, #03623c 100%);
border-bottom: 2px solid #01954e;
}
.service-item-box .itemHeader h3 {
color: #ffffff;
font-family: var(--ff-saira);
margin-bottom: 0;
font-weight: 500;
font-size: 16px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
position: relative;
z-index: 1;
}
.service-item-box .itemHeader::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 105px;
width: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.service-item-box .price {
font-family: var(--ff-pr305);
letter-spacing: -0.75px;
color: var(--greenT);
/* color: #005696; */
margin-top: 2px;
margin-bottom: 2px;
/*
padding-left: 10px;
padding-right: 10px;
*/
font-size: 30px;
font-weight: 800;
}
/******************* TODO: FIX THIS *******************/
.service-item-box .price sub {
color: #ccc;
font-family: 'Nunito', sans-serif;
font-family: var(--ff-pr305);
text-transform: lowercase;
bottom: 12px;
padding-right:2px;
font-weight: 600;
font-size: 14px;
}
.service-item-box .book-now-btn {
margin-top: 0px;
padding-left: 6px;
padding-right: 6px; }
.service-item-box .pricing-features-list {
list-style-type: none;
text-align: left;
margin-bottom: 8px;
margin-top: 10px;
padding-left: 10px;
padding-right: 5px; }
.service-item-box .pricing-features-list li {
color: #6d7a8c;
margin-bottom: 5px;
font-size: 11.5px;
font-weight: 400; }
.service-item-box .pricing-features-list li.overnight {
color:#ff6f00;
}
.service-item-box .pricing-features-list li mark {
padding: 0px;
text-decoration: line-through;
color: #6d7a8c;
background-color: transparent;
}
.service-item-box .pricing-features-list li i {
color: var(--greenIcons);
margin-right: 4px;
}
.service-item-box .pricing-features-list li:last-child { margin-bottom: 0; }
/* rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr */
/* rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr */
/* rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr */
.service-item-box .itemImageBox {
margin-top: 8px;
margin-bottom: 0px;
background-color: #fff;
box-shadow: 0 3px 40px 0 rgba(0, 0, 0, 0.11);
}
.service-item-box .itemImageBox .itemImg { position: relative; overflow: hidden;border: 3px solid #fff; }
.service-item-box .itemImageBox .itemImg a { display: block; }
.service-item-box .itemImageBox .itemImg a img { transition: 0.5s; }
.service-item-box .itemImageBox:hover .itemImg a img { transform: scale(1.5) rotate(-15deg); }
.service-item-box .itemImageSmallBox { padding-top:4px; }
.service-item-box .itemImageSmallBox .itemImgSmall img { padding-right:4px;}
/*.service-item-box .itemImageSmallBox div.col-3:hover a img { transform: scale(1.5) rotate(-15deg); }*/
.service-item-box .priceTop {
font-family: 'Recursive', sans-serif;
letter-spacing: -0.75px;
color: #fff;
margin: 0px;
font-size: 24px;
line-height: 28px;
font-weight: 800;
}
.service-item-box .priceTop sub {
color: #fff;
font-family: 'Nunito', sans-serif;
text-transform: lowercase;
bottom: 12px;
padding-right:0px;
font-weight: 600;
font-size: 14px;
}
.service-item-box .itemImageBox span.onsale {
height: 0px;
min-height: 0px;
width: 0px;
min-width: 0px;
font-size: 18px;
line-height: 18px;
text-align: center;
position: absolute;
left: 0px !important;
right: auto;
top: 0px !important;
margin: 0 !important;
border-style: solid;
border-width: 30px 30px 0 0;
border-color: transparent transparent transparent transparent;
padding: 0;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
border-radius: 0;
z-index: 2;
background: none;
/* border-top-color: var(--greenIcons) !important;*/
border-top-color: #008938 !important;
}
.service-item-box .itemImageBox span.onsale i {
position: absolute;
left: 3px !important;
top: -26px !important;
font-size: 10px;
color: #fffc00 !important;
}
.service-item-box .btnSmall {
border: none;
line-height: initial;
border-radius: 4px;
padding: 4px 25px 5px 25px;
position: relative;
box-shadow: 0px 5px 28.5px 1.5px rgba(3, 79, 60, 0.2) !important;
/* transition: 0.5s;*/
font-size: 12px;
font-family: var(--ff-saira);
width: 90%;
font-weight: 600;
/* color: #02441d !important;*/
color: #054b16 !important;
/* color: #054b16 !important; background-color: #9bf00b; *//*xbox*/
background-color: #72bf09;
background-image: none !important;
transition-duration: 0.2s !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.service-item-box .btnSmall:hover {
color: #fff !important;
background-image: -webkit-linear-gradient(277deg, #f93a3a 0%, #f7a001 100%) !important;
background-image: -o-linear-gradient(277deg, #f93a3a 0%, #f7a001 100%) !important;
background-image: linear-gradient(7deg, #f93a3a 0%, #f7a001 100%) !important;
transition: 0.1s;
}
.service-item-box .btnSmall .fa-hand-point-right {
padding-left: 3px;
padding-right: 3px;
}
.bookApptForm input {
background: #ffffff;
width: 100%;
/* color: #aab5ca; */
color: #1a1a1a;
font-weight: 500;
letter-spacing: 1px;
height: 50px;
padding: 0px 20px 0px 35px;
}
.elementor-icon-list-icon svg {
/*
*/
fill: #ff6420;
width: 21px;
}
/**/
.imageBlur {
background-image: url("https://images.unsplash.com/photo-1542074494-62e9e51a61b3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
}
.h2iw305 {
font-family: var(--ff-pr305);
/* letter-spacing: 0.03em;*/
font-weight: 600;
}
.iw305,
.iw305-12,
.iw305-14,
.iw305-16,
.iw305-20 {
font-family: var(--ff-pr305);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
font-size: 18px !important;
}
.iw305-12 { font-size: 12px !important; }
.iw305-14 { font-size: 14px !important; }
.iw305-16 { font-size: 16px !important; }
.iw305-20 { font-size: 20px !important; }
#mnAllSpecials {
background-color: #ffffec !important;
}
/* -------------- modal ------------- */
/*style="height123: 400px;"*/
/*.modal-dialog-scrollable .modal-body { overflow-y: initial !important }*/
#modalInfo h5 { font-size: 18px; }
#modalContent {
}
.btnModal {
backface-visibility: hidden;
display: inline-block;
font-size: 16px;
line-height: 1;
padding: 20px 36px;
text-align: center;
text-transform: capitalize;
transition: .3s;
font-weight: 700;
background: #f89f22;
color: #471f1d;
border: 0;
border-radius: 4px;
border-bottom: 6px solid #865106 !important;
-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;
}
.btnModal {
padding: 10px 36px;
width: 90%;
margin: 4px auto;
}
.btnModal:hover {
color:#fff;
background: #ee4212 !important;
border-radius: 6px;
border-bottom: 6px solid #f0b4b1 !important;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/* */
.modal-body {
/* height: 350px;*/
height: auto;
min-height: 250px;
max-height: calc(100vh - 400px);
}
.modal-dialog-scrollable .modal-body {
/* overflow-y: auto; */
}
#secServiceVideo {}
.service-video-area {}
.service-video-area .secHeader h1 {
font-family: 'Rubik', sans-serif;
font-weight: 500;
letter-spacing: -1.5px;
font-size: 3.25em;
text-shadow: 2px 2px 2px #cccbca;
/* text-shadow: 0 2px 2px rgb(0 0 0 / 20%); */
color: #5c070d !important;
margin-top: 0px;
margin-bottom: 0px;
font-style: italic;
line-height: 1.0;
position: relative;
padding-top: 4px;
}
.single-footer-widget .appsSoon {
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
margin-top: 6px; }
.single-footer-widget .social li { display: inline-block; margin-right: 0px; }
.footer-area .appsSoon img {
/* max-height: 20px;*/
opacity: 0.2;
padding-top: 2px;
margin-left: -2px;
}
div.pp_default .pp_description {
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= secQuoteRequestedArea =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
#secQuoteRequestedArea { }
.quote-requested-area { padding: 15px 0px 10px; }
.quote-requested-content h1 {
font-family: "Recursive", sans-serif;
letter-spacing: -0.75px;
/* line-height: 1.3; */
font-size: 22px;
font-weight: 800;
text-shadow: 1px 2px 3px #cccbca;
/* color: var(--greenTB); */
color: var(--g-3);
margin-bottom: 9px;
padding-bottom: 3px;
border-bottom: 1px solid #eeeeee;
position: relative;
width: 90%;
}
.quote-requested-content h1::before {
content: '';
position: absolute;
background: #ff6420;
bottom: -1px;
left: 0;
width: 75px;
height: 0px; /* TODO: temporarily disabled */
}
.quote-requested-content h1 span { color: var(--g-2) !important; }
.quote-requested-content p {
font-family: "Nunito Sans", sans-serif;
color: #6d7a8c;
font-weight: 400;
margin-top: 12px;
text-align: justify;
font-size: 16px;
line-height: 1.45em;
/* line-height: 24px; */
}
.quote-requested-content p .csTeam {
font-size: 21px;
}
.btnFilterSmall {
display: inline;
border: none;
line-height: initial;
border-radius: 4px;
padding: 4px 10px 5px 10px;
position: relative;
box-shadow: 0 0 5px rgb(0 0 0 / 20%) !important;
/* box-shadow: 0px 5px 28.5px 1.5px rgb(3 79 60 / 20%) !important;*/
/* transition: 0.5s; */
font-size: 12px;
font-family: var(--ff-saira);
width: 20%;
font-weight: 600;
/* color: #02441d !important; */
color: #fff !important;
background-color: #72bf09;
background-image: none !important;
margin-bottom:5px;
-webkit-transform: skewX(-6deg);
-ms-transform: skewX(-6deg);
transform: skewX(-6deg);
}
.btnSelected,
.btnFilterSmall:focus,
.btnFilterSmall:hover,
.btnFilterSmall:active {
color: #fff !important;
background-image: -webkit-linear-gradient(277deg, #f93a3a 0%, #f7a001 100%) !important;
background-image: -o-linear-gradient(277deg, #f93a3a 0%, #f7a001 100%) !important;
background-image: linear-gradient(7deg, #f93a3a 0%, #f7a001 100%) !important;
}
.secQuickTabs {
padding: 4px 0px 2px 0px;
}
.btnQuickTabs {
display: inline;
border: none;
line-height: initial;
border-radius: 4px;
padding: 5px 10px 3px 10px;
position: relative;
box-shadow: 0 0 5px rgb(0 0 0 / 20%) !important;
/* transition: 0.5s; */
font-size: 12px;
font-family: var(--ff-saira);
width: 20%;
font-weight: 600;
/* color: #02441d !important; */
color: #fff !important;
background-image: none !important;
border-radius: 4px;
border-bottom: 3px solid #497e00 !important;
background: #72bf09;
color: #fff !important;
-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;
}
.btnQuickTabs:focus,
.btnQuickTabs:hover,
.btnQuickTabs:active {
color: #fff !important;
background: #f85829 !important;
border-radius: 4px;
border-bottom: 3px solid #f0b4b1 !important;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/***PILOT***/
.rowQuickCall { padding: 0px 12px 1px 12px; }
.btnQuickCall {
display: inline;
border: none;
line-height: initial;
padding: 3px 10px 1px 10px;
position: relative;
box-shadow: 0 0 5px rgb(0 0 0 / 20%) !important;
font-size: 16px;
font-family: var(--ff-saira);
font-weight: 600;
background-image: none !important;
text-transform: none;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
color: #fff !important;
background: #72bf09 !important;
border-radius: 4px;
margin-bottom: 4px;
margin-left: 14px;
margin-right: 14px;
border-bottom: 3px solid #497e00 !important;
}
.btnQuickCall:focus,
.btnQuickCall:hover,
.btnQuickCall:active {
background: #f85829 !important;
border-bottom: 3px solid #f0b4b1 !important;
}
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Service-Types-Area =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
.service-types-area { padding: 5px 0px 0px 10px; }
.service-types-area .secTop { padding-top: 12px; }
.single-serv-type {
margin-bottom: 10px;
background-color: #ffffff;
box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
}
.single-serv-type .service-image {
border: 4px solid #fff;
position: relative;
overflow: hidden;
}
.single-serv-type .onBot { padding: 0px 4px 4px 4px; }
.single-serv-type .onTop { padding: 4px 4px 0px 4px; }
.single-serv-type .service-content { }
.single-serv-type .service-content h3 {
color: #ffffff;
font-size: 14px;
font-weight: 500;
letter-spacing: normal;
font-family: 'Saira', sans-serif;
padding: 4px 8px;
display: block;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
margin: 0px;
}
.single-serv-type .service-content h3 a { display: inline-block; color: #fff; }
.single-serv-type .service-content h3 i { text-shadow: none; font-size: 12px; }
.single-serv-type .gradO {
background-image: -webkit-linear-gradient(127deg, #f93a3a 0%, #f7a001 100%);
background-image: linear-gradient(157deg, #f93a3a 0%, #f7a001 100%);
}
.single-serv-type .gradBY {
background-image: -webkit-linear-gradient(127deg, #17a2b8 0%, #f7a001 100%);
background-image: linear-gradient(157deg, #17a2b8 0%, #f7a001 100%);
}
.section-title .bookAppt {
margin-top: -5px;
}
.section-title p.bookAppt {
text-align: justify;
max-width: 85%;
padding-top: 10px;
padding-bottom: 10px;
}
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Service-Partners-Gallery =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
#secTopTitleAreaHome {}
.service-gallery-area { padding: 5px 0px 0px 10px; }
.service-gallery-area .secTop { padding-top: 2px; }
/***=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Service-Partners-Gallery =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=***/
#secPartnersGalleryArea {}
.service-pgallery-area { padding: 5px 0px 0px 0px; }
.home-gallery-top-area { padding: 5px 0px 5px 0px; }
.home-gallery-top-area .secTop {
padding-top: 12px;
padding-bottom: 4px;
}
.service-pgallery-area .secGalleryTop {
padding-top: 15px;
padding-bottom: 15px;
}
.service-pgallery-area .secGalleryBot { padding-top: 5px; }
.owlGalleryArea .whyus-gallery-top {
padding: 15px 45px;
}
.owlGalleryArea .whyus-gallery-bot {
padding: 15px 45px;
}
.owlGalleryArea .owlItemSep {
padding-left: 5px;
padding-right: 5px;
font-size: 0.75rem;
}
.home-gallery-top.owl-carousel .owl-item img,
.whyus-gallery-top.owl-carousel .owl-item img,
.whyus-gallery-bot.owl-carousel .owl-item img {
padding: 3px;
background-color: white;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border: 1px solid #DCE0E4;
border-radius: 4px;
box-shadow: 0 2px 10px rgb(66 77 88 / 10%);
/* box-shadow: 0 3px 40px 0 rgb(0 0 0 / 11%);*/
/* min-width: 155px;
min-height: 155px;
max-width: 155px;
max-height: 155px;
padding: 3px;
background-color: white;
-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.06);
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.06);
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border: 1px solid #ced4da;
border-radius: 5px; */
}
.secContactUsCaro {
padding: 10px 0px 5px;
}
.secContactUsChoices {
padding: 10px 0px;
}