/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.1
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/
.wp-caption p.wp-caption-text {
    font-size: 14px;
  
}

@media (max-width: 1200px){
.fl-node-5e37f46fcdbcc.fl-row > .fl-row-content-wrap {
    padding-top: 40px!important;
}
}



/* Add your custom styles here... */ 
.red-button {
    background-color: #CC0A26 !important;
    border-radius: 30px !important;
    min-height: 56px;
}

.red-button span {
    color: #ffffff !important;
    ;
    vertical-align: super;
}

#callback a {
    padding: 9px 14px;
}

.red-buttons .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.fl-node-5a60c227836ea .fl-rich-text {
    max-height: 46px;
}

.main-menu {
    background-color: #CC0A26;
}

#menu-main-menu .sub-menu a:hover {
    background: black;
}

.main-menu li {
    max-width: 158px;
    text-align: center;
}

.red-button .fl-button-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 2px;
}

.red-button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* body {
    max-width: 1800px;
    margin: 0 auto;
} */

.hero h1 {
    font-size: calc(24px + (76 - 24) * ((100vw - 300px) / (1800 - 300)));

}

.hero h2 {
    font-size: calc(24px + (76 - 24) * ((100vw - 300px) / (1800 - 300)));

}

h2 {
    font-size: calc(22px + (45 - 22) * ((100vw - 300px) / (1800 - 300)));

}

h1 {
    font-size: calc(26px + (58 - 26) * ((100vw - 300px) / (1800 - 300)));
}

h3 {
    font-size: calc(20px + (28 - 20) * ((100vw - 300px) / (1800 - 300)));
}

h4 {
    font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1800 - 300)));
}

h5 {
    font-size: calc(16px + (19 - 16) * ((100vw - 300px) / (1800 - 300)));
}

#hhp {
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1800 - 300)));
}

p {
    font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1800 - 300)));

}

.percent {
    font-size: calc(36px + (68 - 36) * ((100vw - 300px) / (1800 - 300)));
    ;
}

@media screen and (max-width:1999px) and (min-width: 769px) {
    .blue-button a {
        padding: 20px 30px !important;
    }
}

@media screen and (max-width:768px) and (min-width:427px) {
    .blue-button a {
        padding: 13px 18px !important;
        font-size: 20px !important;
        line-height: 20px !important;
    }

    /* .fl-node-5a6b43c649142 > .fl-row-content-wrap,.fl-node-5a6b43c649142 > .fl-row-content-wrap,.fl-node-5a9008478b6d0 > .fl-row-content-wrap {
    height: 60vh;
}	 */
    .fl-module-button .fl-button-left {
        text-align: left;
    }

}

@media screen and (max-width:768px) {

    .insurance-top {
        margin-top: -50px;
    }

    .dyk {
        text-align: center;
    }

    .uabb-image.uabb-image-crop-circle img {
        width: 25px !important;
    }
	
	p {
    font-size: calc(16px + (18 - 12) * ((100vw - 300px) / (1800 - 300)));

}

}

@media screen and (max-width:834px) {
    .grid-item,
    .grid-item--width2 {

        width: 100%;

    }

    .grid-item--height2 {
        height: 300px;
    }
}

@media screen and (max-width:980px) and (min-width:835px) {

    .grid-item,
    .grid-item--width2 {

        width: 48%;

    }

    .grid-item--height2 {
        height: 300px;
    }

}

@media screen and (min-width:768px) {
	
	.grid-item--height2 a h5 {
		
		max-height:30%;
	}
}

@media screen and (max-width:427px) {
    .insurance-top-padding .fl-row-content-wrap {
        padding-top: 20vh !important;
    }

}


.fl-builder-edit header {
    position: unset;
}

.home .fl-node-5a9003f052880 > .fl-row-content-wrap {
    background-color: #ffffff;
}

.fl-node-5a69d8f2a110a .uabb-creative-button-wrap a,
.fl-node-5a69d8f2a110a .uabb-creative-button-wrap a:visited,
.fl-node-5a69d69794c2c .uabb-creative-button-wrap a,
.fl-node-5a69d69794c2c .uabb-creative-button-wrap a:visited {
    padding: 7px 14px;
}

@media screen and (max-width:426px) {

    .fl-node-5a69d8f2a110a .uabb-creative-button-wrap a,
    .fl-node-5a69d8f2a110a .uabb-creative-button-wrap a:visited {
        font-size: 10px;
        line-height: 10px;
        padding: 5px 10px;
    }

    .blue-button a {
        padding: 12px 12px !important;
        font-size: 14px !important;
        line-height: 14px !important;
    }

}

