/*
Theme Name: <Insert your site name here> Child Theme
Description: A child theme for Uikit Theme
Author: Rebecca Chapman
Template: Uikit Theme
*/

/* Write custom css here */
a {
    color: #34685e;
}
h1{
    color:#444;
    font-size:30px;
}

.uk-dropdown-navbar {
    background: #131C4D;
    color: #1E2833;
    border: none;
    min-width: 220px;
    text-align: center;
}

#header .uk-overlay > :first-child {
    margin-bottom: 0;
    max-width: 200px;
    max-height: 180px;
}


.action .uk-button {
    background: #131C4D;
    color: #fff;
}

.action .uk-button:hover {
    background: #58b6a5;
}
.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
    background: #131C4D;
}
.uk-navbar a{
    color:#1E2833;
    height: 100px;
}

.uk-navbar a:hover{
    color:#1E2833;
}
.name{
   text-align: right;
   font-style:italic;
   margin-right: 35px;
}
.uk-navbar {
    background: #131C4D;
    padding: 0px 20px;
    margin: auto;
    display: block;
    position: relative;
}

.uk-navbar-nav {
    position: relative;
    /*left: 28%;*/
    /*left: 20%;*/
}

.header-links{
    margin:0px!important;
}
#header a{
    color:#131C4D;
    font-size:20px;
    text-decoration: none;
    z-index: 100000000000000000000;
}

#header img{ 
    max-width: 220px !important;   
}
.socialbartop{
    position: relative;
    padding-bottom:30px;
    padding-top: 30px;
}
#header a:hover{
    color:#131C4D;
}

#header{
    background-color: #fff!important;
    padding: 10px;
}

.header-content{
   position:relative;
   top:50px;
}

.uk-navbar-nav > li > a {
    color: #444;
}

.uk-navbar-nav > li.uk-active > a {
    color: #444;
}

.uk-navbar-nav > li > a{
   
}

.uk-dotnav-contrast > .uk-active > *{
    background: #131C4D;
}

.uk-dotnav>*>*{
    background: #131C4D;
}
.uk-dotnav-contrast > * > :hover, .uk-dotnav-contrast > * > :focus{
    background: #131C4D;
}

a:hover{
    color:#000;
}

#footersidebar .uk-container,
    #footersidebar .uk-container p,
         #footersidebar .uk-container h3,
             #footersidebar .uk-container .uk-panel-title, 
                 #footersidebar .uk-container a,
                 #footersidebar{
    background-color: #8a8a8a;
    color: #fff;
}

#nav{
    background: #131C4D;
}
#nav a{
    font-size:20px;
    color:#fff;
}
a#menu-item-link-11{
    font-size:20px;
}

.uk-navbar-nav > li > a:hover {
    color: #4e7a28;
}
.header-contact {
    padding-right:20px;
}

.header-contact .header-text {
    font-size:20px;
    }
    
#wrapper #header img{
    margin-top: -10px !important;
    min-width: 130%;
    top: 15px;
    position: relative;
}

.text{
    font-size:18px;
    max-width:87%;
  }
  
  .text2 {
      max-width:95%;
  }


.text-1{
    font-size:18px;
    max-width:530px;
}
.review img{
    margin:auto;
    display:block;
    }
.review{
    text-align:center;
}
/* --- */
.uk-navbar-nav > li > a[href='#']{
    cursor:pointer;
}

a.social-buttons {
    color: #fff;
}

p.toptext {
    position: absolute;
    color: rgb(32, 37, 86);
    right: 0;
    font-size: 27px;
}

.serv-contain {
    position: relative;
    height: 331px;
    overflow: hidden;
}

.box {
    position: absolute;
    bottom: -30px;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
    height: 194px;
    background: #131C4D;
    color: #fff;
    width: 100%;
}

.box-content {
	position: relative;
	height: 190px;
	bottom: 0px;
}

.box-text {
	padding: 0px 15px;
	position: relative;
}

.panel-list {
	list-style: none;
}

.box-read-more {
	text-align: center !important;
}

.box-link-container {
    background: #131C4D;
}

.box-text h2 {
	color: #fff;
}

.box-tab {
	width: 0px;
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #131C4D;
    margin: 0px auto;
}

