@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/*@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');*/




@font-face {
    font-family: 'BrandonGrotesque';
    src: url('../fonts/BrandonGrotesque-Regular.eot');
    src: url('../fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BrandonGrotesque-Regular.woff2') format('woff2'),
         url('../fonts/BrandonGrotesque-Regular.woff') format('woff'),
         url('../fonts/BrandonGrotesque-Regular.ttf') format('truetype'),
         url('../fonts/BrandonGrotesque-Regular.svg#m_2pthin') format('svg');
    font-weight: normal;
    font-style: normal;

}

body,h1,h2,h3,h4,h5,h6,i,p,a,span{
    letter-spacing: 0.020em;
    font-family: 'BrandonGrotesque';

}



body,h1,h2,h3,h4,h5,h6,i{}


/*p,a,span{
    font-family: 'Roboto', sans-serif;    
}*/
.site-main .wrapper-content{
    margin: 80px auto 40px;
}

.flex-control-paging li a:hover {
    background: #444;
}



/**/
.contactform h2,
.contact-details-wrap h2,
#content .entry-header h1.entry-title,
#content .entry-header h1.entry-title a,
.site-main .wrapper-content .entry-header h1.entry-title,
.site-main .wrapper-content .entry-header h1.entry-title a{
    color: #fff;
    font-size: 27px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: capitalize;
    /*color: #fff;
    font-size: 30px;
    text-transform: capitalize;*/
}

.site-main .wrapper-content .entry-header h1.entry-title{
    font-size: 30px;
    text-transform: capitalize;
}

.mCustomScrollbar p{
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: normal;
    /*color: #fff;
    font-size: 16px;*/
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: #fff;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:active 
.mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #fff;
    background-color: #fff;
}
.nav-menu li:hover > a, 
.nav-menu li a:hover,
.nav-menu .current_page_item > a, 
.nav-menu .current_page_ancestor > a, 
.nav-menu .current-menu-item > a, 
.nav-menu .current-menu-ancestor > a{
    background: rgb(245 243 239) !important;
    color: #000000;
}
.entry-title a:hover, 
.page-title a:hover {
    color: #ce8d27;
}
.widget a {
    color: #ffffff;
}
.widget a:hover {
    color: #f5f3ef;
}
.flex-control-paging li a.flex-active {
    background: #ffffff;
}




/**/
header .site-width.header-wrap h1.site-title {
    max-width: 100% !important;
    padding: 0;
    margin: 0 30px 0 0;
    width: 40% !important;
}

#menu-main-menu{}
ul#menu-main-menu::after{
	display: block;
	content: "";
	clear: both;
}
.navbar {
    padding: 0;
}
.site-width h1 a img {
    max-height: 35px;
}
#menu-main-menu li{
    margin-left: 10px;
}
#menu-main-menu li a{
    font-size: 16px;
    line-height: 1em;
    text-transform: capitalize;
    padding: 10px 15px;
    border-radius: 1px;
}



/**/
nav .nav-menu li a{
    margin-top: 0;
}

/**/
header.site-header .head-right {
    width: auto;
    max-width: unset;
    max-height: unset;
    height: auto;
}
header.site-header .head-right .widget_text{
    top: 0;
    max-width: unset;
}

header.site-header .head-right .widget_nav_menu{
    top: 0;
}
header.site-header .head-right .widget_nav_menu ul{margin: 0;}


.phone-no a{
    font-size: 18px;
    color: #fff;
    display: inline-block;
    line-height: 1;
}
.phone-no i {
    width: 30px;
    text-align: center;
}
.phone-no a:hover{
	color: #f5f3ef;
	transition: all 0.5s ease-out;
}


.site-header .head-right .widget_nav_menu ul li a{
    background-position: center !important;
    background-size: contain !important;
}

.site-width.header-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}


/*.site-width.header-wrap::after{
	display: block;
	content: "";
	clear: both;
}*/

header.site-header .head-right .menu-social-menu-container{
	display: none;
}


.fs_link {float: right;}
.fs_link h3{display: none;}
.fs_link #menu-social-menu-1{margin: 0; display: flex;}
.fs_link #menu-social-menu-1 li{    padding: 0px;display: block;height: 30px;}
.fs_link #menu-social-menu-1 li a{
    width: 35px;
    height: 28px;
    position: relative;
    top: -10px;font-size: 0;
    display: inline-block;
}
.fs_link #menu-social-menu-1 li.facebook a{background: url(../images/facebook.png) no-repeat;}
.fs_link #menu-social-menu-1 li.instagram a{background:url(../images/ig-icon.png) no-repeat;}



