body {

    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #000000;
    line-height: 1.6;
    overflow-x: hidden;
    position: relative;
    width: 100%;
}


sup {
	top: -1em;
}

sub, sup {
	position: relative;
	font-size: 50%;
	line-height: 0;
	vertical-align: baseline; 
}

.flex { display: flex; justify-content: center; }

/*nav*/



.dropdown-menu {
	
}

.navbar{
    padding: 5px 0px;
}


.navbar-brand{
    padding-left: 40px;
}


.nav-link{
    color: #000;
    text-transform: none !important;
    font-weight: 400;
}


.bg-primary {
    color: #f03e23 !important;
}


.bg-secondary { background-color: #f3f3f3 !important; }


.nav-link:hover {
    color:  #f03e23;
}

.navbar-expand-lg .navbar-nav .nav-link { padding: 20px 31.5px; color: #fff; }

.navbar-expand-lg .navbar-nav .dropdown-item .nav-link {
    padding: 12px 15px 12px 15px;
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
}



.navbar-expand-lg .navbar-nav .dropdown-item:last-of-type .nav-link:last-of-type {


    border: none;
}



.navbar-expand-lg .navbar-nav .dropdown-item .nav-link:hover {
    color: #fff;
    background-color: #393a39;
   
}

.dropdown-menu .nav-link{
    color: #fff;
}

.dropdown-item { padding: 0rem 0rem; color: #fff; }
    a{
    color: #fff;

}

a:hover{
    color: #000;
}

.navbar-nav .nav-link { padding: 15px 25px !important; }

@media only screen and (max-width: 768px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 15px 20px;
    }

    .navbar {
        padding: 5px 0px;
    }


    .bg-secondary { background-color: #fff !important; }


}
.mobile-nav { display: none }

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

        .mobile-nav{display: inline}

        
        .navbar-brand { padding-left: 10px; max-width: 80%; }

        #mainNav .navbar-toggler {
            align-items: flex-start;
            background: transparent !important;
            border: 2px solid rgba(0, 0, 0, 0); 
            box-sizing: border-box;
            cursor: pointer;
            display: block;
            height: 40px;
            letter-spacing: normal;
            padding-bottom: 1px;
            position: relative;
            text-align: right;
            width: 40px;
            word-spacing: 0px;
            float: right;
            right: 10px;
            outline-color: #000;
        }

        #mainNav button {
            float: right !important;
        }


        .navbar-toggler span {
            background-attachment: scroll;
            background-color: #fff;
            background-size: auto;
            color: rgb(0, 0, 0);
            cursor: pointer;
            height: 2px;
            left: 16px;
            position: absolute;
            top: 24px;
            vertical-align: baseline;
            width: 25px;
        }

            .navbar-toggler span:active {
                border: none;
            }

            .navbar-toggler span:before { background-color: #fff; top: -9px; left: 0; }

            .navbar-toggler span:after { background-color: #fff; top: 9px; left: 0; }

            .navbar-toggler span:before, .navbar-toggler span:after { content: ''; display: block !important; position: absolute; border-radius: 1px; height: 2px; width: 25px; background-color: var(--navigation-mobile-icon-color, #fff ); background-color: #fff; }

        #mainNav .navbar-toggler.rounded { display: none; }
    }





    .dropdown-menu {
        background-color: #f03e23;
        border: none;
        border-radius: 0px;
        padding: 0px;
    }

        .dropdown-menu:hover {
            padding: 0px;
        }


    .dropdown-toggle::after {
        display: none;
    }

.dropdown-item:hover {
    background-color: #000;
}

    .dropdown-item a:hover {
        
    }

.topHeader { background-color: #fff; }

.topHeader p { color: #fff; font-size: 1em; padding: 10px 10px; line-height: 15px; font-family:  sans-serif; }
.topHeader p span { line-height: 25px; }



.topHeader a, .topHeader a:hover { color: #fff; }
.headerColumn { }

.topHeader .social-menu { padding-top: 0.6em; padding-right: 2em; }
.topHeader .phone{ padding-right: 0em; }
.topHeader .enquiry{  padding-left: 1em; padding-right: 1em;}

.topHeader .btn-success, .topHeader .btn-warning{ padding: 20px 40px 20px 40px; border-radius: 10px; letter-spacing: 1.5px; font-weight: 800; background-color: #02354f; }

    .navbar-toggler{padding: 27px !important;}

.topHeader .mobile-nav{    padding-left: 1em;    margin-top: auto;    margin-bottom: auto;}

.navbar-toggler-icon{background-color: #fff;}

.topHeader .btn-success { padding-left: 10px }

.topHeader .fa-phone { margin-top: -3px; }

.fa-phone { transform: rotate(90deg); }

.btn {background-color: #fab92e; border: none; }

.btn.transparent { background-color: transparent; color: #fff; }

.btn.btn-warning, .ant-btn-primary, .topHeader .btn-warning { background-color: #f47221 !important; color: #fff; border-color: #f47221; padding: 22px; }
.topHeader .btn-warning{float: right;}

.ant-btn-primary:hover, .ant-btn-primary:visited, .ant-btn-primary:focus { background-color: #f03e23 !important; border-color: #f03e23; }

 



        .far, .fas { color: #fff; float: left; padding: 5px 10px; font-size: 2em; }

.headerColumn.contact { width: 55%; padding-right: 10px; }

.ant-btn-primary { font-size: 1em; height: 50px; padding: 10px 10px 5px 10px; line-height: 15px; margin-top: 5px; }

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

        .desktop { display: none !important; width: 100% !important; }

        .topHeader p { padding: 0px 0px; }
        .topHeader { padding: 5px; }
            .topHeader p { font-size: 0.8em; padding: 5px 5px; line-height: 10px; }
      

        .topHeader .btn-success { padding-right: 20px; }
    }

    @media only screen and (min-width: 990px) {
        .headerColumn.contact { width: 25%; }
        .mobile { display: none !important; }
        .topHeader .ant-btn-primary { margin-top: 7px; }
    }

    .container {
        max-width: 1700px;
        padding: 0;
    }

    .btn-primary, .btn-primary:hover {
        color: #fff;
        background-color: #f03e23;
        border-color: #f03e23;
        border-radius: 0px;
    }

        .btn-primary:hover {
            text-decoration: underline;
        }

.btn-outline {
    color: #fff;
    background-color: #f03e23;
    border-color: #fff;
    border-radius: 0px;
}

a.faq {
    background-color: #000;
    color: #f03e23 !important;
}


    a.faq span, a.faq:hover {
        background-color: #000;
        color: #fff !important;
        cursor: pointer;
    }

.faqs > a, .faqs > a[aria-expanded="true"] {
    display: block;
    padding: 15px;
    text-decoration: none;
}

.faqs a:before {
    font-family: 'Glyphicons Halflings';
    content: ">";
    float: right;
    transition: all 0.5s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    font-weight: bold;
}

.faqs a[aria-expanded="true"]:before {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
} 

/*Container Styles*/
.col-md-12 {
    clear: both;
    margin: 0px;
    padding: 0px;
}

    .umb-grid {
        clear: both;
        margin: 0px;
        padding: 0px;
            background-color: #fff;
    }



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




    .umb-grid {
        margin-top: 0px;
    }

    
}


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



}



.fullscreen-bg__video{
    margin-bottom: -8px;
}
video {
    padding: 0px;
    margin: 0px;
}
.video-wrapper {
    margin: 60px auto;
}

.video-wrapper {
    margin: 0px auto;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Black, .black {
    background-color: #000;
}

.bottomright{
    background-position-x: right !important;
    background-position-y: bottom !important;
    background-size: cover;
    
}

    /*Fonts*/
    h2, h1, h3 {
        /*font-family: Arial;*/
        color: #222222;
        line-height: 1.2em !important;
        font-size: 1.8em;
        margin-bottom: 0;
        margin-top: 0;
        font-weight: 600;
        padding: 0px;
 
    }

    h1{
        font-size: 2em;
        font-weight: 600;
            
            letter-spacing: 2px;
            margin-bottom: 20px;
    }

        h1 .smaller {
            font-weight: 300;
            font-size: 0.7em;
            }

    h3{
        font-size: 1.4em;
        margin-bottom: 20px;
    }

    h2 {
        font-weight: 500;
        font-size: 2.5em;
    }

    h2.smaller{
        font-size:1.2em;
        padding: 40px;
      
    }

h3.alt {
    font-weight: 400;
    line-height: 1.6em !important;
    font-size: 1.4em;
}


h3.alt.smaller {
    font-weight: 400;
    font-size: 1em;
}

a{
    color: #000;
}
p {
    padding: 10px 0px 0px 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

    p.smaller{ 
        font-size: 0.7em;
    }



        p.alt2 {
            padding: 0px 0px 0px 0px; 
        }



/*sub, sup {
    font-size: 50%;
    line-height: 0;
    vertical-align: baseline;
    margin-top: -10px;

}*/



        .black h2.alt, .black h3.alt, .black p.alt {
            color: #f03e23;
        }


.black h2, .black h1, .black h3, .black p,
.grey h1, .grey h2, .grey p, .grey h3,
.blue h1, .blue h2, .blue p, .blue h3,
.darkgrey h1, .darkgrey p, .darkgrey h2, .darkgrey h3,
.orange h1, .orange p, .orange h3, .orange h2, .orange a, .orange a:hover,
.darkgrey a:hover {
    color: #ffffff;
}


    .collapse p, .collapse h2, .collapse h3{
        color: #000;
        max-width: 1800px !important;
        text-align: left;
        margin: 0px;
        }


h3.bluetxt, h3.alt2 {
    color: #0c7dc2;
}

.grey h2, .grey h3 {
    font-weight: 600;
}

.grey h1 {
    color: #f03e23;
}



.grey a {
    text-decoration: underline;
}

.grey a.btn-outline {
    text-decoration: none;
}

.grey a:hover {
    text-decoration: none;
}

.grey a.smaller {
    font-size: 12px;
}

.orangetxt, p.orangetxt, h3.orangetxt {
    color: #f03e23;
    background-color: none;
}
    /*@media only screen and (max-width: 1400px) {
        h2, h1 {
            font-size: 2em;
        }
    }*/


   

h1.Home {
    color: #fff;
    background-color: #f03e23;
    display: block;
    padding: 20px;
    max-width: 700px;
}

    p.Home {
        color: #fff;
        display: block;
        padding: 20px;
        border-top: 2px solid #f03e23;
        border-bottom: 2px solid #f03e23;
    }


.bannermenu a {
    margin: 40px 40px 0px 40px;
    padding: 20px;
    border-radius: 0px;
    font-weight: bold
}

.bannermenu.home a {
    margin: 0px;
    font-size: 1.2em;
}

.btn{
    font-weight: 300 !important;
}
.btn b {
    font-weight: 600 !important;
}




.bannermenu h2 {
    color: #fff;
    font-weight: 300;
    margin-left :-150px;
    padding: 100px 0px;
}

.black a, .darkgrey a {
    color: #ff6634;
}

.black a:hover {
    color: #fff;
}

.black .alt2 a{
    color: #fff;
}

label {
    color: #000;
}

@media only screen and (max-width: 1600px) {
    .bannermenu a {
        margin: 20px;
        padding: 10px;
        border-radius: 0px;
        font-weight: bold
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    h2, h1, h3 {
       font-size: 1.2em;
    }

    .bannermenu a {
        margin: 20px;
        padding: 10px;
        border-radius: 0px;
        font-weight: bold
    }
}


    .right {
        text-align: right;
    }

    .center {
        text-align: center;
        /*margin: auto;*/
        align-content:center;
    }
.left { text-align: left; margin: auto;  }
    

/*********** Content padding ***********/

    .right {
        float: right;
    }

    .left {
        float: left;
    }

p, label {
    /*font-family: Arial;*/
    font-size: 0.9em;
    font-weight: 300;
}




.orange { background-color: #f03e23; }

.darkgrey {
    background-color: #2e2e2e;
}
.blue {
    background-color: #0c7dc2;
}



.grey {
    background-color: #393a39;
}

.lightgrey { background-color: #f3f3f3 ;}




.padded-slim{

    padding: 40px 120px;
}
.padded-slim img{
    max-width: 100% !important;
}
.padded, .breadcrumbnav {
    padding: 52px 120px;
}
.padded-large {
    padding: 120px 122px 120px 122px;
}

.paddedwhitedate {
    padding: 0px 0px 120px 120px;
	background-color: #fff;
}
.padded-ext-large {
    padding: 180px 120px;
}




.padded.slim{
    padding: 20px;
}


h4 {
    font-size: 2em;
}


.bannermenu {
    padding: 200px 100px;
    text-align: center;
}

    .bannermenu.tight {
        padding: 100px;
    }

.black {
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    
}

.slim-padding{
    padding: 1em;
}

.padded p {
 
    margin: auto;
}

.padded ul { font-size: 0.9em; }

.padded .collapse p{
    margin: 0px !important;
    padding: 0px;
}



    @media only screen and (max-width: 2500px) {
        .padded, .breadcrumbnav {
            padding: 60px 120px;
        }

        .padded-large {
            padding: 120px 122px;
        }

        .padded-ext-large {
            padding: 180px 120px;
        }
    }


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

        .padded, .breadcrumbnav {
            padding: 60px 80px;
        }

        .padded-large {
            padding: 120px 122px;
        }


       
    }


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

        .padded, .breadcrumbnav {
            padding: 60px 40px;
        }

        .padded-large {
            padding: 120px 60px;
        }

        .paddedwhitedate {
            padding: 0px 0px 60px 60px;
            background-color: #fff;
        }

        .padded-ext-large {
            padding: 100px 100px;
        }

        .bannermenu {
            padding: 150px 50px;
            text-align: center;
        }

            .bannermenu.tight {
                padding: 50px;
            }


            .bannermenu h2 {

                margin-left: -50px;
                padding: 100px 0px;
            }
    }

    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (max-width: 1200px) {

        .topHeader .enquiry { padding-left: 1em; padding-right: 0em; }
        .mobile-nav{padding-right: 1em;}


        .padded, .breadcrumbnav { padding: 40px 20px; }


        .padded-large {
            padding: 120px 20px;
        }

       .padded-ext-large {
            padding: 40px 40px;
        }

        h2 {
            padding-bottom: 20px;
            padding-top: 20px;
        }


        .bannermenu {
            padding: 100px 50px;
            text-align: center;
        }

            .bannermenu.tight {
                padding: 50px;
            }

.paddedwhitedate {
			padding: 0px 0px 40px 20px;
		}
    }

    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (max-width: 992px) {

        .bannermenu h2 {
            margin-left: 0px;
            padding: 50px 0px;
        }

        .padded-large {
            padding: 60px 20px;
        }
    }

    /* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    p, .bottomFooter a, .bottomFooter,  label, .faq  {
            font-size: 12px;
        }

        p{
            padding: 10px 0px 0px 0px;
        }
            .bottomFooter ul {
               
            }


        .padded-slim {
            padding: 40px 40px;
        }

        .padded-ext-large {
            padding: 40px 40px;
        }

        .bannermenu {
            padding: 50px 50px;
            text-align: center;
        }

            .bannermenu.tight {
                padding: 50px;
            }

            .black{
                background-position-x: right;
                background-position-y: bottom;
                
            }

    }

    /* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (max-width: 600px) {
    }

    img{
        /*max-width: 100%;*/
    }
    .responsive img {
        
    }


/* Footer */
.main-footer { background-color: #393a39; color: #e9e9e9; padding: 75px 0px; }
    .main-footer .row { max-width: 1500px; margin: auto; padding: 0px 60px; }

ul.social-menu { clear: both; text-align: left; list-style-type: none; padding: 0px; margin: 0px 0px 0px 20px !important; float: left; }

.social-menu li { display: inline; color: #fff; text-align: left; padding: 0px 10px; margin: 0px; line-height: 1em; }



.bottomFooter { padding: 40px; }

    .bottomFooter nav { float: left; }

    .bottomFooter ul { padding-top: 30px; font-size: 0.6em; }

    .bottomFooter ul, .main-footer ul { list-style-type: none; padding-inline-start: 0px; }


            .main-footer ul li a { color: #e9e9e9; }

                .main-footer ul li a:hover { color: #f03e23; text-decoration: none; }

        .main-footer ul.social-menu a:hover { color: #f03e23; text-decoration: none; }

.main-footer span { font-size: 1.2em; font-weight: bold; }

.footerLogo { max-width: 400px; padding: 0px 40px; }

.main-footer .right { max-width: 400px; padding: 0px 40px; }

#contact-menu i{
    margin-left: -40px;
    display: block;

}

#bottom-footer { background-color: #1d1d1d; color: #e9e9e9 ; padding: 25px 0px; text-align: center; font-size: 0.8em }
    #bottom-footer  a { padding: 0px 20px; color: #e9e9e9; font-size: 0.8em; }

@media only screen and (max-width: 998px) { .main-footer { padding: 50px 0px; }
        .main-footer .row { padding: 0px 30px; }
        .main-footer .right { max-width: 100%; padding: 0px 0px; float: left; }

        .main-footer ul { text-align: left; padding-left: 0px; }




        .main-footer .img-fluid { width: 150px; }

}

.main-footer .logo{
    margin-left:-10px;
}

.main-footer .left, .bottomFooter { }

.main-footer lim .main-footer p { font-size: 0.8em; }
.bottomFooter a, .main-footer a, .blog-Overview a { position: relative; color: #000; text-decoration: none; }
    .main-footer a, .main-footer a:hover, .blog-Overview a, .blog-Overview a:hover { color: #e9e9e9; }
    .bottomFooter a:hover { color: #000; }

    .bottomFooter a:before, .main-footer a:before, .blog-Overview a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #000; visibility: hidden; }

    .main-footer a:before, .blog-Overview a:before { background-color: #e9e9e9; }
    .bottomFooter a:hover:before, .main-footer a:hover:before, .blog-Overview a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }

.main-footer [class*='col-'] { padding: 20px; }

#contact-menu{margin-left: 40px;}
#contact-menu, #links, #areas{
    padding-top: 1em;
}
    #areas{
        max-width: 250px;
    }
    #areas p{
        padding: 0px;
        margin: 0px;
        font-size: 0.8em;
    }
    #contact-menu li { clear: both; padding: 0px 0px; font-size: 0.8em;font-weight: 300; }
#links li { font-weight: bold; padding: 0px 5px; font-size: 0.8em; font-weight: 300; }


.main-footer .map { padding: 20px; }



@media only screen (max-width: 1300px) {
    #main-footer nav li { display: inline !important; }
}


    /* Blog - Start */

 .blog .container{
     background-color: #404040;
 }

.blog-Overview {
    background-size: cover;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
    padding: 0px;
    margin: 0px;
    background-color: #000;
}

    .blog-gradient {
        background-size: cover;
        width: 100%;
        height: 1000px;
        /*background-image: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.4));*/
        padding: 50px 40px 500px 50px;
    }




.blog-Overview h3 {
    color: #000;
    font-size: 2em;
    padding: 20px 0px 0px 0px;
    font-weight: 400;
}

    .blog-Overview h3.greentxt {
        color: #f03e23;
        background-color: none;
    }

 .blog-Overview .slim h3{
    color: #fff;
}

h3.blogpost-title{
    color: #fff;
    max-width: 450px;

}

h3.blogpost-title b {
    font-weight: 600;
    
}


.blog-gradient h3.blogpost-title{
    color: #000;
}
    .blog-Overview button {
        padding: 20px;
        font-size: 0.7em;
        padding: 10px 30px;
    }

    .blog-Overview p {
        font-size: 0.6em;
        padding-top: 10px;
        font-weight:300;
        color: #000;
    }

.blog-Overview .slim p {
color: #fff;
}

    .blog-Overview a, .blog-Overview a:hover {
            text-decoration: none;
        }



    /* Extra small devices (phones, 600px and down) */
    @media only screen and (max-width: 767px) {
        .blog-gradient {
            height: 400px;
            padding: 20px 20px 100px 20px;
        }

        .blog-Overview h3 {
            font-size: 1em;
        }


      
    }

.blog-Overview .next  {
    text-align: right;
}

.next h3.blogpost-title{
    max-width :500px;
    float: right;
}

.next p.date{
    float: right;
}

.blog-Overview h3 b {
    font-weight: 600;
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .blog-gradient {
            height: 350px;
            padding: 20px 20px 100px 20px;
        }

        .blog-Overview h3 {
            font-size: 1em;
            padding: 20px 0px 0px 0px;
        }

        .blog-Overview button {
            padding: 20px;
            font-size: 1em;
            padding: 10px 30px;
        }
    }

    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) {
    }

    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1200px) {

        .blog-gradient {
            height: 500px;
            padding: 20px 20px 100px 20px;
        }
    }

    @media only screen and (min-width: 1600px) {

        .blog-gradient {
            height: 500px;
            padding: 20px 40px 100px 50px;
        }

        .blog-Overview h3 {
            font-size: 1.5em;
        }

        .blog-gradient h3.blogpost-title {
            font-size: 1.1em;
        }

        .blog-Overview .date {
            font-size: 0.8em;
        }
    }

    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1900px) {

        .blog-gradient {
            height: 600px;
            padding: 20px 40px 300px 50px;
        }

        .blog-Overview h3 {
            font-size: 1.5em;
        }

        .blog-gradient h3.blogpost-title {
            font-size: 1.1em;
        }

        .blog-Overview button {
            font-size: 1.5em;
            padding: 20px 50px;
        }

        .blog-Overview .date {
            font-size: 0.8em;
        }
    }





    /* Blog - End */

    /* Form - Styles */


.form-group {
    padding-right: 10px;
}

.form-control {
    background-color: #fff;
    color: #000;
    border: 1px solid black !important;
    border: 0px;
    border-radius: 0px;
    padding-right: 100px;
}

    .form-control:active, .form-control::selection, input {
        background-color: #fff;
        color: #000;
        border: 1px solid black;
    }

        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus,
        textarea:-webkit-autofill,
        textarea:-webkit-autofill:hover,
        textarea:-webkit-autofill:focus,
        select:-webkit-autofill,
        select:-webkit-autofill:hover,
        select:-webkit-autofill:focus {
            border: 1px solid black;
            background-color: #fff;
            -webkit-text-fill-color: white;
            -webkit-box-shadow: 0 0 0px 1000px #595959 inset;
            transition: background-color 5000s ease-in-out 0s;
            color: #000;
        }

    /* Form - Styles End */


    /* Grid styles */
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding: 0px;
    }

    .row {
        margin: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }



    /* Grid Styles End */
    .row:first-child {
        align-self: center;
    }


.imageBanner{
    height: 40vh;
    background-size: cover;
    background-position: center;
    background-position-y: top;
    margin-top: 40px;
}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 900px) {
    .imageBanner {
        height: 70vh;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 2400px) {
    .imageBanner {
        height: 80vh;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 3200px) {
    .imageBanner {
        height: 80vh;
    }
}

.cover {
    
    object-fit: cover;
}

    .cover img {
        max-width: 100%;
    }

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

    ._200{
        min-height: 200px;
    }

._400 {
    min-height: 400px;
    height: 100%;
    width: 100%;
    background-position-x: center;
    background-position-y: center;
    background-size:cover;
}

._400.top{
    background-position-y: top;
}

    ._400 img { width: 100% !important; max-width: 100% !important; }

._600 {
    min-height: 600px;
}


.padded-black {
    height: 100%;
    width: 100%;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
    transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s;
    padding: 140px 20px;
}

    .padded-black:hover {
        box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7);
    }

    .padded-black a{
        font-size: 1.5em;
        font-weight: bold;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
    }

    .padded-black a:hover {
        text-decoration: none;
    }

.padded-black {
    text-align: center;
}

    .padded-black.right {
        background-position-x: right;
        
    }

.item-fade {
    vertical-align: top;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    opacity: 1;
}

    .item-fade:hover {
        opacity: 0.2;
    }

fullscreen-bg {
    width: 100%;
}

.light {
    background-position-x: right;
    background-position-y: bottom;
    background-size: cover;
}






button {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    font-size: inherit;
    font-family: inherit;
}


.btn.btn-default ,
    button.learn-more {
        -webkit-transition: all 0.5s cubic-bezier(0.65, -0.25, 0.25, 1.95);
        transition: all 0.5s cubic-bezier(0.65, -0.25, 0.25, 1.95);
        font-weight: 900;
        color: #202121;
        padding: 1.25rem 2rem;
        background: #fff;
       
    }

   button.learn-more:hover, button.learn-more:focus, button.learn-more:active {
        letter-spacing: 0.125rem;
    }



.light .btn.btn-default {
    padding: 1rem 1rem;
   background-color: #595959;
    Color: #fff;
}

.light .btn-default:hover {
    background-color: #f03e23;
}

/*Carousel*/
.overlay:after, .overlay:before { position: absolute; opacity: 0.5; transition: all 0.5s; -webkit-transition: all 0.5s; }
.overlay:after { content: '\A'; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.9); }


.carousel-caption { bottom: 20vh; width: 35em; margin: auto; }

.carousel-caption h5 { color: #fff; font-size: 3em; margin-left: auto; margin-right: auto;  }
.carousel-caption h6 { color: #fff; font-size: 1.5em; margin-left: auto; margin-right: auto; font-weight: 300; }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right {
        opacity: 1;
    }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}



/*.carousel-item .img-fluid {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 
    filter: grayscale(100%);
}*/



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


    .carousel-caption h5 {
        font-size: 2.5em;
        font-weight: normal;
        padding: 20px;
        max-width: 700px;
    }
    #links li { padding: 0px 10px; font-size: 1.2em;  }
    #bottom-footer a { padding: 10px 30px; font-size: 1.2em; display: block; }
    #contact-menu li { font-size: 1.2em; }

}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 900px) {
    


        /*.carousel-caption h2:after {
            content: "";
            width: 2500px;
            margin-left: -500px;
            margin-top: -20px;
            height: 10px;
            background: #ff6634;
            display: block;
            z-index: 17;
        }*/

    .carousel-caption {
     
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1800px) {
    .carousel-caption h2 {
        font-size: 4em;
        font-weight: normal;
        padding: 20px;
        max-width: 1200px;
      
        
    }

        /*.carousel-caption h2:after {
            content: "";
            width: 2500px;
            margin-left: -500px;
            margin-top: -30px;
           
            height: 10px;
            background: #ff6634;
            display: block;
            z-index: 17;
        }*/

    
}

.carousel {
    position: relative;
}

.img-fluid:after {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,1);
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}


.d-none {
    display: inline !important;
}




.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition: 2s ease-in-out left;
    -moz-transition: 2s ease-in-out left;
    -o-transition: 2s ease-in-out left;
    transition: 2s ease-in-out left;
    transition-property: opacity;
 

}


.carousel-item {
    max-height: 65vh;
}

.carousel-item img {
    object-fit: cover;
    object-position: 50% 50%;
}




@media only screen and (max-width: 768px) {
    .overlay:after, .overlay:before { opacity: 0;}

 

    .carousel-caption { display: none !important; }
    .carousel-item { max-height: 40vh; }

}


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

    .HideMobile { display: none; }
    .carousel-item { max-height: 40vh; }

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 900px) {
  .carousel-item img {
        margin-top: 0px;
    }

    /*.carousel-item {
        height: 65vh;

    }
        .carousel-item img {
            margin-top: -200px;
            height: 100%;
        }
        .carousel-item > .active {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

        .carousel-item > .next,
        .carousel-item > .prev {
            top: 50%;
            transform: translateY(-50%);
        }*/
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1800px) {

    /*.carousel-item {
    height: 1000px !important ;
    }

    .carousel-item img{
        margin-top: -200px;
        height: 100%;
    }

        .carousel-item > .active {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

        .carousel-item > .next,
        .carousel-item > .prev {
            top: 50%;
            transform: translateY(-50%);
        }*/

}






.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
  
}

div.sticky { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; z-index: 100; }


.phone, .enquiry{
    margin-top: auto;
    margin-bottom: auto;
    line-height: 1em;
}

.image-link { margin: 1em; background-color: #f03e23; color: #fff; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 1.2em; text-align: center; }

.image-link img{ 

}

@keyframes bounce {
    0%, 20%, 60%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }

    40% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }

    80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
}

a:hover { text-decoration: none !important;  }
.image-link:hover {  animation: bounce 1s; }

.left.headerColumn {text-align: left; margin-left: 0px;}

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

    .logo-image { width: 150px; }
    .topHeader .btn-success { padding: 9px 12px 9px 8px; }
    .topHeader .btn-warning { padding: 11px 15px 11px 15px; }
    .navbar-toggler { padding: 19px !important; }
    .navbar-toggler span { left: 7px; top: 18px; }
    .topHeader .enquiry, .topHeader .mobile-nav { padding-left: 0.5em }
    .mobile-nav { padding-right: 0.3em; }
}

a.exit-button {
    position: absolute !important;
}