/* ==================================================
   Global Styles
================================================== */

*, *:after, *:before
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

html
{
   overflow: auto;
   overflow-x: hidden;
   overflow-y: scroll;
   font-size: 100%;
   
   -webkit-text-size-adjust: 100%;
   font-variant-ligatures: none;
   -webkit-font-variant-ligatures: none;
   text-rendering: optimizeLegibility;
   -moz-osx-font-smoothing: grayscale;
   font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
}

body
{
   font-family: "Source Sans 3", Arial, Verdana, Helvetica, sans-serif !important;
   font-size: clamp(1rem, 0.8438rem + 0.5vw, 1.125rem);
   line-height: 1.8em;
   font-weight: 400;
   color: var(--darkgrey);
   background: var(--lightbrown);
   letter-spacing: 0;
   
   text-rendering: optimizeLegibility;
   vertical-align: baseline;
}

::selection
{
	background: var(--darkgrey);
	color: var(--white);
}

::-moz-selection
{
	background: var(--darkgrey);
	color: var(--white);
}

a
{
	color: var(--lightgreen);
	text-decoration: underline;
}

	a:hover
	{
		color: var(--darkgrey);
		text-decoration: underline;
	}

.anchor
{
    display: block;
    position: relative;
    top: -170px;
    visibility: hidden;
}

.wow
{
    visibility: hidden;
}

/* ==================================================
   SVG Divider Styles
================================================== */

.custom-shape-divider-top-1705681821
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

    .custom-shape-divider-top-1705681821 svg
    {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 50px;
    }
    
    .custom-shape-divider-top-1705681821 .shape-fill
    {
        fill: var(--lightgreen);
    }
    
@media only screen and (max-width: 576px)
{

    .custom-shape-divider-top-1705681821 svg
    {
        height: 30px;
    }

}

/* ==================================================
   Main Styles
================================================== */

#topcont
{
    background: var(--lightgreen);
    color: var(--white);
}

    #topcont span
    {
        margin-bottom: 0;
    }
	
        #topcont #topleft
        {
            color: var(--white);
            font-weight: 400;
            font-size: 1em;
            font-family: "Rakkas";
            line-height: 1em;
            text-transform: uppercase;
        }
        
            #topcont #topleft span
            {
                line-height: 1.6em;
            }
            
                #topcont #topleft span i
                {
                    color: var(--white);
                    font-style: normal;
                    font-size: 0.9em;
                    margin-right: 12px;
                }
            
            #topcont #topleft span a
            {
                color: var(--white);
                text-decoration: none;
                letter-spacing: 0.02em;
            }
         
                #topcont #topleft span a:hover
                {
                    color: var(--white);
                }
                
                    #topcont #topleft span
                    {
                        
                    }
                   
                        #topcont #topleft span:first-child
                        {
                            margin-right: 20px;
                        }
		
		#topcont #topright
		{
			
		}
		
			#topcont #topright ul
			{
				float: right;
				list-style-type: none;
				margin: 0;
			}
			
				#topcont #topright ul li
				{
					float: left;
					line-height: 1em;
				}
				
					#topcont #topright ul li a
					{
						color: var(--white) !important;
						line-height: 1em;
					}

						#topcont #topright ul li a span
						{
                            float: left;
                            font-size: 1.3em;
                            line-height: 1em;
                            margin-left: 15px;
                            color: var(--white) !important;
						}
						
    						#topcont #topright ul li a:hover span
    						{
                                color: var(--white) !important;
    						}

.sticky-top.stuck
{
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
}

#headercont
{
	background: var(--white);
}

	#headercont #headerleft
	{
        
	}
	
		#headercont #headerleft p
		{
			margin-bottom: 0;
		}
		
			#headercont #headerleft p a
			{
				display: block;
				width: 100%;
				max-width: 180px;
                
                -webkit-transition: max-width 0.1s ease-in-out;
                -moz-transition:    max-width 0.1s ease-in-out;
                -o-transition:      max-width 0.1s ease-in-out;
                -ms-transition:     max-width 0.1s ease-in-out;
                transition:         max-width 0.1s ease-in-out;
			}
	
    			#headercont #headerleft p a img
    			{
    				display: block;
    				width: 100%;
    			}
	
	#headercont #headerright
	{
		text-align: left;
	}

