@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700');
@import url('https://fonts.googleapis.com/css?family=El+Messiri:400,500,600,700|Tajawal:200,300,400,500,700,800,900');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i|Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Tajawal:200,300,400,500,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');

html,
body {
    height: 100%;
    font-size:15px;
    /*font-family: 'Poppins';    */
    font-style: normal;
    color:#5f5f5f;
	/*-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;*/
}

a {
    color: #9b7f49;
    text-decoration: none;
}

.modal-content {
/*margin-left: -121px;*/
    margin-left: 28px;
    width: 706px;
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    text-align: center;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.55);   
    z-index: 99999;
}


.modal-dialog {
  /*  margin: 50px auto;*/    
    margin: 56px 23%;    
    width: 480px;
}



.modal-header {
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    z-index: 999;
    right: -15px;
    top:-15px;
    background-color: #fff;
    border-radius: 50px;
}
.close {
    opacity: 1;
}

.modal-body 
{
    text-align: center;
}


.modal-body div {
   display: block;
    padding: 20px 0 0 0;
    font-size: 40px;
    /*font-family: 'Dancing Script', cursive !important;*/
    color: #9f0000;
    //font-weight: 600;
    text-transform: capitalize;
    text-align: center;
 }
.modal-body div a {
    color: #9f0000;
}

.modal-body div .box2
{
  display: block;
}

.modal-body div .form-group
{
  display: block;    
  margin-bottom: 0px;
}



.modal-body span {
  display: block;
  font-size: 18px;
  color:#1b2f52;
}


.top
{
	padding:0px 0;
	color:#fff;
	font-size:14px;
	text-align:left;
	background-color:#826939;
}

.top i
{
	font-size:13px;
	margin-right:8px;
}

.top .container-fluid {
    padding: 0 9%;
}
.top a
{
	color:#fff;
}

.top2 li
{
    display: inline-block;
    margin: 0 15px 0 0px;
    padding-right: 15px;
}


.top ul 
{
	padding-left:0px;
	text-align:right;    
	margin-top: 10px;
	display:inline-block;
	margin-bottom:0;
}



.top .form-group 
{
    margin-bottom: 0px;
    margin-top: 0px;
}


.top .form-group a 
{
    padding-left: 0px;
    padding-right: 0px;
}



.top .form-control2 
{
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #2a3c5c;
    background-color:#fff;
    background-image: none;
    border: 1px solid #9b7f49;
    border-radius: 0px;
}


.top .form-control-feedback 
{
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    color: #1b2f52;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    pointer-events: auto;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}




.language
{
    /*font-family: 'Tajawal', sans-serif !important;*/
    font-size: 16px;
}


.logo
{
	position:absolute;
	left:0;
	right:0;
 
	margin:auto;
}


.logo img
{
	margin:auto;
}


.padding-menu
{
	margin-right:215px !important;
}


.header
{
    padding: 15px 0;
    background-color:#fff;
    position:relative;
    height: 150px;
}



.carousel {
    height: 575px;
    position:relative;
}

.item,
.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.fill-img{
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-color: #dfdfdf;
    background-blend-mode:multiply;
}



.carousel-indicators {
    position: absolute;
    bottom: 30px;
    padding-right: 100px;
    z-index: 15;
    width: 100%;
    left: 0;
    padding-left: 0;
    margin-left: 0%;
    text-align: right;
    list-style: none;
}


.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 2px;
    text-indent: -999px;
    cursor: pointer;
    background: url('../images/off.png') no-repeat center center;;
    border: 0px solid rgba(255, 255, 255, 0.0);
    border-radius:0px;
}

.carousel-indicators .active {
    width: 25px;
    height: 25px;
    margin: 2px;    
    background: url('../images/on.png') no-repeat center center;;
}



.btn-header {
    display: inline-block;
    padding: 15px 32px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight:400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform:   capitalize;
    background-image: none;
    border: 2px solid transparent;
   /* border-radius:100px;*/
    margin-top:10px;
    margin-bottom:10px;
}


