#Top_bar .logo {
   margin: 0px !important;
   
}

#Top_bar #logo img{
   max-height: 150px !important;
   margin-top: -20px;
    margin-right: -20px;
}

#Top_bar.is-sticky #logo img{
   max-height: 100px !important;
   margin-top: -25px;
   margin-right: -20px;
}

#Top_bar #logo img{
   height: 150px !important;
   margin-top: -50px;
}

#menu>ul>li>a{
    font-size: 12px;
    
}


a.hover_settings{
    color: #fff;
}

.hover_color_bg > a:hover{
    color: #ffffff;
}

nav > ul >li.hover{
    color:#00a8e5 !important;
}

#Top_bar .menu>li>a span:not(.description){
    letter-spacing: 0.2px;
    padding-left: -5px;
    font-weight: bold;
    
}

#Footer{
    background-color: white;
    color: black;
}

#Footer a{
    color: #00a8e5;
}

#Footer a:hover{
    color: black;
}

#Top_bar .menu>li.hover>a{
     color: #00a8e5;
}

#Top_bar .menu>li.current_page_item{
     color: #00a8e5 !important;
}

.logo-slider{
    padding-right: 10px;
    padding-left: 10px;
}

.slick-dotted.slick-slider{
    margin-bottom: 20px;
}

div.slick-slide.slick-cloned.slick-active> img, div.slick-slide.slick-current.slick-active.slick-center > img, div.slick-slide.slick-active>img{
    vertical-align: middle;
    padding-top: 50px;
}

div.slick-slide>img{
    vertical-align: middle;
    padding-top: 50px;
}

header {
    background-color: white;
}

header > #phone-call {
    border-top: none;
    z-index: 10;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: -1px;
    margin-left: -20px;
    margin-right: 120px;
    align-content: right; 
    text-align: right; 
    background-color: #fff;
    color: black;
    padding-top: 5px;
    
}

header > #phone-call> a{
    text-decoration: none;
    font-size: 1.8em;
}

header > #phone-call a:hover{
    color:#00a8e5;
    text-decoration: underline;
}

#phone-icon{
    padding-top: 5px;
    height: 20px;
    padding-right:5px;
    
}

.fullwidthbanner-container{
    height: 600px;
}



header >#Top-bar >.container >.column_one >.top_bar_left{
    width: 1300px !important;
    
}


#Top-bar>.container>.column{
    margin-left: -20px;
}

.whatwedo{
    width: 110%;
    height: 500px;
    background-image: url("../images/home/what-we-do.jpg");
    background-position: center center;
    background-size: cover;
    margin-left:-14px;
}

.bathroom-1{
    width: 110%;
    height: 500px;
    background-image: url("../images/bathroom_resufacing_1.jpg");
    background-position: center center;
    background-size: cover;
    
}

.bathroom-2{
    width: 105%;
    height: 500px;
    background-image: url("../images/bathroom_resurfacing_2.jpg");
    background-position: center center;
    background-size: cover;
    
}

.kitchen-1{
    width: 110%;
    height: 500px;
    background-image: url("../images/kitchen-resurfacing-1.jpg");
    background-position: center center;
    background-size: cover;
     margin-left:-13px;
}

.kitchen-2{
    width: 106%;
    height: 500px;
    background-image: url("../images/kitchen-resurfacing-2.jpg");
    background-position: top left;
    background-size: cover;
    margin-left:-30px;
    margin-top:-45px;
    background-color: #625952;
}

.rubbish-1{
   
    width: 110%;
    height: 600px;
    background-image: url("../images/gallery/13-1.jpg");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    
}

.painting-1{
   
    max-width: 120%;
    height: 500px;
    background-image: url("../images/painting-2.jpg");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    
}
.painting-2{
   
    max-width: 120%;
    height: 500px;
    background-image: url("../images/painting.jpg");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    
}

.saftey-1{
    width: 100%;
    height: 700px;
    background-image: url("../images/saftey-first-1.jpg");
    background-position: center center;
    background-size: contain;
   
    background-repeat: no-repeat;
}
.saftey-2{
    width: 100%;
    height: 700px;
    background-image: url("../images/saftey-first-2.jpg");
    background-position: center center;
    background-size: contain;
   
    background-repeat: no-repeat;
}

.maxH{
    max-height: 500px;
}

.maxH-safety{
    max-height: 700px;
}

.right-image-margin{
   margin-left:-18px;
   margin-top:-40px; 
}

