@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Roboto:wght@100;300;400;500;700;900&display=swap');

#widgetsControl {
    top: 120px;
    position: relative;
}

#MenuControl {
    position: fixed;
    top: 65px;
}

#WidgetControl4 {
    position: fixed;
    top: 65px;
    z-index: 1;
    right: 0px;
}


body {font-family: 'Roboto', sans-serif;}
a {color: #454545;text-decoration:none;font-family: 'Roboto', sans-serif;font-size: 15px;}
a:hover,a:active,a:focus {color: #aa9166;outline: none;text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-family: 'EB Garamond', serif;font-weight: 600;font-style: italic;color: #121518;}
.sub-heading { border-bottom: 1px solid #c7c7c7;margin: 0 0 20px 0;padding: 0 0 5px 0;}
.service-title { font-size: 24px; font-weight: 700; margin: 10px 0 20px 0; display: inline-block; border-bottom: 3px solid #aa9166}
section.bnr{padding:0;}
img{max-width:100%;}
p, .main-table ul, .main-table ol, .main-table li{font-family: 'Roboto', sans-serif;font-size: 15px;color: #121212;line-height: 1.6;margin: 0 0 14px 0;letter-spacing: .4px;}
.main-table li {margin: 0 3px 2px 0;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
}
/* read more */

/* End */

.bg-1{background-color:#aa9166;}
.bg-2{background-color :#222429;}

.cl-1{color:#aa9166;}
.cl-2{color :#999999;}

.fs-15{font-size: 15px;}
/* scroll */
::-webkit-scrollbar{width: 12px;}
::-webkit-scrollbar-thumb{background-color:#aa9166; }
::-webkit-scrollbar-track{background-color:#222429;}

/* read-more btn */
.rd-mr .btnn{display: inline-block;padding: 8px 20px;f;font-size: 14px;ont-weight: 500;letter-spacing: .5px;text-transform: uppercase;color: #aa9166;border: 2px solid #aa9166;border-radius: 0;background: #121518;transition: .3s;}
.rd-mr .btnn:hover{    color: #121518;background: #aa9166;}


/*--------------------------------------------------------------
# nav-bar
--------------------------------------------------------------*/
.nav-sec{ position:relative;   background: #121518 ; overflow: hidden;}
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl .navbar.bg-light{background-color: #121518 !important;height:100%;}
/* #MenuControl .nav-link:focus,#MenuControl .nav-link:hover{background-color:#fff !important; color:#aa9166 ;} */
.nav-link{font-weight: 400;color:#fff;font-family: 'Roboto', sans-serif;t;text-transform: uppercase;font-size: 14px;}
.nav-link:hover{color: #aa9166;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}

@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
	}

@media (max-width: 767px){
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#HeaderControl {
    position: fixed;
    z-index: 9;
}
.header {background: #000000;}
.header .logo {padding: 15px 0;text-align: left;overflow: hidden;}
.header .logo h1 {margin: 0;color: #aa9166;font-size: 30px;font-weight: 800;}
.header .logo img {max-width: 100%;max-height: 60px;}
.header .header-right {display: flex;align-items: center;justify-content: flex-end;}
.header .text {display: flex;align-items: center;justify-content: center;flex-direction: column;/* height: 90px; */padding: 13px 20px;text-align: center;border-left: 1px solid rgba(255, 255, 255, .15);}
.header .text h2 {color: #ffffff;font-family: 'Roboto', sans-serif;font-weight: 500;font-style: normal;font-size: 16px;margin: 0;}
.header .text p {color: #dcdcdc;font-size: 12px;margin: 0;}
.header .social {display: flex;height: 65px;font-size: 0;justify-content: flex-end;}
.header .social a {display: flex;align-items: center;justify-content: center;width: 56px;height: 100%;font-size: 18px;color: #ffffff;border-right: 1px solid rgba(255, 255, 255, .15);}
.header .social a:first-child {border-left: 1px solid rgba(255, 255, 255, .15);}
.header .social a:hover {color: #aa9166;background: #ffffff;}


/*--------------------------------------------------------------
# Banner-Section
--------------------------------------------------------------*/

.bnr-sec .carousel-control-next, .bnr-sec .carousel-control-prev{width: 60px;  height: 60px; opacity: 1; background:#aa9166; top: 40%; border-radius: 10px; opacity: 0; transition: .3s;}
.bnr-sec .carousel-dark .carousel-control-next-icon, .bnr-sec .carousel-dark .carousel-control-prev-icon { filter: invert(0) grayscale(0);
}
.bnr-sec:hover .carousel-control-next{opacity: 1; right: 50px;}
.bnr-sec:hover .carousel-control-prev{opacity: 1; left: 50px;}
.bnr-sec .carousel-caption h2{font-size: 50px;font-weight: bold;margin-bottom: 100px;text-align: center;/* text-transform: uppercase; */animation: fadeInRight 2000ms ease-in-out;color:#fff;}
.bnr-sec .carousel-caption h2 span{color:#fff;display: block;font-size: 44px;}
.bnr-sec .carousel-caption p{font-size:18px;line-height: 25px;margin-top: 35px;animation: fadeInRight 2000ms ease-in-out;}
.bnr-sec .carousel-dark .carousel-indicators [data-bs-target] { background-color: #fff;}
.bnr-sec .carousel-caption{text-align:left;}
.bnr-sec .carousel-indicators{display:none;}
.bnr-sec .carousel-caption {bottom: 5em;}
.bnr-sec .carousel-item img {height: 500px;}
.cps{top: -5px;}
/*bnr-sec*/


/*--------------------------------------------------------------
# banner-btm
--------------------------------------------------------------*/
.bnnr-btm {background: #121518;/* margin-bottom: 45px; */}
.bnnr-btm .col-md-3 {border-right: 1px solid rgba(255, 255, 255, .1);border-bottom: 1px solid rgba(255, 255, 255, .1);}
.bnnr-btm .feature-item {padding: 23px 0;text-align: center;}
.bnnr-btm .feature-item i {color: #aa9166;font-size: 30px;margin-bottom: 10px;}
.bnnr-btm .feature-item h3 {color: #ffffff;font-size: 24px;font-weight: 600;margin: 0;}
.bnnr-btm .feature-item p {color: #999999;margin: 0;font-size: 18px;}
@media (max-width: 575px) {
  .bnnr-btm .col-md-3:nth-child(1n) {border-right: none;}
  .bnnr-btm .col-md-3:last-child {border-bottom: none;}
}
@media (min-width: 576px) and (max-width: 767px) {
  .bnnr-btm .col-md-3:nth-child(2n) {border-right: none;}
  .bnnr-btm .col-md-3:nth-child(3n),.bnnr-btm .col-md-3:nth-child(4n) {border-bottom: none;}
}
@media (min-width: 768px) {
  .bnnr-btm .col-md-3 {border-bottom: none;}
  .bnnr-btm .col-md-3:nth-child(4n) {border-right: none;}
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

.section-tittle {position: relative;width: 100%;text-align: center;margin-bottom: 30px;}
.section-tittle h2 {margin: 0;position: relative;font-size: 50px;font-weight: 700;white-space: nowrap;z-index: 1;}
.section-tittle h2::before {position: absolute;content: "";width: 100%;height: 7px;left: 0;top: 21px;background: transparent;border-top: 1px solid #aa9166;border-bottom: 1px solid #aa9166;z-index: -1;}
.section-tittle h2::after {position: absolute;content: "";width: 100%;height: 7px;left: 0;bottom: 20px;background: transparent;border-top: 1px solid #aa9166;border-bottom: 1px solid #aa9166;z-index: -1;}

.about {padding: 6% 0;}
.abt_img {padding: 10px;transition: 0.3s ease-in;position: relative;outline: 2px solid #aa9166;outline-offset: -20px;}
.abt_img::before{transition: 0.3s ease-in;content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;outline: 2px solid #aa9166;outline-offset: -26px;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {background: #000;color: #fff;font-size: 15px;}
#footer .logo h1 {margin-bottom: 20px;color: #aa9166;font-size: 32px;line-height: 30px;font-weight: 800;}
.ft_nav{ margin: 24px 0; list-style: none;padding: 4px 0 ; display: flex;    justify-content: center;align-items: center; background: #000; text-align: center;}
.ft_nav li{margin: 0 7px;display: inline-block;padding: 4px;border-right: 1px solid rgba(255, 255, 255, .3);}
.ft_nav li:last-child {border-right: none;}
.ft_nav li a{display: inline-block; color: #fff;font-size: 17px;padding: 6px 14px; }
.ft_nav li a:hover{ color: #fff; background-color: #aa9166; }
.ft_lk a{color: #999999;/* letter-spacing: .5px; */font-size: 14px;transition: 0.2s ease-in;}
#footer p { font-size: 14px}
.ft_lk a:hover{color: #aa9166; }
#footer .footer-top .social-links a {font-size: 18px;display: inline-block;background: #aa9166;color:  #000;line-height: 1;padding: 11px 0;margin-right: 4px;border-radius:4px;text-align: center;width: 40px;height: 40px;transition: 0.3s;}

#footer .footer-top .social-links a:hover {background-color: #c5a367; color: #fff;}


#footer .footer-top h4 {font-size: 22px;font-weight: 600;color: #aa9166;position: relative;}


.top {  position: fixed;right: 18px;bottom: 30px;text-align: center;color: #000;border-radius: 4px; background-color: #aa9166;width: 50px;height: 49px;line-height: 49px;z-index: 999;cursor: pointer;opacity: 0;transition: ease-in 0.5s;display: flex;justify-content: center;align-items: center;}
.top.scll-top {  opacity: 1; transition: ease-in 0.5s;  bottom: 56px;}
.top .fa { display: block !important;}

@media (max-width: 1200px) {
  .about .content {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .bnr-sec .carousel-caption{display: none;}

  .services .icon-box{margin:15px auto;}
}

@media (max-width: 768px) {
  .ft_nav{display: inherit;}
  .about .mrt{margin-top: 60px;}
  .about {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .abt_img{border-radius: 0; width: 100%;}
  

  #header img{margin:inherit;}
  /* .navbar-toggler{position: absolute; top: -60px; right: 0;} */
.caption{width: 100%;}
.wback .caption{    top: 30%;}

}
@media (max-width: 575px) {
  .about .content > h2 {
    font-size: 26px;
    color: #2d2926;
    font-weight: 800;}
  #footer .footer-top .footer-info {margin: -20px 0 30px 0;}
  .wback .caption{display:none;}
}
@media (max-width: 414px) {
}

.contact-info {background: #141414;padding: 20px;margin: 0 0 10px 0;}
.contact-info i { color: #fff; font-size: 30px;}
.contact-info h5 {color: #ececec; text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: 2px; }
.contact-info p, .contact-info p a { color: #fff; margin: 0; font-size: 15px; letter-spacing: .5px;}


/*modal*/
.modal-open .modal-content{border-bottom-left-radius:0; border-bottom-right-radius:0;}
.modal-open .modal-hm-bg{background-color:#fff; border-top-left-radius:0; border-top-right-radius:0;border-bottom-left-radius:6px; border-bottom-right-radius:6px; padding-bottom:10px;}
.modal-header{color:#000; text-transform:uppercase; font-size: 20px; font-weight: bold;}
.modal-body input{display:inline-block; margin:7px auto;}
.modal-body center input{padding:7px 20px; color:#000; background:#87c232; border-radius:40px; transition:.3s;}
.modal-body center input:hover{color:#fff; background:#000;}
.modal-header .close{ /*background: #87c232;*/ padding: 5px 10px; color: #000; opacity:.9;position: absolute; right: 16px;}

.modal{top: 150px;z-index:999999999 !important;}
.modal-content{ padding:15px;}
.modal-backdrop{ z-index:9;}
.modal-open .modal-dialog{z-index:9999;}
.smt-btn { display: inline-block;padding: 10px 20px;font-size: 16px;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;color: #aa9166;border: 2px solid #aa9166;border-radius: 0;background: #121518;transition: .3s;}
.modal .form-control { border-radius: 0; padding: 12px; font-size: 15px}

#WidgetControl4_C {background: #121518;}
.get-in-touch-btn .btn {font-size: 15px;font-weight: 500; letter-spacing: 1px;text-transform: uppercase;color: #aa9166;border: 2px solid #aa9166; border-radius: 0;transition: .3s;margin-top: 12px; padding: 10px 20px 8px 20px}
.get-in-touch-btn .btn:hover{ color: #121518;background: #aa9166;}

@media (min-width: 320px) and (max-width: 768px) {
  #WidgetControl4 {display:inline-block;/* position: absolute; */top: 68px;right: 5px;z-index: 11111111111;width: 66%;/* height: 39px; */}
  .get-in-touch-btn .btn{margin-top:0;}
  .get-in-touch-btn {text-align:end;padding: 6px;}
  nav.navbar{text-align: start !important; }
  /* #MenuControl_C{ height: 70px !important} */
  #WidgetControl4,#WidgetControl4_C, #MenuControl_C, #MenuControl {height: 60px !important;top: 60px;}
}


.right-nav { background: #121518; padding: 0 0 10px 0}
.right-nav h5 { background: #000; padding: 15px; text-align: center; color: #aa9166; font-size: 21px; font-weight: 700}
.right-nav ul, .right-nav ul li { margin: 0; padding: 0; list-style: none;}
.right-nav ul li a{ color: #c8c8c8; font-size: 13.5px;}
.right-nav ul li { padding: 8px 15px}

.navbar-nav li:hover > ul#submenu3 {
    display: block;
}
.navbar-nav li:hover > ul#submenu2 {
    display: block;
}

.navbar-nav li:hover > ul#submenu11 {
    display: block;
}

.dropdown-submenu {
    position:relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top:0;
}

.dropend .dropdown-menu {
   top: 0;
    right: auto !important;
	left: 100% !important; }


.about .about-text h5 { font-size: 32px; font-weight: 700;}
.about .about-text p {font-size: 16px;}

.banner-section { position: relative;}
.banner-section video{ width: 100%; height: 100vh; object-fit: cover;}
.banner-section .banner-content {width: 100%;height: 99.5%;position: absolute;background: linear-gradient(90deg, rgba(1, 1, 1, .6), rgba(18, 18, 18, .4));top: 0;left: 0;}
.banner-section .banner-content .text {position: absolute;bottom: 5%;right: 3%;/* transform: translate(-50%, -50%); */}
.banner-section .banner-content .text h2 {color: #fff;font-size: 52px;font-weight: 700;margin: 0;text-align: center;}
 
.small-img-group{margin-top: 20px;}
.small{margin:4px 0;}    
.magnify {width: 100%;}
.magnify > .magnify-lens {width: 550px;height: 550px;transform: scale(.4);border-radius: 50%;}
.magnifying_area1>.magnify > .magnify-lens {width: 150px;height: 150px;transform: scale(2);border-radius: 50%;}
@media screen and (max-width: 576px) {
  .magnify > .magnify-lens {
    width: 20px;
    height: 20px;}
}
.collapse.show{background: #121518;}
.work .work-card { background: #121212; border: 4px solid #121212;}
.work .work-card h4 { color: #c5a367; text-align: center; padding: 20px 10px; margin: 0; font-size: 27px;}
.work .work-card { margin: 20px 0 0 0;}
.work .work-card .pic { overflow: hidden;}
.work .work-card .pic img{ transition: all .5s ease-in-out;}
.work .work-card:hover .pic img { transform: scale(1.3);}

.contact-form .form-control { padding: 12px; margin: 0 0 20px 0;}
.contact-form input[type="button"]{display: inline-block;padding: 8px 20px;f;font-size: 14px;ont-weight: 500;letter-spacing: .5px;text-transform: uppercase;color: #aa9166;border: 2px solid #aa9166;border-radius: 0;background: #121518;transition: .3s;}
.contact-form input[type="button"]:hover{    color: #121518;background: #aa9166;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #aa9166;
  color: #fff;}
  .nav-pills .nav-link:hover{background:#aa9166; color:#fff;}
  
  .nav-pills .nav-link {border-radius: 0;background: #151515;border-bottom: 2px solid #e2e2e2;color: #ffffff;font-size: 16px;padding: 18px 16px;display: flex;text-transform: capitalize;justify-content: space-between;letter-spacing: .5px;}
.nav-pills .nav-link i { margin: 6px 0 0 0}

.art-work { margin: 0 0 20px 0; overflow: hidden;}
.art-work img { transition: all .4s ease-in-out;}
.art-work img:hover { transform: scale(1.3);}

@media ( min-width: 320px) and (max-width: 768px) {
  .banner-section video{ height: 270PX;}
  .banner-section .banner-content .text h2 {color: #fff;font-size: 27px;font-weight: 700;margin: 0; text-align: center;}

}


.drawing_item{margin: 6px 0; overflow: hidden; border: 1px solid #f7f4f4; border-radius: 6px;}
.drawing_item figure{margin:4px;}
.drawing_item figcaption{font-size: 18px; color: #5e5e5e;  }
.drawing_item img{transition: 0.3s linear;transform: scale(1);}
.drawing_item img:hover{transform: scale(1.05);}
.navbar-nav .dropdown-menu {width: 100%;}
@media screen and (min-width:768px) and (max-width: 992px) {
  .get-in-touch-btn .btn{margin-top: 5px;padding: 6px;}
  #WidgetControl4, #WidgetControl4_C {
    height: 46px !important;
}
}

img.main-image.magnifying_img.img-fluid{/* transition: 0.3s linear; *//* transform: scale(1); */}
img.main-image.magnifying_img.img-fluid:hover {
    /* transform: scale(1.05); */
}