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

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

html, body
{
   height: 100%;
   width: 100%;
}

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: "Barlow", Arial, Verdana, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.8em;
    color: var(--dark);
    background: var(--orange);
    letter-spacing: 0em;
    
    text-rendering: optimizeLegibility;
    vertical-align: baseline;
}

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

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

a
{
	color: var(--orange);
	text-decoration: none;
	
    text-decoration-color: inherit;
    text-underline-offset: 5px;
    text-decoration-thickness: 1.2px;
}

	a:hover
	{
		color: #222;
	}
	
btn:focus, a:focus
{
    outline: none;
}

.navbar-toggler:focus
{
    outline: none !important;
    box-shadow: none;
}
	
/* ==================================================
   Main Styles
================================================== */

#headercont
{
    background: var(--white) url("../images/bg-headercont.png") no-repeat 50% 50%;
}

    #headercont a
    {
        display: block;
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }

        #headercont a img
        {
            display: block;
            width: 100%;
        }

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

#infocont
{
    background: var(--grey);
    color: var(--white);
    font-weight: 400;
    text-transform: none;
    font-family: "Tilt Warp";
    letter-spacing: 0em;
    line-height: 1.5em;
}

    #infocont a
    {
        color: var(--white);
        text-decoration: underline;
        
        text-decoration-color: var(--orange);
        text-underline-offset: 5px;
        text-decoration-thickness: 3px;
    }

#gallerycont
{
    position: relative;
    height: 80vh;
    min-height: 550px;
    max-height: 750px;
    width: 100%;
    overflow: hidden;
    background: var(--white);
}

    #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:rgba(0,0,0,0.3);
        }
        
            #gallerycont #galleryslider #galleryinner h1
            {
                font-size: 2.4em;
                letter-spacing: 0;
                font-family: "Tilt Warp";
                font-weight: 400;
                text-transform: none;
            }
            
            #gallerycont #galleryslider #galleryinner p.slidertext
            {
                font-size: 1.1em;
                font-weight: 600;
            }
            
#featurescont
{
    background: var(--lightgrey);
    text-align: center;
}

    #featurescont .service-item img
    {
        transition: 0.5s;
    }
    
    #featurescont a.seritem:hover img
    {
        transform: scale(1.1);
    }
    
    #featurescont a.seritem
    {
        display: block;
        background: var(--white);
        
        -webkit-box-shadow: 0px 0px 8px 8px rgba(221,221,221,0.5);
        -moz-box-shadow: 0px 0px 8px 8px rgba(221,221,221,0.5);
        box-shadow: 0px 0px 8px 8px rgba(221,221,221,0.5);
    }
    
        #featurescont a.seritem .bottomtext
        {
            border-top: 6px solid var(--orange);
        }
    
        #featurescont a.seritem p
        {
            color: var(--dark);
        }

