/*
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}

a{text-decoration:none;}


span.dm_grady {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: #00000090;
    z-index: 10;
}


p, a, span, div, body, input, textarea, h1,h2,h3,h4,h5,h6, #menu a, .blue_title, .bigger_title, .menu_dropdown .wrapper > div ul li  a, .foot_contact > span{
    
    
    font-family: "Atkinson Hyperlegible", sans-serif!important;
    
}
#logo{width:250px;}

#logo img{width:100%;}

#header{
    padding: 20px 0;
    z-index: 11;
    position: relative;
    background: #fff;

}

#header .wrapper > div{
    
    
    display:flex; justify-content: space-between;
    
}
/*p, a, span, div, body, input, textarea{ font-family: "Lato", sans-serif!important;}*/

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0; /* Removes default top margin */
    margin-bottom: 16px; /* Standard bottom margin */
    line-height: 1.5; /* Line height for readability */
}

/* Specific Heading Styles */

h1 {
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 24px; /* Extra space below larger headings */
}

h2 {
 

font-size: 32px;
font-style: normal;

line-height: 100.06%; /* 32.019px */
letter-spacing: -0.32px;
}

h3 {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 18px;
}

h4 {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 16px;
}

h5 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 14px;
}

h6 {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 12px;
}

/* Paragraph Styles */

.dark_opening ul li, p, .plain_template ol li, .plain_template ul li {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 16px; /* Space between paragraphs */
}


.dark_opening ul{list-style:disc; padding-left:20px; }
.dark_opening ul li{margin-bottom:5px;}
.grady{
    
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.20) -21.3%, #FFF 49.52%);

position: absolute;
    width:100%; height:100%; 
    left:0; 
    top:0;

       z-index: 1;
}

.top_banner{display:block; width:100%; padding:100px 0; position: relative;


}

.wrapper{position: relative; z-index: 3; display:block; margin:0 auto; max-width:85%}

.home .top_banner h1{
    
    
    color: #FFF;

/*font-family: "Atkinson Hyperlegible Next";*/
font-size: 78.947px;
font-style: normal;
font-weight: 800;
line-height: 100.06%; /* 78.995px */
letter-spacing: -0.789px;
}


 .top_banner h1{
    
    
    color:#192C40;

/*font-family: "Atkinson Hyperlegible Next";*/
font-size: 78.947px;
font-style: normal;
font-weight: 800;
line-height: 100.06%; /* 78.995px */
letter-spacing: -0.789px;
}
strong{font-weight:600!important;}
.top_banner h1 strong{
    color:#FEC93A;
}