#top-header {
    -webkit-box-shadow: 0px 0px 19px #231F20;
    box-shadow: 0px 0px 19px #231F20;
    position: relative;
    z-index: 99;
}

#menu-main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#menu-main-menu .menu-item {
    width: 100%;
}

.tel-header {
    color: #CC0A26;
    font-size: 1.3em;
}

/*#menu-main-menu .current_page_item:before,*/
/*#menu-main-menu .current_page_parent:before,*/
/*#menu-main-menu .menu-item-object-custom.current-menu-item:before {*/
/*    content: url('https://www.comfort-insurance.co.uk/wp-content/uploads/2018/01/Fill-7.png');*/
/*    top: -10.5px;*/
/*    left: 0;*/
/*    right: 0;*/
/*    position: absolute;*/
/*    z-index: 999;*/
/*}*/

/*#menu-main-menu .menu-item-object-custom.current-menu-item > #menu-item-35:before {*/
/*    display: none;*/
/*}*/

/*#menu-main-menu .sub-menu .current_page_item:before {*/
/*    display: none;*/
/*}*/


.fl-node-5a69e03c170c3 .uabb-creative-menu .uabb-menu-toggle:before {
    font-size: 1.5em;
    right: 6px;
    position: absolute;
    top: 25px;
}

#menu-main-menu .menu-item a {
    min-height: 51px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#menu-main-menu .menu-item a .menu-item-text {
    justify-content: center;
    display: flex;
    flex-direction: column;
    height: 28px;
}


#menu-main-menu .sub-menu a {
    min-height: unset;
}

.mh-img {
    min-height: 148px;
}

.uabb-creative-menu-mobile-toggle {
    color: #ffffff
}

.fl-node-5a6b4d7a07155 .fl-module-content {
    BACKGROUND: url(https://www.comfort-insurance.co.uk/wp-content/uploads/2018/01/Fill-27.png);
    background-size: cover;
    background-position: center;
}

.fl-html .col-md-6,
.fl-html .col-md-2,
.fl-html .col-md-10 {
    padding: 0;
}


.fl-node-5a7476a9e7e93 .uabb-blog-post-inner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}

.why-choose .why-choose-padd {
    padding-left: calc((100vw - 1300px)/2);
}

body {
    font-family: "Arial" !important;
    font-weight: normal;
}

a {
    font-family: 'Arial' !important;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Arial" !important;
    font-weight: bold;
}

.bold {
    font-family: "Arial" !important;
    font-weight: bold;
}

.demi {
    font-family: 'Arial' !important;
    font-weight: normal;
}

.fl-node-5a74476f0677c .fl-post-image {
    position: relative;
}

.fl-node-5a74476f0677c .fl-post-image .fl-post-title {
    position: absolute;
    left: 3%;
    bottom: 3%;
    background: rgba(255, 255, 255, 1);
    padding: 10px 16px !important;
    max-width: 243px;

}

.fl-node-5a74476f0677c .fl-post-image .fl-post-title:before {
    content: url(https://www.comfort-insurance.co.uk/wp-content/uploads/2018/01/Fill-7.png);
    top: -10.5px;
    left: 21%;
    right: 0;
    position: absolute;
    z-index: 999;
}

/* ================ */

.fl-node-5a787fe49774a .fl-post-image .fl-post-title:before {
    content: url(https://www.comfort-insurance.co.uk/wp-content/uploads/2018/01/Fill-7.png);
    top: -10.5px;
    left: 21%;
    right: 0;
    position: absolute;
    z-index: 999;
}

.fl-node-5a787fe49774a .fl-post-image {
    position: relative;
}

.fl-node-5a787fe49774a .fl-post-image .fl-post-title {
    position: absolute;
    left: 15px;
    bottom: 15px;
    background: #fff;
    padding: 10px 16px !important;
    max-width: 250px;
    font-size: 20px;
}

.fl-node-5a74476f0677c .fl-post-grid-post {
    width: auto !important;
    max-width: 540px;
}

#categories-title .widgettitle {
    font-size: 18px;
}

.share .fl-node-content .fl-icon-wrap .fl-icon-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    padding-left: 15px;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.share .fl-node-content .fl-icon-wrap {
    border: 2px #CC0A26 solid;
    border-radius: 50px;
    margin: 0px 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 165px;
    font-size: 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#categories-title .cat-item {
    color: #cc0a26;
}

.uabb-input-group-wrap .col-sm-6,
.uabb-input-group-wrap .col-md-6 {
    padding-left: 0px;
}

.uabb-input-group-wrap .col-md-6 {
    padding-right: 0px
}

.fl-node-5a7d8152881e0 p {
    margin-bottom: 0;
}

.fl-content {

    z-index: 2;
    -webkit-box-shadow: 0 10px 18px rgba(0, 0, 0, 0.4);
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.4);
}

