File: //backups/24houremergencyelectricians/style.css
/* ==========================================================================
1. BASE STYLES
========================================================================== */
/**
* Box Sizing
*
* Applies a natural box layout model to all elements so that width and padding
* are essentially combined, making responsive styles easier to manage.
*/
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
min-height: 100%;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
}
/* Website background color and default font styles */
body {
background: #fff;
color: #000000;
font-family: 'TMSans', serif;
font-size: 16px;
line-height: 21px;
font-weight: 400;
}
/**
* Page Center
*
* Apply .page-center to full-width modules.
*/
.container {
float: none;
max-width: 1200px;
width: 100%;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
a {
text-decoration: none;
outline: none;
color: #000000;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
a:hover, a:focus {
text-decoration: none;
outline: none;
color: #1bbbdd;
}
hr {
color: #ccc;
background-color: #ccc;
height: 1px;
border: none;
}
/* Highlighted Text */
::-moz-selection {
color: #fff;
background: #3399ff;
text-shadow: none;
}
::selection {
color: #fff;
background: #3399ff;
text-shadow: none;
}
/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
    max-width: initial;
}
/* ==========================================================================
Typography
========================================================================== */
/* Basic text */
p {
}
small {
}
strong {
}
em {
}
cite {
}
code {
}
pre {
}
sup, sub {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
margin: 0px 0 10px;
line-height: 1.5;
font-weight: 700;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
}
h1 {
font-size: 40px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 36px;
}
h4 {
font-size: 30px;
}
h5 {
font-size: 24px;
}
h6 {
font-size: 21px;
}
/* Lists */
ul, ol {
margin: 0px;
padding: 0px;
}
ul ul, ul ol, ol ol, ol ul {
}
li {
list-style: none;
}
ul.unstyled, ol.unstyled {
list-style: none;
margin: 0;
padding: 0;
}
/* Quotes */
blockquote {
}
blockquote p {
}
blockquote small {
}
blockquote small:before {
}
q:before, q:after, blockquote:before, blockquote:after {
}
.padding_tb {
padding-top: 60px;
padding-bottom: 60px;
}
.no_padding {
padding: 0;
}
/* ==========================================================================
Header
========================================================================== */
/*===== Header Css =====*/
header.header {
position: relative;
width: 100%;
background-color: #ffffff;
}
a.navbar-brand {
height: auto;
padding: 0 ;
float: none;
}
.logo_wrap {
margin-top: 34px;
}
.header_col.header_col1 {
vertical-align: top;
}
.header_col.header_col2 {
position: relative;
text-align: right;
margin: 32px 0px;
vertical-align: top;
}
.header_col.header_col2 .con_number {
display: inline-block;
border-radius: 12px;
}
.header_col.header_col2 .con_number a {
display: inline-block;
font-size: 21px;
color: #fff;
font-weight: 600;
background: #e7bd20;
font-family: 'Avenir Next LT Pro';
padding: 16px 22px 13px;
border-radius: 12px;
}
.con_number img {
margin-top: -5px;
margin-right: 10px;
}
.header_col.header_col2 .con_number a {
color: #fff;
line-height: 20px;
}
.header_col.header_col2 .con_number a:hover {
background: #000;
}
.flex-container {
display: flex;
display: -webkit-flex;
display: -moz-flex;
height: 100%;
}
.ct_bann_col.ct_bann_col1 {
align-items: center;
display: flex;
display: -webkit-flex;
display: -moz-flex;
}
/* ==========================================================================
Content
========================================================================== */
/*===== Banner Css =====*/
.banner_sec {
position: relative;
background-color: #fff;
}
.banner_main {
height: 792px;
width: 100%;
background-position: center center;
background-size: cover;
}
.banner_main .container {
height: 100%;
}
.banner_inn {
position: relative;
z-index: 15;
}
.banner_cnt {
padding-bottom: 30px;
}
.banner_cnt h1 {
font-family: 'Avenir Next LT Pro';
font-weight: 600;
line-height: 52px;
margin: 0 0 15px;
color: #ffffff;
/* text-transform: uppercase; */
}
.banner_cnt h1 strong {
font-family: 'TMSans-SemiBold';
font-weight: 600;
}
.banner_cnt p {
line-height: 24px;
color: #ffffff;
font-size: 18px;
margin-bottom: 40px;
font-family: 'Avenir Next LT Pro';
font-weight: normal;
}
.banner_top_cnt > .container {
position: relative;
}
.bann_form {
background-color: #33c6f4;
border: 2px solid #000;
padding: 30px 60px 50px;
position: relative;
max-width: 428px;
width: 100%;
display: inline-block;
float: right;
border-radius: 12px;
}
.bann_form .form_top_cnt h2 {
line-height: 1.2;
margin: 0px 0px 3px;
text-transform: uppercase;
font-family: 'Avenir Next LT Pro';
font-weight: bold;
font-size: 30px;
color: #fff;
}
.bann_form .form_top_cnt p {
line-height: 16px;
margin-bottom: 20px;
color: #fff;
font-family: 'Avenir Next LT Pro';
font-weight: normal;
}
.bann_form .form-control {
background: #fff;
height: 45px;
border-radius: 0;
border: 1px solid #948f8b;
margin: 0 0 10px;
font-size: 16px;
line-height: 32px;
padding: 0px 12px;
color: #000000;
outline: none;
font-family: 'Avenir Next LT Pro';
font-weight: 600;
box-shadow: inset -1px 2px 4px #948f8b;
}
.bann_form textarea {
height: 88px !important;
overflow: hidden;
}
.bann_form input#pname {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-moz-appearance: textfield;
}
.bann_form input[type=number]::-webkit-inner-spin-button, .bann_form input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.bann_form select.form-control, .bann_form #datepicker {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
background: #fff url(images/arrow-bottom.png) no-repeat 96% center;
color: #000000;
}
.bann_form select.form-control::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #000000;
}
.bann_form select.form-control::-moz-placeholder {
/* Firefox 19+ */
color: #000000;
}
.bann_form select.form-control:-ms-input-placeholder {
/* IE 10+ */
color: #000000;
}
.bann_form select.form-control:-moz-placeholder {
/* Firefox 18- */
color: #000000;
}
.bann_form .form-control::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #000000;
}
.bann_form .form-control::-moz-placeholder {
/* Firefox 19+ */
color: #000000;
}
.bann_form .form-control:-ms-input-placeholder {
/* IE 10+ */
color: #000000;
}
.bann_form .form-control:-moz-placeholder {
/* Firefox 18- */
color: #000000;
}
.bann_form .form_field {
position: relative;
}
.bann_form .form_field label.error {
font-weight: 600;
color: #000;
font-size: 11px;
position: absolute;
bottom: -16px;
margin: 0px 0 0;
}
.bann_form .button-submit {
text-align: center;
margin-top: 14px;
}
.bann_form .form-btn {
background-color: #1bbbdd;
display: block;
border: 1px solid #948f8b;
font-size: 16px;
line-height: 1;
color: #fff;
font-family: 'Avenir Next LT Pro';
font-weight: 600;
text-transform: uppercase;
padding: 12px 30px;
white-space: normal;
text-align: center;
background: #948f8b;
outline: none;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.bann_form .form-btn:hover {
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
.bann_form label {
font-size: 16px;
color: #fff;
display: block;
margin-bottom: 3px;
font-family: 'Avenir Next LT Pro';
font-weight: 600;
}
/*===== Why choose us Section Css =====*/
.why_section ul {
text-align: center;
margin-top: -85px;
z-index: 9;
position: relative;
}
.why_section ul li {
display: inline-block;
margin: 0% 5%;
}
li.w_list p {
font-size: 16px;
font-family: 'Avenir Next LT Pro';
font-weight: 600;
color: #666766;
padding-top: 8px;
}
/*===== Services Section Css =====*/
.top_cnt {
text-align: center;
margin: 0 0 35px;
}
.top_cnt h6 {
font-size: 20px;
font-weight: 400;
}
.top_cnt p {
margin: 0;
font-size: 20px;
line-height: 21px;
color: #000000;
}
.services_sec {
background-color: #fff;
padding-bottom: 80px;
}
.service_items {
height: 372px;
margin: 0px 10px;
cursor: pointer;
padding: 0px;
}
.item_img {
height: 100%;
}
.service_content {
text-align: center;
}
.inner_service_content {
width: 100%;
}
.service_content h4 {
font-size: 30px;
font-family: 'Avenir Next LT Pro';
font-weight: bold;
text-transform: uppercase;
color: #fff;
line-height: 35px;
text-align: center;
display: block;
}
.service_content {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.32);
display: flex;
align-items: center;
padding: 0px 10px;
z-index: 9;
}
.item_img {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
display: flex;
align-items: center;
z-index: 9;
}
.service_items:hover .service_content {
background: rgba(51, 198, 244, 0.6);
}
.services_sec .slick-prev,.services_sec .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 0px;
bottom: 0px;
display: block;
width: 20px;
height: 35px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: red;
border: none;
outline: none;
background: transparent;
z-index: 5;
margin: auto 0px;
}
.slick-prev:before, .slick-next:before {
display: none;
}
.services_sec .slick-prev {
left: -8%;
background-image: url('images/s_prev.png');
}
.services_sec .slick-next {
right: -8%;
background-image: url('images/s_next.png');
}
.services_sec .slick-prev:hover {
background-image: url('images/s_prev_h.png');
}
.services_sec .slick-next:hover {
background-image: url('images/s_next_h.png');
}
/*=== CTA Bar Css ===*/
.container-fluid.cta_section {
padding: 30px 0px;
background-size: cover;
background-position: center center;
text-align: center;
letter-spacing: .04em;
}
.cta_section h2 {
color: #161616;
font-family: 'Avenir Next LT Pro';
font-weight: normal;
font-style: italic;
}
.cta_section span {
font-weight: 600;
color: #fff;
font-style: normal;
display: inline-block;
margin-left: 6px;
}
.cta_section span a {
font-weight: bold;
color: #fff;
}
.cta_section span a:hover {
color: #161616;
}
/*=== Contact Bar Css ===*/
.custom_contact_sec {
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
text-align: center;
color: #ffffff;
}
.custom_contact_sec:before {
content: "";
background-color: rgba(0,0,0,.9);
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.custom_contact_sec > .container {
position: relative;
z-index: 1;
}
.custom_contact_sec h4 {
text-transform: uppercase;
margin: 0 0 20px;
}
.custom_contact_sec p {
font-size: 21px;
line-height: 27px;
margin: 0 0 0px;
}
.custom_contact_sec a.con_btn_c {
display: inline-block;
background-color: #000000;
color: #ffffff;
border: 2px solid #ffffff;
padding: 18px 35px;
line-height: 1;
text-align: center;
white-space: normal;
text-transform: uppercase;
margin-top: 25px;
font-size: 30px;
font-family: 'TMSans-SemiBold';
font-weight: 600;
}
.custom_contact_sec a.con_btn_c:hover {
background-color: #1bbbdd;
}
/*=== Portfolio Section Css ===*/
.top_cnt h3 {
color: #000;
text-transform: uppercase;
line-height: 1.2;
margin: 0 0 10px;
font-family: 'Avenir Next LT Pro';
font-weight: normal;
}
.top_cnt h3 span {
color: #948f8b;
}
/*==== Testimonial Css ====*/
.testimonial_sec {
overflow: hidden;
background-position: center center;
padding: 120px 0px 100px;
background-size: cover;
}
.testimonial_sec h4 {
color: #33c6f4;
font-weight: 600;
font-family: 'Avenir Next LT Pro';
position: relative;
margin-bottom: 28px;
padding-bottom: 20px;
}
.testimonial_sec h4:after {
content: "";
width: 100px;
height: 6px;
background: #b7bdc1;
position: absolute;
bottom: 0px;
left: 0px;
border-radius: 10px;
}
.testimonial_carousel p {
color: #3f403f;
font-weight: normal;
font-size: 24px;
line-height: 30px;
font-family: 'Avenir Next LT Pro';
min-height: 212px;
}
.testimonial_carousel h6 {
font-family: 'Avenir Next LT Pro';
font-weight: 600;
color: #656666;
font-size: 21px;
padding: 10px 0px 35px;
}
.testimonial_carousel h6 span {
font-weight: normal;
color: #948f8b;
}
.testimonial_carousel .owl-dots {
text-align: left;
margin: 53px 0 0px;
padding-left: 45px;
}
.testimonial_carousel .owl-dots .owl-dot span {
width: 10px;
height: 10px;
opacity: 1;
margin: 0 7px;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.testimonial_carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1; }
.testimonial_carousel .owl-dots .owl-dot span {
opacity: 1;
background: #171717;
}
.testimonial_carousel .owl-dots .owl-dot.active span, .testimonial_carousel .owl-dots .owl-dot:hover span {
background: #1bbbdd;
opacity: 1;
}
/*=== Four Boxes Css ===*/
.inner_four_box {
border-top: 4px solid #ffffff;
border-bottom: 4px solid #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,.05);
position: relative;
padding-left: 195px;
padding-right: 195px;
}
.inner_four_box .fb_container {
padding-left: 0;
padding-right: 0;
}
.inner_four_box .left_image {
width: 193px;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-right: 2px solid #ffffff;
background-size: cover;
background-position: center center;
}
.inner_four_box .right_image {
width: 193px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: 2px solid #ffffff;
background-size: cover;
background-position: center center;
}
.inner_four_box .fb_box_cnt {
background: #1bbbdd;
border-right: 2px solid #ffffff;
border-left: 2px solid #ffffff;
padding: 35px 10px;
text-align: center;
font-size: 24px;
color: #ffffff;
font-family: 'TMSans-SemiBold';
font-weight: 600;
}
.inner_four_box .fb_box_cnt span {
padding-left: 38px;
display: inline-block;
position: relative;
}
.inner_four_box .fb_box_cnt span:before {
background-image: url(images/check-icon.png);
background-size: cover;
position: absolute;
left: 0;
top: 0;
height: 25px;
width: 25px;
content: "";
}
/* ==========================================================================
Footer
========================================================================== */
/*=== Custom Contact Bar ===*/
.ct_contact_bar {
padding: 35px 0px 45px;
background-image: url('images/testimonial_bg.png');
}
.ct_contact_bar h3 {
font-family: 'Avenir Next LT Pro';
color: #000;
text-align: center;
font-size: 36px;
font-weight: 400;
line-height: 48px;
padding-bottom: 5px;
}
.ct_contact_bar h3 span {
font-weight: bold;
}
.ct_contact_bar a {
color: #000;
}
.ct_contact_bar a:hover {
color: #33c6f4;
}
.ct_contact_bar ul {
text-align: center;
}
.ct_contact_bar ul li {
display: inline-block;
margin: 0px 2%;
font-family: 'Avenir Next LT Pro';
}
.ct_contact_bar ul li a {
display: inline-block;
cursor: pointer;
}
li.quote_btn a {
background: #33c6f4;
text-align: center;
font-size: 21px;
font-weight: 400;
padding: 0px 20px;
line-height: 43px;
color: #fff !important;
border-radius: 5px;
font-weight: 600;
}
li.email a {
border: 2px solid #eabe07;
background: transparent;
text-align: center;
font-size: 21px;
font-weight: 400;
padding: 0px 20px;
line-height: 43px;
color: #151515;
border-radius: 5px;
}
li.email img {
margin-right: 8px;
margin-top: -5px;
}
li.quote_btn a:hover {
background: #000;
color: #fff;
}
li.email a:hover {
background: #33c6f4;
border: 2px solid #33c6f4;
color: #000;
}
/*==== Footer Bottom Css ====*/
.footer_main {
background-color: #ffffff;
color: #000000;
padding: 12px 0;
}
.footer_main .ct_copyright p ,.ct_developed_by p {
margin: 0;
line-height: 24px;
font-family: 'Avenir Next LT Pro';
font-size: 16px;
font-weight: 400;
color: #000;
}
.footer_main a {
color: #000;
}
.footer_main_col.footer_main_col2 {
text-align: right;
}
.ct_developed_by p a {
position: relative;
top: -1px;
margin-left: 0px;
}
.ct_developed_by p a img {
max-width: 110px;
}
/*=== Thanks Page Css ===*/
body.thank_youpage .banner_sec {
padding: 50px 0;
}
body.thank_youpage .banner_www .banner_col.banner_col1 .banner_cnt {
padding: 40px 0 40px 0;
display: block;
}
body.page_thankyou div#banner_sec {
top: 120px;
}
/* ==========================================================================
Forms
========================================================================== */
/* All Global Forms
========================================================================== */
/* Labels */
body label {
}
/* One Line Inputs */
body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select {
width: 100%;
}
body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus {
}
/* Separate Styles for Multiple Line Inputs */
body textarea {
}
body textarea:focus {
}
/* Separate Styles for Drop Downs */
body select {
}
body select:focus {
}
/* Multiple Selection Inputs */
body input[type="radio"] {
}
body input[type="checkbox"] {
}
/* Required */
body input:focus:required:invalid, body textarea:focus:required:invalid, body select:focus:required:invalid {
}
body input:focus:required:invalid:focus, body textarea:focus:required:invalid:focus, body select:focus:required:invalid:focus {
}
/* Placeholder Text */
::-webkit-input-placeholder {
/* Webkit Browsers */
/* color: #555;
opacity: 1; */
}
:-moz-placeholder {
/* Firefox 18- */
/* color: #555;
opacity: 1; */
}
::-moz-placeholder {
/* Firefox 19+ */
/* color: #555;
opacity: 1; */
}
:-ms-input-placeholder {
/* IE10 */
/* color: #555;
opacity: 1; */
}
/* ==========================================================================
Buttons
========================================================================== */
/* All Global Buttons (Excluding CTAs)
========================================================================== */
body input[type="submit"], body input[type="button"] {
cursor: pointer;
-webkit-appearance: none;
text-decoration: none !important;
}
body input[type="submit"]:hover, body input[type="button"]:hover {
}
body input[type="submit"]:focus, body input[type="button"]:focus {
}
.offer-text {
margin-top: 50px;
font-size: 26px;
font-weight: 700;
max-width: 500px;
line-height: 1.2;
color: #fff;
}
.offer-text span {
color: red;
font-size: 40px;
}
.bann_form .form-control {
height: 35px;
}
.selectBox {
position: relative;
}
.overSelect {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#checkboxes label {
display: block;
background: #EFEFEF;
border-bottom: 1px solid #fff;
margin-bottom: 0px;
font-weight: normal;
font-size: 14px;
padding-left: 15px;
}
.form select {
height: 38px;
}
.SumoSelect.sumo_selectservice {
width: 100%;
display: block;
}
.form_field.ct_msele .SumoSelect {
width: 100% !important;
display: block !important;
}
/* .bann_form .SumoSelect.sumo_selectservice select.form-control {
background: #fff;
height: 45px;
border-radius: 0;
border: 1px solid #d28e18;
margin: 0 0 15px;
font-size: 16px;
line-height: 32px;
padding: 5px 12px;
color: #000000;
box-shadow: none;
outline: none;
font-weight: 400;
text-transform: uppercase;
}
*/
.form_field.ct_msele .SumoSelect > .CaptionCont {
border: none;
border-radius: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
background: #fff url(images/arrow-bottom.png) no-repeat right 12px top 12px;
color: #000000;
padding: 2px 12px;
width: 100% !important;
display: block !important;
height: 38px;
box-shadow: none;
outline: none;
font-weight: 400;
text-transform: uppercase;
border: 1px solid #1bbbdd;
margin: 0 0 15px;
font-size: 16px;
line-height: 32px;
}
.form_field.ct_msele .SumoSelect > .CaptionCont i {
display: none !important;
}
.SumoSelect.sumo_selectservice p.CaptionCont.SelectBox label {
display: none;
}
.form_field.ct_msele .SumoSelect > .CaptionCont span.placeholder, .SumoSelect.sumo_selectservice > .CaptionCont > span.placeholder {
font-size: 14px !important;
color: #000 !important;
font-style: normal !important;
font-weight: 400 !important;
}
/****************** About section *************/
.about-section {
background-color: #fff;
min-height: 536px;
position: relative;
}
.about-bg {
background-image: url('images/about-img.png');
background-size: cover;
background-position: right;
position: absolute;
top: 0;
bottom: 0;
z-index: 9;
width: 50%;
}
.right-content ul {
padding-left: 25px;
margin-bottom: 35px;
}
.about-section ul li {
position: relative;
list-style: none;
margin-bottom: 15px;
}
.about-section ul li:before {
content: "";
position: absolute;
background-image: url('images/tick-icon.png');
width: 17px;
height: 14px;
left: -25px;
}
.common-btn {
background-color: transparent;
color: #ffffff;
padding: 10px 25px;
font-size: 16px;
text-transform: uppercase;
line-height: 21px;
font-weight: 600;
display: inline-block;
letter-spacing: 0.02em;
font-family: 'Avenir Next LT Pro';
border: 2px solid #fff;
border-radius: 5px;
}
.common-btn:hover {
background: #000;
color: #ffffff;
}
.right-content {
padding-left: 15px;
}
.right-content p {
margin-bottom: 18px;
line-height: 22px;
color: #292929;
font-family: 'Avenir Next LT Pro';
font-weight: normal;
}
.sub-heading {
font-size: 16px;
font-family: 'Avenir Next LT Pro';
font-weight: normal;
color: #000;
line-height: 21px;
}
.recent-works-images span.service-name {
font-size: 30px;
line-height: 1.4;
text-align: center;
text-transform: uppercase;
font-weight: 600;
color: #fff;
position: relative;
z-index: 99;
letter-spacing: 0.05em;
}
.recent-works-images .service-name {
opacity: 0;
transition: 0.5s linear;
-moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
}
.gl-clm a:hover .recent-works-images .service-name {
opacity: 1;
}
.star-rating {
margin-bottom: 20px;
}
.star-rating img {
width: auto !important;
display: inline-block !important;
}
a.common-btn:focus {
color: #ffffff;
}
label#nbed-error {
}
label#nbed-error ~ p {
margin-bottom: 35px;
}
.thank-you .ct_bann_col.ct_bann_col1 {
min-height: 630px;
}
.thank-you .bann_form {
margin: 0;
}
.container-fluid.about_us {
padding: 60px 0px 40px;
}
.get_a_free_quote .common-btn {
background-color: #eabe07;
color: #ffffff;
padding: 10px 35px;
font-size: 18px;
text-transform: uppercase;
line-height: 22px;
font-weight: bold;
display: inline-block;
letter-spacing: 0.02em;
font-family: 'Avenir Next LT Pro';
border: 2px solid #fff;
border-radius: 10px;
}
.get_a_free_quote .common-btn:hover {
background-color: #000;
}
.common_div {
width: 48%;
padding: 45px 32px;
display: inline-block;
vertical-align: top;
margin-right: 47px;
}
.common_div:last-child {
margin-right: 0px;
}
.common_div h2 {
color: #fff;
font-weight: 600;
line-height: 51px;
text-transform: uppercase;
text-align: center;
font-family: 'TMSans', serif;
}
.common_div.our_plans {
border: 3px solid #533e9d;
border-radius: 10px;
}
.common_div.features {
border-radius: 10px;
background: #eabe07;
}
.common_div ul {
margin: 0px;
padding: 0px;
}
.common_div.features ul li {
background-image: url('images/list.png');
background-repeat: no-repeat;
background-position: left 6px;
padding-left: 32px;
margin: 20px 0px;
color: #191919;
font-size: 18px;
line-height: 30px;
font-family: 'Avenir Next LT Pro';
font-weight: normal;
}
.features .coomon_btn a {
margin: auto;
}
.features .coomon_btn a:hover {
color: #fff;
}
.features .coomon_btn {
padding-top: 25px;
}
.common_div.specialize ul li {
background-image: url('images/list2.png');
background-repeat: no-repeat;
background-position: left center;
padding-left: 38px;
margin: 20px 0px;
color: #191919;
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
.common_div.specialize {
border: 3px solid #33c6f4;
border-radius: 10px;
}
.ct_features_sec .row {
display: flex;
}
.features .coomon_btn {
padding-top: 90px
}
.coomon_btn a {
width: 190px;
line-height: 50px;
display: block;
background: transparent;
text-align: center;
font-size: 21px;
color: #fff;
border-radius: 10px;
border: 2.5px solid #33c6f4;
font-family: 'Avenir Next LT Pro';
font-weight: bold;
margin: auto;
}
.specialize .coomon_btn a {
color: #e7bd20;
}
.coomon_btn a:hover {
background: #33c6f4;
color: #fff !important;
}
.common_div.specialize h2 {
color: #33c6f4;
}
.row {
margin: 0px;
}
.common_div.specialize .coomon_btn a {
color: #e7bd20;
}
.common_div.specialize .coomon_btn {
padding-top: 14px;
}
.testimonial_carousel .get_a_free_quote .common-btn {
padding: 8px 25px;
font-size: 17px;
text-transform: none;
line-height: 22px;
font-weight: normal;
border: 2px solid #36c6f4;
border-radius: 2px;
}
.why_section ul {
padding: 0px;
}
.bann_form label {
text-align: left;
}
.thankyou_page{
align-items: center;
display: flex;
display: -webkit-flex;
display: -moz-flex;
}
.logo_wrap a, .logo_wrap p {
color: #33c6f4;
}
.logo_wrap a{
font-size: 34px;
font-weight: 700;
margin: 0;
}
.logo_wrap p{
font-weight: 400;
margin: 0;
}
#g-recaptcha-response {
display: block !important;
position: absolute;
margin: -78px 0 0 0 !important;
width: 302px !important;
height: 76px !important;
z-index: -999999;
opacity: 0;
}
/*.g-recaptcha #g-recaptcha-response label.error{
font-weight: 600;
color: #000;
font-size: 11px;
position: absolute;
bottom: -16px;
margin: 0px 0 0;
}*/