/* My changes */
/* style.css replace #C7B270 with #AF9482 */

.header-top { border-bottom: 1px solid #f1f1f1;  background-color: #AF9482; padding-top:10px}
.breadcrumb-area {background:#f6f4ef}

.header-top-left > ul > li {font-size:13px}
.header-top-right > ul > li > a, .slider-content h2, .slider-content h1 {text-transform:none}
.header-top-right > ul > li > a i {margin-right:5px}
.header-top-left > ul > li, .header-top-right > ul > li{padding:0}

.alert-header{background-color:#83746A; color:white;width:100%;}
.alert-header a{background-color:black;color:white;padding:3px 8px;border-radius:5px;margin:0 10px}
.alert-header p{color:white;width:100%;font-size:14px;padding:12px;font-weight:bold;text-align:center;margin:0;
		animation: HeaderAnimate 3s ease 0s 1 normal forwards;}
@keyframes HeaderAnimate {
	0% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateY(-45px);
	}

	24% {
		opacity: 1;
	}

	40% {
		animation-timing-function: ease-in;
		transform: translateY(-24px);
	}

	65% {
		animation-timing-function: ease-in;
		transform: translateY(-12px);
	}

	82% {
		animation-timing-function: ease-in;
		transform: translateY(-6px);
	}

	93% {
		animation-timing-function: ease-in;
		transform: translateY(-4px);
	}

	25%,
	55%,
	75%,
	87% {
		animation-timing-function: ease-out;
		transform: translateY(0px);
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0px);
	}
}

.mean-container .mean-bar { background: #AF9482 none repeat scroll 0 0;} /* mobile menu bg */
.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li li a{ font-size:15px;letter-spacing:1px}
.mean-container .mean-nav ul { max-height: none;}
	
.bg-image-test {    background-image: url(../img/slider/test.jpg);}
.boldtext{border: solid 2px #AF9482;font-weight:bold;font-size:20px;padding:10px;text-align:center;font-weight:bold;margin:10px 0 20px 0}
div.errorDiv{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#FFF;padding:0;margin:10px 0;
border:solid 1px #C0C0C0;text-align:center;font-weight:bold;background-color:#EA645D}

.flex-img-right{float:right; width: 30%; margin-left:20px; margin-bottom:20px}
.flex-img-left{float:left; width: 30%; margin-right:2%; margin-bottom:2%}

/* mobile img below*/
	/* show full height of image, adjust width.  */
/*.bg-image-0 {background-image: url(../img/slider/xmas-2022.jpg);background-repeat: no-repeat;background-size: auto 100%;background-position: center center;}*/
.bg-image-0 {background-image: url(../img/slider/20-years-jewellery.jpg);background-repeat: no-repeat;background-size: auto 100%;background-position: center center;}
.bg-image-1 {background-image: url(../img/slider/horsehair-necklaces.jpg);background-repeat: no-repeat;background-size: auto 100%;background-position: center center;}
.bg-image-2 {background-image: url(../img/slider/leather-horsehair-bracelets.jpg);background-repeat: no-repeat;background-size: auto 100%;background-position: center center;}
.bg-image-3 {background-image: url(../img/slider/horseshoe-heart-horsehair.jpg);background-repeat: no-repeat;background-size: auto 100%;background-position: center center;}
.bg-image-4 {background-image: url(../img/slider/Photo-Charm-Horsehair-Bracelet.jpg);background-repeat: no-repeat;background-size: auto 100%;background-position: center center;}
/*.bg-image-5 { do not use, it is the testimonial background  }*/
/* Xmas - check proddetail.php. In categories admin, horsehair categories: <p class="boldtext animated heartBeat">Orders for horsehair items re-open 27th December 2019</p> */

.white {color:white}
.black {color:black!important}
.slider-content{width:770px}
.slider-content h2 {font-size: 30px;}
.slider-content p{font-size:16px; padding:10px 0}
.fullscreen-top{padding:100px 0 300px 0}

.slider-bg{background-color:rgba(216, 205, 183, 0.8); padding:0 5px;}

.dark-black-bg h2, .dark-black-bg h4, .dark-black-bg p {color:white}
.dark-black-bg h4.pro-title a {color:#FFD100!important}
.dark-black-bg span.price  {color:#FFD100!important}
.dark-white-bg{background:#AF9482}

h1,h2,h3{font-weight: 700; line-height: 1;text-transform:none;}
h1{ font-size: 28px;margin: 15px 0 15px 0;}
h2{ font-size: 24px; margin: 15px 0 10px 0; }
h3{ font-size: 20px; font-weight: 500;}

p, li, td {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0.6em;
}
.team-info p{text-transform:none}	

.contact-form input {margin-bottom:0}

.brand-area ul{list-style-type:disc;padding-left:10px;margin-left:10px;font-size: 14px; font-weight: 400; line-height: 24px;margin-bottom:0.6em}

.small-btn a {background: #AF9482;color:white}
.small-btn a:hover {background: #F9F9F9;color:black}
	
.nice-select, input.detailprodoption {
    /*-webkit-tap-highlight-color: transparent;*/
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    /*cursor: pointer;
    display: block;
    float: left;*/
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    /*height: 20px;
    line-height: 25px;*/
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    white-space: nowrap;
    /*width: 30%;*/
}
option:hover, option:checked{box-shadow: 0 0 10px 100px #f6f4ef inset;}

/* Mailigen Newsletter */
.mailigen {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    height: 760px;
    left: 0;
    margin: auto;
    max-width: 450px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}


.MG-placeholder-1551367088876,.MG-placeholder-1551367088876 .subtext a,
.MG-placeholder-1551367088876 .formfields input.text,.MG-placeholder-1551367088876 .formfields select.text, .MG-placeholder-1551367088876 .formfields textarea.text {
font-family:Arial, Helvetica, 'sans-serif';
font-size:13px;
}
    .MG-placeholder-1551367088876,.MG-placeholder-1551367088876 .subtext a {
        color:#37334a;
    }
.MG-placeholder-1551367088876 {
padding:0px;
}
.MG-placeholder-1551367088876 .clear {
clear:both;
height:0px;
line-height:0px;
font-size:0px;
overflow:hidden;
}
.MG-placeholder-1551367088876 a {
color:#009cff;
}
.MG-placeholder-1551367088876 a:hover {
text-decoration:none;
}
.MG-placeholder-1551367088876 p {
line-height:18px;
}
    .MG-placeholder-1551367088876 .reset-font {
        font-size:0px;
        line-height:0;
        height:0px;
        margin:0;
        padding:0;
    }
.MG-placeholder-1551367088876 .formfields {
position:relative;
background-color:#FFFFFF;
border-style:none;
width:410px;
word-wrap: break-word;
margin:auto;
}
.MG-placeholder-1551367088876 .formfields,
.MG-placeholder-1551367088876 .formfields input.text,.MG-placeholder-1551367088876 .formfields select.text, .MG-placeholder-1551367088876 .formfields textarea.text {
border-width:5px;
border-color:#DDDDDD;
border-radius:4px;
}
.MG-placeholder-1551367088876 .formfields h1 {
margin:0 0 5px 0;
padding:20px 20px;
background-repeat:repeat; background-position:50% 0px; background-color:#FFFFFF;
color:#37334a;
font-size:20px;
        font-family:Arial, Helvetica, 'sans-serif';
font-weight:normal;
}
.MG-placeholder-1551367088876 #mg-footer {
background-repeat:repeat; background-position:0px 0px; background-color:#F0F0F0;
height:0px;
line-height:0px;
}
.MG-placeholder-1551367088876 #logo {
background-image:url(https://list.mailigen.com//upload/user/96095/images/smaller_free_guide_image.png); background-repeat:no-repeat; background-position:50% 0px; height:156px;
width:410px;
margin:5px auto;
} .MG-placeholder-1551367088876 .formfields .ffields {
margin:0px 20px 5px;
}
.MG-placeholder-1551367088876 .formfields .ffields input.submit, .MG-placeholder-1551367088876 .formfields .ffields button, .MG-placeholder-1551367088876 .formfields .ffields a.button {
    background-color: #fecf2f;
    border: 2px none #DDDDDD;
    border-radius: 2px;
        color: #FFFFFF;
    font-family: Arial, Helvetica, 'sans-serif';
font-size: 14px;
padding:12px 20px;
        font-weight: bold;
}
    .MG-placeholder-1551367088876 .formfields .ffields a.button {
        display: inline-block;
        text-decoration: none;
    }
    .MG-placeholder-1551367088876 .mg_email_button {
        display: inline-block;
        width: 100%;
    }
    .MG-placeholder-1551367088876 .mg_email_button table {
        overflow: hidden;
        border-radius: 2px;
        background-color: #fecf2f;
                border-width:2px;
        border-color:#DDDDDD;
        border-style:none;
            }
    .MG-placeholder-1551367088876 .mg_email_button td {
        padding: 12px 20px;
    }
    .MG-placeholder-1551367088876 .mg_email_button a {
        color: #FFFFFF;
        display: block;
        font-family: Arial, Helvetica, 'sans-serif';
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        padding: 0;
    }
.MG-placeholder-1551367088876 .formfields textarea.text,
.MG-placeholder-1551367088876 .formfields input.text, .MG-placeholder-1551367088876 .formfields select.text {
border-style:solid;
padding:5px;
width:95%;
display:block;
        height: 32px;
}
.MG-placeholder-1551367088876 .formfields textarea.text {
        width:97%;
    }
.MG-placeholder-1551367088876 .bforms {
}
.MG-placeholder-1551367088876 .bforms .tr {
clear:both;
margin-bottom:18px;
float:left;
width:99%;
}
.MG-placeholder-1551367088876 .bforms .tr .c1 {
padding-bottom:3px;
width:100%;
font-weight:bold;
}
    .MG-placeholder-1551367088876 .bforms .tr .c1 .subscribed-email {
        font-weight: normal;
    }
.MG-placeholder-1551367088876 .bforms .tr .c2 {
width:100%;
}
.MG-placeholder-1551367088876 .bforms .tr .c3 {
float:left;
width:4%;
display:none;
}
.MG-placeholder-1551367088876 .subtext, .MG-placeholder-1551367088876 .subtext a {
font-size:11px;
}
.MG-placeholder-1551367088876 .subtext {
margin:0px auto;
opacity:0.4;
filter:alpha(opacity=40);
position:absolute;
left:0px;
bottom:-20px;
width:100%;
}
.MG-placeholder-1551367088876 .subtext-position {
position:relative;
}
.MG-placeholder-1551367088876 .subtext-position .subtext {
top:5px;
}
.MG-placeholder-1551367088876 .subtext a {
text-decoration:none;
}
.MG-placeholder-1551367088876 .subtext a:hover {
text-decoration:underline;
}
.MG-placeholder-1551367088876 .formfields .button {
text-align:left;
}
.MG-placeholder-1551367088876 .error {
color:#d00;
}
.MG-placeholder-1551367088876 #error {
text-align:center;
color:#d00;
}
.MG-placeholder-1551367088876 .hidden {
display:none;
}
.MG-placeholder-1551367088876 .mg_embed_close {
font-size:0px;
background-image:url(https://list.mailigen.com/img/lightbox-close.png);
background-repeat:repeat;
background-position:0 0;
background-color:transparent;
background-attachment:scroll;
width:42px;
height:42px;
text-decoration:none;
position:absolute;
top:-24px;
right:-24px;
}
.MG-placeholder-1551367088876 .lists-wrapper {
margin: 10px 0 0 0;
padding: 10px 10px 0 10px;
}
    .MG-placeholder-1551367088876 .lists-wrapper-scroll {
        border: 5px solid #DDDDDD;
        max-height: 100px;
        overflow-y: scroll;
    }
.MG-placeholder-1551367088876 .lists-wrapper .lists-element label i {
margin-left: 28px;
        display: block;
}
.MG-placeholder-1551367088876 .lists-wrapper .lists-element .list-element-checkbox {
height: 16px;
width: 16px;
}
.MG-placeholder-1551367088876 .formfields #mg-content {
margin-bottom: 20px;
}
            .MG-placeholder-1551367088876 .subscribe {
            background: transparent !important;
        }
        .MG-placeholder-1551367088876 #subscribe {
            background: transparent !important;
        }
        .MG-placeholder-1551367088876 .subtext, .MG-placeholder-1551367088876 .subtext a {
            color: #ffffff;
        }
		
.require {
    color: #37334a;}
	
/* end mailigen */


@media (max-width: 991px) {
	.fullscreen::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  }
	.flex-img-right{width: 50%; margin-left:20px}
	 }
		
@media (max-width: 767px) {
    div.header-top{display:none}
	.nice-select/*, input.detailprodoption */{width:100%}
	
	/* show full height of image, adjust width. Make image 800 x 550 */
	/*.bg-image-0 {background-image: url(../img/slider/xmas-2022-mobile.jpg);}*/
	.bg-image-0 {background-image: url(../img/slider/20-years-jewellery-mobile.jpg);}
	.bg-image-1 {background-image: url(../img/slider/horsehair-necklaces-mobile.jpg);}
	.bg-image-2 {background-image: url(../img/slider/leather-horsehair-bracelets-mobile.jpg);}
	.bg-image-3 {background-image: url(../img/slider/horseshoe-heart-horsehair-mobile.jpg);}
	.bg-image-4 {background-image: url(../img/slider/Photo-Charm-Horsehair-Bracelet-mobile.jpg);}
	/* .bg-image-5 do not use */
	.fullscreen {padding: 90px 0; }
	
}

@media (max-width: 480px) {
	
	.slider-content h1 {font-size: 22px;}
	.slider-content h2 {font-size: 18px;}
	
	.flex-img-right{float:none; width: 100%; margin:20px 0}
	.flex-img-left{float:none; width: 100%; margin:20px 0}
}