.box-link {
	position: relative;
	padding: 10px 0px;
	height: 18px;
	color: #fff !important;
	display: block;
}

.box-read-more {
	width: 100%;
	position: absolute;
	bottom: 0px;
}

/* --- */
/* services animate */
.serv-contain:hover .box {
    height: 220px;
    overflow: hidden;
} 

.serv-contain:hover .serv-images {
    opacity: 0.6;
    transition-property: opacity; 
     transition-duration: 0.5s;
      transition-timing-function: ease-in-out;
}
/* --- */

.entry-meta{
    display:none;
}

/* social */
#social-media {
    margin-bottom: -10px;
    padding-left:0px;
}

.box-soci {
    max-width: 100%;
    background-color: #fff;
    /*width: 307px;*/
    min-height: 190px;;
}

.box-soci p{
        padding: 10px;
    }
    
.box-soci h2{
    padding: 10px 10px 0 10px;
}
.social {
    /*margin: 40px 10px 0 20px;*/
}    
.social-head {
    /*text-align: center;*/
}

.social-soci-icon {
    width: 39px;
    padding: 0 0 10px 9px;
    margin: 0;
    text-align: center;
}

.shadowbox {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
    /*width: 307px;*/
    margin: auto;
    max-width: 420px;
}

.box-soci a {
    padding: 5px;
    color: #444;
}

.soci-showmore { 
    background-color: #397d42;
    border-radius: 30px;
    height: 30px;
    width: 130px;
    margin: 35px auto -5px;
    text-align: center;
    position: relative;
}
.soci-showmore a {
    position: absolute;
    top: 16%;
    left: 23%;
    text-decoration: none;
    color: #fff;
    
}

#footersidebar .uk-panel-space {
    padding: 10px 0px !important;
}

#footersidebar .uk-container{
padding-left:0px;
}

.soci-showmore:hover {
    opacity: 0.6;
    transition-property: opacity; 
     transition-duration: .3s;
      transition-timing-function: ease-in-out;
}

.soci-links img{
    position: absolute;
    max-width: 45px;
}

.page-segment {
    padding: 30px;
}

.contact-break-bg {
    background-color: #D9318A;
}

.contact-break-bg p,
.contact-break-bg a,
.contact-break-bg h1,
.contact-break-bg h2,
.contact-break-bg h3 {
    color: #fff;
}

.top ul li {
    list-style-type: none !important;
    line-height: 20px !important;
    
}

@media only screen and (min-width:1220px) and (max-width: 1350px) {
    /*.shadowbox{
        width: 80%;
    }*/
    .box-soci p,
        .box-soci a{
        font-size: 11px;
    }
}

@media (max-width: 380px) {
    /*.shadowbox{
        width: 80%;
    }
    .box-soci p{
        font-size: 14px;
        padding: 3px
    }
    .box-soci h2 {
         font-size: 15px;
         padding: 3px
    
    
    .box-soci a{
            text-overflow: ellipsis;
        }
  */
}

@media (max-width: 351px) {
        /*  .box-soci p{
        font-size: 12px;
        padding: 3px
    }
    .box-soci h2 {
         font-size: 14px;
         padding: 3px
    }
    .box-soci a{
            text-overflow: ellipsis;
            font-size: 11px;
        }*/
}
/* --- */



h2.quote-text {
    font-size: 20px;
    font-weight: normal;
    line-height: 40px;
    padding-bottom: 0px;
    font-style:italic;
}

h2.quote-source {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 0px;
    font-style:italic;
}

.test{
    margin-top: 85px;
}

.contain-forms {
    padding: 10px;
}

.socialbartop a { 
    color: #fff;
}

.uk-custom-width {
    box-shadow: 0px -10px 32px 0px rgba(0,0,0,1) !important;
}

#footersidebar  .uk-container {
    /*box-shadow: 0px 7px 32px 0px rgba(0,0,0,1) !important;*/
}

.divider{
    height: 10px;
    width: 1px;
    border-right: 1px solid #444;
}

@media (max-width: 470px) {
    .serv-contain {
        height:280px;
    }
}

@media (max-width: 335px) {
    .serv-contain {
        height:235px;
    }
}

#maincontent {
    min-height: 500px;
}

.uk-slidenav {
    background: none;
}

