:root{
	--primary: #917c6fff;
	--primaryR: #fff;
	--secondary: #e3dedbff;
	--secondaryR: #111;
}
body { color: #241f1cff;}
.primary { background: var(--primary); color: var(--primaryR); }
.secondary { background: var(--secondary); color: var(--secondaryR); }
.primsecond {  background: var(--primary); color: var(--secondary); }

.roundleft { border-bottom-left-radius: 25px; border-top-left-radius: 25px; position: relative; }
.roundleft .icons { width: 32px; height: 32px; line-height: 32px; border-radius:16px; display: inline-block; position: relative; left: -12px; top:-2px; text-align: center; }
.button1 { background: var(--primary); color: var(--primaryR); line-height: 40px; display: inline-block; margin: 12px 20px 0px 0px; padding: 0px 20px;}

h1, h2, h3, h4, h5 , h6 { text-transform: uppercase;  }
#logo { width: 320px; margin: 5px 0px 5px 60px; height: 40px; display: inline-block;}

#about h1 { font-size: 40px; line-height: 50px;}
#about h2 { font-size: 20px; line-height: 20px;}
#about article { padding-bottom: 20px;}


#welcome { min-height: 100vh; padding: 0px 0px 0px;}
#welcome header { color: var(--primary); text-transform: uppercase;}
#welcome article { width: 520px;}
#welcome article img { width: 200px;}
#welcome>img {width: 80vw; margin: 0px 8vw; position: absolute; bottom: 2px;}

main>section { padding: 40px 0px 50px;}
.gallery img { height: 180px; margin:10px; }

#services ul {  list-style-image: url('custom/tick.png'); }
#services li { line-height: 40px; margin: 0px;}
#services li::marker { line-height: 40px; float: left; padding-top: 10px;}

#gallery article article { position: relative; }
#gallery .small 	{ width: 170px; height: 170px; border-radius: 50%; position: absolute; top: -60px; left: -20px; border: #fff 10px solid;}
#gallery .big 		{ width: 300px; height: 300px; border-radius: 150px; }

#testimonial 		{ padding: 60px 0px;}
#testimonial h1>span 	{ font-size: 80px; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; line-height: 10px; color: var(--secondary); }
#testimonial h3 	{ font-size: 14px; font-style: italic; color: #ccc; font-weight: normal;}
.xslide             { max-width:800px; margin:auto;  }
.xslide>div, .xslide>article         { width: 100%; height: 150px; padding: 32px 10px; }
.xslidenav button  { border:0px; padding: 5px 10px; text-align: center; background-color: transparent; color: #ccc;  font-size: 20px;  }
.xslidenav button.next, .xslidenav button.prev { display: none; }
.xslidenav ul      {  list-style: none; padding: 0px; display: inline-block; cursor: pointer; }
.xslidenav li     { display: inline-block; }
.xslidenav li:hover     { background-color: transparent; color: #eee; }
.xslidenavselected button { color: #333; }
div.expandable { display: block; position: fixed; z-index: 700; top: 5vh; bottom: 5vh; width: auto; max-width: 90vw; height: 90vh; left: 0px; right: 0px; margin: auto; background-position: contain; background: #555; }

#contact 	{ background-color: var(--primary);}
.contact form { grid-template-columns: 140px 240px; }
.contact form label { margin: 0px; }

.logo 	{ background: url(../media/brand/logo.png) no-repeat; background-size: contain; }
.cover1 { background: url(../media/market/cover1.png) no-repeat center fixed; background-size: cover; }
.cover2 { background: url(../media/market/cover2.jpg) no-repeat center; background-size: cover; }
.cover3 { background: url(../media/market/eg03.png) no-repeat center; background-size: contain; }


.pic001 { background: url(../media/offer/pic001.jpeg) no-repeat center; background-size: cover; }
.pic002 { background: url(../media/offer/pic002.jpeg) no-repeat center; background-size: cover; }
.pic003 { background: url(../media/offer/pic003.jpeg) no-repeat center; background-size: cover; }
.pic004 { background: url(../media/offer/pic004.jpeg) no-repeat center; background-size: cover; }
.pic005 { background: url(../media/offer/pic005.jpeg) no-repeat center; background-size: cover; }
.pic006 { background: url(../media/offer/pic006.jpeg) no-repeat center; background-size: cover; }
.pic007 { background: url(../media/offer/pic007.jpeg) no-repeat center; background-size: cover; }
.pic008 { background: url(../media/offer/pic008.jpeg) no-repeat center; background-size: cover; }
.pic009 { background: url(../media/offer/pic009.jpeg) no-repeat center; background-size: cover; }
.pic010 { background: url(../media/offer/pic010.jpeg) no-repeat center; background-size: cover; }
.pic011 { background: url(../media/offer/pic011.jpeg) no-repeat center; background-size: cover; }
.pic012 { background: url(../media/offer/pic012.jpeg) no-repeat center; background-size: cover; }
.pic013 { background: url(../media/offer/pic013.jpeg) no-repeat center; background-size: cover; }
.pic014 { background: url(../media/offer/pic014.jpeg) no-repeat center; background-size: cover; }
.pic015 { background: url(../media/offer/pic015.jpeg) no-repeat center; background-size: cover; }
.pic016 { background: url(../media/offer/pic016.jpeg) no-repeat center; background-size: cover; }
.pic017 { background: url(../media/offer/pic017.jpeg) no-repeat center; background-size: cover; }
.pic018 { background: url(../media/offer/pic018.jpeg) no-repeat center; background-size: cover; }
.pic019 { background: url(../media/offer/pic019.jpeg) no-repeat center; background-size: cover; }
.pic020 { background: url(../media/offer/pic020.jpeg) no-repeat center; background-size: cover; }
.pic021 { background: url(../media/offer/pic021.jpeg) no-repeat center; background-size: cover; }
.pic022 { background: url(../media/offer/pic022.jpeg) no-repeat center; background-size: cover; }
.pic023 { background: url(../media/offer/pic023.jpeg) no-repeat center; background-size: cover; }
.pic024 { background: url(../media/offer/pic024.jpeg) no-repeat center; background-size: cover; }
.pic025 { background: url(../media/offer/pic025.jpeg) no-repeat center; background-size: cover; }
.pic026 { background: url(../media/offer/pic026.jpeg) no-repeat center; background-size: cover; }


@media screen and (max-width: 560px) {
.hair 	{ display: none;}
.head label { right: 20px;}
.twos { grid-template-columns: 92vw;}
.cover3 { height: 70vw;}

.contact { width: 100%;}
.contact form { grid-template-columns: 90vw; }

.contact input[type="submit"] { font-size: 10px;}
#welcome article { width: 90vw;}
#welcome article img { width: 120px; position: absolute; left: 20px; top:30px; } 
#welcome>img { width: 90vw; margin: 0px 4vw;}

#gallery article article { margin: 30px auto;}

figure.vfive { min-height: 80vw; }
}