.btn-more{
   /* font-weight: 700;*/
  */  border-width: 3px;*/
  */  border-style: solid;*/
  */  border-image: linear-gradient(to right, burlywood, #9b7f49) 1;*/
   */ color: #9b8761;*/
    /*background-color: #fff;*/
   /* border-color:#9b8761;     */
/*border: 1px solid;*/
  /*  border-color: black;*/
  */  background-image: linear-gradient(0deg, #ffffff3d 0%, #d7c093 100%);*/
  */  -webkit-transition: 0.3s;*/
  */  -o-transition: 0.3s;*/
   */ transition: 0.3s;*/

 background-color: #fff;
    border: 1px #ffffff solid;
    color: #ffffff!important ;
    border: 2px #1b2f52 solid;
    background-color: #1b2f52;
    color: #1b2f52;
    font-weight: 600;
    margin: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}




.short-descr {
    margin-bottom: 25px;
}

.btn-more:hover {
    /*color: #fff;*/
   /* background-color: #9b8761;*/
   /* border-color: #9b8761; */
   /* -webkit-transition: 0.3s;*/
  /*  -o-transition: 0.3s;*/
 /*   transition: 0.3s;*/


background-color: #ffffff;
 border: 2px #1b2f52 solid;
    color: #1b2f52!important ;
    font-weight: 600;
    margin: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}



.btn-gold{
background-image: linear-gradient(329deg, #ffffff3d 0%, #ae925d 80%);
    color: #fff;
    background-color: #ede5d6;
  
    /*background-color: #ae925d;*/
    border-color:#ae925d;     
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width:100%;    
    padding: 15px 10px;
    border-radius:5px;

}


.btn-gold:hover {
    color: #ae925d;
   /* background-color: #fff;*/
background-image: linear-gradient(0deg, #ffffff3d 0%, #ffffff 80%);
    border-color:#ae925d;     
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-gold2{
    color: #fff !important;
    background-color: #ae925d;
    border-color:#ae925d;     
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width:100%;    
    padding: 15px 10px;
    border-radius:5px;
}


.btn-gold2:hover {
    color: #fff !important;
    background-color: #ae925d;
    border-color:#ae925d;     
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-navy{
    color: #fff !important;
    background-color: #1b2f52;
    border-color:#1b2f52;     
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width:100%;    
    padding: 10px 20px;
    border-radius:5px;
    margin:0;
}


.btn-navy:hover {
    color: #fff !important;
    background-color: #ae925d;
    border-color:#ae925d;     
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


.btn-white{
    color: #826939;
    background-color: #fff;
    border-color:#fff;     
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin:0;
}


.btn-white:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0);
    border-color: #ffffff; 
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;    
    margin:0;
}


.welcome
{
	padding: 40px 0 60px 0;
    margin-bottom: 0px; 
    overflow:hidden; 
}
.title
{
   color:#1b2f52;
   font-size:40px;
   font-weight: 600; 
   margin-bottom:20px;
}
.title span
{
   font-weight: 300; 
   color:#ae925d;
}


.welcome-text
{
    height: 130px;
    overflow: hidden;    
    line-height: 26px;
    margin-bottom: 10px;
    color:#767676;
}
.pic-welcome
{
	height:425px;    
	width:100%;
	color:#fff;        
}


.pic-welcome img
{
	height:485px;    	
	object-fit:cover;
	\*width:100%;*\
}




.services ul
{
    padding-left:0;
    margin-top:20px;
}

.services ul li
{
     display:inline-block;
     width:180px;
     height:135px;
     padding:0px 0px;
}
.services ul li img
{
    height: 71px;
    width: 81px;

    margin-left: 25px;
}

.services ul li .title-1
{
	text-align: center;
    font-size: 13px;
    color: #826939;
    font-weight: 400;
    height: 90px;
    overflow: hidden;
    margin: 10px 0;
}

.services ul li .text
{
      font-size:12px;
      color:#484848;
      font-weight:300;
      height: 65px;
      overflow: hidden;
}



.Expertise
{
	padding:40px 0;
	text-align:center;
	overflow:hidden;
}


.Expertise .row .col-md-12
{
	padding:0;
}


.Categories
{
	padding:5px 0;
	text-align:center;
	background-color:#fff;
}


.Categories ul
{
	 padding-left:0;
	 text-align:center;
}


.Categories ul li
{
	  display:inline-block;
	  margin:0 2px
}

.Categories ul li a img 
{
   /* height: 455px;*/
height:365px;
    width: 555px;
//width:204px;
    border: 1px #CCCCCC solid;
    object-fit: cover;
}


.brands 
{
	margin-top: 165px;
	padding:50px 0;
	text-align:center;
	background-color:#f9f9f9;
}


.brands ul
{
	 padding-left:0;
	 text-align:center;
}


.brands ul li
{
	  display:inline-block;
	  margin:0 2px
}

.brands ul li a img 
{
    height: 180px;
    width: 180px;
    border: 1px #CCCCCC solid;
    object-fit: contain;
}

.Recipes
{
	padding:50px 0;
	text-align:left;
	overflow:hidden;
}


.Recipes ul
{
	 padding-left:0;
	 text-align:center;
}


.Recipes ul li
{
	  display:inline-block;
	  margin:0 2px
}

.Recipes ul li a img 
{
    height: 277px;
    width: 266px;
    border: 1px #CCCCCC solid;
    object-fit: cover;
}

.title-Recipes 
{
	color:#ae925d;
	font-size:18px;
	font-weight:400;
	margin-top:20px;
}


.icons-footer
{
	background-color: #fff;
    border-top: 2px solid #fff;
    padding: 50px 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #ae925d;
}
.icons-title
{
    font-size: 22px;
    font-weight: 700;
    margin-top: 10px;
    color:#ae925d;
    text-transform: uppercase;
    text-align:center;
    margin-bottom:35px;

}


.socials 
{   
  margin-top:0px;
  display:inline-block;    
  margin-left: 0px;
}

.socials ul 
{   
    text-align:center;    
    margin-bottom: 0px;
    padding-left:0;
}


.socials ul li {
    display:inline-block;	
    text-align: center ;    
    width:31px;
    height:31px;
    margin:0 8px ;
}


.socials ul li a {
	position: relative;
	display: inline-block;
	font-size:20px;
	text-align: center;
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;  
    border:2px #fff solid;    
    border-radius: 3px;

}
.socials ul li a img {
    border-radius: 0px;
}


.socials ul li a:hover {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border:2px #ae925d solid;

}



.footer
{
height:189px;
	    background: url(../images/stay-connected.png) no-repeat center center;
    background-size: cover;
    padding: 18px 0;
    color: #ae925d;
    font-size: 14px;
}

.footer-title
{
	 font-size:30px;
	 font-weight:400;
	 text-transform:uppercase;
}

.footer-title span
{
	 font-size:28px;
	 font-weight:800;
	 display:block;
}

.footer .form-group
{
	margin-top:10px;
}

.footer .form-control {
    display: block;
    width: 100%;
    height: 60px;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #fbfbfb00;
    background-image: none;
    border: 0px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 0);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.footer .form-control::-webkit-input-placeholder { /* Edge */
    color: #fff;
}

.footer .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.footer .form-control::placeholder {
    color: #fff;
}

.margin-footer
{
	margin-top:45px;
}

.text-footer
{
	margin-top: 10px;
}

.footer-line
{
	border-left:1px #373737 solid;
}

.copyright
{
    padding: 10px 0;
    background-color:#ae925d;
    color: #fff;
    font-size: 14px;
    text-align:center;
    line-height: 30px;
}

.copyright a
{
    color:#1e1e1e;
}



.caption-inner {
    height:  auto;
    width: 100%;
    color: #fff;
    position:relative;
}


.blue-bg {
    background-color:rgb(27 47 82 / 90%);
    position: absolute;
    width: 100%;
    height: 100%;
}

.caption-inner h3 {
    position: relative;
    margin-bottom: 10px;
    font-size: 45px;
    padding: 48px 0 10px 0;
    font-weight: 800;
    text-transform: capitalize;
    margin-top: 0;
    color: #fff;
}
.caption-inner h1 {
    position: relative;
    margin-bottom: 10px;
    font-size: 45px !important;
    padding: 48px 0 10px 0;
    font-weight: 800;
    text-transform: capitalize;
    margin-top: 0;
    color: #fff!important;
}

.caption-inner h4 {
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 25px;
    text-align:left;
    text-transform: capitalize;
    margin-top: 0;
    color: #fff;
}



.breadcrumb>.active { 
    color: rgb(255 255 255 / 48%);
    font-weight: 400;
}

.text-right2
{
	text-align:right;
}

.breadcrumb {
	position: relative;
    padding: 0px 0 7px 0;
    margin-bottom: -52px;
    margin-top: auto;
    margin-bottom: 20px;
    /* padding: 10px 0 30px 0; */
    /* margin-bottom: 0px; */
    color: #fff;
    list-style: none;
    background-color: rgba(245, 245, 245, 0);
    border-radius: 0px;
    text-align: left;
}


.breadcrumb>li {
    display: inline-block;
    font-size:14px;
    color:#fff;
    text-transform:capitalize;
}

.breadcrumb>li a{    
color:#9b7f49;
}


.breadcrumb>.active { 
    color: rgb(179 152 102);
    font-weight: 400;
}



.caption-inner-w {
    height:  auto;
    width: 100%;
    color: #fff;
    position:relative;
    background:none;      
    border-bottom:1px #CCCCCC solid;
}

.caption-inner-w h3 {
    margin-bottom: 10px;
    /*font-family: 'Work Sans', sans-serif;*/
    font-size: 60px;    
    padding:10% 0 20px 0;  
    font-weight:800;
    text-transform: capitalize;
    margin-top: 0;
    color: #383838;
}

.caption-inner-w h4 {
    margin-bottom: 10px;
   /* font-family: 'Work Sans', sans-serif;*/
    overflow: hidden;
    font-size: 25px;
    text-align:left;
    text-transform: capitalize;
    margin-top: 0;
    color: #383838;
}
.caption-inner-w .breadcrumb {
    padding: 10px 0 30px 0;
    margin-bottom: 0px;
    color:#fff;
    list-style: none;
    background-color: rgba(245, 245, 245, 0);
    border-radius: 0px;    
    text-align:  left;
}


.caption-inner-w .breadcrumb>li {
    display: inline-block;
    font-size:14px;
    color:#383838;
    text-transform:capitalize;
}

.caption-inner-w .breadcrumb>li a{    
color:#383838;
}

.caption-inner-w .breadcrumb>.active { 
    color:rgb(247 148 30);
    font-weight: 400;
}

.content-inner {
    padding: 50px 0;
    margin-bottom: 0;
}


.content-gold 
{
    padding: 50px 0;
    color:#ae925d;
    margin-bottom:0;
    background-color: #ffffff;
}
.content-gold label {
    color: #2a3855;
}

.content-gold .form-control {
    display: block;
    width: 100%;
    padding:25px 25px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #ae925d;
    /*background-color: #fff;*/
	    background-color: #ebeae829;
    background-image: none;
  /*  border: 1px solid #ffffff47;*/
  border: 1px solid #122e44;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 0);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.content-gold a {
    color: #ae925d !important;
}

.content-gold .form-control::-webkit-input-placeholder { /* Edge */
    color: #ae925d;
}

.content-gold .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ae925d;
}

.content-gold .form-control::placeholder {
    color: #ae925d;
}



.title-o {
 /*   color: #383838;*/
     color: #263756;
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 10px;
}

.title-2 {
    color: #383838;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0px;
    border-left: 4px #826939 solid;
    padding-left: 20px;
    margin-bottom: 30px;
    margin-top: 6px;
}



.title-w
{
   /*color: #fff;*/
       color: #293653;
   font-size: 33px;
   font-weight: 700;
   margin-bottom:25px;
}

.title-w span
{
   /*color: #fff;*/
   color:#ae925d;
   display:block;
   text-transform:uppercase;
   font-weight: 400;
   font-size:16px;
   letter-spacing: 4px;
}

.history
{
    font-size: 66px;
    font-weight: 800;
    margin-bottom: 55px;
    text-align:center;
    line-height: 50px;
}
.history2
{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 55px;
}


.margin-top {
        text-align: center;
        font-weight: 600;
    margin-top: 15px;
}

.pic-inner {
    width: 500px;
    height: auto;
    margin-left: 30px;
    margin-bottom: 30px;
    float:  right;
}

.pic-inner img{
    width: 100%;
}






.calls
{
	margin-bottom:25px;
	font-size:16px;
}

.text-subline {
    margin-bottom: 15px;
    position: relative;
    height: 1px;
    padding: 0;
    background: #f2f3f8;
    border: none;
}

.text-subline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 40px;
    background: #826939;
}

.calls-data
{
	margin-top:15px;
	color:#999999;
}


.calls-data a
{
	color:#999999;
}

.calls-data i
{
    color: #826939;
    margin-right: 10px;
    font-size:18px;
}


.btn-contact{
    color: #fff;
    background-color: #826939;
    border-color: #826939;  
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin:0;
}


.btn-contact:hover {
    color: #826939;
    background-color:#fff;
    border-color:#826939;    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    margin:0;
    transition: 0.3s;

}

.btn-news{
    color: #fff;
    background-color: #826939;
    border-color: #826939;  
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


.btn-news:hover {
    color: #826939;
    background-color:#fff;
    border-color:#826939;    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}


.container2{
    padding:200px 20px 200px 20px;
    text-align:center;
    color:#FFF;
    font-weight:bold;
}


.section-1{
    background-image:url('../images/img-fixed.png');
    background-position:center;
    position:fixed;
    z-index:999;
}




.gray-box
{
    background-color: #f1f1f1;
    padding: 20px 20px 20px 20px;
    margin: 10px 0px 0px 0px;
    min-height: 90px;
    margin-bottom: 20px;
}

.code_apply {
    display: block;
    padding: 12px 20px;
    background-color: #826939;
    margin: 0px 0px 10px 20px;
    min-height: 50px;
    color: #fff;
    width: 300px;
    float: right;
    border-radius: 50px;
}



a.code_apply {
    border: 1px solid rgba(255, 255, 255,1);
    color: rgba(255, 255, 255,1);
    padding: 3px 8px;
    margin: 0 0 0 10px;
    float: right;   
    width: auto;
    min-height: auto;
}
   
    
a.code_apply:hover {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: #03daa9;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

 



.btn-career 
{
    background-color:#1b2f52;
    border: 1px #1b2f52 solid;
    color: #ffffff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    margin:0;
    transition: 0.3s;
}

.btn-career:hover 
{
    background-color: #fff;
   /* border: 1px #ffffff solid;*/
   /* color: #1b2f52;*/
border: 2px #1b2f52 solid;
    color: #1b2f52;
font-weight:600;
    margin:0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}








.btn-career2 
{
    background-color: #459844;
    border: 1px #ffffff solid;
    color: #ffffff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-career2:hover 
{
    background-color: #ffffff ;
    border: 1px #ffffff solid;
    color: #459844;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.big-text
{
	font-size:18px;
}

.cv-box
{    
    background-color:#2ea053;
    padding: 20px;
}


.cv-box-title {
    text-align: center;
    color: rgba(255, 255, 255,1);
    font-size: 25px;
    margin-bottom: 20px;
}




.title-product
{
	color: #d43f39;
    font-size: 30px;
    margin-bottom: 20px;
}









.products-all
{
 display:inline-block;
 width: 355px;

}


.products-box
{
    height: 60px;
    vertical-align: middle;
    display: table-cell;
    width: 355px;
    text-align: center;    
    padding: 0 10px;
}




.date-news
{
	font-size: 14px;
    padding: 10px 0 15px 0;
	color: #9b7f49;
}


.date-news i
{
    padding-right:10px;
}





.title-news {
    font-size: 20px;
    color:#826939;
    margin-bottom:10px;
    margin-top:10px;
}




.left-menu ul
{
	 padding-left:0;
	 text-align:center;
}

.left-menu ul a:hover
{
    text-decoration:none;
}


.left-menu ul a li
{
    padding: 12px 15px;
    background-color: #ed1c24;             
    display: block;
    color: #FFFFFF;
    font-size: 16px;
    margin-bottom: 1px;
    border-radius: 0px;    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.left-menu-active
{
    background-color:#25247b!important;             
}

.left-menu ul a:hover li
{    background-color: #25247b;                          
    color: #FFFFFF;
    text-decoration:none;    
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.pro-details1
{
	margin-bottom: 15px;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin:10px 0;    
    color:#242424;
}

.pro-details2
{
    display: block;
    vertical-align: middle;    
    margin:0px 0;
}

.pro-details3
{
    font-size: 25px;
    line-height: 25px;
    color: #826939;    
    margin:10px 0;

}
.product-addto-links {
    margin-bottom: 20px;
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #666666;
    display: block;
    font-size: 14px;
    line-height: 35px;
    margin-top:15px;
    margin-right: 8px;
    padding: 0;
    text-align: left;
    text-transform: none;
    vertical-align: middle;
}


.product-addto-links a {
    display: block;
    color:#5a5a5a;
}


.product-addto-links a i {
     padding-right:10px;
}
  

.line-gray
{
	border-top:5px #c9cacc solid;
	text-align:center;
}

		/* styles unrelated to zoom */
		/* these styles are for the demo, but are not required for the plugin */
		.zoom {
			display:inline-block;
			position: relative;    
			border: 1px #e6e6e6 solid;
		}
		
		/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }

		#ex2 img:hover { cursor: url(grab.cur), default; }
		#ex2 img:active { cursor: url(grabbed.cur), default; }


.products-inner
{
	padding-top:20px;
	margin-bottom:0px;
	overflow:hidden;
}



.products-inner ul
{
	 text-align:center;
	 padding-left: 0;
}


.products-inner ul a:hover
{
	 text-decoration:none;
}

.products-inner ul li
{
    width: 260px;
    display: inline-block;
    margin: 0 10px 20px 9px ;
    border-radius:0px;    
	padding: 0px 0px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    overflow:hidden;    
    position:relative;
}



.products-inner ul li img
{
    height:275px;    
    width: 100%;    
    object-fit:cover;
}
 
.product-content
{
	background-color:#FFFFFF;
	text-align: center;
	padding: 0 15px;
}

.product-content h5
{
text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 17px;
    color: #1b2f521b2f52;
    height: 81px!important; 
    overflow: hidden;
}


.product-content h3
{
    margin-top: 0px;
    margin-bottom: 10px;
    font-size:14px;
    text-transform:capitalize;
    color:#a6a6a6;
}


.new-lable
{
    background-color: #971873;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    padding: 4px 10px;
}

.title-gallery {
    font-size: 20px;
    color: #826939;
    margin: 30px 0;
    text-align: center;
}


.text-top2
{ 
display:none;

    text-align:right;
} 


.text-top2 i
{ 
    margin-right:5px;
} 

.text-top2 ul
{
	 padding-left:0;
	 margin-bottom:0;
	 margin-top: 12px;
}

.text-top2 ul li
{
	display: inline-block;
	padding: 0 8px;    
	text-transform: capitalize;
}

.cart
{
    position: relative;
    font-size: 13px;
    cursor: pointer;
    text-align: left;   
    display: inline-block;
    vertical-align: middle;
}

.cart img
{
    margin-right:5px;
}

#cart_mini_form {
    box-shadow: 6px 8px 30px 0px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #eee;
    position: absolute;
    background: #fff;    
    z-index:999;
    right: 0px;
    top:0px; 
    color: #808080;
    min-width: 325px;
    padding: 20px;
    opacity: 0;
    font-size:13px;
    text-align:left;
    visibility: hidden;
    transition: all .2s linear;
}


#cart_mini_form a {
    color: #808080;
}

#cart_mini_form-title 
{
   font-size:14px;
   text-transform:capitalize;
   margin-bottom:10px;
}

.cart:hover #cart_mini_form {
    opacity: 1;
    visibility: visible;
    top: 33px;
    z-index:9999;
}

.cart2{
    position: relative;
    font-size: 15px;
    cursor: pointer;
    text-align: left;   
    display: inline-block;
    vertical-align: middle;
}

.cart2 img{
    margin-right:5px;
    margin-top:0;
    display:inline-block;
}

.cart2 .circle
{
    width: auto;
    height: 20px;
    border-radius: 0px;
    text-align: center;
    font-size: 15px;
    color: #ffffff;    
    display: inline-block;
}

#cart2_mini_form {
    box-shadow: 6px 8px 30px 0px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #eee;
    position: absolute;
    background: #fff;
    z-index:999;
    right: 0px;
    top:0px; 
    color: #808080;
    min-width: 400px;
    padding: 20px;
    opacity: 0;
    font-size:13px;
    text-align:left;
    visibility: hidden;
    transition: all .2s linear;
}

#cart2_mini_form-title {
font-size:16px;
text-transform:capitalize;
 margin-bottom:10px;
}


.cart2:hover #cart_mini_form {
    opacity: 1;
    visibility: visible;
    top: 33px;
    z-index:9999;
}

.cart-home {
    font-size: 16px;
}






.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 0px;
    margin-bottom: 0px; 
    background-color: #fff;
    border: 0px solid #ddd;
}
a.list-group-item, button.list-group-item {
    color: #9a9a9a;
    font-size:16px;
}


a.list-group-item i, button.list-group-item i {
    color: #9b7f49;
    font-size:16px;
    margin-right:7px;
}


a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color:#9b7f49;
    text-decoration: none;
    background-color: #fff;
}

.active-menu
{
	color: #9b7f49!important;
    text-decoration: none;
    background-color: #fff;

}

button.list-group-item {
    width: 100%;
    text-align: left;
    border-bottom:1px #cccccc solid;
}

.box-title
{
	font-size:18px;
}

.box-content
{
	margin-top:8px;
}

.link-edit
{
    font-size: 15px;
    color: #ae925d;
}



.title-cart
{
    line-height: 1.5;
    text-align:  center;
    font-size: 40px;
    font-weight: 300;
    color:#5a5a5a;
    margin-bottom:50px;
}
.sub-headline
{
	margin:30px 0;
	border-bottom:1px #CCCCCC solid;
	padding-bottom:15px;
}

.div-border
{
    border-bottom: 1px #ebebeb solid;
    padding:15px 0 25px 0;
    border-radius: 0px;
    font-size:12px;
    margin-bottom:0px;
}

.div-border2
{
    border-bottom: 1px #ebebeb solid;
    padding:15px 0 25px 0;
    border-radius: 0px;
    font-size:14px;
    margin-bottom:20px;
}

.div-border3
{
    border: 1px #ebebeb solid;
    padding:15px 15px ;
    border-radius: 0px;
    font-size:12px;
    margin-bottom:0px;
}

.cart a
{
    color:#5a5a5a;
}


.btn-cart 
{
    padding: 0px 0px;
}
    
.cart-border
{
    border: 1px #ebebeb solid;    
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 50px;
}  

  
.cart-h
{
    height:160px;
    display:table-cell;
    vertical-align:middle;
}
    
.cart-h img
{
    height: 160px;
    width: 100%;
    object-fit: cover;
}
    
.cart-h2
{
    height: auto;
    display:table-cell;
    vertical-align:middle;
    padding:10px;
}
    
.sub-headline
{
	margin:30px 0;
	border-bottom:1px #CCCCCC solid;
	padding-bottom:15px;
}


 
   
.cart-1
{
    vertical-align: middle;
    height: auto;
    display: inline-block;
}

.btn-cart 
{
    padding: 0px 0px;
    background-color: #9b7f49;
    color: white;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50px;
    font-size: 18px;
    line-height: 35px;
    font-weight: 600;
}


.btn-cart1 
{
    padding: 0px 0px;
    background-color: #fff;
    color: #494949;
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}





.box-gray
{
	padding: 20px 40px;
    border: 1px solid #cdcfd0;
    background: #f8f9fa;
}



.box-gray .healine
{
	font-size: 25px;
    display: block;
    font-weight:300;
    width: 100%;
    padding: 7px 0;
}


.box-gray .healine2
{
	font-size: 18px;
    display: block;
    font-weight:300;
    width: 100%;
    padding: 7px 0;
}



.box-gray .product-item {
    font-weight: 300;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.box-gray .product-item .product-name {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}


.box-gray .product-item span.product-quantity {
    color: #838889;
}
    
    
.box-gray .product-item > span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
} 
    

.container-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  font-weight:normal;
}