.dark_opening{display:block; padding:60px 0; position: relative;background: #192C40; }


.dark_opening .dots{background:url(https://cranesandliftingltd.co.uk/wp-content/uploads/2026/03/Group-113.png);
background-repeat:no-repeat;
width:300px; height:80px; background-size:contain; right:0px; position: absolute; top:40px;

}


.home_services .dots{background:url(https://cranesandliftingltd.co.uk/wp-content/uploads/2026/03/Group-113.png);
background-repeat:no-repeat;
width:300px; height:80px; background-size:contain; right:0px; position: absolute; top:40px;

}

.home_bottom_section h2, .dark_opening h2{
    
display:inline-block;  
    
}
.text_flex h2{display:inline-block; color:#192C40; font-weight:700;}
.contact_split h3:after, .text_flex  h2:after, .flex_row h2:after, .home_bottom_section h2:after, .dark_opening h2:after, .home_section_1 h2:after{
    border-bottom:1px solid #FEC93A; 
    content:" ";
    display:block;
    
        padding-top: 5px;
}
.contact_split h3{display:inline-block; font-weight:600;}

.dark_opening h2{
    color: #FFF;

/*font-family: "Atkinson Hyperlegible Next";*/
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 100.06%; /* 32.019px */
letter-spacing: -0.32px;
    
    
}

.dark_opening * {color:#fff;}

 .home .top_banner .wrapper > span{max-width:745px; display:block;}
.top_banner .wrapper > span{max-width:855px; display:block;}

.dark_opening .wrapper > span {max-width:971px;display:block;}

.service_slide h2{
    
    
    color: #FFF;
padding:20px 0 20px 25px;
text-align: center;
background:#192C40;
    border-bottom:8px solid #FEC93A;
font-size: 25.981px;
font-style: normal;
font-weight: 800;
line-height: 100.06%; /* 25.997px */
letter-spacing: -0.26px;
    
    margin-bottom:0;
    
}

.service_slide .image{
    
    height:300px;
    width:100%; 
    position: relative;
    display:block;
    
}

.service_slide{
    clip-path: polygon(9% 0, 100% 0, 90% 100%, 0% 100%);
    
    
}

.service_slide .image img{
        
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;
    
}



.home .top_banner p{
    
    color: #FFF;

/*font-family: "Atkinson Hyperlegible Next";*/
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 18.011px */
letter-spacing: 0.36px;
}


.top_banner p{
    
    color: #000;

/*font-family: "Atkinson Hyperlegible Next";*/
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 18.011px */
letter-spacing: 0.36px;
}

#menu{margin-top:10px;}
#menu a{
    color: #000;

margin-left:40px;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.42px;
    
}

.menu_dropdown .wrapper > div ul li a:hover, #menu a:hover{
    
    color:#FEC93A;
    transition:0.3s;
    
    
}

#menu a:last-child{
    
        background: #FEC93A;
    display: inline-block;
    padding: 6px 30px;
  clip-path:polygon(9% 0, 100% 0, 90% 100%, 0% 100%);
    font-weight: 500;
    line-height: normal;
    
    
}
#menu a:last-child:hover{
    
            background:#192C40 ;
color:#fff;
    transition:0.3s;
    
   
}


.top_banner > img{
    
        
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
 
    object-position: 50% 50%;
}

.text p:last-child a strong, .top_banner a {
    color: #0A2F53;
    /* font-family: "Atkinson Hyperlegible Next"; */
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.42px;
    background: #FEC93A;
    display: inline-block;
    padding: 10px 30px;
    margin-top: 20px;
    font-weight: 600;
    clip-path:polygon(9% 0, 100% 0, 90% 100%, 0% 100%);
}


.home_bottom_section a:hover, .top_banner a:hover, .text p:last-child a strong:hover{background:#192C40;color:#fff; transition:0.3s;}

 .home_section_1 a:hover, .home .top_banner a:hover{background:#fff; transition:0.3s; color:#000;}

.grady2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10%;
    z-index: 2;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0) 100%);
}

.home .top_banner .grady{
    
    background: linear-gradient(270deg, rgba(25, 44, 64, 0.20) 0%, #192C40 76.9%);



    
    
}

.menu_list ul {
    list-style: none;
    padding-left: 0;
}

.menu_list ul li {
    position: relative;
    padding-left: 18px;
}

.menu_list ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color:  #FEC93A; /* change to your bullet colour */
    font-size: 20px;
    line-height: 1;
}


.flex_row h2{
    
    color: #192C40;

display:inline-block;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 100.06%; /* 32.019px */
letter-spacing: -0.32px;
    
    
}



#footer{border-top:10px solid #FEC93A; background:#fff; min-height:300px;padding:40px 0;}
#copyright{text-align:center;  color:#fff; padding:10px 0; font-size:14px; background:#192C40;}

#copyright a{color:#fff;}

.flex_image{display:block;}

.flex_image .flex_row{
    
    display:flex;
    align-content: stretch;
    margin-top:100px;
    
}

.text_flex{
        display:flex;
    align-content: stretch;
}

.text_flex > div{width:50%;padding:70px 0 70px 50px}

.image{position:relative;}


.image img{
        
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;
    
}

.flex_image .flex_row > div {
    width: 50%;
    padding: 100px 7.5% 100px 7.5%;
}

.flex_image .flex_row:nth-child(even) .image{
    
    order:-1;
}

.text ul {list-style:disc; padding-left:20px;}

.text ul li{
    
      font-size: 16px;
    line-height: 1.6;
    margin-bottom: 6px;
    
}