.chipper img {
    /*border: solid 1px #000;*/
    max-width: 100%;
    display: block;
    /*        -moz-transform: scaleX(-1);*/
    /*-o-transform: scaleX(-1);*/
    /*-webkit-transform: scaleX(-1);*/
    /*transform: scaleX(-1);*/
    /*filter: FlipH;*/
    /*-ms-filter: "FlipH";*/
     margin-top: 35px !important;
     float: right;
}

.chipper2 img {
   width: 107%;
}

.uk-icon-phone {
    display: block;
}

.socialbartop {
    text-align: right;
}

.scrollup {
   position: absolute;
    left: 108%;
    bottom: 3%;
    background: #444;
    color: #fff;
    font-size: 25px;
    padding: 18px;
    border: 1px solid #fff !important;
    border-radius: 5px;
    line-height: 20px;
    padding-top: 22px;
}

.scrollup2 {
     position: absolute;
    left: 105%;
    bottom: 7%;
    background: transparent;
    color: #fff;
    font-size: 25px;
    padding: 18px;
    border: 1px solid #fff !important;
    border-radius: 5px;
    line-height: 20px;
    padding-top: 22px;
}


.brand img {
    max-height: 50px;
    margin: 0 auto;
    display: block;
    margin-top: -40px;
}

.enquire-btn {
    margin: 20px auto;
    display: block;
    width: 130px;
    background: transparent;
    border: 1px #fff solid !important;
    color: #fff;
    font-size: 16px;

}

.services-widg1 .uk-panel {
    background:#63A339;
}

.services-widg1 p, .services-widg1 h3 {
        padding:0 10px;
        color: #fff;
        text-align: center;
        font-size: 23px;
}

.uk-slideshow, .uk-slideshow .uk-overlay-panel, .uk-slideshow img {
    min-height: 250px;
}

@media screen and (max-width: 1500px) {
    .scrollup {
    position: absolute;
    left: 101%;
    bottom: 3%;
    background: transparent;
    color: #fff;
    font-size: 25px;
    padding: 18px;
    border: 1px solid #fff !important;
    border-radius: 5px;
    line-height: 20px;
    padding-top: 22px;
}

.scrollup2 {
    position: absolute;
    left: 101%;
    bottom: 6%;
    background: transparent;
    color: #fff;
    font-size: 25px;
    padding: 18px;
    border: 1px solid #fff !important;
    border-radius: 5px;
    line-height: 20px;
    padding-top: 22px;
}
}

@media screen and (max-width: 1350px) {
    .scrollup {
    position: absolute;
    left: 95%;
    bottom: 3%;
    background: transparent;
    color: #fff;
    font-size: 25px;
    padding: 18px;
    border: 1px solid #fff !important;
    border-radius: 5px;
    line-height: 20px;
    padding-top: 22px;
    z-index: 10000;
}

.scrollup2 {
    position: absolute;
    left: 95%;
    bottom: 7%;
    background: transparent;
    color: #fff;
    font-size: 25px;
    padding: 18px;
    border: 1px solid #fff !important;
    border-radius: 5px;
    line-height: 20px;
    padding-top: 22px;
    z-index: 10000;
}

}

@media screen and (max-width: 1200px) {
.scrollup {
    position: absolute;
    left: 87%;
    bottom: 3%;
    background: transparent;
    color: #fff;
    font-size: 25px;
    padding: 18px;
    border: 1px solid #fff !important;
    border-radius: 5px;
    line-height: 20px;
    padding-top: 22px;
    z-index: 10000000000000;
}

    .scrollup2 {
    position: absolute;
    left: 95%;
    bottom: 7%;
    background: transparent;
    color: #fff;
    font-size: 25px;
    padding: 18px;
    border: 1px solid #fff !important;
    border-radius: 5px;
    line-height: 20px;
    padding-top: 22px;
}

}