.container-check img {
    display: inline-block;
    height: 23px;
    margin-left: 20px;
}

.visa-icon
{
	margin-left: 5px !important;
}
.container-p{
    font-size:13px;    
    color: #a0a0a0;
    padding:10px 0;
    line-height: 1.25;
}

/* Hide the browser's default checkbox */
.container-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark-check {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #f8f9fa;
  border:1px #CCCCCC solid;
}

/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark-check {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark-check {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-check:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark-check:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark-check:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #656565;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}





.filter
{
	    width: 220px;
font-weight: 700;
	color:#4a4a4a;
	font-size:18px;
	margin-bottom:20px;
	margin-top:20px;
	border-bottom:1px #d2d2d2 solid;
}
.filter span
{
   background-color:#4a4a4a;
   width:50px;
   height:2px;	
}



.bg-filter
{
	border-color: #f4f4f4;
    background-color: #f4f4f4;
    padding:10px 10px;    
}


.bhoechie-tab .form-group {
    margin-bottom: 15px;    
    width: 30%;
    display: inline-block;
    margin-right:25px;
    overflow:hidden;
}


.sort 
{
    display:inline-block;    
}



.sort a
{
    border: 1px #c8c8c8 solid;
    color: #1b2f52;
    padding: 5px 8px;    
    margin-right: 15px;
    display:inline-block;    
    font-size: 18px;
}

.sort a:hover
{
    border: 1px #1b2f52 solid;
    color: #fff;
    background-color:#1b2f52;    
}

.active-sort
{
    border: 1px #1b2f52 solid !important;
    color: #ffffff!important;
    background-color: #1b2f52!important;
}



.search1 .form-group {
    margin-bottom: 0px;
    margin-top: 0px;
}


.search1 .form-group a {
padding-left: 0px;
padding-right: 0px;}



.search1 .form-control2 {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #ffffff;
    background-color: #1b2f52;
    background-image: none;
    border: 1px solid #1b2f52;
    border-radius: 0px;
}


.search1 .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 40px;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    pointer-events: auto;
}

.product-action2 {
	opacity: 1;
	padding: 10px 0;
	position: relative;
	right: 0;
	text-align: center;
}
.product-action2 a {
	border: 1px solid #1b2f52;
	color: #1b2f52;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-shadow: 0 0 0;
	width: 40px;
}

.product-action2 a:hover {
	background: #1b2f52;
	color: #fff;
}

.figure {
        position: relative;
        width: 360px; /* can be omitted for a regular non-lazy image */
        max-width: 100%;
        margin:auto;
    }
      .figure img.image-main {
      opacity: 1;
      transition: opacity .5s;

    }
    .figure:hover img.image-main {
      opacity: 0;
      object-fit: cover;
    }

    .figure img.image-hover {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      object-fit: cover;
      opacity: 0;
      transition: opacity .5s;
    }
    .figure:hover img.image-hover {
      opacity: 1;
      object-fit: cover;
   }


.product-action {
	display:none;
	background: rgb(0 0 0 / 0%) none repeat scroll 0 0;
    bottom: 0px;
    left: 0;
	opacity: 0;
	padding: 10px 0;
	position: absolute;
	right: 0;
	text-align: center;
	transition: all 300ms ease 0s;
}

.product-action a {
	background: rgba(245, 245, 245, 1) none repeat scroll 0 0;
	border: 1px solid #1b2f52;
	color: #1b2f52;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-shadow: 0 0 0;
	width: 40px;
}

.single-product:hover .product-action {
    opacity: 1;
}
.product-action a:hover {
	background: #9b7f49;
	color: #fff;
	border: 1px solid #9b7f49;
}
.product-content a {
	font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #464646;
}

.product-price 
{
	 text-align: center;
	 margin-top: 5px;
}


.new-price
{
	display:none;
	color:#1b2f52;
	font-weight:500;
	font-size:16px;
    
}

.old-price
{
	color:#9b7f49;
	text-decoration:line-through;
	font-size:13px;	
	font-weight:300;
}   


.product-content
{
	background-color:#FFFFFF;
	text-align: center;
	padding: 0 15px;
}

.product-content h5
{
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 17px;
    color: #1b2f521b2f52;
    height: 60px;
    overflow: hidden;
}


.product-content h3
{
    margin-top: 0px;
    margin-bottom: 10px;
    font-size:14px;
    text-transform:capitalize;
    color:#a6a6a6;
}



.smile
{
	 text-align:center;
	 margin:20px 0 20px 0;    
	 font-size: 25px;    
     font-weight: 600;
     color:#ae925d;
}


.smile img
{
    width:100px;
    margin:auto;
    display:block;
    margin-bottom:15px;
}

.smile span {
    color: #211e1f;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 5px;
    display: block;
}


.bill-data {
    margin-bottom: 5px;
    color: #211e1f;
}



.gold-box
{
	background-color:#ae925d;
	padding:15px 0;
	text-align:center;
	border-bottom:1px #e5e5e5 dashed;
	margin-bottom: 20px;
}


.gold-box .est
{
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom:7px;
    color:rgba(255, 255, 255, 0.52);
}

.gold-box .est2
{
    text-transform:capitalize;
    font-size:15px;
    color: #fff;
    font-weight: 500;
}


.track-off
{
	background:url('../images/line-track-off.png') no-repeat left 15px ,url('../images/line.png') no-repeat left bottom;    
	background-size:25px,25px;    
	opacity: 0.3;
}
.track-on
{
	background:url('../images/line-track-on.png') no-repeat left 15px ,url('../images/line.png') no-repeat left bottom;    
	background-size:25px,25px;    
    opacity: 1;    
}

.track
{
    padding: 10px 35px 10px 0;
    padding-left: 50px;
    height: 105px;
    margin: 5px 0 0 0;
}

.track img
{
	 float:left;
	 margin-right:20px;
	 height:80px;
}

.track .headline2
{
	 font-size:18px;
	 margin-bottom:10px;
}

.track .headline2 span
{
	 font-size:13px;
	 display:block;
	 margin-top:5px;
}


.info {
    margin-top: 20px;
}

.order-font
{
	 text-transform: capitalize;
	 font-weight:400;
	 margin-bottom:12px;    
	 font-size: 14px;

}

.order-no
{
    font-size: 14px;
    color: #ae925d;
    font-weight: 400;
    margin-bottom: 12px;
}

.order-color
{
	color:#ae925d;
	font-weight:bold;
	margin-bottom:12px;
	text-transform:capitalize;
	font-size:18px;
}

.recipe-img
{
	width:100%;
	object-fit:cover;
	margin-bottom:20px;
}


.lable-white
{
    background-color: #1b2f52;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    margin:20px 0;
}

.lable-white i
{
    padding-right: 5px;
    font-size: 35px;
    float: left;
    margin-right: 20px;
    color:#ffffff99;    
    margin-top: 5px;
}


.grid figure {

    background-position: bottom;
}


.amazingslider-img-elem-1{
	    padding: 42px;
/*margin-top:unset!important;*/
/*max-width: 75%!important;*/
max-width:100%!important;
height:auto!important;
}


img.amazingslider-thumbnail-elem.amazingslider-bullet-img-1 {
   /* margin-top: -8px !important;*/
       padding: 11px;
}
.amazingslider-bullet-selected {
    height: 87px !important;
}


.amazingslider-bullet-image-1 {
    height: 86px !important;
}

.amazingslider-bullet-img-1
{
/*height: 100%!important;*/
/*margin-top:unset!important;*/
/*width:unset!important;*/

width: auto !important;
    max-width: 100% !important;
    height: auto !important;

}
.amazingslider-nav-container-1
{
/*padding-right: 105px;*/
}


::placeholder {
    color: #1b2f52 !important;
}



div#ContentPlaceHolder1_TSKUCode {
    font-size: 15px;
}


