@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Jomolhari&family=Manrope:wght@400..700&family=Montserrat:wght@400..700&display=swap');


:root {    
  --yellow: #DCB562;
  --darkbg: #363636;
  --text: #55555;
  --black:#000;
  --white: #fff;
  
}
body{font-family: 'Manrope', arial, Helvetica, sans-serif;color: var(--black);font-size: 16px;line-height: 1.5;}
.container-custom{max-width:1100px;}
h1 {font-family: 'Montserrat', arial, Helvetica, sans-serif;font-size: 32px;margin-bottom: 30px;line-height: 1.2;font-weight: 400;background:url('../images/line.png') no-repeat center bottom;text-align:center;padding-bottom:30px;}
h2 {font-family: 'Montserrat', arial, Helvetica, sans-serif;font-size: 32px;margin-bottom: 30px;line-height: 1.2;font-weight: 400;}
h3,.h3 {font-family: 'Montserrat', arial, Helvetica, sans-serif;font-size: 24px;margin-bottom: 0px;line-height: 1.2;font-weight: 700;margin-top:20px;}
.txt-bigger{font-size:26px;}
h4,.h4 {font-family: 'Montserrat', arial, Helvetica, sans-serif;font-size: 18px;margin-bottom: 30px;line-height: 1.2;font-weight: 700;text-transform:uppercase;color:var(--yellow)}
h3:first-child,.h3:first-child{margin-top:0px;}
a{color: var(--text); text-decoration: none; transition: alll 0.3s}
a:hover{color:var(--black); text-decoration: none;}