.site-main #content,
body.page-template-templatesgallery-images-php .site-main #content,
.site-main .homepage-contactbox,
.site-main .wrapper-content {
    background:rgb(0 0 0 / 0.5); /*rgb(128 128 128 / 70%);*/
    /*background: #808080;*/
    padding: 25px;
    width: unset;
    max-width: 700px;
    height: unset;
    max-height: 450px;
    overflow: auto;
    margin: 80px auto 20px;
    
}


body.page-template-templatesgallery-images-php .site-main #content .ad-gallery{
    height: auto;
}
body.page-template-templatesgallery-images-php .site-main #content .ad-gallery .ad-nav{
    height: auto;
    padding-bottom: 0;
}
body.page-template-templatesgallery-images-php .site-main #content .ad-gallery .ad-nav .ad-thumbs ul.ad-thumb-list li{
    margin-bottom: 0;
    margin-right: 0;
}

.button, a.button, 
button, input[type="submit"], 
input[type="button"], input[type="reset"]{
    font-size: 18px;
    text-transform: capitalize;
    padding: 12px 25px;
    color: #000;
    border: 0px solid #ffffff;
    background: #ffffff;
}

.button:hover, a.button:hover, 
button:hover, input[type="submit"]:hover, 
input[type="button"]:hover, input[type="reset"]:hover{
    color: #fff;
    border: 0px solid #000;
    background: #000;
}






.site-main .homepage-contactbox {
    height: auto;
    max-width: 700px;
    width: 100%;
    padding: 10px 25px;
    margin: auto;
}

.con_tact_h {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.con_tact_h h2 {
    width: 60%;
    color: #fff;
    margin: 0;
    border-right: 1px solid #b7b7b7;
    padding-right: 35px;
}
.con_tact_h ul {
    width: 30%;
}
.con_tact_h ul li{}
.con_tact_h ul li i{
    width: 30px;
    text-align: center;
}
.con_tact_h ul li a{
    font-size: 18px;
    letter-spacing: 0.050em;
}


.site-main .homepage-contactbox .widget_text .textwidget p.callus{
    text-transform: capitalize;
    font-size: 18px;
}

.site-main .homepage-contactbox .widget_text .textwidget p.callno{
    color: #ffffff;
}



/*.flexslider .flex-next:hover, 
.flexslider .flex-prev:hover {
    background: unset !important;
}*/












@media(min-width: 767px) and (max-width: 999px) {
.site-width.header-wrap {padding: 40px 0 10px;}
header.site-header .head-right{position: absolute;width: 100%;top: 0;}
header.site-header .head-right div#text-2 {width: 100%;margin: 0;}
header.site-header .head-right .widget li {padding: 0px 0;display: inline-block;}
.nav-menu li a {font-size: 14px;padding: 10px 10px 10px;}
.phone-no a {font-size: 14px;}
.head-right .phone-no span{display: none;}
header .site-width.header-wrap h1.site-title {margin: 0 10px 0 10px;}



}


.entry-content a:hover, 
.comment-content a:hover {
    color: #ffffff;
}











@media(max-width: 767px){
.site-width.header-wrap {
    padding: 0px 10px 0px;
    position: relative;
}

.site-footer {
    position: relative;
}
.copyright-wrap {
    padding: 0px 10px;
}
footer .head-right {
    display: none;
}
.site-header {
    padding: 15px 0;
}




header.site-header .head-right {position: absolute;top: 0;}
.head-right .phone-no span {margin-right: 0;}
.widget li {padding: 0px 0;}

header .site-width.header-wrap h1.site-title {
    margin: 0;
    min-width: 230px !important;
}

div#navbar.navbar{
    height:unset;
}

.drop_icon{
    top: 15px;
    bottom: 0px;
    right: 0;
    position: relative;
    margin: 0 0 0 15px;
}


nav#site-navigation {
    background: #2f2f2f;
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 70px;
}
#menu-main-menu {
    margin: 0;
}

.site-footer{
    position: relative;
}

#menu-main-menu li {
    margin-left: 0;
}


}



@media(max-width: 360px){
.phone-no a {
    font-size: 15px;
}


}





/* ==========================================================================================================
        https://www.prestigefrenchpolishing.co.uk/ NEW CHANGE ALL 14-08-2020
==========================================================================================================*/
a {
    color: #ffffff;
}