#menucont
{
	background: var(--darkgrey);
}

#gallerycont
{
    position: relative;
    height: 80vh;
    min-height: 460px;
    max-height: 660px;
    width: 100%;
    overflow: hidden;
}

    #gallerycont #galleryslider
    {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: 0;
        
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    
        #gallerycont #galleryslider #galleryinner
        {
            background-image: linear-gradient(to top, rgba(24,165,4,0) 0%, rgba(24,165,4,0.3) 100%), linear-gradient(to left, rgba(2,49,150,0) 0%, rgba(2,49,150,0.3) 100%);
        }
        
            #gallerycont #galleryslider #galleryinner h2
            {
                font-size: 2.3em;
            }
            
#breadcrumbscont
{
    background: var(--lightgrey);
    font-size: 0.9em;
    font-weight: 400;
    font-family: "Rakkas";
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
    
    #breadcrumbscont span
    {
        margin: 0 10px;
        color: #AAA;
    }

#pagetopcont
{
    color: #FFF;
}

    #pagetopcont .pagetopcont-overlay
    {

        width: 100%;
        height: 100%;
        background-image: linear-gradient(to top, rgba(24,165,4,0) 0%, rgba(24,165,4,0.3) 100%), linear-gradient(to left, rgba(2,49,150,0) 0%, rgba(2,49,150,0.3) 100%);
        padding: 130px 0;
        text-align: center;
        z-index: 2;
        pointer-events: none;
    }

#featurescont
{
    background: var(--lightgrey);
    text-align: center;
}

    #featurescont #whitebox
    {
        position: relative;
        z-index: 10;
        margin-top: -128px !important;
        background: var(--white);
    }

    #featurescont .service-item img
    {
        transition: 0.5s;
    }
    
    #featurescont a.seritem:hover img
    {
        transform: scale(1.1);
    }
    
    #featurescont a.seritem
    {
        display: block;
        background: var(--lightgreen);
        color: var(--white);
        text-decoration: none;
        
        border-top: 0px solid var(--lightgrey);
        border-bottom: 0px solid var(--lightgrey);
        
        -webkit-transition: border-top 0.1s ease-in-out, border-bottom 0.1s ease-in-out, background 0.1s ease-in-out;
        -moz-transition:    border-top 0.1s ease-in-out, border-bottom 0.1s ease-in-out, background 0.1s ease-in-out;
        -o-transition:      border-top 0.1s ease-in-out, border-bottom 0.1s ease-in-out, background 0.1s ease-in-out;
        -ms-transition:     border-top 0.1s ease-in-out, border-bottom 0.1s ease-in-out, background 0.1s ease-in-out;
        transition:         border-top 0.1s ease-in-out, border-bottom 0.1s ease-in-out, background 0.1s ease-in-out;
    }
    
        #featurescont a:hover.seritem
        {
            background: var(--lightbrown);
            border-top: 0px solid var(--lightgrey);
            border-bottom: 5px solid var(--lightbrown);
        }
    
    #featurescont a.seritem .bottomtext
    {
        border-top: 5px solid var(--lightgrey);
        border-bottom: 0px solid var(--lightgrey);
        
        -webkit-transition: border-top 0.1s ease-in-out, border-bottom 0.1s ease-in-out, background 0.1s ease-in-out;
        -moz-transition:    border-top 0.1s ease-in-out, border-bottom 0.1s ease-in-out, background 0.1s ease-in-out;
        -o-transition:      border-top 0.1s ease-in-out, border-bottom 0.1s ease-in-out, background 0.1s ease-in-out;
        -ms-transition:     border-top 0.1s ease-in-out, border-bottom 0.1s ease-in-out, background 0.1s ease-in-out;
        transition:         border-top 0.1s ease-in-out, border-bottom 0.1s ease-in-out, background 0.1s ease-in-out;
    }
        
        #featurescont a:hover.seritem .bottomtext
        {
            border-top: 0px solid var(--lightgrey);
            border-bottom: 0px solid var(--lightgrey);
        }
    
    #featurescont a.seritem .bottomtext p
    {
        color: rgba(255,255,255,0.7);
        font-size: 94%;
    }
    
        #featurescont a:hover.seritem .bottomtext p
        {
            color: var(--white);
            font-size: 94%;
        }
        
#checkatradecont
{
    background: var(--lightergrey);
    color: var(--dark);
}

    #checkatradecont p.hometeltext
    {
    	display: block;
    	width: 100%;
    	max-width: 900px;
    	font-weight: 400;
        text-transform: none;
        font-family: "Rakkas";
    	font-style: normal;
        letter-spacing: 0.02em;
        font-size: 1.2em;
    }

#maincont
{
    position: relative;
    text-align: left;
    background: var(--white);
    color: var(--darkgrey);
    
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

    .home #maincont .container
    {
        max-width: 1000px;
        text-align: center;
        
        padding-top: 30px;
        padding-bottom: 30px;
        
        min-height: 200px;
        height: auto !important;
        height: 200px;
    }
    
    #maincont #ourprocess
    {
        
    }
    
        #maincont #ourprocess .processnumber
        {
        	font-weight: 700;
            font-family: "Rakkas";
            font-size: 2.5em;
            background: var(--lightbrown);
            color: var(--white);
        }

    #maincont .cellbox
    {
        background: var(--lightergrey);
    }
    
    #maincont .parentcont
    {
        
    }

        #maincont .parentcont a
        {
            display: block;
            background: var(--lightergrey);
            width: 100%;
            text-decoration: none;
            line-height: 1.4em;
        }
        
            #maincont .parentcont a p
            {
                color: var(--darkgrey);
            }
            
                #maincont .parentcont a p.continuelink
                {
                    color: var(--lightgreen);
                }
                
        #maincont .parentcont a:hover
        {
            background: var(--lightgrey);
            color: var(--lightgreen);
        }

#twoimgbox
{
    background: var(--lightergrey);
    color: var(--black);
}

    #twoimgbox img
    {
        box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
    }
    
#servicescont
{
    position: relative;
    background: #DDD;
    background-size: cover;
    color: var(--black);
}

    #servicescont:before
    {
        content: "";
        background: rgba(238,238,238,0.7);
        background: linear-gradient(0deg, rgba(238,238,238,0.7), rgba(238,238,238,1));
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        opacity: 1;
        visibility: visible;
        z-index: 1;
        transition: 0.3s all ease;
    }

    .owl-carousel .item
    {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
        .owl-carousel .item a
        {
            color: var(--white);
        }
    
            .owl-carousel .item .item-slide
            {
                position: relative;
                overflow: hidden;
            }
            
                .owl-carousel .item .item-slide:before
                {
                    content: "";
                    background-color: rgba(91,165,88,0.7);
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    position: absolute;
                    opacity: 1;
                    visibility: visible;
                    z-index: 1;
                    transition: 0.3s all ease;
                }
                
                    .owl-carousel .item .item-slide:hover:before
                    {
                        opacity: 0;
                        visibility: hidden;
                    }
                
                .owl-carousel .item .item-slide img
                {
                    transition: 0.5s all ease;
                    transform: scale(1.1);
                }
                
                    .owl-carousel .item .item-slide:hover img
                    {
                        transform: scale(1);
                    }
                
                    .owl-carousel .item .item-slide .service-item-contents
                    {
                        z-index: 9;
                        position: absolute;
                        bottom: 0px;
                        left: 0px;
                        right: 0px;
                        transition: 0.3s all ease;
                        transform: translateY(0%);
                        opacity: 1;
                        visibility: visible;
                    }
                
                    .owl-carousel .item .item-slide:hover .service-item-contents
                    {
                        transform: translateY(100%);
                        opacity: 1;
                        visibility: hidden;
                    }
                    
                        .owl-carousel .item .item-slide .service-item-contents h4
                        {
                            position: relative;
                            display: block;
                            
                            -webkit-transition: opacity 0.2s;
                            -o-transition: opacity 0.2s;
                            transition: opacity 0.2s;
                        }
                                
                            .owl-carousel .item .item-slide .service-item-contents h4::before
                            {
                                content: "";
                                display: block;
                                width: 100%;
                                height: 2px;
                                background: var(--white);
                                position: absolute;
                                bottom: 0;
                                left: 0;
                            }
    
        .owl-dots
        {
            margin-top: 30px !important;
            line-height: 1em;
        }
        
            .owl-theme .owl-dots .owl-dot span
            {
                background: var(--white) !important;
                width: 30px !important;
                height: 8px !important;
                margin: 0 5px !important;
            }
            
                .owl-theme .owl-dots .owl-dot:hover span
                {
                    background: var(--lightgreen) !important;
                }
            
                .owl-theme .owl-dots .owl-dot.active span
                {
                    background: var(--lightgreen) !important;
                    width: 40px !important;
                }

#bottomsection
{
    background: var(--lightgreen);
    color: var(--white);
}

	#bottomsection #footertop
	{
	    max-width: 600px;
	    text-align: center;
	    margin: 0 auto;
	}
	
        .shareArticle
        {
            display: flex;
            flex-flow: column;
            align-items: center;
            width: 100%;
        }
        
        .shareSocial
        {
            display: flex;
            flex-flow: row;
            align-items: center;
            margin-bottom: 0;
        }

            @media (max-width: 767px)
            {
                .shareSocial
                {
                    flex-flow: column;
                }
            }
            
            .shareSocial .socialTitle
            {
                margin: 0 20px 0 0;
                font-size: 1.3em;
            }
            
            @media (max-width: 767px)
            {
                .shareSocial .socialTitle
                {
                    margin-bottom: 15px;
                    text-align: center;
                    font-family: "Rakkas";
                    font-weight: 400;
                }
            }
            
            .shareSocial .socialList
            {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                justify-content: flex-start;
                justify-content: center;
                flex-flow: row wrap;
            }
            
            .shareSocial .socialList li
            {
                margin: 10px;
            }
            
            .shareSocial .socialList li:first-child
            {
                padding-left: 0;
            }
            
            .shareSocial .socialList li a
            {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                text-decoration: none;
                color: var(--white);
            }
            
            .shareSocial .socialList li a span
            {
                font-size: 2.2em;
            }
            
.sec-cta
{
    background-color: var(--lightgreen);
    color: var(--white);
}
    
    .sec-cta .newbutton
    {
        font-size: 1.1em;
        background-color: var(--darkgreen);
    }
    
        .sec-cta .newbutton:hover
        {
            background: rgba(0,0,0,0.15);
        }
  
#homepageimgbanner
{
	position: relative;
	background: var(--white) url("../images/bg-calltoaction.jpg") no-repeat 50% 50%;
	background-size: cover;
}

	#homepageimgbanner .overlaybg
	{
        background-image: linear-gradient(to top, rgba(24,165,4,0) 0%, rgba(24,165,4,0.3) 100%), linear-gradient(to left, rgba(2,49,150,0) 0%, rgba(2,49,150,0.3) 100%);
	}

	#homepageimgbanner .container-fluid
	{
        text-align: center;
	}
	
		#homepageimgbanner h3
		{
			display: block;
			width: 100%;
			max-width: 650px;
			margin: 0 auto 20px auto;
			color: var(--white);
			font-size: 1.6em;
		}
		
		#homepageimgbanner p
		{
            display: block;
            width: 100%;
            max-width: 800px;
            color: var(--white);
            margin: 0 auto 30px auto;
            line-height: 1.6em;
            font-weight: 400;
		}
		
			#homepageimgbanner p:last-child
			{
				margin: 0 auto;
			}

#footercont
{
    position: relative;
	color: var(--white);
	padding-top: 50px;
}
	
	#footercont h3
	{
		color: var(--white);
		margin: 0 0 15px 0;
	}
	
	#footercont p
	{
		line-height: 1.4em;
	}
	
	#footercont hr
	{
		border-top: 1px dotted rgba(255,255,255,0.3);
	}
	
	#footercont #getbutton
	{
		text-align: right;
	}
	
	#footercont #getbutton p
	{
		margin: 0;
	}
		
		#footermiddle
		{
			margin-top: 50px;
			margin-bottom: 50px;
		}

			#footermiddle a
			{
				color: var(--white);
				font-weight: 400;
                text-decoration: underline;
                
                text-decoration-color: rgba(255,255,255,0.4);
                text-underline-offset: 8px;
                text-decoration-thickness: 2px;
			}
			
    			#footermiddle a:hover
    			{
                    text-decoration: underline;
                    
                    text-decoration-color: var(--white);
                    text-underline-offset: 8px;
                    text-decoration-thickness: 2px;
    			}
			
			#footermiddle #contactdets
			{
			    
			}
		
			#footermiddle #contactdets p
			{
				line-height: 1.25em;
				font-size: 1em;
				color: var(--white);
				font-weight: 500;
        		text-transform: none;
			}
		
				#footermiddle #contactdets p span
				{
					display: block;
					margin-top: 10px;
					font-size: 1.1em;
					font-weight: 400;
					letter-spacing: 0.02em;
					line-height: 1.1em;
					text-transform: uppercase;
					color: var(--white);
					font-family: "Rakkas";
				}
				
		#footerbottom
		{
			margin-top: 30px;
			padding-top: 30px;
			text-align: center;
			border-top: 1px dotted rgba(255,255,255,0.4);
		}
		
			#footerbottom a
			{
				color: var(--white);
				padding: 0 3px;
                text-decoration: underline;
                
                text-decoration-color: var(--lightgreen);
                text-underline-offset: 6px;
                text-decoration-thickness: 1.5px;
			}
			
			#footerbottom a:hover
			{
                text-decoration: underline;
                
                text-decoration-color: var(--white);
                text-underline-offset: 6px;
                text-decoration-thickness: 1.5px;
			}
			
				#footerbottom .col-lg-2
				{
					
				}
				
					#footerbottom .col-lg-2 p
					{
						margin: 0;
						font-size: 1.3em;
					}
					
						#footerbottom .col-lg-2 p a
						{
							color: var(--white);
						}
				
				#footerbottom .col-lg-10
				{
					text-align: right;
				}
				
					#footerbottom .col-lg-10 p
					{
						margin: 0;
					}

/* ==================================================
   Media Queries
================================================== */

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

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

    #headercont
    {
    	
    }
	
		#headercont #headerright ul li#searchtoggle
		{
			border-left: 0;
		}
		
			#headercont #headerright ul li#searchtoggle span.fa-search
			{
				font-size: 1.4em;
			}
	
		#headercont #headerright ul li a
		{
			display: none;
		}
		
		#headercont #headerright .searchtoggle span
		{
			margin-right: 15px;
		}
		
    #gallerycont #galleryslider #galleryinner h2
    {
        font-size: 2.2em;
    }
    
	#footercont
	{
		text-align: center;
		padding-top: 60px;
	}
	
        #footercont .footerimg
        {
            margin: 0 auto;
        }
	
		#footercont #getbutton
		{
			text-align: center;
			margin-top: 20px;
		}
		
		#footermiddle #contactdets
		{
		    padding-top: 0px;
		}
		
		#footerbottom
		{
			text-align: center;
		}
		
			#footerbottom .col-lg-10
			{
				text-align: center;
				margin-top: 10px;
			}
	
}

@media only screen and (max-width: 768px)
{
	
    .anchor
    {
        top: -160px;
    }
    
    #imagegallery
    {
        
    }

        #imagegallery .gal
        {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
        }
        
    #highlightbox
    {
        text-align: center;
    }
    
        #highlightbox .row
        {
            max-width: 900px;
            margin: 0 auto;
            text-align: center;
        }
        
            #highlightbox .row img
            {
                margin-bottom: 30px;
            }
    
	#homepageimgbanner .container-fluid
	{
        padding-bottom: 60px;
	}
    
}

@media only screen and (max-width: 576px)
{
	
    #topcont #topleft span
    {
        display: block;
    }
	
    #gallerycont #galleryslider #galleryinner h2
    {
        font-size: 1.9em;
    }
	
	#homepageimgbanner .container-fluid
	{
        padding-bottom: 80px;
	}
	
}