@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	height:100%;
	/*min-height:100vh;*/
	font-family: Helvetica, sans-serif;
	background-color: #FFF;
}
a {
	text-decoration:none ;
	color: inherit;
}

.content {
	min-height:100vh;
	width: 100%;
	text-align:center;
	xpadding-top: 0vh;
	padding-left: 0px;
	xtop: 0.8vw;
	position: relative;  /*changed from absoute when footer was added! */
  background-color:#ccc;
  background-color:rgba(0,0,0,0.1);
}
.ProductContent {
	min-height:100vh;
	width: 100%;
	text-align:center;
	padding-left: 0px;
	top: 15vw;
	position: relative;  /*changed from absoute when footer was added! */
	background-color: #fff;
}
#container {
  padding-top:0px; 
  width:100%;
  xmax-width: 1280px;
	margin:auto;
	overflow: hidden;
  text-decoration:none;
}
.pageBody{
  width: 80%;
  margin: auto;
}
.infoContainer{
  margin-top: 9vw;
}
.productContainer{ 
  width:90%;
  max-width: 900px;
  box-sizing: border-box;
  padding: 10px;
	margin:auto;
	overflow: hidden;
  text-decoration:none;
}
.content h2{
	padding-bottom: 20px;
	width: 80%;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	/*font-style: italic;*/
	font-weight: 500;
	font-size: 2.2vmax;
	line-height: 2rem;
	/*font-size: 1.2em;*/
	color: #666666;
}
.notice{
  margin-top: -40px;
  background: rgba(220,220,220,1);
  border: 15px solid  rgba(150,0,0,1);
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 20px;
}

.notice h1{
  color: rgba(150,0,0,1);
}
.notice h2{
  margin-top: 20px;
  text-align: justify;
}
.notice .EtFk-icon{
  margin-top: -30px;
}
.notice .EtFk-icon img:hover{
  xbackground: rgba(150,0,0,0.1);
  transform: translateY(-5px);
}
.notice h2 a:hover{
  background:#999;
  color: #000;
  padding-left: 5px;
}
/* header */
.fixHeader {
	width:100%;
	position:fixed;
  z-index: 3000;
}
.header{
    /*background-color: #ddd;
    box-shadow: 1px 1px 4px rgba(0,0,0,.3);
    position: fixed;*/
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 1000;
}
.header h1{
  /*position: absolute;*/
  position: fixed;
  color:#827f80;
  padding-top:2.7vw;
  padding-left:37vw;
  padding-right:20px;
  /*font-family: 'Libre Baskerville', serif;*/
  /*font-family: 'EB Garamond', serif; */
  font-family: 'Baskervville', serif; 
  font-style: italic;
  font-size: 2.2vw;
  font-weight:70;
  letter-spacing: 1px;
  line-height: 2.2vw;
}
.header .scrolltext h1{  
  position: absolute;
}

.productpage h1{
  position:absolute;
  color:#827f80;
  padding-top:1.6vw;
  padding-left:37vw;
  font-family: 'Baskervville', serif; 
  font-style: italic;
  font-size: 2vw;
  font-weight:70;
  letter-spacing: 1px;
  line-height: 2.2vw;
}
  /*
  */

