/*

	Theme Name: haagen

	Theme URI: https://digibrush.net/

	Description: This website design and developed for haagen.

	Version: 1.1

	Author: CD

	Author URI: https://digibrush.net/

	Text Domain: haagen

*/

a:hover{

	text-decoration: none;

}
textarea:focus, input:focus, a:focus, .owl-theme .owl-dots .owl-dot:focus{
    outline: none;
}
#m-menu li {

	display: flex;

	flex-direction: column;

  }

  #m-menu {

	flex-direction: row;

	display: flex;

	justify-content: center;

	padding: 0;

	margin: 0;

	padding-left: 20px;

}

  #m-menu li a {

	font-family: Brown;

	font-weight: normal;

	font-size: 16px;

	text-align: center;

	color: #fff;

	text-transform: uppercase;

	transition: all ease 0.6s;

  }

  #m-menu li a:hover{

	color: #ac526c;

	transition: all ease 0.6s;

  }

  #m-menu li {

	margin: 0 25px;

}

  .header-logo-wrap {

	position: absolute;

	top: 15px;

	display: flex;

	justify-content: center;

	width: 100%;

}

.header-in-wrap {

	padding: 34px 0;

}

#m-menu li:nth-child(2) {

	margin-right: 25px;

	margin-left: 250px;

}

#m-menu li:nth-child(3) {

	padding-right: 0;

}

#m-menu li:nth-child(1) {

	margin-left: 150px;

}

  .home-banner-wrap {

    height: 630px;

    background-size: cover;

    width: 100%;

    background-position: center;

}

.home-ban-con-wrap h1 {

    font-family: Reuben;

    font-weight: bold;

    font-size: 76px;

    text-align: center;

    color: #fff;

    padding-top: 4%;

    padding-bottom: 350px;

}

a.ord-nw {

    text-align: center;

    display: inline-block;

    font-family: Brown;

    font-weight: bold;

    font-size: 22px;

    letter-spacing: 0.08em;

    text-align: center;

    color: #fff;

    background: #5b0a21;

    padding: 18px 40px 18px 40px;

    line-height: 1;

	transition: all ease 0.6s;

	text-transform: uppercase;

}

a.ord-nw:hover{

	transition: all ease 0.6s;

	background: #fff;

	color: #5b0a21;

}

.home-ban-con-wrap {

    text-align: center;

}

.o-p-l-wrap .owl-theme .owl-dots .owl-dot span {

	width: 7px;

	height: 7px;

	background: #b9b9b9;

	margin: 5px 10px;

}

.o-p-l-wrap .owl-theme .owl-nav.disabled+.owl-dots {

    margin-left: -12%;

}

.o-p-l-wrap .owl-theme .owl-dots .owl-dot.active span{

    width: 11px;

	height: 11px;
    background: #671c32;

	

}
.owl-theme .owl-dots .owl-dot:hover span {
    background: #671c32;
}

section.our-p-wrap {

    margin: 70px 0 75px 0;

}

.our-p-head h3 {

    font-family: Brown;

    font-weight: bold;

    font-size: 22px;

    letter-spacing: 0.05em;

    text-align: center;

    color: #671c32;

    text-transform: uppercase;

    margin-bottom: 0;

}

.our-p-head h2 {

    font-family: Reuben;

    font-weight: bold;

    font-size: 68px;

    text-align: center;

    color: #671c32;

    margin-bottom: 50px;

}

.o-p-l-wrap {

    margin-left: 12%;

}

.o-p-item h3 {

	font-family: Brown;

	font-weight: bold;

	font-size: 22px;

	line-height: 36px;

	text-align: left;

	color: #000;

	margin: 25px 0 20px 0;

	min-height: auto;

}

.order-nw-btn span {

    border: 2px solid #5b0a21;

    display: inline-block;

    padding: 18px 40px 18px 40px;

    font-family: Brown;

    font-weight: bold;

    font-size: 22px;

    letter-spacing: 0.08em;

    line-height: 18px;

    text-align: center;    

	transition: all ease 0.6s;

	text-transform: uppercase;

	color: #fff;

	background: #5b0a21;

}

