/*
Theme Name: Cyberfrog (Shaun)

Author: Shaun Hearnden

Version: 999999999999999999999999999999

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
#logo img{width:100%;}
#top_ban{width:100%; float:left; background:#55555550; height:400px;}
#header{position:relative;width:100%; float:left;padding:10px;}
.homepage#top_ban{height:750px;}
a{text-decoration:none;}

a p, body{font-family: 'Open Sans', sans-serif!important;}
h1,h2,h3,h4,h5,h6, #menu a, input, textarea, .service_link, a{font-family: 'Montserrat', sans-serif!important;}

#full_block{width:100%; float:left;margin:60px 0;}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #252525;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#menu a{color:#252525; padding:0 20px}
#header_links{float:right;margin-top:10px;}
#header_links > a:first-child{width:33px;margin-right:10px; display:inline-block;

    position: relative;
    top: 10px;
}

#header_links img{width:100%;}


header_links > a:first-child {
    width: 33px;
    display: inline-block;
    position: relative;
    top: 10px;
    margin-right: 20px;
}
.wysiwig span > img{width:100%;margin:25px 0;}
#header_links > a:last-child{ background: #fdd947;
    color: #252525;
    padding: 10px 20px;
    border-radius: 30px;
    margin-top: 20px;
    font-size:18px;
    display: inline-block;
    font-weight: 700;}
/* Headings */
h1 {
  font-size: 36px;
  line-height: 42px;
  margin-bottom: 16px;
}

h2 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 12px;
}

h3 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 10px;
}

h4 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}

h5 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 6px;
}

h6 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 4px;
}

/* Paragraphs */
p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 16px;
}

.wrapper{max-width:1400px; margin:0 auto; display:block;position: relative;}

#logo{width:170px; float:left;}
#menu{width:auto;
 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);


}
#pal{width:100%; float:left;}
#pal > span{width:20%; height:40px; float:left; text-align: center; color:#555;}


#home_neg_section{width:100%; float:left;}



#home_services{width:100%; float:left;margin:60px 0 40px 0;}



#top_ban{background-size:cover!important; background-position: center!important;position: relative;}

#grady{position:absolute; left:0; top:0; background:#00000050; height:100%; width:100%;}

#top_ban *{color:#fff;}

#top_ban h1, #top_ban p{text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);}

#top_ban h1{
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 16px;
}

#menu a:hover{color:#fdd947; transition:0.3s;}

#top_ban a {
    background: #fdd947;
    color: #252525;
    padding: 10px 60px 10px 20px;
    border-radius: 30px;
    margin-top: 20px;
    display: inline-block;
    font-weight: 700;
    position: relative;
}

#top_ban > span{  position: absolute;
  top: 50%;
  left: 50%;
    width:100%;
  transform: translate(-50%, -50%);
text-align: center;

}


.centre_line{display:inline-block; width:100%; text-align: center; margin-bottom:50px;position: relative;}
.centre_line > span {
    width: 40px;
    height: 40px;
    background: #fdd947;
    border-radius: 50%;
    display: inline-block;
    margin: 0;
    position: relative;
    top: 5px;
    left: 10px;
    padding-top: 6px;
}
.centre_line > span img{width:70%;}
.service_link {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fdd947;
    color: #000;
    padding: 8px 30px;
    font-weight: 700;border-radius: 50px 0 0;
}

#testi {
    width: 100%;
    float: left;
    background: #d5d5d3;
  
    padding: 50px 0;
}


#testi .centre_line > span{background:#444444;}

#home_services span > a {
    height: 300px;
    margin-bottom: 30px;

    position: relative;
    background-size: cover!important;
    color: #fff!important;
    background-position: center!important;
}
#home_services span > a:last-child{background-position:center right!important;}
#top_ban a img {
    width: 23px;
    position: absolute;
    right: 10px;
    top: 6px;
    transform: rotate(270deg);
}
#home_services .row_1, #home_services .row_2, #home_services .row_3{width:100%; float:left}

#home_services .row_1 > a:nth-child(1){width:65.66666666%; float:left;}
#home_services .row_1 > a:nth-child(2){width:31.333333%; float:right;}

#home_services .row_2 > a{width:31.3333%; float:left;}
#home_services .row_2 > a:nth-child(2){margin:0 3%;}

#home_services .row_3 > a:nth-child(1){width:31.333333%; float:left;}
#home_services .row_3 > a:nth-child(2){width:65.66666666%; float:right;}

#top_service_contact{    background: #fdd947;
    color: #252525;
    padding: 10px 60px 10px 20px;
    border-radius: 30px;
    margin-top: 20px;
    display: inline-block;
    font-weight: 700;
    position: relative;}

#top_service_contact img{

    width: 23px;
    position: absolute;
    right: 10px;
    top: 6px;
    transform: rotate(0deg);
}

#home_services a > div{position: absolute;
  top: 50%;
  left: 50%;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
  transform: translate(-50%, -50%);}