.header ul{
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.header .dropdown-ul{  
    clear: both;
    max-height: 0;  /* Max-height rule wil menu expand on click event */
    xtransition: max-height .2s ease-in;
}
/* */
/*menu items icon and button */
.header .menu-icon{
  padding: 28px 20px;
  position: relative;
  float: left;
  cursor: pointer;
}

.header .menu-icon .nav-icon{
  background: #333;
  display: block;
  height: 2px;
  width: 18px;
  position: relative;
  transition: background .2s ease-out;
}

.header .menu-icon .nav-icon::before{
  background: #333;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top:  5px;
  transition: all .2s ease-out;
}
.header .menu-icon .nav-icon::after{
  background: #333;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -5px;
  transition: all .2s ease-out;
} 
/**/
/* navbar */
.navbar{
  width: 100%;
  margin-top: 0px;
  background: rgba(0, 0, 0, 0);
  height:auto;
}
.navbar :hover{
  background: rgba(0, 0, 0, .2);
  height:auto;
  width: 100%;
  z-index: 2000;
}

.navbar ul{ 
  display: block ; 
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

.navbar ul li{ /* same for all screns */
  position: relative;
  /*line-height:0.6;
  font-size:12px;*/
  font-size:2vw;
  list-style:none;
  font-family:Arial, Helvetica, sans-serif;
  border-bottom: 1px solid rgb(210, 210, 210);
}
.navbar ul img{
  width: 60%;
}
.xxnavbar img :hover{
  background: rgba(0, 0, 0, 0);
  margin-left: 30px;
  width: 60%;
}
.navbar ul li a { /* same for all screns except */
  display: inline-block; /* display applied here */
  color: #ddd;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 15px;
  transition: all ease 0.3s;
}
.navbar ul li a:hover{
  background-color: rgb(200, 200, 200);
  color: black;
  /*color:#CC9900 !important;*/
}

/*======pageNav=======*/

.pageNav{
  height:auto;
  width: 100%;
  background-color: #827f80;
}
.pageNav ul{
  position:relative;
  color: #000;
  background-color: #827f80;
  top:0;
  height:auto;
  display: flex; 
  justify-content: space-around;
  align-items: center;
  width: 100%;
}
.pageNav ul li{ /* same for all screns */
  position: relative;
  font-size:3.4vw;
  list-style:none;
  font-family:Arial, Helvetica, sans-serif;
  border-bottom: 0px solid rgb(210, 210, 210);
}
.pageNav ul li a { /* same for all screns except */
  display: inline-block; /* display applied here */
  color: #ddd;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 15px;
  transition: all ease 0.3s;
}

.pageNav ul li a { /* same for all screns except */
  padding: 7px 10px;
}

.pageNav ul li a:hover{
  background-color: rgb(200, 200, 200);
  color: black;
}

.pageNav :hover{
  width: auto;
  background-color: rgba(0, 0, 0, 0);
  xbackground-color: #827f80;
  }
 
  .xpageNav ul li a:hover{
  padding-left: 10px;
  margin-left: 0px;
  color: black;
  }

/*=============*/
.navbar-page{	
  width: 100%;
  margin-top: 10px;
  background: rgba(0, 0, 0, 0);
  height:auto;
}
.header .menu-btn:checked ~ .dropdown-ul{
  max-height: 380px;
  background: rgba(0, 0, 0, 0.5);
  transition: all .2s ease-in;
}

.header .menu-btn{
display: none;
}
.header .menu-btn:checked ~ .menu-icon .nav-icon{
  background: transparent;
}
.header .menu-btn:checked ~ .menu-icon .nav-icon:before{
  transform: rotate(-45deg);
  top: 0;
}

.header .menu-btn:checked ~ .menu-icon .nav-icon:after{
  transform: rotate(45deg);
  top: 0;
}
 
.dropdown-ul ul {
  font-size:14px;
  font-style: italic;
  display:none;
  margin: 0px 0px;
  padding-left: 20px;
}
.dropdown-ul li:hover ul {
   display:block;
   width: auto;
}
/* Mainbody */
.subheading{
  margin-top: 20px;
  xmargin: 20px 20px 0 20px;
  xbackground:  rgba(150,150,150,0.2);
  xborder: 5px solid  rgba(150,150,150,1);
  xborder-radius: 40px 0 40px 0;
  }
.subheading h2{
  color:#666;
  padding-top:10px; 
  font-family: 'Baskervville', serif; 
  xfont-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  xfont-family: Arial, Helvetica, sans-serif;
  text-align:center;
  font-style: italic;
  xline-height: 3.5vw;
  xfont-size: 3.5vw;
  font-size: 1.7em;
  font-weight: 400;
  margin-bottom: 10px;
}  
.subheading h3{
  xmargin-top: -20px;
  text-align:left;
  color: #000;
  xfont-family: 'Baskervville', serif; 
  font-size: 1.5em;
  padding: 0px 55px 0 55px;
  font-style: italic;
  font-weight: 350;
  line-height: 1;
  margin-bottom: 30px;
}
.subheading h4{
  color: #000;
  font-size: 1.2em;
  padding: 0px 55px 0 55px;
  xfont-family: 'Baskervville', serif; 
  text-align:left;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 10px;
}
.sectionHead{
  display: flex;
  justify-content: flex-start;
  background: #787878;   
  width:100%;	
  xborder-radius: 0 50px 50px 0px;
  xborder-radius: 50px 50px 0px 0px;
  margin: 1vw 0;
  padding: 5px 0;
  text-align: center;
  height: 4vmax; 
  max-height: 30px;
}
.sectionHead :hover{
  color: #fff;
}
.sectionColIndex{
}
.titlebar{
	background: #787878;  
}
.sectionHead h3{
  color:rgb(210, 210, 210); 
  font-family:Arial, Helvetica, sans-serif;
  padding: 8px 0px 5px 15px;
  font-size: 4vw;
  letter-spacing: 0.5rem;
  font-weight: 500;
}
.sectionHead h4{

}
.pageHeader{
  width: 100%;
  border-radius: 10px;
   /*margin-top: 6vmax; */
  margin-top:9vmax;
  margin-bottom: 1vw;
}
.sectionHead .arrow{
  border-right: 0.2rem solid rgb(210, 210, 210);
  border-top: 0.2rem solid rgb(210, 210, 210);
  height: 2vw;
  margin: auto 0;
  width: 2vw;
  transform: rotate(45deg);
}
.navbar .arrow{
  border-right: 0.2rem solid rgb(210, 210, 210);
  border-top: 0.2rem solid rgb(210, 210, 210);
  height: 2vw;
  margin: 5px;
  width: 2vw;
  transform: rotate(-45deg);
}
.navUp {
  xfloat: right;
  text-align: center;
  xdisplay: inline-block;
  width: 100%;
  margin: auto;
}
.navUp img{
  text-align: center;
  width: 4vw;
  height: auto;
}
.navUp-l {
  float: left;
  margin-top: 0px;
}
.navUp-r {
  float: right;
  margin-top: -25px;
}
.pageScroll img{
  padding: 0 20px;
}
.pageScroll-about {
  float: center;
  margin-bottom: -30px;
}
.pageScroll-about_l {
  float: left;
  margin-top: 0px;
}
.pageScroll-about_r {
  float: right;
  margin-top: 0px;
  padding: 0px;
}
.sectionTitle{
  text-align: center;
  padding: 6px 20px 3px;
  border: 1px solid #787878;  
  border-bottom: 0 solid #787878;  
  margin-top: 10px;
  border-radius: 15px 15px 0 0;
}
.sectionTitle h2{
  letter-spacing: 0.6em;
  color: rgb(82, 80, 80);
}
.sectionTitle .arrow{
  border-right: 0.2rem solid rgb(210, 210, 210);
  border-top: 0.2rem solid rgb(210, 210, 210);
  height: 2vw;
  margin: 5px;
  width: 2vw;
  transform: rotate(-45deg);
}
.subtitle{
}

/* Mainbody */

.sliderwrap{
  position:relative;
  margin-top:9vw;
}
/*Product Page */
.instruction {
	position: relative;
	margin-top:-20px;
	font-style: italic;
	font-size: 14px;
	color:#666;
}
.formText {
	font-size: 9px;
	color: #FFFFFF;
	line-height: 11pt;
	width: 155px;
	font-weight: lighter;
	padding: 0px;
}

.checkoutForm {
	position:relative;
	margin-top: 20px;
	margin-bottom: 0px;
	font-style: italic;
	font-size: 14px;
	color:#666;
}
.checkoutForm .Postage {
	position:absolute;
	margin-top:5px;
	xpadding-bottom:10px;
	xpadding-top:10px;
	xbackground:#09F;
}
.checkoutForm select{
	xfloat:left;
	xmargin-left:100px;
	xpadding-right:10px;
	xmargin-bottom: -30px;
}
.popupInfo {
	position:relative;
	xfont-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.3 ;
}  
.popupInfo i{
	font-size: 12px;
	color:#666666;
	font-weight:lighter;
}
.popupInfo span {
	text-align:left;
	position:absolute;
	left: -9999px;
	visibility: hidden;
	opacity: 0;
	background:rgba(250,250,250,.2);
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.xpopupInfo span img {
	width:100%;
	margin-bottom:5px;
}    
div.popupInfo:hover{
	z-index: 999;
	cursor:pointer;
}    
div.popupInfo:hover span{
	visibility: visible;
	opacity: 1;
	background:#FFFFFF;
	top: -180px;
	left: 150px;
	padding:15px;
	border:#333333;
	border: 2px solid #666;
	border-radius:10px;
	z-index: 999;
	width:250px;
	height:auto;
	xtransition: all .2s ease-out;
}
.sizeGuide {
	position:relative;
	xfont-family: Verdana, Arial, Helvetica, sans-serif;
	xfont-size: 15px;
}  
.sizeGuide i{
	font-size: 12px;
	font-weight:lighter;
}
.sizeGuide h4{
  color: #666;
	font-weight:lighter;
  margin-top: 2px;
  margin-bottom: 7px;
	font-size: 12px;
}
.checkout{
	padding-top:10px;
}
.sizeGuide span {
	text-align:center;
	position:absolute;
	left: -9999px;
	visibility: hidden;
	overflow:hidden`;
	opacity: 0;
	background:rgba(0,0,0,.2);
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.sizeGuide span img {
	width:100%;
	margin-bottom:5px;
}    
div.sizeGuide:hover{
	z-index: 999;
	cursor:pointer;
}    
div.sizeGuide:hover span{
	visibility: visible;
	opacity: 1;
	top: -200px;
	left: 150px;
	z-index: 999;
	width:300px;
	height:266px;
}
/* Pagewrap*/
.pagewrap{
  max-width: 1260px;
  margin: auto;
  height: auto;
  min-height: 100%;
  position:relative;
  margin-top:2vw;
  margin-bottom: 1vw;
}
.pagewrap span {
  display: inline-block;
}
.pagewrap .textBio h3{
  color: #2e2d2d;
  text-align: left;
  line-height: 1.3;
  margin-top: 0px;
  font-size: 1em;
}
.pagewrap .textBio hr{
  margin-top: 5px;
  margin-bottom: -20px;
}
.pagewrap .textBio h2{
  text-decoration: underline;
  margin-bottom: -10px;
}
.pagewrap .textBio h4{
  color: #2e2d2d;
  text-align: left;
  line-height: 1.3;
  font-style: italic;
}
.pagewrap p{
  column-count: 2;
  -webkit-column-count: 2;
  column-gap: 50px;
  -webkit-column-gap: 50px;
  column-rule: 1px solid #aca8a8;
  -webkit-column-rule: 1px solid #aca8a8;
  text-align: justify;
}
.boldtype{
  color: #2e2d2d;
  font-size: 20px;
  font-style: bold;
}
.imgWrap {
  width: 67%;
  min-width:200px;
  padding: 5px 10px;
  float: right;
  shape-margin: 1rem;
  /*margin-right: 1.5em;*/
  shape-outside: url(../images/_about/Angelbiba_Hat.png);
}
.imgWrap_nck {
  width: 40%;
  min-width:200px;
  padding: 5px 10px;
  float: right;
  shape-margin: 1rem;
  shape-outside: url(../images/_about/necklace.png);
}
.imgWrap_sml {
  width: 45%;
  padding: 5px 10px;
  float: right;
  shape-margin: 1rem;
  /*margin-right: 1.5em;*/
  shape-outside: url(../images/_about/Angelbiba_Hat.png);
}
.imgRound {
  width: 67%;
  min-width:200px;
  padding: 0px 10px;
  float: left;
  shape-margin: 1rem;
  shape-outside: circle(50%);
}
.imgRound_sml {
  width: 45%;
  /*max-width: 280px;*/
  min-width: 180px;
  padding: 0px 10px;
  float: left;
  shape-margin: 1rem;
  shape-outside: circle(50%);
}
.imgRound_med-r {
  width: 55%;
  /*max-width: 280px;*/
  min-width: 250px;
  padding: 0px 10px;
  float: right;
  shape-margin: 1rem;
  shape-outside: circle(50%);
}
.imgRound_sml-l {
  width: 45%;
  /*max-width: 280px;*/
  min-width: 180px;
  padding: 0px 0px;
  float: right;
  shape-margin: 0em;
  shape-outside: circle(50%);
}
.imgRec {
  width: 67%;
  /*min-width:200px;
  padding: 5px 10px ;*/
  margin-left: 1em;
  float: right;
 }
 .imgRec-l {
  width: 67%;
  /*min-width:200px;
  padding: 5px 0;*/
  margin-right: 1em;
  float: left;
 }
 .imgRec_sml {
  width: 45%;
  /*min-width:200px;
  padding: 5px 10px ;*/
  margin-left: 1em;
  float: right;
 }
 .imgRec_sml-l {
  width: 45%;
  /*min-width:200px;
  padding: 5px 0;*/
  margin-right: 1em;
  float: left;
 }
 /* End Imagewrap */
.textBio{
  background: #ccc;
  width: 80%;
  margin: auto;
  line-height: 1.8em;
  padding: 20px 40px;
}
.textBio .textlegal{
  width: 100%;
  max-width: 1260px;
  text-align: center;
  padding: 20px;
}
.textLegal h4{
color: #2e2d2d;
text-align: left;
line-height: 1.3;
font-style: italic;
}
/* end pagewrap  */
.collectionIndex ul{
  clear: both;
  font-size: 1.4vw;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #827f80; /* #bbb;  #827f80;*/
  border-bottom: 1px solid #c1bebf;
}
.collectionIndex ul{
  display: flex;
}
.collectionIndex li{
  /*float: left;*/
  flex: 1;
  padding: 12px 20px;
  color:#827f80;
  line-height:0.5em;
  text-decoration: none;
}
.collectionIndex li a:hover{
  background-color: #aca8a8;
  color: #333;
}

.text-introduction{
  width: 80%;
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-family: 'Baskervville', serif; 
  line-height: 2.0rem;
  padding-top:10px;
  xpadding-bottom: 5px;
}
.text-introduction h3{
  width: 100%;
  margin: auto;
  xfont-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  xfont-family: Arial, Helvetica, sans-serif; 
  font-weight: 500;
  font-size: 3.1vmin;
  font-style: italic;
  text-align: justify;
}

/* ---- FOOTER ----- */
/*.clearfix::after {  
	content: '';
	display: block;
	clear: both;
}*/ /* what is this? */
.footer {
	width:100%;
	background: #fff;
	position:relative;
	border: 0px solid #c0c0c0;
	box-shadow: 0px 0px 10px 1px  rgba(30,30,30,0.21);
	bottom: 0px;
}
.footer a {
	text-decoration: none;
	color: inherit;
}
/* footer button */
.btn {
	padding: .5rem .1rem;
	background: #006669;
	color: white;
	font-size: .9em;
	border: 1px solid transparent;
	border-radius: .25rem;
}
.btn-big {
	padding: .4rem 1.7rem;
	line-height: 1.8rem;
}
.btn :hover {
	color: #c3dda5 !important;
	/*background: #c2e5a5;*/
	font-size: 1.2em;
}
.text-input {
	padding: .7rem 1rem;
	display: block;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	outline: none;
	color: #444;
	line-height: 1.5rem;
	font-size: 1.2em;
}
.footer h2, h3, h4, h5, h6{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: 300;
	color: #5c5b5b;
	margin: 0px;
}
.footer .footer-content{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #5b5c5b;
	border: 0px solid #c0c0c0;
	/*box-shadow:0px 0px 10px 1px  rgba(30,30,30,0.21);*/
	height: 280px;
	margin: auto;
	padding: 0 30px;
	display:flex;
	/*flex-wrap: wrap;*/
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 20px;
}
.footer .footer-content h1,
.footer .footer-content h2{
	color: rgb(97, 93, 93);
}
.footer .footer-content .footer-section{
	flex: 1;
	min-height: 220px;
	background-color:#fff;
	padding: 25px;
	border:2px solid #fff;
}
.footer .footer-content .about{
  flex: 1;
	font-size: .9em;
  font-style: italic;
  top: 0px;
  /*padding-bottom: 20px;*/
  text-align: justify;
	/*flex-grow: 1;*/
	/*order: 1;*/
} 
.footer .footer-content .about h1 span{ 
	color: #838683; 
	font-style: normal;
} 
.logo-text {
	font-family: 'Baskervville', serif; 
	font-size: 5vw;
	margin: 0;
  	font-weight:400;
 	letter-spacing: 1px;
}   
.footer .footer-content .info{
	/*display: block;*/
	font-size: .9em;
	line-height: 1.5;
	margin-bottom: 0px;
	/*flex-grow: 0;*/
	/*order: 0;*/
	/*flex-grow: 0;*/
}
.footer .footer-content .info ul{
	list-style: none;
	padding-left: 0;
}
.footer .footer-content .info .contact span{
	display: block;
	font-size: 1.1em;
	margin-bottom: 8px;
}
.footer .socmedia a{
	border: 0px solid #333333;
	width: 65px;
	position: relative;
	height: 31px;
	color: #666;
	padding: 5px 10px;
  margin-right: 0;
  margin-top: 10px;
	text-align: center;
	display: inline-block;
	font-size: 1.7em;
	border-radius: 5px;
	transition: all .3s;
}
.footer .socmedia a :hover {
	border: 1px solid #fff;
	color: rgb(240, 34, 34);
	transition: all .3s;
}
.footer .socmedia ul li{
	display: inline-block;
	/*padding: 0 15px;*/
}
.footer .socmedia img{
	width:70%;
}
.footer .footer-content .contact-form .contact-input{
	background: rgb(240, 235, 235);
	color: black;
	margin-bottom: 10px;
	/*bottom: 100px;*/
	line-height: 1.1rem;
	font-size: 1.1em;
	/*padding: .9rem 1.4rem;*/
	border: none;
}
.footer .footer-content .contact-form .contact-input :focus{
	background: rgb(180, 180, 178);
}
.footer .footer-content .contact-form .contact-btn {
	float: left;
}
.footer-links {
	color: #ff0000;
	text-align: center;
	font-style: italic;
	font-weight: 500;
	border-top: 1px solid #CCC;
	letter-spacing: 3px;
	/*box-shadow: 0px 0px 20px 1px  rgba(0,0,0,0.21);*/
	/*margin: auto;
	margin-bottom: 100px;*/
}
.footer-links ul {
	/*width: 100%;*/
	list-style: none;
	padding: 8px 0;
	margin: 0;
}
.footer-links ul li{
	display: inline-block;
	/*padding: 0 15px;*/
}
.footer-links a {
display: block; 
padding: 10px 15px;
color: #333;
text-decoration: none;
}
.footer-links li:hover > ul {
	display: block;
  }
  .footer-links ul :hover {
	color: #ccc;
	margin-left: 5px;
	transition: all .3s;
}
.footer-links .bottom{
	color: #000;
	background: #827f80; /*background-color:*/ #aca8a8; /*background: #bbb;*/
	font-size: .7em;
	font-weight: 80;
	letter-spacing: 2px;
	height: 20px;
	bottom: 0;
	padding: 10px 0;
}
.footer .footer-content .links ul a :hover {
	color: #fff;
	margin-left: 15px;
	transition: all .3s;
}
.footer .footer-bottom{
	background:#fff;
	color: #fff;
	width:100%;
	height:50px;
	text-align:center ;
	/*position:absolute;*/
	bottom:0px;
	left:0px;
	padding-top:20px;
}

/*
.sliderwrap{
  position:relative;
} */
/* MEDIA QUERIES - only screen and - If screen = ?px or less, apply following rules)*/
@media (max-width: 42em) { /* = 40em*/
.pagewrap p{
  column-count: 1;
  -webkit-column-count: 1;
 /* column-gap: 50px;
  -webkit-column-gap: 50px;
  column-rule: 1px solid #aca8a8;
  -webkit-column-rule: 1px solid #aca8a8;
  text-align: justify;*/
}.navbar ul li img{
  display: none;
}
  .footer {
    Padding-top: 10px;
    height: auto;
  }
  .footer .footer-content{
    height:auto;
    flex-direction: column;
  }
  .footer .footer-content{
    align-items: center;
    margin: 0;
  }
  .footer .footer-content .footer-section{
    display:block;
    /*flex: 1;*/
    height: auto;
    background-color:#fff;
    border:2px solid #fff;
  }
  .footer .footer-content .about{
    /*flex: 1;*/
    margin:0;
    background: rgb(231, 228, 228);
    border-radius: 15px;
    font-size: .9em;
    font-style: italic;
    border-bottom: 0px solid #999999;
  } 
  .footer .footer-content .about h1 span{ 
    color: #838683; 
    font-style: normal;
  }
  .footer .footer-content .about h1 span{ 
    color: #838683; 
    font-style: normal;
  }
  .footer .footer-content .info {
    width:70vw;
    display:block;
    height: auto;
    text-align:center;
    border-bottom: 1px solid #999999;
  }

    .footer .footer-content .contact-form {
      padding-bottom: 20px;
    }
    .footer .footer-content .contact-form .contact-input{
      width: 75vw;
  }
}
/* 48em = 768px @ 16pt font   (If screen = 40em or more apply following rules)*/
/* Desktop */

/* MEDIA QUERIES - only screen and - If screen = ?px or more, apply following rules)*/
@media (min-width: 42em) {     
  .header ul{
    overflow:visible;
  }
  .header .dropdown-ul{  
    max-height: 150px;  /* Max-height rule wil menu expand on click event */
    xtransition: max-height .2s ease-in;
  }
  .header .menu-btn:checked ~ .dropdown-ul{
    background: rgba(0, 0, 0, 0);
  }
  .navbar{
    height:auto;
    width: 100%;
    background-color: #827f80;
  }
  .navbar :hover{
  width: auto;
  background-color: rgba(0, 0, 0, 0);
  xbackground-color: #827f80;
  }
  /*}*/
  .dropdow-ul{
    height:auto;
  }
  .navbar ul{
    position:relative;
    color: #000;
    background-color: #827f80;
    top:0;
    height:auto;
    display: flex; 
    justify-content: space-around;
    align-items: center;
    width: 100%;
  }
  .navbar ul li{ /* same for all screns */
  border-bottom: 0px solid rgb(210, 210, 210);
  }
  .navbar ul li a { /* same for all screns except */
    padding: 7px 10px;
  }
  .navbar ul li a:hover{
  padding-left: 10px;
  margin-left: 0px;
  color: black;
  }
  .navbar .menu-icon{
    display: none;
  }
  .pageNav ul li{ /* same for all screns */
    font-size:2.4vw;
  }
  .dropdown-ul ul {
    position:absolute;
    xbackground: rgba(0, 0, 0, 0.5);
    background-color: #827f80;
    display:none;
    margin-top: 28px;
    padding: 8px 10px 3px 0;
    left: -120px;
    border-radius: 0px 0px 8px 8px;
  }
  .dropdown-ul li:hover ul {
    background-color: #827f80;
    display:flex;
    width: auto;
    height: auto;
  }
  .dropdown-ul ul li {
    list-style:none;	
    font-size:1.5vw;
  }
  .sectionHead{
    max-height: 4vw;
  }
  .sectionHead h3{
    font-size: 2.5vw;
  }
  .sectionTitle h2{
    letter-spacing: 1.7em;
  }
  @media (min-width: 62em) {
    .dropdown-ul ul {
    margin-top: 33px;
  }
  @media (min-width: 92em) {
    .dropdown-ul ul {
      margin-top: 45px;
  }
 /*Mainbody 
  .xsubheading{
    xbackground-color: #827f80;
    margin-top: 10px;
    }
    .xsubheading h2{
    color:#333;
    padding-top:10px; 
    font-family: 'Baskervville', serif; 
    text-align:center;
    font-style: italic;
    line-height: 4vw;
    font-size: 3vw;
    }
    
  .sectionHead :hover{
  }
  .xsectionHead h3{
    font-size: 3vw;
    xfont-weight: 500;
  }
  .xsectionHead .arrow{
    border-right: 0.2rem solid rgb(210, 210, 210);
    border-top: 0.2rem solid rgb(210, 210, 210);
    height: 2vw;
    margin: auto 0;
    width: 2vw;
    transform: rotate(45deg);
  }*/
}
/* 48em = 768px @ 16pt font   (If screen = 40em or more apply following rules)*/
/* Desktop Footer */

/* MEDIA QUERIES - only screen and - If screen = ?px or less, apply following rules)*/
/*@media (max-width: 42em) {  = 40em*/
/**/

/*
@media screen and (min-width:760px){ 
	
} 
@media screen and (max-width:560px){ 
  
}
@media screen and (max-width:760px){

}
@media screen and (max-width:500px){
    
  
}
@media screen and (max-width:360px){
    
}

@keyframes move-down{

} 
*/