.text_flex .dots, .flex_image .flex_row:nth-child(odd) .image .dots.odd {
    background: url(https://cranesandliftingltd.co.uk/wp-content/uploads/2026/03/Group-111.png);
    position: absolute;
    width: 300px;
    height: 80px;
    background-size: contain;
    z-index: 1;
    left: 0px;
    background-repeat: no-repeat;
    top: 40px;
}

.about_us {
    background: #192C40;
    padding: 60px 0;
}

.about_us .wrapper{background:#fff;}


.flex_image .flex_row:nth-child(even) .image .dots.even{background:url('https://cranesandliftingltd.co.uk/wp-content/uploads/2026/03/Group-112.png');

    position: absolute;
    width: 300px;
    height: 80px;
    background-size: contain;
    z-index: 1;
    right: 0px;
    background-repeat: no-repeat;
    top: 40px;

    
}


.text_flex .image img{ clip-path: polygon(19% 0, 100% 0, 100% 100%, 0% 100%);}

.flex_image .flex_row:nth-child(odd) .image img{
    clip-path: polygon(19% 0, 100% 0, 100% 100%, 0% 100%);
    
    
}
.flex_image .flex_row:nth-child(even) .image img{
 clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%);
    
    
}

.home_section_1 .back > img{
        
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;
    
    
}
.home_section_1 .back .text{
    position: relative; z-index: 2;
    
    
    
}

.home_section_1{color:#fff;}

.home_section_1 h2{
    
    color: #FFF;
display:inline-block;

font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 100.06%; /* 32.019px */
letter-spacing: -0.32px;
    
    
}

.home_bottom_section a, .home_section_1 a {
    color: #0A2F53;
    /* font-family: "Atkinson Hyperlegible Next"; */
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.42px;
    background: #FEC93A;
    display: inline-block;
    padding: 10px 30px;
    margin-top: 20px;
    font-weight: 600;
    clip-path:polygon(9% 0, 100% 0, 90% 100%, 0% 100%);
}





.home_section_1 .back .grady{
    
  position: absolute;
    width:100%; height:100%; z-index: 1; top:0; left:0;
    background: linear-gradient(270deg, rgba(25, 44, 64, 0.20) 0%, #1c3f65bf 76.9%);
}


.menu_dropdown .image {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}

.menu_dropdown .wrapper > div {
    display: grid;
    grid-template-columns: 30% 60%;
    gap: 10%;
    max-width: 1000px;
}

.menu_dropdown.dropdown_2 .wrapper > div {
    display: grid;
    grid-template-columns: 40% 50%;
    gap: 10%;
    max-width: 1000px;
}

.dropdown_2 .menu_list ul { grid-template-columns: repeat(1, 1fr)!important;}

.menu_dropdown   .menu_list ul {
    
       display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; /* Adjust the gap between grid items as needed */
    
}

.menu_dropdown .wrapper > div ul li a {
 color: #000;


font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 100.06%; /* 18.011px */
letter-spacing: 0.36px;   
    
    
}


.menu_dropdown .bigger_title{
    color: #192C40;


font-size: 65px;
font-style: normal;
font-weight: 800;
line-height: 100.06%; /* 65.039px */
letter-spacing: -0.65px;
    
    
}
.dropdown_1.dropdown, .dropdown_2.dropdown{position:absolute; top:98px; width: 100%;z-index: 11;background:#fff;padding:70px 0;}

.blue_title {
    background: #192C40;
    color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 100.06%;
    letter-spacing: -0.32px;
    padding: 10px 50px;
}
.home_section_1{padding:60px 0; position: relative; display:block;}

.home_section_1 .back {
    padding: 120px 0 80px 200px;
    position: relative;
    margin-left: 7.5%;
      clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}


.home_section_1 .back .text{display:block; max-width:650px;}


.home_services{
    display:block;
    background: #26384B;
    position: relative;
    padding:140px 0 40px 0;
    
}

.text_split .image{border-top: 8px solid  #FEC93A;    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);}

.text_split{display:block; position: relative;}
.text_split .text {
    padding: 60px 100px 60px 0;
}
.text_split > div{
    display: grid;
    margin-left:7.5%;
    grid-template-columns: 40% 58%; /* Adjust these values as needed */
    gap: 2%; /* Optional: Adjust the gap between columns if needed */
}

.home_bottom_section{display:block; padding:60px 0; position:relative;}


.about_grid {padding:60px 0;}

.about_grid .wrapper > div{
       display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px; /* Adjust the gap between grid items as needed */
    
}

.icon_grid{
     display: grid;
    grid-template-columns: 20% 80%; /* Adjust these values as needed */
    gap: 10px; /* Optional: Adjust the gap between columns if needed */
    border: 2px solid rgba(25, 44, 64, 0.30);
padding:15px 0;
background: #F5F5F5;
}

.icon_grid img{display:block; margin:0 auto;}
.icon_grid h3{margin-bottom:10px;
color: #192C40;


font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 100.06%; /* 32.019px */
letter-spacing: -0.32px;


}


.foot_1 > img{
    
    max-width:300px;
    
    
}

.foot_1 .foot_contact img {
    width: 44px;
    position: relative;
}
.foot_contact {
    max-width:350px;margin-top:20px;

 display: grid;
    grid-template-columns: 10% 90%; /* Adjust these values as needed */
    gap: 10px; /* Optional: Adjust the gap between columns if needed */

}
.foot_contact > span {
    
    color: #000;


font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 16.01px */
letter-spacing: 0.32px;
    
    
    
}
#footer h4{font-weight:600;}

.foot_3 .foot_contact img{
    
    width:25px;
    position: relative;
    top:-2px;
    right:-5px;
    
}

.foot_2 a {color:#000; margin-bottom:10px; display:block;}

#footer .wrapper > div{
    
     display: grid;
    grid-template-columns: 55% 15% 20%; /* Adjust these values as needed */
    gap: 5%; /* Optional: Adjust the gap between columns if needed */
    
}

.icon_grid p{margin:0;



color: #000;


font-size: 16px;
font-style: normal;
font-weight: 400;

letter-spacing: 0.32px;


}

.slick-prev img, .slick-next img {width:100%;}
.slick-prev {
    position: absolute;
    background: transparent;
    border: none;
    width:40px;
    outline: none;
    top: 150px;
    left: -50px;
}
.slick-next {
    position: absolute;
    background: transparent;
    border: none;
    width: 40px;
    outline: none;
    top: 150px;
    right: -50px;
}
/*
.contact_split .form {
    padding: 80px;
    background: #192C40;
}
*/

.service_slide:hover{opacity:0.7; transition:0.3s; }
.contact_split{  background: #192C40;}

.contact_split .wrapper{background:#fff;padding:50px 70px}

input#gform_submit_button_1{
    background: #FEC93A!important;
    display: inline-block!important;
    padding: 6px 30px!important;
    clip-path: polygon(9% 0, 100% 0, 90% 100%, 0% 100%)!important;
    font-weight: 400!important;
    line-height: normal!important;
    border:none!important;
    outline:none!important;
margin:0 auto!important;
    font-size: 21px!important;
  
}
input#gform_submit_button_1:hover{background:#192C40!important; color:#fff!important; transition:0.3s; cursor:pointer;}
.contact_deets {display:block; margin-top:30px;}
.contact_deets > div{
    
     display: grid;
    grid-template-columns: 50px auto; /* Adjust these values as needed */
    gap: 10px; /* Optional: Adjust the gap between columns if needed */
    

    
    
}
.contact_deets * {
   color: #000;


font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 16.01px */
letter-spacing: 0.32px; 
    
}

.contact_deets > div{margin-bottom:20px;}
.contact_deets > div img{
    width: 50px;
    position: relative;
    top: 0px;
}
.contact_deets > div > span:first-child{text-align:center;}
.contact_deets > div:nth-child(2) img{
        width: 38px;
    position: relative;
    top: -4px;
    
}
.contact_deets > div:nth-child(3) img{
    
   width: 35px;
    top: -4px;  
    
}

   

.contact_split .form input, .contact_split .form textarea{border:1px solid #444; border-radius:5px;}


.textarea{height:200px!important}
.four_o_page{padding:300px 0; text-align: center;}

.slick-prev:hover, .slick-next:hover{
    
    
    opacity:0.7; transition:0.3s; cursor:pointer;
}

.contact_split{padding:80px 0; display:block;}

.contact_split .wrapper > div{   display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 150px; /* Adjust the gap between grid items as needed */}


.plain_template{padding:60px 0;}

.plain_template ul{list-style:disc; padding-left:20px;margin-bottom:20px;}
.plain_template ol {list-style:decimal; padding-left:20px; margni-bottom:20px;}

.plain_template ol li, .plain_template ul li{margin-bottom:5px;}

.plain_template a{color:#000; font-weight:600; text-decoration:underline;}