.touch .popup_menu_holder_outer{
display: none;
}

.touch .popup_menu_opened .popup_menu_holder_outer{
display: block;
}

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
color: #111 !important; font-size: 16px;
}

.icon_star {color: #f0e200; font-size: 28px;}

.maintitle {text-transform: capitalize; font-size: 70px !important;}

.maintitle h1  {font-size: 40px !important;}


.costs h1 {font-size: 24px; font-weight: 800; letter-spacing: 0px;}

.colour {color: #fe8b29;}

.listservices {padding-top: 15px;}



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

nav.main_menu > ul > li > a {line-height: 60px !important;}

nav.main_menu.right {max-width: 700px !important; padding-left: 90px;}

.q_logo img {max-width: 250px !important;}

}




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

nav.main_menu.right {max-width: 600px !important; padding-left: 160px;}

.q_logo img {max-width: 250px !important;}

}



.listservices li {
list-style-image: url(https://deck-tech.co.uk/wp-content/uploads/2019/03/tick-1.png);
padding-bottom: 22px;
color: #333;
font-size: 20px;
}

.testsidebar {background-color: #f4f4f4; padding-top: 40px;}


#topbox {padding-bottom: 70px; margin-left: 4px !important; margin-right: 4px !important; width: 32%; }

#topbox h2 {text-transform: uppercase; font-weight: 800 !important; font-size: 32px;}


.parallaxbox2 {color: #fff; padding-top: 100px; padding-bottom: 100px;}
.parallaxbox2 p {color: #fff; font-size: 16px;}

.parallaxbox2 h1 {color: #fff; font-size: 56px !important; }

.parallaxbox2 h2 {color: #fff; font-size: 20px !important; font-weight: 800; padding-top: 30px; text-transform: uppercase; border-bottom: 1px solid #9a999e; padding-bottom: 4px; }

.moreaboutus {font-size:130px; line-height: 100px; font-weight: 100; padding-bottom: 25px; font-family: 'Montserrat', sans-serif;}
.aboutbold {font-weight: 800;}


.moreaboutus2 {font-size:80px; line-height: 100px; letter-spacing: -1px; font-weight: 100; padding-bottom: 25px; font-family: 'Montserrat', sans-serif; color: #222;}

.blue {color: #236fc5; font-weight: 700;}

.homeintro h2 {font-size: 36px !important; }
.aboutbold2 {font-weight: 800;}



.introtext1 { font-size: 56px !important; line-height: 70px; text-align: center; color: #111; font-weight: 800;}

.introtext2 { font-size: 40px !important; line-height: 50px;  text-align: center;  color: #56596d; font-weight: 300; padding-bottom: 30px;}

.homeintro h2 {font-size: 30px !important; color: #333; font-weight: 300;}

.col2 { background: #48998d !important; }
.col3 { background: #62b3a7 !important; }


#topbox p {color: #fff  !important; padding-right: 10px;}

#topbox h2  {color: #fff  !important;}

.mainhomebox  h1 {color: #fff; font-size: 100px; font-weight: 300;}
.mainhomebox  h2 {color: #fff; font-size: 40px;}
.mainhomebox  p {font-size: 16px;}


.columnquote {width: 48%; float: left; padding: 3px;}

.whitebox h1 {color: #111; font-size: 70px;}

.smallbox {background-color: #eee; padding: 30px; margin: 5px; }

.contacttop {float: left; padding: 0px 9px;   margin: 0px 5px; color: #555555;  font-weight: 400; }
.contacttop a:link {color: #555555 !important; font-weight: 400;}
.contacttop a:hover {color: #fe8b29 !important;}


.contacttop .fa {color: #555555 !important;}
.contacttop .fa:hover {color: #fe8b29 !important;}


.quotebutton {padding: 0px 9px; 

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#62b3a7+0,7bdbe0+44,62b3a7+100 */
background: #62b3a7; /* Old browsers */
background: -moz-linear-gradient(left,  #62b3a7 0%, #7bdbe0 44%, #62b3a7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #62b3a7 0%,#7bdbe0 44%,#62b3a7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #62b3a7 0%,#7bdbe0 44%,#62b3a7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62b3a7', endColorstr='#62b3a7',GradientType=1 ); /* IE6-9 */


color: #fff !important;  margin: 0px 5px; width: 110px; float: left; display: block; text-align: center !important; font-size: 14px; text-transform: uppercase; border-radius: 2px; font-weight: 500;}

.quotebutton:hover {background-color: #111; color: #fff !important;}



.quotebutton:hover {padding: 0px 9px; 

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f26a2e+0,fbae41+46,f26a2e+100 */
background: #f26a2e; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f26a2e 0%, #fbae41 46%, #f26a2e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #f26a2e 0%,#fbae41 46%,#f26a2e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #f26a2e 0%,#fbae41 46%,#f26a2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26a2e', endColorstr='#f26a2e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


color: #fff !important;  margin: 0px 5px; width: 110px; float: left; display: block; text-align: center !important; font-size: 14px; text-transform: uppercase; border-radius: 2px; font-weight: 500;}

.quotebutton:hover {background-color: #111; color: #fff !important;}








.listservices2 ul {padding-top: 20px;}

.listservices2 li {
list-style-image: url(https://deck-tech.co.uk/wp-content/uploads/2019/03/tick.png);
padding-bottom: 12px;
color: #111;
font-size: 20px;
}


.listservicesbig li {
list-style: none;
padding-bottom: 22px;
color: #00a08d;
font-size: 24px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: -1px;
}

.listservicesbig .fa {padding-right: 11px; color: #111;}





.readmore {font-family: 'Montserrat', sans-serif; padding: 10px 10px; border: 1px solid #fff; background: none; border-radius: 1px; font-size: 15px; font-weight: 600; text-transform: uppercase; display: block; max-width: 160px; text-align: center; margin-top: 20px; color: #fff;}

.readmore:hover {background: #fff; color: #111; }


.readmore2 {font-family: 'Montserrat', sans-serif; padding: 9px 20px; border: 2px solid #fff; background: none; border-radius: 4px; font-size: 17px; font-weight: 500; text-transform: uppercase; display: block; max-width: 210px; text-align: center; margin-top: 20px; color: #fff;}

.readmore2:hover {background: #fff; color: #111; }


.header_top .fa {color: ##727272; padding-right: 5px; padding-left: 4px;}

.fa-instagram, .fa-facebook-official {font-size: 20px;}

.header_top {padding-top: 10px; border-bottom: 1px solid #efefef; padding-bottom: 9px;}
.header_bottom {}

.testimonials_c_holder .testimonial_content_inner  {padding-bottom: 3px !important;  padding-top: 4px !important;}

.cover_boxes ul li .box .box_content { top: 0; }
.cover_boxes ul li .box .qbutton { margin-top: 18px; }

.drop_down .second .inner .widget {
padding-bottom: 13px;
}

.drop_down .second .inner .widget a{
padding: 0px !important;
}

@media only screen and (min-width: 1000px) {
.google_map {
margin-bottom: 0;
}
}

.header_bottom {

}

.carousel .item .text .separator {
margin-top: 17px;
margin-bottom: 15px;
}

.slider_content .separator.small {
width: 8% !important;
}


.q_accordion_holder.accordion .ui-accordion-header, .q_accordion_holder.accordion.with_icon .ui-accordion-header {
font-size: 17px !important;
text-transform: none;
font-weight: 400;
}

.q_progress_bars_vertical .progress_content_outer {
height: 136px;
}

.q_accordion_holder.accordion .ui-accordion-header .accordion_mark {
border: none;
}

.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark {
background-color: #eee;

}

.q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon {
width: 43px;
height: 43px;
color: #fff !important;
}

.q_accordion_holder.accordion h5.ui-accordion-header {
padding-top: 5px;
}



div.wpcf7 img.ajax-loader {
margin-right: -20px;
}

.footer_top {
line-height: 30px;
}

.footer_top .textwidget {font-size: 14px; color: #bbbbbb;}
.footer_top .textwidget p {font-size: 14px; color: #bbbbbb;}

.footer_top .textwidget p a:hover {color: #bc1a3b !important;}

.footer_bottom {
font-size: 14px;
}

.contact_section {
padding-bottom: 0;
}

.contact_form {
margin-bottom: 80px;
}

.slider_content a.qbutton.white {
color: #fff !important;
}

.qbutton.green:hover {
color: #898989 !important;
}

.slider_content a.qbutton.white:hover {
background-color: #fff;
border-color: #fff;
color: #898989 !important;
}

.q_font_awsome_icon_stack:hover .fa-circle, .q_box_holder.with_icon .box_holder_icon_inner .fa-stack:hover i.fa-stack-base {
color: #6c2e9b  !important;
}

blockquote h5 {
font-size: 18px;
font-weight: 300;
}

.blog_holder article .post_info {
margin-top: 6px;
}

h3.q_team_name {
font-size: 15px;
text-transform: uppercase;
}

.q_icon_with_title .icon_text_holder .icon_title {
font-weight: 400;
}



.q_accordion_holder.accordion .ui-accordion-header, .q_accordion_holder.accordion.with_icon .ui-accordion-header {
letter-spacing: 0 !important;
}

nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
text-transform: uppercase;
}

.wpb_wrapper h3 {padding: 30px 0px;}
.wpb_wrapper h2 {padding-bottom: 20px;}


.header_bottom {border-top: 0px !important; border: 0px solid #111;}


#gwolle_gb_write_button .button {background-color: #7a8cbd; color: #fff; font-size: 20px; border:0px; padding: 20px;}

.topbox h2 {color: #fff; font-weight: 700 !important; font-size: 36px;}

.topbox p {color: #b7858f;}

.testimonial_content_inner {background: none !important; color: #fff;  }

.testimonial_text_inner p {line-height: 36px !important; font-weight: 400 !important; }

.testimonial {font-family: 'Montserrat', sans-serif;}

.testimonial  strong {color: #222;}

.services h2 {padding-top: 30px;}

.parallax h2 {color: #fff;}

.boilers h2 {color: #111; font-weight: 800;}
.boilers {font-family: 'Montserrat', sans-serif;}

.pricessection h1 {font-size: 26px; padding-top: 40px; padding-bottom: 20px;}

.prices td {font-family: 'Montserrat', sans-serif; padding: 4px; float: left; border-bottom: 1px dashed #c4c4c4; font-size: 14px; background-color: #fff; color: #111; text-align: left;}

.prices td p {color: #111; text-align: left; font-family: 'Montserrat', sans-serif;}

.iconsbottom h2 {color: #343a4c; font-weight: 700;}
.iconsbottom {font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 400;}


.abouticons h3 {color: #00a08d; font-weight: 500;}
.abouticons {font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 400;}
.abouticons h2 { font-size: 20px;}



.prices {width: 100%; padding-top: 20px;}
.prices td {width: 48%;}

.greenbg {background-color: #a6a6a6; color: #fff;}
.greenbg h2 {color: #fff;}
.greenbg p {color: #fff; font-size: 16px;}
.greenbg .listservices li {color: #fff; list-style-image: url(https://deck-tech.co.uk/wp-content/uploads/2019/03/tick.png);}
.greenbg  h1 {color: #fff;}
.greenbg  .fa {padding-left: 15px;}




.servboxes h1 {color: ##262626; font-size: 30px; font-family: 'Montserrat', sans-serif;}
.servboxes p {font-family: 'Montserrat', sans-serif; }

.textart {color: #6b7eb1; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 600; padding-top: 40px; padding-bottom: 10px;}

.whychooseus h4 {font-weight: 700; color: #111;}

.whychooseus .fa {font-size: 120px; color: #7a8cbd;}


.callbackbox h2 {color: #fff; font-family: 'Montserrat', sans-serif; font-size: 32px;}

.testimonial {font-style: italic; padding: 30px 0px;}

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


.main_menu {max-width: 700px; padding-top: 40px; }

nav.main_menu > ul > li > a  {line-height: 40px !important;}

}


@media only screen and (max-width: 1000px) {
    .mobile_menu_button {
        float: right !important;
        margin: 0 !important;
    }
    nav.mobile_menu ul li a {
        text-align: center !important;
    }
}



@media only screen and (max-width: 790px) {
.mobileimg {display: none;}
.quotehead {font-size: 40px !important;}

#topbox {width: 100%; }

}


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

.columnquote {width: 100%; float: none; padding: 3px;}
.mainhomebox  h1 {color: #fff; font-size: 60px; font-weight: 300;}
.mainhomebox  h2 {color: #fff; font-size: 30px;}


}