@charset 'utf-8';
/*
 Theme Name:   CyberMark Child
 Template:     cybermark
 Text Domain:  cybermark
*/



@import url("../cybermark/style.css");


/* =Theme customization starts here
-------------------------------------------------------------- */
.page-id-1621 .header-wrap{
    display:none;
}
.page-id-1621 .page_content_wrap {
    padding: 0 !important;
}
body {
    font-size: 18px;
    line-height: 30px;
}
h1, h2, h3 {
    text-transform: capitalize;
}
.menu_main_nav li ul li a {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}
.column-1.column_padding_bottom {
    float: left;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="submit"].sc_button.aligncenter, input[type="button"].sc_button.aligncenter, button.sc_button_size.aligncenter, .sc_button.sc_button.aligncenter {
    max-width: 40%!important;
}
.scheme_original .top_panel_wrap_inner {
    background-color: #000000 !important;
}
.scheme_original .top_panel_middle {
    background-color: #000000!important;
}
.top-bar {
    background-color: #222222;
}
body .top_panel_fixed .menu_main_nav > li > ul {
    top: 3em!important;
}
.header_mobile .contact-header {
    width: 100%;
    text-align: center;
    background-color: #000000;
}
.header_mobile .contact-header p, .header_mobile .contact-header a {
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
}
.col-md-4 {
    width: 33.3333%;
    float: left;
    text-align: center;
}
.contact-header {
    text-align: center;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
    padding: 5px 0;
}
.contact-header p {
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
}
.contact-header i {
    color: #bf2d0d;
    font-size: 30px;
    position: absolute;
    left: -40px;
    top: 15px;
}
.contact-header p.phone-header {
    font-weight: 600;
    font-size: 32px;
    margin: 10px 0 0;
}
body.scheme_original .menu_main_nav > li > a {
    color: #FFFFFF;
    padding: 1em 1.23em 1em;
}
.top_panel_middle .contact_logo .logo {
    margin: 5px 0 0;
}
.top_panel_wrap .logo_main {
    margin: 0;
}
.top_panel_middle .menu_main_wrap {
    float: none;
    text-align: center;
    margin: 0 !important;
}
body .menu_main_nav > li > ul, body .top_panel_fixed .menu_main_nav > li > ul {
    top: 3.35em;
}
.icon-wrapper {
    padding: 0 25px !important;
    text-align: center;
}
.icon-wrapper  .wpb_single_image {
    border-radius: 50%;
    background-color: #dddddd;
    display: table;
    margin: 0 auto;
        margin-bottom: 0px;
    padding: 40px;
}
.icon-container {
    background-color: #DDDDDD;
    margin-top: -65px;
    padding: 0 25px 40px;
    min-height: 310px;
}
.sc_services p, .sc_services h2, .sc_services h4, .sc_services a {
    color: #FFFFFF!important;
    font-weight: 600;
    text-shadow: 0 0 10px rgba(0,0,0,.7);
}
/*Sidebar CSS*/
h3.widget-title {
    margin-top: 0;
    text-align: center;
}
#menu-services-menu {
    padding: 0;
    list-style: none;
    margin: 0;
}
.menu-services-menu-container {
    background: #45484d;
    background: -moz-linear-gradient(-45deg, #45484d 0%, #000000 100%);
    background: -webkit-linear-gradient(-45deg, #45484d 0%,#000000 100%);
    background: linear-gradient(135deg, #45484d 0%,#000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 );
    border-radius: 25px;
    border: 2px solid #bf2d0d;
    margin: 0 0 40px;
    box-shadow: 0 0px 3px 2px rgba(0,0,0,0.35);
    overflow: hidden;
}


#menu-services-menu li {
    margin: 0;
    border-bottom: 1px solid #333333;
}
#menu-services-menu li:last-child {
    border: none;
}
#menu-services-menu li a {
    padding: 10px 10px;
    display: block;
    color: #FFFFFF;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-size: 14px;
}
#menu-services-menu li a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* Services Template update 11-2-18 */
h1.service-header {
    text-align: center !important;
    text-transform: uppercase;
    border-bottom: 6px solid #d6d6d6;
    font-weight: bold;
    padding-bottom:12px;
}
.service-tiles {
    box-shadow: 0 0 16px rgba(0,0,0,0.18);
    margin-top: 24px;
    margin-bottom: 24px;
}
.service-tile {
    padding: 36px 24px 24px !important;
    /*min-height: 575px !important;*/
}
.service-tiles .service-tile.tile-outer {
    background-color: #F4F4F4;
}
.service-tiles .service-tile.tile-inner {
    background-color: #EFEFEF;
}
.service-tile .wpb_text_column {
    min-height: 420px;
}
.service-line {
    width: 24px;
    border-top:3px solid #BF2D0D;
    margin-top: 24px;
}
.service-form-and-accordion {
    display: block;
    margin-top:24px;
    margin-bottom:24px;
}
.service-form-container, .service-form-container-2 {
    background-color: #F4F4F4;
    border: 2px solid #CDCDCD;
    padding:12px;
}
.service-form-container-2 {
    padding-left: 0;
    padding-right: 0;
    margin-top: 36px;
}
.service-form-container .vc_col-sm-6 {
    padding-left: 0 !important;
}
.service-form-container .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, .service-form-container-2 .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    margin-top:6px;
    margin-bottom:6px;
    background-color: #ffffff;
    border-radius: 0 !important;
    font-family: "Source Sans Pro", sans-serif;
}
.service-button {
    text-transform: uppercase;
    color:#fff !important;
    /*padding: 18px;*/
    padding: 8px 3.5em 8px;
    background-color: #BF2D0D;
    border: 2px solid #BF2D0D;
}
.service-form-container .service-button, .service-form-container-2 .service-button {
    width: 100%;
    border-radius: 0 !important;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-weight: 300;
    padding: 8px 3.5em 8px !important;
}
.service-form-container-2 .service-button {
    margin-top: 8px;
}
.service-button:hover, .service-form-container .service-button:hover, .service-form-container-2 .service-button:hover {
    background-color: #fff;
    color: #bf2d0d !important;
}
.service-faqs {

}
.benefits {
    padding: 24px;
    background-attachment: fixed;
    background-size:cover;
}
.benefits:before {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    background-color: #000;
    opacity:0.8;
}
.benefits-heading {
    color: #fff !important;
    text-transform: uppercase;
    font-size:36px;
    font-weight: bold;
}
.check-list-container {
    max-width:1000px;
    margin:0 auto !important;
}
.check-list {
    list-style-type: none;
    margin: 2em 0;
}
.check-list li {
    color: #fff !important;
    font-weight: bold;
    margin: 1em;
    margin-left: 3em;
}
.check-list li:before {
    content: '\f058';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #bf2d0d;
    font-size: 32px;
}
.benefits .service-button {
    margin: 24px auto !important;
    max-width:1000px;
    width: 100%;
    display:block;
    text-align: center;
    font-weight: bold;
}
.bottom-service-section {
    padding:48px;
    box-shadow: 0 0 27px rgba(0,0,0,0.18);
    margin-top: 36px;
    margin-bottom: 36px;
}
.experience-container .vc_column-inner {
    margin-top: 12px;
    margin-bottom: 12px;
}
.experience-heading {
    margin-left: 3em;
    text-transform: uppercase;
    margin-top: 0.35em;
}