h3#ContentPlaceHolder1_A_Title {
    text-transform: uppercase;
}

.content-inner.wow.fadeInUp.animated {
   // background-color: #0088c030;
}


.member {
        width: 74px;
    height: 203px;
    position: absolute;
    top: 1138px;
    left: 7px;
    z-index: 9999999;
    background-color: #FFFFFF;
    border-radius: 37px;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 75%);
	
}


.titlefooter {
    color: #ffffff;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}

#mydivheader {
    cursor: move;
    z-index: 1000;
}


.recipesimg{

    margin-left: 9px;
    margin-top: 31px;
    width: 84%;
}  



.h3rec{
    color: #896748;
    font-size: 34px;
    text-align: center;
}







.text-recipes{

text-transform: uppercase;
}

button.buttonfx.curtaindown a:hover {
color:#fff;
text-decoration: none;
}


.whatsapp {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 999;
}





/* Button */


.buttonfx{
    color: #1b2f52;
    outline: none;
    background: transparent;
    border: none;
    border-bottom: 4px solid #eee;
    letter-spacing: 0;
    padding: 8px 10px;
    text-transform: capitalize;
    line-height: 2;
    position: relative;
    font-size: 16px;
    width: 100%;
    font-weight: 600;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    transition: all .5s;
}

/* //// Default effect: Slide from Top  //// */