.site-footer{background:url('../images/banner.jpg') no-repeat center top;background-size:cover;color:#fff;padding:60px 0px;font-size:16px;position:relative;}
.site-footer:before{position:absolute;top:0px;left:0px;content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);}
.site-footer .container-fluid{position:relative}
.site-footer a{color:var(--white);}
.site-footer svg{width:30px;height:30px;fill:#fff}
.site-footer a:hover{opacity:0.8;}
.copyright{border-top:1px solid #fff;padding-top:30px;margin-top:40px;}
.footer-top{background:url('../images/group.jpg') repeat-x left top;height:155px;}

.banner{background:url('../images/banner.jpg') no-repeat center top;background-size:cover;color:#fff;}
.subscribe-top{display:none;background:#000;color:#fff;padding:10px 0px;}
.mailing-text{width:100%;font-size:14px;font-family: 'Montserrat', arial, Helvetica, sans-serif;color:#000;border:0px;padding:8px 10px;border-radius:5px;}
.mailing-btn{font-family: 'Montserrat', arial, Helvetica, sans-serif;color:#000;background:var(--yellow);border:0px;padding:8px 10px;color:#000;border-radius:5px;font-size:14px;text-transform:uppercase;font-weight:bold;}
.mailing-btn:hover{background:#fff;color:#000;}
.subscribe-top svg{width:20px;height:20px;fill:#fff;cursor:pointer}
.site-header{padding:10px 0px 0px 0px;}
.img-logo{margin-bottom:30px;}
.site-header svg{fill: var(--white);width: 40px;height: 40px; display: inline-block;}
.site-header svg:hover{fill: var(--yellow); cursor: pointer;}
.btn-catalog,.btn-auction{padding:8px 10px;border-radius:4px;background:#fff;color:#000;font-size:16px;font-family: 'Montserrat', arial, sans-serif;line-height:1;}

.btn-catalog svg,.btn-auction svg{fill:var(--yellow);width:16px;display:inline-block;}
.btn-catalog.green svg,.btn-auction svg{fill:#48BE4A;}
.btn-catalog:hover,.btn-auction:hover{background:#eee;}

.main-menu{ display:flex;list-style:none;padding:0px;margin:0px;font-family: 'Montserrat', arial, Helvetica, sans-serif; font-size:16px;}
.main-menu ul{padding:0px;margin:0px;list-style:none;}
.main-menu li{ padding:0px;margin:0px;display:block;list-style:none; }
.main-menu > li > a{ display:block;padding:10px 10px; color:var(--white);font-weight:400; text-decoration:none;}
.main-menu > li > a:hover{color:var(--yellow)}
.main-menu ul.menu-dropdown{ display:none;padding-top:20px; position: absolute;z-index:100;background:var(--black);color:var(--white);font-size:16px;}
.menu-dropdown > li{ text-align:left;}
.menu-dropdown a{ color:var(--white); padding:15px 30px; text-decoration: none;display: block;}
.menu-dropdown a:hover{ color:var(--white); background:var(--darkbg) }
li:hover .menu-dropdown{ display:block; }
.toggle-menu{display:none;}
.form-control {font-family: 'Montserrat', arial, Helvetica, sans-serif;}

.dropdown-toggle:after{display: none;}
.dropdown-toggle:before{content: '';float: right;background: no-repeat;width:20px;height:20px;}

.accordion-button:not(.collapsed),.accordion-button {color: var(--black); background-color:#f9f9f9;border-radius:30px !important;border:0px;box-shadow:none;}
.accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform);}
.accordion-item { border: 0px;margin-bottom:10px;}
.accordion-body{font-size:16px;color:#6e6e6e;}

.page-content{padding:60px 0px;}
.btn-yellow{font-family: 'Montserrat', arial, Helvetica, sans-serif;color:#000;background:var(--yellow);border:0px;padding:8px 30px;border-radius:5px;font-size:14px;text-transform:uppercase;font-weight:bold;}
.btn-yellow:hover{background:#000;color:#fff;}
.banner-content{padding-bottom:60px;text-align:center}
.banner-content h1{background:none;font-size:48px;font-family: 'Jomolhari', serif;}
.btn-banner{font-family: 'Montserrat', arial, Helvetica, sans-serif;color:#000;background:#fff;border:0px;padding:3px 10px;border-radius:5px;font-size:14px;text-transform:uppercase;display:inline-block}
.btn-banner:hover{background:var(--yellow);}
.date-banner{font-size:24px;}
.date-banner strong{font-size:32px;font-weight:400;}
a.btn-border{font-family: 'Montserrat', arial, Helvetica, sans-serif;color:#000;background:#fff;border:1px solid #525252;padding:8px 30px;border-radius:5px;font-size:16px;display:inline-block}
a.btn-border:hover{background:var(--darkbg);color:#fff;}
.btn-dark{font-family: 'Montserrat', arial, Helvetica, sans-serif;color:#fff;background:var(--darkbg);border:0px;padding:8px 30px;border-radius:5px;font-size:16px;display:inline-block}
.btn-dark:hover{background:#000;color:#fff;}
.box-yellow{padding:100px 30% 100px 5%;background:var(--yellow);background-size:25%;border-radius:30px;margin:100px auto;color:#fff;width:1000px;max-width:100%;position:relative}
 .bg-img{background:url(../images/budha.jpg) no-repeat top center;background-size:cover;height:100%;border-radius:0px 30px 30px 0px;position:absolute;top:0px;right:0px;width:25%;}
.box-yellow form{display:flex;}
.box-yellow input{width:74%;}
.box-yellow .btn-dark{width:25%;margin-left:1%;}
.btn-plus{padding:5px;background:var(--yellow);color:#000;border-radius:5px;width:20%;display:inline-block;border:0px;}
.w-80{width:80%;display:inline-block}
#div4,#div5,#div6,#div7,#div8,#div9,#div10,#div11,#div12{display:none;}
#div13,#div14,#div15,#div16,#div17,#div18,#div19,#div20,#div21,#div22{display:none;}
.notice{background:var(--yellow);padding:10px 0px;font-size:18px;text-align:center;}

@media(max-width: 991px){    
   .banner-content{padding-bottom:30px;}
   
    .main-menu {display: none;position: absolute;}
    .show-menu .main-menu{ display:block;width:100%;background:#000; top:100px;left:0px;}
    .main-menu > li > a{text-align: left;padding: 15px 30px}
    .main-menu > li > a:hover,.main-menu > li.show > a{color: var(--fff);background:var(--darkbg)}
    .has-dropdown{ position:relative; }
    .has-dropdown:before{content: '';position:absolute;background: no-repeat;width:20px;height:20px;top:20px;right:20px;}
    .main-menu ul.menu-dropdown{position: relative;padding-top:0px;width: 100%; background: var(--darkbg)}
    li:hover .menu-dropdown{ display:none; }
    .menu-dropdown a{display: block;color: var(--white);text-decoration: none;padding: 10px 40px;}
    .menu-dropdown a:hover{background: var(--black);color: #fff;}
    
    .page-content{padding:30px 0px;}   
    .toggle-menu svg:nth-child(2){display: none;}
.show-menu .toggle-menu svg:nth-child(1){display: none;}
.show-menu .toggle-menu svg:nth-child(2){display: inline-block;}

.toggle-menu{display:block;margin-bottom:10px;text-align:right;}
.site-header{padding-bottom:10px;}
.banner-content h1{font-size:36px;}
    .box-yellow{padding:20px 20px 0px 20px;border-radius:30px;margin:30px 0px;color:#fff;background:var(--yellow)}
    .bg-img{background:url(../images/budha.jpg) no-repeat top center;background-size:cover;height:250px;margin:20px -20px 0px -20px;border-radius:0px 0px 30px 30px;position:relative;width: calc(100% + 40px);}
.box-yellow form{display:block;}
.box-yellow input{width:100%;margin-bottom:10px;}
.box-yellow .btn-dark{width:100%;margin-left:0px;}
}