.text-right {
    text-align: right;
}

.customer-tools a {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 40px;
    background-color: #333333;
    display: block;
    border-radius: 25px;
    background: #45484d;
    background: -moz-linear-gradient(-45deg, #45484d 0%, #000000 100%);
    background: -webkit-linear-gradient(-45deg, #45484d 0%,#000000 100%);
    background: linear-gradient(135deg, #45484d 0%,#000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 );
    color: #FFFFFF!important;
    font-weight: 600;
    font-size: 18px;
    font-family: "Montserrat";
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 2px solid #bf2d0d;
    box-shadow: 0 0px 3px 2px rgba(0,0,0,0.35);
    margin: 40px 0;
}
.customer-tools a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.customer-tools a::before {
    position: absolute;
    content: "";
    left: 10px;
    top: 10px;
    height: 25px;
    width: 25px;
    background: url(/wp-content/themes/cybermark-child/images/customer-tools.png) no-repeat;
    background-size: contain;
}
.schedule-btn {
    display: block;
    margin: 10px 0 10px 0px;
    position: relative;
    text-align: center;
}
.schedule-btn span {visibility:hidden;display:none;}
.schedule-btn:hover span {visibility:visible;display:block; position:absolute; top:0px; left:0px;}
.sc_section.section_style_promo_section .sc_section_content {
    padding: 1em 1.5em 3.35em 50%!important;
}
.sc_section.section_style_promo_section .sc_item_descr {
    margin: 0.25em 0 0 0;
    font-size: 1vw;
}
.sc_testimonial_content {
    max-height: 100% !important;
}
.header-wrap {
    background-size: cover;
    background-image: url(https://www.kellyclark.com/wp-content/uploads/2017/01/repair.jpg);
    height: 500px;
    background-position: center 0;
    margin-bottom: -70px;
}
.header-content {
    padding-top: 150px;
    width: 100%;
    margin: 0 auto;
    height: 350px;
    background-color: rgba(0,0,0,0.75);
    vertical-align: middle;
}
.header-wrap h2 {
    color:#ffffff !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    font-weight: bold;
    font-size: 54px;
    text-shadow: 2px 1px 2px rgba(0,0,0,0.75);
}
.header-wrap p {
    /*color: #C7995B;*/
    color: #EAC51C;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 28px;
    text-shadow: 2px 1px 2px rgba(0,0,0,0.75);
    width: 50%;
    margin: 0 auto 36px;
}
.header-wrap .cta-btn-row {
    /*width: 55%;*/
    width: 1000px;
    margin: 0 auto;
}
.header-wrap .col-33 {
    width: 33%;
    display: inline-block;
    text-align: center;
}
.header-content .vc_btn3.vc_btn3-shape-square {
    width: 100%;
    display: block;
}
.btn-cta {
    color: #ffffff !important;
    font-weight: bold;
    text-transform: uppercase;
    padding: 12px 18px;
}
.btn-cta.btn-yellow {
    background-color: #EAC51C;
    border-color: #EAC51C;
}
.btn-cta.btn-red {
    background-color: #dd3333;
    border-color: #dd3333;
}
.text-white {
    color: #ffffff !important;
}
@media only screen and (max-width: 1380px) {
    .section_style_promo_section .sc_item_title {
    font-size: 1.5em!important;
}
.sc_button.sc_button_square.sc_button_style_filled.sc_button_size_large {
    font-size: 10px!important;
}
.icon-container h3 {
    font-size: 18px;
}
.icon-container p {
    font-size: 16px;
}

}
@media only screen and (max-width: 1280px) {
.sc_button.sc_button_square.sc_button_style_filled.sc_button_size_large {
    font-size: 10px !important;
    padding: 0.75em 2em 0.9em !important;
}
.icon-container {
    min-height: 340px;
    margin-bottom: 25px!important;
}
}
@media only screen and (max-width: 1135px) {
.body_style_boxed .sc_section.section_style_promo_section, .sc_section.section_style_promo_section {
    background-position: 40% 0!important;
}
.header-wrap .cta-btn-row {
    width: 75%;
}
}
@media only screen and (max-width: 991px) {
.body_style_boxed .sc_section.section_style_promo_section, .sc_section.section_style_promo_section {
    background-image: none !important;
}
.sc_section.section_style_promo_section .sc_section_content {
    padding: 1em 1.5em 3.35em 1.5em!important;
}
.sc_section.section_style_promo_section .sc_item_descr {
    margin: 0.25em 0 0 0;
    font-size: 14px;
}
.icon-wrapper {
    padding: 0 5px !important;
    text-align: center;
}
.header-wrap {
    height: 300px;
    margin-bottom: -20px;
}
.header-content {
    padding-top:60px;
    height:240px;
}
.header-content h2 {
    font-size:42px;
}
.header-content p {
    width: 80%;
}
}
@media only screen and (max-width: 780px){
    .header-content {
        padding-top:50px;
        height:250px;
    }
    .header-content h2 {
        font-size:34px;
        max-width: 632px;
        margin: 0 auto 0.53em;
    }
    .header-content p {
        font-size: 18px;
        margin-bottom:24px;
    }
    .header-content .vc_btn3.vc_btn3-shape-square {
        font-size: 14px;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}
@media only screen and (max-width: 634px){
    .header-content {
        padding-top:30px;
        height:270px;
    }
    .header-wrap .cta-btn-row {
        width: 90%;
    }
}
@media only screen and (max-width: 527px){
    .header-wrap .cta-btn-row {
        width: 100%;
    }
}
@media only screen and (max-width: 480px) {
.phone-right em {display: none;}
.phone-right span {
    font-weight: 600;
    font-size: 16px;
}
.phone-right {
    float: none;
    text-align: center;
}
    .header-content h2 {
        font-size: 30px;
        max-width: 380px;
    }
    .header-content p {
        display: none;
    }
    .header-wrap .cta-btn-row {
        width: 50%;
        margin:0 auto;
    }
    .header-content .col-33 {
        width: 100%;
        display: block;
        margin-bottom:3px;
    }
}

body .sc_button.sc_button_square.sc_button_style_filled.sc_button_size_large {
    background: rgb(255,48,25);
    background: -moz-linear-gradient(-45deg, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    background: linear-gradient(135deg, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 );
    width: 100% !important;
    display: block !important;
    border-radius: 0 !important;
    max-width: 100% !important;
    padding: 10px 0 !important;
    margin: 15px 0 0;
        margin-right: 0px;
        margin-left: 0px;
    box-sizing: border-box;
}
body .sc_button.sc_button_square.sc_button_style_filled.sc_button_size_large:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cf0404+0,ff3019+100 */
background: rgb(207,4,4); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(207,4,4,1) 0%, rgba(255,48,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #FFFFFF!important;

}

body .vc_btn3.vc_btn3-shape-square {
    background-image: none;
    background: rgb(255,48,25);
    background: -moz-linear-gradient(-45deg, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    background: linear-gradient(135deg, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0%;
        background-position-y: 0%;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 );
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

body .vc_btn3.vc_btn3-shape-square:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cf0404+0,ff3019+100 */
background: rgb(207,4,4); /* Old browsers */
    background-image: none;
background: -moz-linear-gradient(-45deg,  rgba(207,4,4,1) 0%, rgba(255,48,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #FFFFFF!important;

}

/* 11/07/2022 */
.header-wrap .header-content .col-xs-12 h2 {
    line-height:1em;
}
.header-wrap .header-content .col-xs-12 p {
    line-height: 1.1em;
}
@media (max-width: 479px){
    .sc_services_style_services-5 .sc_service_container .sc_icon{
        margin-right: 1em !important;
    }
	.margin_bottom_huge {
    	margin-bottom: 0rem !important;
	}
	.margin_bottom_huge {
   		margin-bottom: 4rem !important;
	}
	
}
@media (max-width:480px){
    .header-wrap .header-content .col-xs-12 h2 {
        font-size: 24px;
    }
	.service-form-container .service-button, .service-form-container-2 .service-button {
    font-size: 13px;
    padding: 8px 0px 8px !important;
    text-align: center;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
}
/* end 11/07/2022 */

/* 18/05/2023 */
@media (max-width:1024px){
	.header_mobile .side_wrap .close {
    	position: absolute;
   		top: 10px;
    	right: 20px;
    	display:block;
		font-size: 0;
	}
	.header_mobile .side_wrap .close:before, .header_mobile .side_wrap .close:after {
		position: absolute;
		left: 0;
		content: ' ';
		height: 24px;
    	width: 2px;
		background-color: #ffff;
		z-index: 999;
	}
	.header_mobile .side_wrap .close:before {
    	transform: rotate(45deg);
	}
	.header_mobile .side_wrap .close:after{
    	transform: rotate(-45deg);
	}
	.header_mobile .menu_main_nav_area {
    	margin-top: 40px;
	}
}

/* end 18/05/2023*/