.buttonfx:before,
.buttonfx:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: #1b2f52; /* onhover background color */
  z-index: -1;
  transform: translate3D(0,-100%,0); /* move elements above button so they don't appear initially */
  transition: all .5s;
}

.buttonfx:before{
  background: #1b2f52; /* button default background color */
  z-index: -2;
  transform: translate3D(0,0,0);
}

.buttonfx:hover{
	color: white;
}

.buttonfx:hover:after{
  transform: translate3D(0,0,0);
  transition: all .5s;
}

  

/* //// Curtain Down  //// */

.curtaindown{
  border: 1px solid #eee;
  border-bottom: 4px solid #eee;
}

.curtaindown:before,
.curtaindown:after{
  background: #1b2f52;
  transform: translate3D(0,-100%,0);
}

.curtaindown:after{
  transform: translate3D(0,100%,0);
}

.curtaindown:hover:before,
.curtaindown:hover:after{
  transform: translate3D(0,-50%,0);
  transition: all .5s;
}

.curtaindown:hover:after{
  transform: translate3D(0,50%,0);
}

button.buttonfx.curtaindown a {
   color:#1b2f52;
font-weight: 700;
}


.Recipes ul li a:hover img {
    height: 277px;
    transition: transform .3s;
    width: 222px;
    border: 1px #CCCCCC solid;
    object-fit: cover;
    transform: scale(1.5);
}