.order-nw-btn span:hover{

	color: #5b0a21;

	background: #fff;

	transition: all ease 0.6s;

}

.order-nw-btn {

    margin-top: 35px;

    margin-bottom: 40px;

}

.op-disc p {

    font-family: Brown;

    font-weight: normal;

    font-size: 18px;

    line-height: 30px;

    text-align: left;

    color: #777;

}

.bws-all-p-wrap a {

    font-family: Brown;

    font-weight: bold;

    font-size: 22px;

    text-align: center;

    color: #671c32;

	position: relative;

	text-transform: uppercase;

}

.bws-all-p-wrap a:hover, ul#footer-m-menu li a:hover{

	color: #7E394C;

}

.bws-all-p-wrap a:after{

	position: absolute;

	bottom: -10px;

	left: 0;

	width: 100%;

	height: 2px;

	background: #671c32;

	display: inline-block;

	content: "";

}

.bws-all-p-wrap a:hover:after{

	background: #7E394C;

}

.bws-all-p-wrap {

    text-align: center;

    margin: 40px 0 40px 0;

}

.dazs-m-con-wrap {

    width: 100%;

    height: 600px;

    background-size: cover;

    background-position: center;

}

.dazs-way-disc {

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    align-content: center;

    justify-content: center;

}

.dazs-way-disc h2 {

    font-family: Reuben;

    font-weight: bold;

    font-size: 82px;

    text-align: center;

    color: #fff;

    margin-bottom: 20px;

}

.d-disc {

    font-family: Brown;

    font-weight: normal;

    font-size: 30px;

    letter-spacing: 0.03em;

    line-height: 45px;

    text-align: center;

    color: #fff;

    padding: 0 20%;

    margin-bottom: 40px;

}

.ou-s-link a {

    background: #fff;

    font-family: Brown;

    font-weight: bold;

    font-size: 22px;

    letter-spacing: 0.08em;

    line-height: 18px;

    text-align: center;

    color: #671c32;

    padding: 18px 40px 18px 40px;

	transition: all ease 0.6s;

	text-transform: uppercase;

}

.ou-s-link a:hover{

	transition: all ease 0.6s;

	color: #fff;

	background: #671c32;

}

.ou-s-link {

    margin-top: 50px;

}

section.order-online-wrap {

    margin: 75px 0 75px 0;

}

.order-online-head h2 {

    font-family: Reuben;

    font-weight: bold;

    font-size: 68px;

    text-align: center;

    color: #671c32;

    margin-bottom: 0;

}

.order-online-head h3 {

    font-family: Brown;

    font-weight: bold;

    font-size: 22px;

    letter-spacing: 0.03em;

    text-align: center;

    color: #671c32;

    margin-bottom: 75px;

}

.order-list-wrap {

    display: flex;

    gap: 20px;

}

.order-item h3 {

    font-family: Brown;

    font-weight: bold;

    font-size: 24px;

    line-height: 26px;

    text-align: left;

    color: #000;

    margin-top: 30px;

}

.footer-con-wrap {

    display: flex;

    margin-bottom: 20px;

}

.footer-l-wrap {

    width: 25%;

}

.footer-menu-wrap {

    width: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.footer-sm-wrap {

    width: 25%;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.footer-sm-list {

    display: flex;

    justify-content: flex-end;

}

.sm-item {

    padding-left: 30px;

}

ul#footer-m-menu {

    margin: 0;

    padding: 0;

    display: flex;

    justify-content: center;

    list-style: none;

}

ul#footer-m-menu li {

    padding: 0 24px;

}

ul#footer-m-menu li a {

    font-family: Brown;

    font-weight: normal;

    font-size: 16px;

    text-align: center;

    color: #5b0a21;

    text-transform: uppercase;

}

.header-menu-wrap {

    position: relative;

    z-index: 2;

}