.fl-node-5a69d47784bf8 .fl-row-content-wrap {
         z-index: 99;
}


.fl-node-5a65fa8dbaae6 a {
    font-family: "Arial" !important;

}


.fl-node-5a82bf6f0853f .fl-row-content-wrap {
    position: relative;
    background-color: #F0F0EB;
    z-index: 1;
}

@media screen and (min-width:768px) {

    .fl-node-5a82bf6f0853f .fl-row-content-wrap::after {
        content: "";
        background: url(/wp-content/uploads/2018/02/what-makes-us-different-background.svg);
        opacity: 0.4;
        top: 0;
        left: 50%;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
    }

}


@media screen and (max-width:769px)and (min-width:630px) {
    .fl-node-5a65ee92441c6 .fl-col.fl-col-small {
        width: 33.3% !important;
        clear: none;
        float: left;
    }

}

.fl-node-5a82d6c774511 .uabb-info-list-title {
    font-weight: bold;
}


#breadcrumbs p {
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 0;
}


#breadcrumbs {
    position: absolute;
    z-index: 9;
    width: 100%;
}

.home #breadcrumbs,
.fl-builder-edit #breadcrumbs {
    display: none;
}

.blue-button a {
    padding: 32px 39px;
}

footer p {
    line-height: 18px;
}

.mobile-menu .hamburger-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.mobile-menu .hamburger-label .uabb-svg-container {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.mobile-menu .hamburger-label .uabb-creative-menu-mobile-toggle-label {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 10px;
}

.map {
    position: relative;
}

#over-map {
    position: absolute;
    left: 16%;
    top: 16%;
    z-index: 999;
    background-color: #fff;
    width: 17%;
}

.blog h2 {
    font-size: 40px;
}

.blog-grid .page-numbers {
    border: none !important;
    color: #cc0a26;
}

.blog-grid .page-numbers .current {
    background-color: #cc0a26;
    color: #fff;
    border-radius: 50px;
    border: none;
    line-height: 1.2;
}

.guide h2 {
    font-size: 40px;
}

.call-back input[type=text] {
    height: 43px;
}

.call-back .column-count-2-of-2 ul {
    padding: 0;
}

.call-back .gform_wrapper {
    margin: 0;
}

.call-back #gform_submit_button_1 {
    float: right;
    font-weight: bold;
    color: #fff;
    background-color: #CC0A26;
    border: none;
    border-radius: 50px;
    padding: 15px 30px;
}

.call-back #field_1_4 {
    padding: 0;
}

.call-back .gform_footer {
    margin: 0 !important;
}


.we-cover img {
    max-height: 255px;
}

#menu-mobile .sub {
    padding-left: 20px;
}
#menu-mobile .sub-menu li {
    padding-left: 20px;
}

a.page-numbers {
    color: #cc0a26;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 0 5px;
}

.page-numbers.current {
    color: #ffffff;
    background: #cc0a26;
    padding: 5px 10px;
}

section .pagination {
    display: unset;
    text-align: center;
}

.uabb-creative-button-width-custom {
    text-align: right;
}


/*Fix phone icon to center in the header*/
.fl-node-5c7e86f05678c {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

/*header {*/
/*    max-height: 207px !important;*/
/*}*/

.fl-content a:hover, .fl-content a:focus  {
    color: #cc0a26 !important;
}

p a {
	color:#000000;
	text-decoration:underline !important;
}

.tel-header {
	text-decoration: none !important;
}

.fl-content a .fl-button-text, .uabb-button, a.fl-button {
	text-decoration:none !important;
}

#gform_submit_button_2 {
    background: #cc0a26;
    color: #ffffff;
	width:95%
}
#gform_2 > div.gform_footer.top_label {
    padding: 0;
    margin: 10px 0 0;
    clear: both;
    width: 100%;
}

td, th {
    padding: 15px;
    border: 1px solid black;
}

tr {
    vertical-align: text-top;
    border: 1px solid black;
}