.buttonfx a:hover {
    color: white;
}

.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}


.box-item2 {
height: 246px;
    visibility: visible;
    box-shadow: 0 0 12px #286da8;
    padding: 15px;
    line-height: 22px;
    margin-top: 30px;
    border-radius: 3px;
    background-color: #fff;
    font-size: 14px;
}

.title-App4 {
    /*color: #286da8;*/
color:#826939!important;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    height: 60px;
}

.text2 {
   /* height: 176px;*/
    height: 100%;
    text-align: center;
}


.about-p {
  
    margin-bottom: 33px;
}


.pattern-line {
    position: relative;
    overflow: hidden;
}

.intro.intro-1 .main-header {
    margin-bottom: 73px;
}

.pattern-line span {
    background: #fff;
    position: relative;
    padding: 0 10px;
    z-index: 500;
}

.main-header {
   
    color:#9b7f49;
    margin: 10px 0 40px;
}

.pattern-line:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #9b7f49;
    height: 2px;
    width: 95%;
    max-width: 550px;
    z-index: 5;
}
.main-header.who-are-line:after {
    max-width: 500px!important;
}

.pattern-header:before, .pattern-line:after {
    content: '';
}

.pattern-line.bg-color1 span {
    background: #9b7f49;
    color: #fff;
}


