html {
    scroll-behavior: smooth;
}
body {
 font-family: 'Source Sans Pro', sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #000;
    overflow-x: hidden;
    font-weight: 400;
}

textarea,  p,  input,  div,  span,  li,  button {
 font-family: 'Source Sans Pro', sans-serif;
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
p {
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    margin-bottom: 15px;
}
img {
    max-width: 100%;
    border: 0;
}
.clear {
    clear: both;
    float: none;
    width: 100%;
}
.clearfix::after {
    display: block;
    content: "";
    clear: both;
}
a {
    text-decoration: none !important;
    transition: all 0.2s ease-in;
    color: #1f1f1f;
}
a:hover {
    color: #000;
}
a,  span {
    display: inline-block;
}
:focus {
    box-shadow: none !important;
    outline: none !important;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .0rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box;
}
/*------------------common-css End-------------------*/
        
.top-black {
    background-color: #000;
    padding: 8px 0;
}
.logo.logo-section img {
    width: 97%;
}
.top-section {
    background-color: #000;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    padding: 5px 0;
}
.top-menu-bg {
  background-color:#f6f6f6;
    width: 100%;
   
    padding: 10px 0;  
	 
}

.top-logo-t{ padding: 10px 0}
 


/* ---------------------------------------------------
   megamenu STYLE
----------------------------------------------------- */
        
.navbar-collapse {
    flex-grow: 0!important;
}
.navbar {padding: 0px;}
.navbar {background-color: transparent;padding-top: 0;padding-bottom: 0;box-shadow: 0px 0px 0px 0 #adadad33;}
.navbar-light .navbar-brand {color: #000;}
.navbar-light .navbar-nav .nav-link {color: #000000;}
.navbar-light .navbar-brand:focus,  .navbar-light .navbar-brand:hover {color: #ffcf00;}
.navbar-light .navbar-nav .nav-link:focus,  .navbar-light .navbar-nav .nav-link:hover {color: #ed3237;border-bottom: solid 0px #000;}
.navbar-light .navbar-nav .nav-link {padding: 9px 0px;transition: 0.3s;margin: 0 20px;font-size: 14px; font-weight: 400;
text-transform: uppercase; color:#000;border-bottom: solid 0px #fff; letter-spacing: 1px;}
.navbar-light .navbar-nav .nav-link:focus,  .navbar-light .navbar-nav .nav-link:hover {transition: 0.3s;}
.dropdown-item:focus,  .dropdown-item:hover { color: #ed3237;text-decoration: none;}
.sm-menu {border-radius: 0px;border: 0px;top: 97%;box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;}
.dropdown-item {color: #3c3c3c;font-size: 14px;}
.dropdown-item.active,  .dropdown-item:active {color: #fff;text-decoration: none;background-color: #b18b00;}
.navbar-toggler {outline: none !important;}
.navbar-tog {color: #1ebdc2;}
.megamenu-li {position: static;}
.megamenu {position: absolute;width: 100%;left: 0;right: 0;padding: 15px;}
.megamenu h6 {margin-left: 21px;}
.megamenu i {width: 20px;}
.menu-bg {background-color: #000;}
.wine-pick-box ul li a:hover {background: transparent !important;}
.collapse.navbar-collapse {width: 100%;}
.navbar-nav.navbar-light {display: flex;width: 100%;margin-top: 0px;}
.navbar-nav.navbar-light { display: flex;justify-content: center;width: 100%;margin-top: 0px;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
font-weight: 600;color: #ff0000;}



/* ---------------------------------------------------
   megamenu STYLE
----------------------------------------------------- */
        
#header {
    position: relative;
    z-index: 50;
}
/*#header.fixed-nav {
    position: fixed;
    padding: 0px 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    width: 100%;
    z-index: 51;
    top: 0;
}
*/
.fixed-nav .top-menu-bg{ background-color:#f6f6f6; padding-bottom: 5px;}
#header.fixed-nav .navbar-dark .navbar-nav .nav-link { color: #000;padding: 12px 24px;margin-top: 0px;}
#header.fixed-nav .navbar-brand {left: 0;text-align: left;}
#header.fixed-nav .topcard-s ul li a { color: #fff}
#header.fixed-nav .topcard-s ul li {padding: 0px 15px;}
.fixed-nav .navbar-brand img {width: 70%;transition: all .4s ease-in-out;}
#header.fixed-nav #cssmenu>ul { margin-top: 6px;}
#header.fixed-nav .top-cart-sec {width: 100%;margin: 6px 0 0 0;}



/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

        
.banner {position: relative; z-index: 8; }
.banner img{ width: 100%}

.banner-info-new { position: absolute; width: 100%; top: 10%;}
.banner-box{ max-width: 450px; background-color: rgba(237, 50, 55, 0.9); padding: 30px;}
.searchproperty{ background-color:#fff; border-radius: 5px; border: 0px; padding: 12px 20px; font-size: 17px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase}
.searchproperty:hover{ background-color:#f6f6f6; }

.banner-cont { text-align: center}
.bannertitle {font-size: 48px;color: #fff; margin: 25px 0 5px 0; line-height: 60px; font-family: 'Fjalla One', sans-serif; text-transform: uppercase}
.bannertitle1 {font-size: 22px;color: #fff; margin: 0 0 5px 0;  }




/*----------- footer-sectopn ------------*/

.common-sec{ margin: 80px 0 0 0;  }     
.footer-section { background-color:#f6f6f6;padding: 50px 0 0px 0; margin-top: 60px; position: relative;  border-top: solid 1px #dadada}
.footer-n-text{ font-size: 18px; font-weight: 700; color:#525252;}
.footer-n-text a{font-size: 18px; font-weight: 700; color:#d9292e; text-decoration: underline!important; margin-bottom: 1px }
.footer-n-text a:hover{font-size: 18px; font-weight: 700; color:#7e1619; text-decoration: underline }

.social-icon-b{font-size: 19px;width: 24px;}

.copy-right {
    border-top: solid 0px #20488b;
    padding: 30px 0 10px 0;
    margin-top: 30px;
    color: #fff;
}
.copy-right a {
    color: #d9292e;
}
.address-i {
    font-size: 20px;
    color: #fff;
    padding-right: 8px;
}
.copy-right .text-r {
    text-align: right;
}

.footer-social {
    margin: 20px 0;
}
.footer-social a {
    display: inline-block;
    margin: 0 2px 0 4px;
    background-color:transparent;
    border-radius: 50%; 
    text-align: center;
    color: #000;
    font-size: 20px!important;
    line-height: 38px;
    border: 0px solid #2d8ff1;
}
.footer-social a:hover {
    color: #f9c1dd;
    border: 0px solid #000;
	  background-color:transparent;
}
.white-colo {
    color: rgb(252, 227, 227)!important;
}
.mb-1.images-set img {
    padding: 4px;
    width: 32%;
}
/*----------- footer-sectopn ------------*/

@media screen and (max-width: 840px) {
.common-sec { margin: 30px 0 0 0;}
.footer-n-text {font-size: 14px;}
.footer-n-text a {font-size: 14px;}	
.footer-section { padding: 30px 0 0px 0;margin-top: 30px;}	
.copy-right {padding: 20px 0 10px 0; margin-top: 0px;}	
.top-menu-bg {
    background-color: #f6f6f6;
    width: 100%;
    padding: 10px 0;
    position: absolute;	
}
	.top-mar{ height:60px}
	
	
}

@media screen and (max-width:767px) {
.fotorama__stage {
    height: 300px!important;
}
}