@media screen and (max-width: 950px) {
  
  
   
.ginput_recaptcha iframe  {

}

.ginput_recaptcha div {
      transform: scale( 0.8);
}

   .uk-navbar {
     background: #34685E;
    padding: 0px 20px;
     width: auto;
    margin: auto;
    display: block;
    position: static; 
    height: 100px;
}
   
   .bannertext {
       font-size: 20px;
       position: relative;
       bottom: 20px;
   }
   
   .slideshow-content .uk-button {
       position: relative;
       bottom: 20px;
   }
   
   .scrollup {
    position: relative;
    left: 0;
    bottom: 3%;
    background: transparent;
    color: #000;
    font-size: 25px;
    padding: 18px;
    border: 1px solid #000 !important;
    border-radius: 5px;
    line-height: 20px;
    padding-top: 22px;
    margin: auto;
    display: block;
    width: 70px;
}
   
 .scrollup2 {
    position: relative;
    left: 0;
    bottom: -9%;
    background: transparent;
    color: #000;
    font-size: 25px;
    padding: 18px;
    border: 1px solid #000 !important;
    border-radius: 5px;
    line-height: 20px;
    padding-top: 22px;
    margin: auto;
    display: block;
    width: 70px;
}
 
    #nav {
    height: 100px;
    }
    
    .navbar-mobile-button {
    display: none;
    }
    
    #nav .uk-navbar {
        max-width: 94% !important;
    }
    
.chipper img {
    /*border: solid 1px #000;*/
    max-width: 100%;
     float: none; 
   /* -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";*/
    margin: auto;
    display: block;
    
}

.chipper2 img {
    /*border: solid 1px #000;*/
    max-width: 225px;
     float: none; 
  /*  -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";*/
    margin: auto;
    display: block;
    min-width: 60%;
    position: inherit;
}

.chipper2 {
    width: 100%;
}
 
.serv-contain {
    max-width: 360px;
    margin: auto;
}

.page-segment {
    padding: 5px;
}
    
}

#g-recaptcha {
    transform: scale(1.42);
    transform-origin: 0 0 0;
}

.uk-slideshow {
    max-height: 570px !important;
}

#main {
    background-color: #d8d8d8;
}

#maincontent {
    background-color: #fff;
}

.uk-panel-space {
    padding: 10px 30px !important;
}

.containcontactdetails {
    display: block;
    margin: auto;
    /* background: #63a339; */
    padding: 10px;
    position: relative;
    /*top: 20%;*/
    /*border: 1px solid #63a339;*/
}

.containpage {
    /*height: 80vh;*/
}

.gform_wrapper .gform_footer {
    /*padding: 16px 0 10px;*/
    /*margin: 16px 0 0;*/
    /*clear: both;*/
    /*width: 20%;*/
    /*float: right;*/
    /* margin-bottom: 1%; */
    
}

.gform_wrapper .gform_footer {
    width: 20% !important;
}

.gform_wrapper h3.gform_title  {
    font-weight: normal !important;
    font-size: 24px !important;
    line-height: 30px !important;
    color: #444 !important;
}


@media screen and (min-width: 1300px ){
    #TopScroll {
        background-color: #131C4D;
    font-size: 39px;
    font-weight: bolder;
       }
    
}
       
    
  #gform_submit_button_2 {  
    background: #131C4D;
    border: solid 1px #444;
    border-radius: 5px;
    padding: 5px 25px;
    color: #fff;
  }
  
  #gform_submit_button_2:hover {  
    background: #6dac3a;
    border: solid 1px #444;
    border-radius: 5px;
    padding: 5px 25px;
    color: #fff;
  }
  
  .gform_wrapper {
    margin: -11px 0 !important;
  }
  
  .button1 {
        background: #131C4D !important;
    border: solid 1px #444;
    border-radius: 5px;
    padding: 1px 10px;
    color: #fff;
  }
  
  .button1:hover {
        background: #6dac3a !important;
    border: solid 1px #444;
    border-radius: 5px;
    padding: 1px 10px;
    color: #fff;
  }
  
  @media screen and (max-width: 770px ){
    .text , 
        .text2 {
    max-width: 100%;
}
}

.gform_wrapper .gfield_required{
    color: #444!important;
}

.action{
    background: #00000070;
    padding: 25px;
}

.project {
    background-color: #DEE4E4;
    background-image: url(/wp-content/uploads/2023/07/cta-bg-grey-1.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
	padding:25px;
}

.project h3 {
    margin-top: 5px;
    font-style: italic;
    margin-bottom: 0px;
}

.gallery .uk-panel-title {
   
    text-align: center!important;
}