.main-logo-wrap {

    position: relative;

    z-index: 3;

}

header.header-wrap {

    background: #5b0a21;

}

.site-wrap {

    overflow: hidden;

}

.mob-ham-wrap {

    display: none;

}

.mob-menu {

    display: none;

}

.dazs-way-wrap .modal-dialog {

	max-width: 70%;

}

.dazs-way-wrap .close {

	margin-right: 7px;

}

.sm-item .fa {

	font-size: 25px;

	color: #671C32;

}

.sm-item a:hover .fa {

	color: #7E394C;

}

.p-cat-head h2 {

	font-family: Brown;

	font-weight: bold;

	font-size: 22px;

	letter-spacing: 0.05em;

	text-align: left;

	color: #671c32;

	text-transform: uppercase;

	margin-bottom: 40px;

	margin-top: 40px;

	margin-left: 12%;

}



/* product page */



.p-con-wrap h1 {

	font-family: Reuben;

	font-weight: bold;

	font-size: 68px;

	text-align: center;

	color: #671c32;

  }

  .p-con-wrap p {

	font-family: Brown;

	font-weight: normal;

	font-size: 22px;

	line-height: 36px;

	text-align: center;

	color: #5b0a21;

	padding: 0 12%;

  }

  .p-m-con-wrap {

	margin: 70px 0 45px 0;

  }  

.p-p-list {

	display: flex;

	flex-wrap: wrap;

	gap: 15px;

  }

  .p-p-item {

	width: 23.9%;

	margin-bottom: 30px;

  }

  .p-p-item h2 {

	font-family: Brown;

	font-weight: normal;

	font-size: 22px;

	line-height: 30px;

	text-align: left;

	color: #000;

	margin-top: 20px;

  }

  .modal-open .modal {

	display: flex !important;

	width: 100%;

	align-items: center;

	justify-content: center;

}

.dazs-way-wrap .modal-dialog {

	max-width: fit-content;

	width: fit-content;

}

/* order model */

.close-icon-wrap {

    padding: 5px 10px;

}

.order-on-con-wrap h4 {

    font-family: Reuben;

    font-weight: bold;

    font-size: 30px;

    text-align: left;

    color: #671c32;

    margin-bottom: 2px;

}

.order-on-con-wrap h5 {

	font-family: Brown;

	font-weight: bold;

	font-size: 16px;

	line-height: 20px;

	text-align: left;

	color: #777;

	margin-bottom: 18px;

}

.mod-order-list-wrap {

    display: flex;

    gap: 10px;

  }

  .or-item-con h3 {

    font-family: Brown;

    font-weight: bold;

    font-size: 18px;

    line-height: 26px;

    text-align: center;

    color: #000;

    margin: 10px 0;

  }

  .order-item-wrap {

    text-align: center;

  }

  .order-item-wrap {

    width: 25%;

  }

 #order-online-frm .modal-body{

    padding-top: 0;

  }

  /* order model */

.mod-order-list-wrap {

	flex-direction: column;

}

.mod-order-list-wrap {

    flex-direction: column;

  }

  .or-icon {

    width: 28%;

    text-align: left;

  }

  .or-item-con {

    width: 58%;

    text-align: left;

  }

  .or-shp-icon {

    width: 14%;

    text-align: right;

  }

  .order-item-wrap {

	width: 100%;

	display: flex;

	align-items: center;

	padding: 10px 10px;

	border: 2px solid #c5c5c5;

    transition: all ease 0.6s;

}

.or-item-con h3 {

	text-align: left;

}

.order-item-wrap:hover{

    border-color:  #650a30;;

    transition: all ease 0.6s;

}

.or-shp-icon .fa {

	font-size: 20px;

	color: #777;

}

.order-item-wrap:hover .or-shp-icon .fa {

    color: #650a30;

}
.our-p-list {
    display: flex;
    gap: 20px;
  }
  .o-p-item {
    width: 27.5%;
  }