.pattern-line.bg-color1:after {
    background-color: #fff;
}

.service-wrap .icon {
    background-color: transparent;
    background-size: cover;
    height: 100%;
}

.service-wrap .icon>img {
      position: relative;
  /*  left: 50%;*/
   /* -ms-transform: translateX(-50%);*/
   /* transform: translateX(-50%);*/
}


.service-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    /* width: 655px; */
    width:1116px!important
}

@media (min-width: 576px){
.service-wrap {
    width: 520px;
}}


.service-wrap .service-item {
    margin: 0 15px 30px;
    /* height: 230px; */
    /* width: 230px; */
    height: 150px;
    width: 150px;
    border-radius: 15px;
    background-color: #eee;
    background-size: contain;
    transition: .4s ease-in-out;
    cursor: pointer;
}

 .section2{
      /*background-color: #0c316d!important;*/
  border-radius: 0px!important;
 }

.col-md-12.bg-aboutus {
    color: #ffffff;
    /* margin-right: -12px; */
    /* margin-left: -190px; */
    width: 100%;
    background-color: #1b2f52;
}


.nav ul ul span {
	font-weight: 400;
    color: #274664 !important;
}



@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}

.about-img {

  -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}


span.padding-about {
    padding-left: 53px;
}

.padding-about p {
    padding-left: 49px;
}




