@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&family=Montserrat:wght@400;500;600&display=swap');

@font-face {
    font-family: 'Homework';
    src: url('../font/HomeworkRegular.woff2') format('woff2'),
        url('../font/HomeworkRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Didot';
    src: url('../font/Didot.woff2') format('woff2'),
        url('../font/Didot.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;}

.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background:#a1a1a1; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}

.Alegreya {font-family: 'Alegreya Sans', sans-serif;}
.Cormorant {font-family: 'Cormorant', serif;font-weight:500;font-size:18px;}
.Neuton {font-family: 'Neuton', serif;}

/****************************************************************************/
html {scroll-behavior: smooth;}
body{color:#000; font-family: 'Cormorant', serif;font-weight:400;font-size:18px; margin:0px; padding:0px; line-height:1.7;}

p{margin-bottom:20px;} hr {margin:45px 0; background-color:#636363;}
a{color:#009FE3; outline:none!important;box-shadow:none!important;}
a:hover {color:#1e314b; text-decoration:none;box-shadow:none!important;}
textarea.form-control{resize:none;min-height:120px;} .form-control {height:45px; border-color:#acacac;}

.gutter-xs {margin-left:-4px!important;margin-right:-4px!important;}
.gutter-xs div[class^="col"]{padding-left:4px!important;padding-right:4px!important; margin-bottom:8px;}

.gutter-sm {margin-left:-13px!important;margin-right:-13px!important;}
.gutter-sm div[class^="col"]{padding-left:13px!important;padding-right:13px!important;}

h1,.h1, h2,.h2{}
h1,.h1{font-size:36px; margin-bottom:25px; line-height:1;}
h2,.h2{font-size:25px; margin-bottom:15px;line-height:1;color:#009FE3;}
h3,.h3{font-size:18px; margin-bottom:15px;}

.Bor:after {border-bottom:1px solid #c6c6c6; content:"";display:block; margin:auto auto 5px; padding-bottom:15px; width:80%;}
.Bor1:after {border-bottom:3px solid #8b0c33; content:"";display:block; margin:0 0 20px; padding-bottom:25px; width:70px;}

.breadcrumb{border-bottom:1px dashed #d3d3d3; margin:0 0 15px; background-color:transparent;padding:0 0 15px; text-transform:uppercase; font-size:12px;}
.breadcrumb>li+li:before{content:"\00BB";color:#b0a049; margin:0 10px;}

/******* Helpers ********************************************************************/
.font-weight-semi{font-weight:600;}
.font-weight-medium {font-weight:500;}
.font-weight-bold{font-weight:700;}

.font-homework{font-family:'Homework';font-weight:400!important;}
.font-montserrat{font-family:'Montserrat', sans-serif;}
    
.ImgFade{background-color:#1f2f45;}
.ImgFade img{opacity:0.2; filter: alpha(opacity=20); /* For IE8 and earlier */}
.img-thumbnail {padding: 10px; border: 1px solid #cbcbcb; border-radius: 0;	box-shadow:3px 3px 5px rgba(0,0,0,0.75);}

/******* Buttons ********************************************************************/
.btn{text-decoration:none !important; moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; border-radius:0px;padding:16px 45px; font-family: 'GFS Didot', serif; font-weight:400; font-size:15px; letter-spacing:.1em;}
.btn-sm{padding:16px 65px !important;} 
.btn-outline-danger{border-color:#009FE3; color:#222222 !important;}
.btn-outline-danger:hover,.btn-outline-danger.focus,.btn-outline-danger:focus{background-color:#484848 !important; border-color:#484848 !important;color:#fff !important;}

.bg-danger{background-color:#009FE3 !important;}
.bg-light{background-color:#000 !important;} 

.text-dark{color:#000 !important;}
.text-danger{color:#009FE3 !important;}
.text-light{color:#818181 !important;}
.border-danger{border-color:#009FE3 !important;}

.fs-60 {font-size:60px;}
.fs-14 {font-size:14px;}
.fs-12 {font-size:12px;}
.fs-26 {font-size:26px;}
.fs-30 {font-size:30px;}
.fs-19 {font-size:19px;}
.fs-18 {font-size:18px;}
.fs-20 {font-size:20px;}
.fs-45 {font-size:45px;}
.ls-1{letter-spacing:.1em;}
.ls-2{letter-spacing:.2em;}
.ls-3{letter-spacing:.3em;}
.ls-6{letter-spacing:.060em;}

.lh-1 {line-height:1;}
.lh-13 {line-height:1.3;}
.lh-2 {line-height:2;}

.box-shadow{box-shadow:0px 4px 4px rgba(5,5,5,.2);}

/************************************************* Header ********************************************************************/
#Header a{color:#000;} #Header a:hover{color:#000;}
#Header .input-group{width:300px;}
#Header .input-group .form-control{background:none; border:none; border-bottom:solid 1px #c4a897; border-radius:0px; box-shadow:none; color:#fff; font-size:12px; height:30px; padding-left:0px;} 
#Header .input-group .btn{background:none; padding:0px; border-radius:0px;border:none;border-bottom:solid 1px #c4a897; color:#fff; font-size:18px;}
#Header .input-group .btn:hover{background:none;color:#000;}
#Header .form-control::placeholder{color:#fff;}

/************************************************* Navbar ********************************************************************/
.navbar .nav-item .nav-link{color:#000 !important; font-size:18px; padding:10px 0px 20px 0px; letter-spacing:.150em;}
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{color:#009FE3 !important;}

/*******************************Dropdown Menu*****************************************/


.dropdown-menu>li {margin:0; min-width:13rem; background-color:#eeeae7;}
.dropdown-menu>li>a {color:#000!important; padding:4px 10px 4px 10px;font-size:16px; font-weight:500;display:block;}
.dropdown-menu li:hover {background: #000;}
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-menu>li>a:hover {color:#fff!important;background: #009FE3!important;}
ul.dropdown-menu{top:50px !important; padding:0px;}
.navbar-nav .dropdown-menu > li > a {white-space: nowrap!important;}



/******* Slider ********************************************************************/
.MainBanner .carousel-caption {z-index:99;display:flex;justify-content:center;align-items:center;margin:auto;top:0%;left:0;bottom:0;right:0;}
.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:99; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}

.MainBanner .carousel-indicators {z-index:999; bottom:-10px;}
.MainBanner .carousel-indicators li {background-color:#cec2b0; opacity:1;border-radius:50%; width:12px; height:12px; margin:0 5px;} 
.MainBanner .carousel-indicators .active {background-color:#ddc2b2 !important;}

/********** Content **************************************************************************************************/
/**************************************************************/
#Blog .Textbox{padding:25px 12px;} 

/*.Price{font-family: 'Didot'; font-size:19px; color:#3d3d3d;}*/


#Blog .Slider {position: relative; padding: 0px 0px;}
#Blog .Slider .cycle-prev, #Blog .Slider .cycle-next {position:absolute; top:-15px; right:0px; z-index:99; cursor:pointer;}
#Blog .Slider .cycle-prev {left:0px; right:auto;}
#Blog .Slider .slideshow {overflow:hidden;}
#Blog .Slider .slideshow .isItem {white-space:normal; vertical-align:top;}
#Blog .Slider a{color:#009FE3; font-size:16px;} #Blog .Slider a:hover{color:#000;}

.Comingsoon{background:url(../images/coming-soon.png.man_.png) no-repeat top center; opacity:.3; min-height:450px;}
	
.ContactArea .ImgFade{background-color:transparent!important;}
.ContactArea .ImgFade img{opacity:unset!important; filter: alpha(opacity=60); /* For IE8 and earlier */}
/*.ContactArea .ImgFade:hover{background-color:#d9b097;}*/
/*.ContactArea .ImgFade:hover img{opacity:0.2; filter: alpha(opacity=20);  For IE8 and earlier }*/
.ConText{position:absolute; z-index:99;display:flex;justify-content:center;align-items:center;margin:auto;/*top:0%;*/left:0;bottom:0;right:0;}
.ContactArea a{color:#808080;} .ContactArea .ImgFade .ConText img{opacity:1;}

.List {padding:0; margin:0 0 35px 0; list-style-type:none;}
.List li{background:url(../images/ul_icon.png) no-repeat 0.1em 0.43em; padding:3px 0 3px 35px; margin:0px;}
	
/********** Footer ***************************************************************************************************/
#Footer {font-size:18px; line-height:32px;color:#fff;} 
#Footer a {color:#fff;} #Footer a:hover {color:#009FE3;}
#Footer .list-inline a{font-size:18px; margin:0px; color:#fff;}
#Footer .list-inline a:hover{color:#009FE3;}
#Footer .list-inline-item:not(:last-child) {margin-right: 15px;}
.CopyText,.CopyText a{font-size:16px; color:#fff !important;}
#Footer h3 {font-family: 'Homework';font-size:35px;}

/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(54,46,46, 0.45); position:fixed; right:10px; bottom:90px; z-index:99999; cursor:pointer; width:45px; height:45px; text-indent:-9999px; display:none; webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover {background-color:#009FE3; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}

@media (min-width:992px) {
.MainBanner .carousel-item img {
    /*height:560px;*/
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;}
}


/* ============ desktop view ============ */
@media all and (min-width: 1025px) {
	.navbar .nav-item .dropdown-menu{ display: none;}
	.navbar .nav-item:hover .nav-link{ color: #fff;}
	.navbar .nav-item:hover .dropdown-menu{ display: block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */
.container-fluid{max-width:1350px !important;}
.container-new{max-width:1620px !important; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}

@media (min-width: 1920px) {
	.container-fluid{max-width:1350px !important;}
	.container-new{max-width:1620px !important; margin:auto;}
	.gutter-lg {margin-left:-34px!important;margin-right:-34px!important;}
    .gutter-lg div[class^="col"]{padding-left:34px!important;padding-right:34px!important;}
}

@media (min-width: 1600px) {}
@media (min-width: 1200px) {}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
@media (min-width: 767.98px) {.navbar-nav>li+li {margin-left:50px;}}
@media (min-width: 991.98px) and (max-width: 1199.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {.fs-19{font-size:15px;}}
@media (max-width: 767.98px) {	
#Blog .Slider {position: relative; padding: 0px 15px;}
.navbar-toggler{position:absolute;top:-55px;right:0px;background-color:#eeeae7 !important; outline:none !important;padding: 11px 20px !important;} .navbar .nav-item .nav-link{padding:10px 15px;color:#000 !important;}
.navbar {padding:0px !important;} .navbar .nav-item {border-bottom:solid 1px #a4a4a4; background:#eeeae7; color:#000;} .navbar-toggler-icon{width:1em; height:1em; color:#FFF;}	
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{color:#fff !important;background:#aa8269;}
.navbar-nav>li+li {margin-left:0px !important;}

.dropdown-menu {padding:0px; margin:0; min-width:13rem; background-color:#272323;}
.dropdown-item {color:#fff; padding:7px 15px;font-size:13px; font-weight:500; text-align:center;border-top:1px solid #5d5c5c !important}
.dropdown-menu a.dropdown-item:focus, .dropdown-menu a.dropdown-item:hover {background-color:#484848; color:#fff !important; display:block;}
.mrgn {margin-top: 25px;line-height:60px;}
#WelTxt {margin-bottom:15px!important;}
.related .products.columns-4 {display: block;}
#Blog .Slider a {font-size: 20px;}

.woocommerce .checkout.woocommerce-checkout .form-row-first, .woocommerce-page form .form-row-first {
    display: contents!important;
}

.woocommerce .checkout.woocommerce-checkout .form-row-last, .woocommerce-page form .form-row-last {
    display: contents!important;
}

}

@media (max-width: 576px) {

.MainBanner .carousel-item img {
    height: 240px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}	
	
}

@media (max-width: 479px) {
.btn{padding:13px 25px;}
.btn-sm{padding:13px 45px !important;}
#Header .input-group{width:100%;}
}

@media (max-width: 320px) {}