.uabb-info-list-title a {
    color: #cc0a26 !important;
    font-weight: normal;
    font-family: "Arial" !important;
}
/* 
.uabb-info-list-title a:hover{
	color:#000 !important;
} */

body .gform_wrapper ul li.gfield {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0 !important;
}

.gfield_description a:hover  {
    color: #3bd3db !important;
}

/* .gform_wrapper .top_label .gfield_label {
    display: none;
   } */

.gform_wrapper div.validation_error {
    color: #790000;
    font-size: 0.6em;
    font-weight: 700;
    margin-bottom: 0;
    border-top: 2px solid #790000;
    border-bottom: 2px solid #790000;
    padding: 3px 0;
    clear: both;
    width: 100%;
    text-align: center;
}

.wplwl_wheel_content_right {
    background-color: rgba(0,0,0,0.5);
}

.wplwl_lucky_wheel_content .wplwl-wheel-content-wrapper .wplwl_wheel_content_right, .wplwl_lucky_wheel_content .wplwl-wheel-content-wrapper .wplwl_wheel_content_right input, .wplwl_lucky_wheel_content .wplwl-wheel-content-wrapper .wplwl_wheel_content_right span, .wplwl_lucky_wheel_content .wplwl-wheel-content-wrapper .wplwl_wheel_content_right a, .wplwl_lucky_wheel_content .wplwl-wheel-content-wrapper .wplwl_wheel_content_right .wplwl-frontend-result {
    font-family: Arial !important;
}

.uabb-builder-msg {
    height: 95px;
    overflow: hidden;
}

#menu-item-11963 > a {
    display: none !important;
}

@media screen and (max-width:1216px) {
	header[data-type="header"]{
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 100;
	}


/* 	.admin-bar header[data-type="header"] {
		top: 46px;
	} */
	
	.fl-page-content {
		position:relative;
		top:200px;
	}
	footer {
    top: 200px;
    position: relative;
}
}

@media screen and (max-width:767px) {

	.fl-page-content {
		position:relative;
		top:125px;
	}
	footer {
    top: 125px;
    position: relative;
}
	
}
div#retrieve-quote {
    position: absolute;
	z-index: 999;
}

ul#menu-mobile {
    display: none;
}

.cvtitle .fl-heading a, .cvtitle .fl-heading a span {
	color:#cc0a26 !important;
	font-weight:bold;
}

.cvtitle .fl-heading a:hover, .cvtitle .fl-heading a span:hover {
	color:#2fc7cf !important;
}

#side-sticky {
    position: fixed;
    top: 50%;
    width: 149px;
    right: -47px;
    transform: rotate(-90deg);
}



.fl-node-5a69d915cbe0e a{
	padding: 7px 14px !important;
}

.mh-img .fl-photo-content{
		min-height: 156px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
	align-items: center;
}

.center-b {
    border-top: 0px !important;
    border-bottom: 0px !important;
    border: solid #fff;
}

#fl-post-9 > div > div.fl-builder-content.fl-builder-content-9.fl-builder-content-primary.fl-builder-global-templates-locked > div.fl-row.fl-row-full-width.fl-row-bg-photo.fl-node-5a857b47d0779.fl-row-full-height.fl-row-align-center > div > div {
    margin-top: -75px;
}

footer a:hover {color:#000000 !important;}

#topmenuquote a {
	padding:8px !important;
}

#menu-item-2229 > div > a {
    background: #000000;
}

.topmenuquotebutton > img {
    max-height: 19px;
}

.btn-customer .fl-button-wrap.fl-button-width-full a.fl-button {
    max-width: 270px;
    min-height: 150px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#top-header .header_social_icons > .fl-node-content{
	flex-direction : row;
}
div#search-box {
    z-index: 999 !important;
    position: relative;
    background: #CC0A26;
}
#top-header .header_social_icons > .fl-node-content .fl-photo-content a .fl-photo-img {
    max-width: 50px;
}
.wt-cli-cookie-bar-container div#cookie-law-info-bar {
    width: 100% !important;
    height: auto !important;
    top: inherit !important;
    bottom: -44px !important;
    text-align: center !important;
}
.wt-cli-cookie-bar-container div#cookie-law-info-bar a {
    border: none !important;
    outline: none;
}
.for_all_other_content_box a:hover, .for_all_other_content_box a:focus{ color:#ffffff !important; outline:none;}

#gform_fields_1 li div ul {
    padding-inline-start: 0 !important;
}