.left-image-margin{
    margin-left:-10px;
}

.bg_special{
    background-color:#625952;
}
#Top-bar> #logo > img {
    height: 120px;
}

.slick-dotted.slick-slider{
    margin-bottom: 0px;
}

.bannerDetails {
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    top: 221px;
    left: 150px;
    position: absolute;
}

.bannerDetails h3{
    margin: 20px;
    color: #fff;
    font-size: 50px;
}

.bannerDetails p{
    margin: 20px;
    color: #fff;
    font-size: 30px;
}

.bx-wrapper img{
    display:block;
    max-width: 100%;
    max-height:650px;
}

div.slick-slide.slick-cloned.slick-active> img, div.slick-slide.slick-current.slick-active.slick-center > img, div.slick-slide.slick-active>img, div.slick-slide>img{
    padding-top: 10px;
    padding-bottom: 10px;
}

.button-stroke button{
    border-color: white !important;
    color: darkturquoise !important;
}

.button-stroke button:hover{
    background-color: white !important;
    color: darkturquoise !important;
}

.slick-prev:before, .slick-next:before{
    color: #000;
}

.slick-prev:after, .slick-next:after{
    color:darkturquoise;
}

.slick-slider{
    margin-left: -10px;
}

.slick-prev:before{
    content: "<";
    font-size: 20px;
    font-weight: bold;
}

.slick-next:before{
    content: ">";
    font-size: 20px;
    font-weight: bold;
}

.slick-next:before{
    content: ">";
    font-size: 20px;
    font-weight: bold;
}
.hover_color .hover_color_wrapper {
    padding: 40px 30px;
}

.nGY2GThumbnail
{
    border-color: #ffffff;
    border:2  solid #ffffff !important;
}
.nanogallery_colorscheme_dark_nanogallery2 .nGY2GThumbnail{
    border-color: #ffffff !important;
}

div.toolbar.nGEvent, div.nGY2ViewerAreaPrevious.ngy2viewerToolAction, div.nGY2ViewerAreaNext.ngy2viewerToolAction{
    display: none !important;
    visibility: none;
}

#Top_bar .menu>li>a span:not(.description){
    padding: 0px 10px;
}

@media only screen and (max-width: 1000px ){
 .fullwidthbanner-container{
        height: 400px ;
    }
}


@media only screen and (max-width: 768px){
    #Header a.responsive-menu-toggle{
        right: 0px !important;
        margin-top: -10px !important;
    }
    
    .section_wrapper .column{
        margin-bottom: 0px;
    }
     .fullwidthbanner-container{
        height: 300px;
    } 
/*
    .hover_color .hover_color_wrapper > h4{
        padding-top: 30px;
    }
*/
    
    .bannerDetails {
        color: #fff;
        background-color: rgba(0,0,0,0.5);
        top: 75px;
        left: 75px;
        position: absolute;
    }

    .bannerDetails h3{
        margin: 20px;
        color: #fff;
        font-size: 30px;
    }

    .bannerDetails p{
        margin: 20px;
        color: #fff;
        font-size: 20px;
    }
    
   .hover_color_wrapper {
        padding: 40px 30px;
    }
   
    
    .hover_color .hover_color_wrapper{
        height: 200px ;
        padding-top: 50px ;
    }
   .image-wrapper{
        padding-top: 500px ;
    }
     .hover_color .hover_color_wrapper >h4 {
        padding-top: 30px ;
        margin-top: 20px;
    }
   
}

@media only screen and (max-width: 478px){
   .fullwidthbanner-container{
        height: 160px;
    } 
    
    .bannerDetails {
        color: #fff;
        background-color: rgba(0,0,0,0.5);
        top: 20px;
        left: 10px;
        position: absolute;
    }

    .bannerDetails h3{
        margin: 20px;
        color: #fff;
        font-size: 15px;
    }

    .bannerDetails p{
        margin-right: 20px;
        margin-left: 20px;
        margin-top: 5px;
        margin-bottom: 20px;
        color: #fff;
        font-size: 10px;
    }
    
    .hover_color .hover_color_wrapper{
        height: 200px ;
        padding-top: 50px; ;
    }
    
    .hover_color .hover_color_wrapper >h4 {
        padding-top: 20px ;
        margin-top: 20px;
    }
    
    #Subheader .title{
        font-size: 30px;
    }
    
    header > #phone-call{
        border-bottom-width: 0px;
        align-content: center;
        padding-left: 20px;
    }
    
}