.copyright-wrap a:hover,
.contact-details-wrap .details-contact p.mail a:hover,
a:active,
a:hover {
    color: #dadada;
}

/* HEADER */
.site-header {
    background: rgb(0 0 0 / 50%);
}



.site-width.header-wrap{}
header .site-width.header-wrap h1.site-title{}
header .site-width.header-wrap h1.site-title a{
    color: #fff;
    font-weight: 400;
    font-size: 35px;
    letter-spacing: 0;
}

header .site-width.header-wrap h1.site-title a span{
    color: #a37e2c;
    /*font-size: 35px;*/
    font-weight: 800;
}



.navbar{
    width: 60%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.main-navigation {
    clear: both;
    margin: 0;
    position: relative;
    display: inline-block;
}
.navbar .widget {
    font-size: 14px;
    margin: 0 0 0px;
    padding: 0px;
    word-wrap: break-word;
    width: auto;
    float: unset;
}




/*header.site-header .head-right{
    display: none;
}*/

.contact-details-wrap .details-contact p.mail a {
    color: #ffffff;
}

/*Footer*/
/*.copyright{font-family: 'Roboto', sans-serif;}*/
.site-footer {
    background: rgb(0 0 0 / 50%);
    /*background: rgb(128 128 128 / 65%);*/
    /*background-color: #808080;*/
    position: fixed;
    bottom: 0px;margin: 0px;
    width: 100%;
}
.site-footer  .copyright-wrap {
    background: transparent;
}


.copyright-wrap {
    background: #000;
    margin: 0px auto;
    padding: 10px 15px;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.copyright-wrap a{
    color: #ffffff;   
}

/**/
div#nav_menu-2{display: none;}

.footer_social_link{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.footer_social_link li{
    margin: 0 0 0 20px;
}
.footer_social_link li a i.fa,
.footer_social_link li a{
    color: #fff;
    font-size: 18px;
}




p.phone span.phone input {
    background-image: unset;
    background:#fff;
}



.contact-details-wrap .map-box img {
    filter: grayscale(1);
}


@media(min-width: 768px) and (max-width: 999px) {
header .site-width.header-wrap h1.site-title {
    width: 30% !important;
}
header .site-width.header-wrap h1.site-title a {
    font-size: 27px;
}
#menu-main-menu li a {
    padding: 10px 5px;
}
.site-width.header-wrap {
    padding: 10px 0 10px;
}
.navbar {
width: 70%;
}
.site-main #content, body.page-template-templatesgallery-images-php .site-main #content, 
.site-main .homepage-contactbox, .site-main .wrapper-content{
    padding: 15px;
    max-width: +550px;

}
.site-main .wrapper-content {
    margin: 80px auto;
}

.site-main .homepage-contactbox {
    max-width: 550px;
    padding: 15px;
    margin: 10px 0 0 80px;
}
.con_tact_h h2 {
    width: 55%;
    padding-right: 15px;
    font-size: 19px;
}
.con_tact_h ul {
    width: 40%;
}



}


@media(max-width: 767px){
header .site-width.header-wrap h1.site-title a {
    font-size: 27px;
}
.site-main #content, body.page-template-templatesgallery-images-php .site-main #content, 
.site-main .homepage-contactbox, 
.site-main .wrapper-content {margin: 20px 0 0 0;overflow: auto;padding: 10px;}
.contactform h2, .contact-details-wrap h2, 
#content .entry-header h1.entry-title, #content .entry-header h1.entry-title a, 
.site-main .wrapper-content .entry-header h1.entry-title, 
.site-main .wrapper-content .entry-header h1.entry-title a {font-size: 21px;}
.site-main .homepage-contactbox {padding: 10px;margin: 20px 0 20px;}
.con_tact_h h2 {
width: 100%;color: #fff;
margin: 0;border-right: 1px solid transparent;padding-right: 0;font-size: 21px;}
.con_tact_h ul {width: 100%;}
.site-footer {position: relative;}
.navbar {
justify-content: flex-start;
flex-direction: row-reverse;
align-items: center;
}

/*div#navbar.navbar{
    position: relative;
}*/

.navbar .widget{
    top: -10px;
    position: absolute;
}
.footer_social_link li {
    margin: 0 0 0 5px;
}
.footer_social_link li a i.fa{
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    border: 1px solid #ffffff;
    
}






}