@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.service-wrap .section2 .icon>img:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}


.master{
    padding-right: 54px;
	}

	
	video.video-fluid {
    width: 100%;
}

    ol.breadcrumb.breadcrumb-style {
        padding: 0px 0 29px 0!important;
      /*  margin-bottom: 0px!important;*/
      /*  margin-top: -110px!important;*/
    padding: 0px 0 7px 0;
    margin-bottom: -52px;
    margin-top: -11px;
    margin-bottom: 33px;

	
    }

.div-border2 {
    display: none;
}


div#myModal3 {
	top: 30%!important;
        position: fixed;
 display: block;
    }
	
	
div#myModal 
{
	    top: 30%!important;
        display: block;
        position: fixed;
}


.html5-elem-box {
    height: 60% !important;
    margin: 88px auto !important;
}

.content-inner.wow.fadeInUp.content2.animated a {
    text-transform: uppercase!important;
}

div#ContentPlaceHolder1_Pvurl {
    margin-top: 123px;
}


.col-md-6.sizes {
    display: none;
}

a.addWishlist {
    display: none;
}
a.btn-header.btn-career.AddtoCart {
    display: none;
}


div#ContentPlaceHolder1_Psizes {
    display: block !important;
}

span#ContentPlaceHolder1_DivRealprice {
    display: none;
}

.col-md-3.col-sm-3.col-xs-12.sort-price {
    display: none;

}

.row.quantity {
    display: none;
}



.img-gallery img {
    height: 180px;
    width: 100%;
}


b.ES2024 {
    display: none;
}