#maincont
{
    text-align: left;
    background: var(--white);
    
    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 .cellbox
    {
        background: var(--lightergrey);
    }
    
#featurebox
{
	background: #E5E5E5;
	text-align: left;
	line-height: 2em;
	
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

    #featurebox .tablecolumns
    {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
    }
    
        #featurebox .tablecolumns .rowleft
        {
            flex-grow: 1;
            flex-basis: 50%;
            
            background: url("../images/home-img.jpg") no-repeat 50% 50%;
            background-size: cover;
        }
        
        #featurebox .tablecolumns .rowright
        {
            flex-grow: 1;
            flex-basis: 50%;
        }
        
        #featurebox .tablecolumns .negmargin
        {
            margin: 50px 0 50px -200px;
            background: var(--white);
        }
        
#testimonials-cont
{
	background: var(--white);
	color: inherit;
	text-align: center;
}

    #testimonials-cont p
    {
    	display: block;
    	width: 100%;
    	max-width: 900px;
    	margin: 0 auto;
    }
    
    	#testimonials-cont .owl-customnav ul
    	{
    		display: inline-block;
    		margin: 0;
    		list-style-type: none;
    	}
    
    		#testimonials-cont .owl-customnav ul li
    		{
    			display: inline-block;
    		}
    		
    			#testimonials-cont .owl-customnav ul li a
    			{
    				color: var(--purple) !important;
                    padding-left: 20px;
                    padding-right: 20px;
    			}
    			
        			#testimonials-cont .owl-customnav ul li a span
        			{
        				font-size: 120%;
        			}
        			
        				#testimonials-cont .owl-customnav ul li a:hover
        				{
        					color: var(--darkpurple);
        					cursor: pointer;
        				}
        				
        	    #testimonials-cont .item p
        	    {
        	        display: block;
        	        width: 100%;
        	        max-width: 1000px;
        	        margin: 0 auto;
        	        padding-left: 30px;
        	        padding-right: 30px;
        	        font-family: "Tilt Warp";
        	    }
        	    
            	    #testimonials-cont .item p.quotep
            	    {
            	        font-size: 110%;
            	        font-weight: 400;
            	        line-height: 1.6em;
            	    }

#homepageimgbanner
{
	background: var(--white) url("../images/bg-calltoaction.jpg") no-repeat 70% 80%;
	background-size: cover;
}

	#homepageimgbanner .overlaybg
	{
		background: rgba(0,0,0,0.5);
	}

	#homepageimgbanner .container-fluid
	{
        padding: 120px 20px 0 20px;
        text-align: center;
	}

    #homepageimgbanner .wave-container
    {
        position: relative;
        bottom: -2px;
    }
    
        #homepageimgbanner .wave-container > svg
        {
            display: block;
        }
	
		#homepageimgbanner h2
		{
			display: block;
			width: 100%;
			max-width: 650px;
			margin: 0 auto 20px auto;
			color: var(--white);
		}
		
		#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;
    margin-top: 0;
	padding-top: 0;
	padding-bottom: 40px;
	color: var(--white);
}

#footercont .container
{
    margin-top: -70px;
}
	
	#footercont h3
	{
		color: var(--white);
		margin: 0 0 15px 0;
	}
	
	#footercont p
	{
		line-height: 1.4em;
	}
	
	#footercont hr
	{
		border-top: 1px solid rgba(255,255,255,0.2);
	}
	
	#footercont #getbutton
	{
		text-align: right;
	}
	
	#footercont #getbutton p
	{
		margin: 0;
	}
		
		#footermiddle
		{
			margin-top: 50px;
			margin-bottom: 50px;
		}

			#footermiddle a
			{
				color: var(--white);
				font-weight: 600;
				text-decoration: underline;
			}
			
			#footermiddle #contactdets
			{
			    padding-top: 40px;
			}
		
			#footermiddle #contactdets p
			{
				line-height: 1.45em;
				font-size: 1em;
				color: var(--white);
				font-weight: 700;
        		text-transform: none;
			}
		
				#footermiddle #contactdets p span
				{
					font-size: 1.25em;
					font-weight: 400;
					letter-spacing: 0.01em;
					text-transform: none;
					color: var(--white);
					font-family: "Tilt Warp", Arial, Helvetica, sans-serif;
				}
				
		#footerbottom
		{
			margin-top: 30px;
			padding-top: 30px;
			text-align: center;
			border-top: 1px dotted rgba(255,255,255,0.3);
		}
		
			#footerbottom a
			{
				color: var(--white);
				text-decoration: underline;
			}
			
			#footerbottom a:hover
			{
				text-decoration: underline;
			}
			
				#footerbottom .col-lg-2
				{
					
				}
				
					#footerbottom .col-lg-2 p
					{
						margin: 0;
						font-size: 1.6em;
					}
					
						#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
    {
        border-bottom: 5px solid var(--orange);
    }
    
    #headercont a
    {
        max-width: 300px;
        margin: 0;
    }
    
        #headercont a img
        {
            padding-top: 0px;
        }
    
    #footercont
    {
        margin-top: -20px;
    }
    
        #footercont #copyrightcont
        {
            text-align: left;
        }
	
}

@media only screen and (max-width: 768px)
{
	
    #headercont
    {
        /** background-image: none; **/
    }
    
    #homepageimgbanner .container-fluid
	{
        padding-bottom: 60px;
	}
	
	#footercont
	{
		text-align: center;
		padding-top: 60px;
	}
	
		#footercont #getbutton
		{
			text-align: center;
			margin-top: 20px;
		}
		
		#footerbottom
		{
			text-align: center;
		}
		
			#footerbottom .col-lg-10
			{
				text-align: center;
				margin-top: 10px;
			}
	
}

@media only screen and (max-width: 576px)
{
	
    #headercont a
    {
        max-width: 220px;
    }
    
    #featurebox .tablecolumns
    {
        margin-left: -10px;
        margin-right: -10px;
    }
    
        #featurebox .tablecolumns .rowleft
        {
            flex-basis: 100%;
            height: 300px;
        }
        
        #featurebox .tablecolumns .rowright
        {
            flex-basis: 100%;
        }
        
        #featurebox .tablecolumns .negmargin
        {
            margin: -80px 20px 0 20px;
            padding: 20px 20px 10px 20px;
            text-align: center;
        }
	
	#homepageimgbanner .container-fluid
	{
        padding-bottom: 80px;
	}
	
}