/*
* Author : PSD to HTML Expert
* Website Name : Uniting With You Home Care
* Version : 1.0
*/
/*---------------------
Global css
---------------------*/
html { position:relative; min-height:100%;}
* { padding:0; margin:0; }
body {
background: url(../img/bg.png);
overflow-x: hidden;
font-size: 14px;
line-height: 24px;
font-family: 'Montserrat', sans-serif;
color: #333;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
ul , li { list-style:none; margin: 0; padding: 0; }
a { text-decoration:none; outline:none; }
a:hover , a:focus { text-decoration:none; outline:none; }
select { outline:none;}
select:focus { outline:0;}
a img { border:none; }
.clr { clear:both; height:0px;}
a { -webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
/*------------------- Typography--------------------*/
h1 { font-size: 48px; line-height: 50px; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #006eb3; margin: 0 0 20px;}
h1 span { font-weight: 300; }
h2 { font-size: 36px; line-height: 36px; font-family: 'Montserrat', sans-serif;font-weight: 700; color: #006eb3; margin: 0 0 20px;}
h2 span { font-weight: 400;}
h3 { font-size: 24px; line-height: 30px; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #333333; margin: 0 0 20px;}
h3 span { font-weight: 400;}
h4 { font-size: 24px; line-height: 30px; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #006eb3; margin: 0 0 20px;}
h4 span { font-weight: 400;}
p { margin: 0 0 20px;}
/*--------------------- Buttons--------------------------*/
.btn-secondary { color: #006eb3; border-color: #006eb3; text-transform: uppercase;}
.btn-secondary:hover , .btn-secondary:focus { background: #006eb3; color: #fff; }
.btn-third { color: #fff; border-color: #fff; text-transform: uppercase;}
.btn-third:hover , .btn-third:focus { background: #fff; color: #006eb3; }
button:hover, button:active , button:visited , button:focus, .btn:hover, .btn:active , .btn:focus { outline: 0 !important; box-shadow: none; }
/*------------------- Forms ------------------*/
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
select,
textarea , .form-control { width: 100%; border: 0px solid #eaeaea; padding: 8px 20px; border-radius: 0px; height: 40px; font-family: "Roboto";
font-size: 16px;
line-height: 40px; color: #999999; margin: 0; }
textarea , textarea.form-control{ height: 100px; }
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
select:hover,
textarea:hover { box-shadow: 0px 0px 0px 0px #dcdcdc;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus , textarea.form-control:focus , select.form-control:focus { background: #fff; box-shadow: 0px 0px 0px 0px #4db959; border-color: #ccc; }
select.form-control , select { background-image: url(../img/select-bg.png) !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance:none; }
select::-ms-expand {
display: none;
}
input[type="text"].active,
input[type="email"].active,
input[type="password"].active,
input[type="search"].active,
input[type="tel"].active,
input[type="number"].active,
select.active,
textarea.active { background: #fff; box-shadow: 0px 0px 0px 0px #4db959; border-color: #eaeaea !important;}
input[type="text"].error,
input[type="email"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="number"].error,
select.error,
textarea.error { background: #fff; box-shadow: 0px 0px 0px 0px #c50b2b; border-color: #c50b2b !important; color: #c50b2b;}
textarea { resize: none; }
input[type="submit"] {
padding: 10px 0;
font-size: 19px;
line-height: 22px;
font-weight: normal;
border-radius: 0;
display: inline-block;
color: #fff;
background: none;
height: auto;
background: #3399ff;
border: none;
/* text-transform: uppercase; */
border-radius: 5px;
}
input[type="submit"]:hover {
background: #3399ff;
}
input:focus , textarea:focus { outline: none; }
input::-moz-placeholder { opacity:1;}
/* Check box Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
position: relative;
padding-left: 30px;
cursor: pointer;
font-size: 16px; line-height:20px ; color: #666666; margin: 0; font-weight: normal;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0; top: 0;
width: 20px; height: 20px;
background: url("../img/check-off.jpg") 0 0 no-repeat;
border-radius: 0px;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
content: '';
position: absolute;
left: 0; top: 0;
width: 20px; height: 20px;
background: url("../img/checked.jpg") 0 0 no-repeat;
border-radius: 0px;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1);
}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #999999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999999;
opacity: 1;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999999;
opacity: 1;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #999999;
}
input::-ms-input-placeholder { /* Microsoft Edge */
color: #999999;
}
label , .label { color: #656262; font: 400 16px/22px "Open Sans"; margin: 0 0 10px; }
label sup { color: #ff0101; top: -4px;font-size: 14px; }
/*-------------------- Header css --------------------*/
.topbar-sec { background: #006eb3; padding: 7px 0;}
.top-social { float: left;}
.top-social li { float: left; color: #fff; line-height: 24px; margin-right: 10px;}
.top-social li a { display: block; color: #fff; font-size: 24px;}
.top-contact-sec { float: right; position: relative; }
.top-contact-sec li { margin: 0;}
.top-contact-sec span { font-weight: 700;}
.main-header {
width: 100%;
padding: 18px 0 0;
}
.logo-sec { margin:0; }
.logo-sec img{
margin:auto;}
.top-right-sec {
width: 80%;
margin: auto;
}
/*.top-right-sec { float: right; width:70%;}*/
#cssmenu { position: relative;}
#cssmenu ul { width: 100%; float: left; margin: 0px 0 0;}
/*-------------------------
Main Banners css
--------------------------*/
.main-content-section { width: 100%;}
.main-product-slide { margin: 0 !important; }
.main-product-slide-list { width: 100%; position: relative;}
.main-product-slide-list img { width: 100%; position: relative; z-index: 1}
/*.slide-deials {
position: absolute;
bottom: 140px;
left: 0;
z-index: 2;
text-align: center;
}
*/
.slide-deials {
position: absolute;
bottom: 140px;
left: 0;
z-index: 2;
text-align: center;
width: 500px;
right: -40%;
margin: auto;
}
.bullet-lists { padding: 0 130px;}
.bullet-lists li { font-size: 18px; line-height: 24px; margin: 0 0 20px; font-weight: 600; color: #fff;}
.main-content-sec { width: 100%; padding: 50px 0 60px; }
.content-sec { text-align: center; padding: 0 0;}
.content-sec p {
font-size: 16px;
color: #fff;
line-height: 24px;
width: 74%;
margin: auto;
font-family: "Open Sans";
}
.content-sec h3 {
font-size: 36px;
line-height: 48px;
color: #fff;
margin: 0 0 25px;
font-weight: normal;
}
.core-solution-sec {
width: 100%;
padding: 0 0 0;
}
.core-solution-sec h3{
font-size: 24px;
line-height: 48px;
color: #fff;
margin: 0 0 25px;
font-weight: bold;
text-align: center;
}
.solutionsicon {
padding: 60px 0 0;
margin-top: 25px;
}
.serviceblocks {
margin-bottom: 120px;
}
.iconblock {
background: #e7eff4;
text-align: center;
border: 2px solid #999;
width: 80%;
padding: 7%;
margin: auto;
min-height: 260px;
}
.iconblock img {
position: absolute;
top: -20%;
left: 36%;
}
.serviceblocks:last-child {
margin-bottom: 0;
}
.serviceblocks:nth-child(3n+4) {
clear: left;
}
.iconblock h4 {
font-family: "Open Sans";
font-weight: bold;
font-size: 16px;
margin: 35px 0 10px;
}
.iconblock p {
font-family: "Open Sans";
font-size: 16px;
color: #333;
}
.iconblock a.butonicon{
background: #666666;
padding: 5px 15px;
text-transform: uppercase;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
font-family: "Open Sans";
}
.iconblock a.butonicon:hover {
background: #3399ff;
}
.call-today {
background: #3399ff;
text-align: center;
padding: 25px 0;
}
.call-today p {
font-size: 30px;
line-height: 32px;
color: #fff;
margin: 0;
}
.call-today p span{
font-weight:bold;
}
.how-can-help-you-sec {
width: 96%;
/* text-align: center; */
margin: auto;
padding:25px 0;
}
.how-can-help-you-sec h2 { font-size: 35px;
line-height: 40px;
color: #233b64;
margin: 0 0 20px;
font-family:"Roboto";
font-weight:500;}
.how-can-help-box { overflow: hidden; position: relative; margin:auto; }
.how-can-help-content { width: 100%;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.how-can-help-box img { width: 100%;}
.how-can-help-content {
width: 100%;
position: absolute;
left: 0;
height: 100%;
z-index: 1;
background: #3399ff;
padding: 15px 40px;
}
.how-can-help-content h3 {
color: #FFF;
margin-bottom: 10px;
font-family: "Open Sans";
font-size: 18px;
font-weight: bold;
line-height: 1.5;
DISPLAY: flex;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
}
.how-can-help-content p {
color: #666;
margin-bottom: 40px;
font-weight: 500;
font-size: 14px;
line-height: 24px;
}
.how-can-help-box:hover .how-can-help-content { top: 0; padding-top:20px; }
.zoom-effects { overflow: hidden; }
.zoom-effects img {
width: 100%;
transform: scale(1);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
height: auto;
}
.zoom-effects:hover img{transform:scale(1.1);}
.testimonals {
padding: 25px 0 30px;
}
.testimonals i{
font-size: 40px;
color: #fff;
margin-bottom: 15px;
}
.testimonals p {
font-family: "Open Sans";
color: #fff;
font-size: 16px;
text-align: center;
font-style: italic;
}
.testimonals i.fa.fa-quote-right{
text-align: right;
display: block;
}
.testimonals h4 {
font-size: 24px;
line-height: 30px;
font-family: "Open Sans";
font-weight: 700;
color: #fff;
text-align: center;
margin: 0 0 20px;
}
.testimonals h4 span {
font-weight: 400;
display: block;
font-size: 20px;
}
/* footer-css */
.master-footer { float: left; width: 100%; background-color: #666666; padding: 40px 0 25px; }
.master-footer h4 {
font-weight: 600;
font-family: "Roboto";
color: #fff;
font-size: 16px;
margin-bottom: 10px;
line-height: 40px;
}
.master-footer ul{
}
.master-footer ul li{
}
.master-footer ul li a{
color:#fff;
font-family: "Roboto";
font-size: 16px;
line-height: 40px;
}
.master-footer .form-group {
margin-bottom: 20px;
}
.master-footer .areasr img {
width:80%;
margin:auto;}
.master-footer p {
color: #fff;
font-size: 15px;
line-height: 24px;
font-family: "Roboto";
}
.master-footer p a{
color: #fff;
font-size: 15px;
line-height: 24px;
font-family: "Roboto";
}
.copyright-sec { background: transparent; padding: 20px 0 30px; width: 100%; float: left; }
.copyright-sec p {
font-weight: normal;
color: #fff;
font-size: 16px;
line-height: 22px;
margin: 0;
font-family: "Roboto";
}
.copyright-sec img{
float: left;
margin-right: 20px;
}
.copyright-sec h4 {
color: #fff;
font-weight: bold;
font-size: 16px;
margin: 0 0 5px;
font-family: "Roboto";
}
.copyright-sec p a { color: #666;}
.copyright-sec p a:hover { color: #006eb3;}
.top-contact-sec {
float: right;
padding: 3px 0 15px;
color: #666666;
clear: both;
font-size: 18px;
font-weight: bold;
}
.slide-deials h1 {
font-size: 36px;
line-height: 1em;
font-weight: normal;
color: #fff;
margin: 0 0 20px;
text-align: center;
text-shadow: 1px 1px 5px #000;
}
.slide-deials p {
font-size: 18px;
line-height: 1.5em;
font-weight: normal;
color: #fff;
text-shadow: 1px 1px 5px #000;
text-align: center;
font-family: "Open Sans";
}
.slide-deials h1 span {
font-weight: bold;
display: block;
/* font-size: 24px;
line-height: 1.5em;*/
margin-top: 20px;
}
a.buttonslide {
background: #666666;
padding: 12px 20px;
text-transform: uppercase;
color: #fff;
font-size: 24px;
line-height: 24px;
font-weight: bold;
text-align: center;
display: inline-block;
margin: 15px 0 0;
font-family: "Open Sans";
}
.how-can-help-content a.btn.btn-primary {
background: none;
border: none;
/* width: 20px; */
/* height: 20px; */
margin: auto;
}
.how-can-help-content a img {
width: 40px;
}
.master-footer input[type="text"],.master-footer input[type="email"]{
}
.master-footer input[type="submit"] {
width: 120px;
}
.bannerinner {
background: url(../img/banner-default.jpg) no-repeat;
width: 100%;
background-size: 100% 100%;
background-position: center;
}
.banner-backgroundcolor {
background: rgb(0 0 0 / 50%);
}
.bannerinner h1 {
line-height: 1.1em;
font-size: 60px;
color: #fff;
text-align: center;
padding-top: 100px;
/* padding-bottom: 34px; */
margin: 0px;
padding-bottom: 100px;
font-weight: normal;
text-shadow: 5px 6px 27px rgba(0,0,0,1);
}
.inner-content {
padding: 50px 0;
}
.inner-content p {
font-size: 16px;
color: #fff;
line-height: 1.5em;
font-family: "Roboto";
}
.contentmain {
border-right: 2px solid #666666;
}
.sidebarright {
padding: 0 3%;
}
.sidebarsection1 {
padding-bottom: 40px;
}
.sidebarright h3 {
text-align: center;
text-transform: uppercase;
padding-bottom: 0;
padding-top: 0;
font-size: 24px;
line-height: 30px;
font-weight: 700;
font-family: "Roboto";
color: #fff;
margin: 0 0 20px;
}
.contact-formsidebar input, .contact-formsidebar textarea {
border: 1px solid #999999;
margin: 20px 0 0;
box-shadow: none !important;
transition: unset !IMPORTANT;
}
.contact-formsidebar input[type="submit"]{
border:none;
}
@media (max-width: 768px){
.bannerinner h1 {
font-size: 30px;
}
.inner-content {
margin: auto;
width: 90%;
}
.blockfo {
margin-bottom: 30px;
}
.contentmain {
border-right: none !important;
width: 100%;
}
.sidebarright {
padding: 0 5%;
border-left: none;
}
}
div.wpcf7-response-output {
color:#fff;
}
@media (min-width: 768px){
.left-part {
position: fixed;
left: 0;
width: 25%;
}
.page-template-Inner-page #cssmenu > ul > li.has-sub ul {
display: block;
}
.page-template-Inner-Block-page #cssmenu > ul > li.has-sub ul {
display: block;
}
}