#home_services .wrapper > span > a:hover #grady{background:#00000090; transition:0.4s;}
#footer{width:100%; float:left; min-height:300px; background:#fff; color:#252525;padding:50px 0;}

#callback{width:100%; float:left;text-align: center; background:#fdd947; height:10px;}

#copyright{width:100%; float:left; background:#252525; color:#fff; text-align: center;padding:10px 0;}
#copyright a{color:#fdd947;}

.footer_block h4{display:block; margin-bottom:40px;}

.footer_block a {
    display: block;
    margin: 10px 0;
    color: #252525;
}
.footer_block{width:25%; float:left;}
#footer h4 > span {
    display: block;
    width: 100px;
    height: 1px;
    background: #252525;

    position: relative;
    left: 0;
    top: 12px;
}
#foot_4{float:right;}
#foot_4 input{border:1px solid #252525!important}
input, textarea{border:none!important;padding:15px 25px!important;border-radius: 30px!important;}


input#gform_submit_button_1{
background-color: #fdd947!important;
    color: #252525;
    padding: 10px 60px 10px 20px!important;
    border-radius: 30px;
    margin-top: 0px;
    display: inline-block;
    font-weight: 700;
    position: relative;
        background-size: 25px!important;
    background-repeat: no-repeat!important;
    background-position: 90%;
    background-image:url(https://ct-builders.co.uk/wp-content/uploads/2024/01/kisspng-computer-icons-button-arrow-down-arrow-5acaf1575f2038.2618636015232494953897-1.png)!important;


}



#foot_1 a:hover, #foot_2 a:hover{color:#fdd947; transition:0.3s;}

#header_links a:hover{opacity:0.7; transition:0.3s;}

#footer #header_links {
    float: left;
    margin-top: 0;
    text-align: left;
}
h4 > a {
    display: block!important;
    width: 175px;
    padding-right: 10px!important;
}


input#gform_submit_button_2:hover, input#gform_submit_button_1:hover{opacity:0.7!important; transition:0.3s!important; cursor:pointer!important}

input#gform_submit_button_2 {
    background: #252525;
    color: #fff;
    padding: 10px 60px 10px 20px!important;
    border-radius: 30px;
    margin-top: 0px;
    display: inline-block;
    font-weight: 700;
    position: relative;
     background-size: 25px!important;
        background-repeat: no-repeat!important;
    background-position: 90%!important;
    background-image:url(https://ct-builders.co.uk/wp-content/uploads/2024/01/kisspng-computer-icons-button-arrow-down-arrow-5acaf1575f2038.2618636015232494953897-1.png)!important;
}

.wrapper.half > span {
    width: 800px;
    float: none;
    display: block;
    margin: 0 auto;
    text-align: left;
}

.wrapper.half > span a{
    background: #fdd947;
    color: #252525;
    padding: 10px 60px 10px 20px;
    border-radius: 30px;
    margin-top: 20px;
    display: inline-block;
    font-weight: 700;
    position: relative;
}
.wrapper.half > span a img{
    width: 23px;
    position: absolute;
    right: 10px;
    top: 6px;
    transform: rotate(0deg);
}
#top_ban p {
    font-size: 18px!important;
    line-height: 27px!important;
}
.contact_form{width: 100%;
    float: left;
    margin-top: 40px;}

#photo_block{width:100%; float:left;  background:#44444460;margin-top:0px; position: relative;padding:50px 25px; background-size:cover!important; backgrouns-position:center!important}

body textarea{height:150px!important;}

#photo_block h3{color:#fff; margin-bottom:25px;}

#photo_block > span{width:600px;


display:block; margin:0 auto;position: relative;z-index: 2;

}

#flexo{width:100%; float:left;margin-bottom:70px;}


.contact_form h3{margin-bottom:25px;display:block;}
#flexo .wrapper > div{display:flex; align-content: stretch;min-height:340px;}

#flexo .wrapper > div > span{width:50%;}
#flexo .wrapper .image{background-size:cover!important; background-position: center!important}
#flexo .wrapper > div:nth-child(even) .text{order:0;padding:70px 50px 70px 0;}
#flexo .wrapper > div:nth-child(even)  .image{order:2;}
#flexo .wrapper   .image{background:#55555550;}
#flexo .wrapper > div:nth-child(odd) .text{order:0;padding:70px 00px 70px 50px;}

#flexo h2 {
    margin-bottom: 35px;
}

#mobile_open{display:none;}

#mobile_open img{width:100%;}



#mobile_close img{width:100%;}

.contact_form input, .contact_form textarea{border:1px solid #252525!important;border-radius:30px;}
.contact_form input#gform_submit_button_1{border:none!important;}

#mobile_menu{display:none;

    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 999;

}


input#gform_submit_button_1{    color: #252525!important;}


div#photo_block * {
    color: #fff;
}