@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url('../assets/poppins-500.ttf') format('truetype')}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;font-display:swap;src:url('../assets/quicksand-400.ttf') format('truetype')}
/*

	Theme: Trinity
	Author: QBIT Ltd
	Date: 05/07/2023

	File path: ../../../../uploads/

*/

/* Global styles */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-size: 16px; background-color: #fff; }
h1,h2,h3,h4,h5,h6 { font-size: 2.0em; margin-bottom: 20px; }
p { margin-bottom: 20px; }
img { width: 100%; vertical-align: bottom; }
a { text-decoration: none; }
ul { margin-bottom: 20px; }
li { list-style: none; }

/* Main styles */
#main { background-color: #fff; padding: 30px 0 30px 0; }
.main { max-width: 1200px; margin: auto; }
.col-1,.col-2,.col-3 { display: inline-block; vertical-align: top; margin-right: -5px; }
.col { vertical-align: top; padding: 20px; }
.col-1 { width: 25%; }
.col-2 { width: 50%; }
.col-3 { width: 75%; }
.col-4 { width: 100%; }
.skip { position: absolute; left: 50%; transform: translateY(-100%); }

/* Header styles */
.logo { width: 100px; height: 100px; display: block; text-indent: -9999px; }

/* Carousel styles */
#carousel { padding: 150px 0 150px 0; }

/* Social styles */
.social li { display: inline-block; }
.social li a { width: 30px; height: 30px; display: block; }

/* Footer styles */
.copyright { text-align: center; padding: 20px 20px 0 20px; }

/* Back to top styles */
.top { width: 40px; height: 40px; display: none; position: fixed; bottom: 0; left: 50%; transform: translate(-50%, -50%); cursor: pointer; text-indent: -9999px; }

/* Review styles */
.rating { width: 200px; height: 30px; display: inline-block; background: none center center / 200px no-repeat; }
.portfolio .company { font-style: normal; font-size: 0.8em; display: block; color: #119194; }
.portfolio img { margin-bottom: 20px; }
.portfolio h3 { font-size: inherit; }

/* Media queries */
@media (max-width: 64em) 
{

	/* Main styles */
	.col-1,.col-2,.col-3 { width: 100%; }

}
/*

	Theme: Charlieb
	Author: QBIT Ltd
	Date: 17/07/2023

	File path: ../../uploads/

*/

/* Import fonts */


/* Global styles */
html,body { font-family: 'Quicksand', sans-serif; color: #333; scroll-behavior: smooth; overflow-x: hidden; letter-spacing: 0.2em; line-height: 1.8em; }
h1,h2,h3,h4,h5,h6 { font-family: 'Poppins', sans-serif; font-size: 1.4em; text-transform: uppercase; color: #119194; }
p { margin-bottom: 20px; }
a { color: #333; }

/* Home page styles */
.home { text-align: center; background-color: #fff; margin: 0 0 50px 0; }
.home .logo { margin: 0 auto 20px; }
.logo { width: 200px; height: 160px; background: none center center / 200px no-repeat; margin-bottom: 20px; }

/* Main styles */
.btn { display: inline-block; font-family: 'Poppins', sans-serif; font-size: 0.8em; text-transform: uppercase; background-color: #119194; color: #f6d263; padding: 10px; }
.list { margin: -20px 0 -50px 0; }
.list li { background: none left center / 30px no-repeat; padding: 0 0 0 35px; }

/* Header styles */
header { position: fixed; left: 0; width: 100%; height: 50px; background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); padding: 20px; z-index: 1; }

/* Navigation styles */
.burger { width: 30px; height: 30px; float: left; display: block; background: none center center / 30px no-repeat; cursor: pointer; z-index: 1000; }
#menu { width: 0; height: 100%; position: fixed; top: 0; left: 0; transition: 0.2s; text-align: center; background: linear-gradient(to bottom, #333 33.3%, #000 100%); overflow-x: hidden; padding-top: 30px; z-index: 1; }
#menu nav a { font-family: 'Poppins', sans-serif; color: #999; }
#menu nav a:hover { border-bottom: solid 2px; }
#menu .social { margin-top: 30px; }
.close { width: 40px; height: 40px; background: none center center / 30px no-repeat; display: block; margin: 20px auto 30px; }

/* Carousel styles */
#bg { position: fixed; left: 0; top: 0; background-size: cover; z-index: -9999; }
#carousel { padding: 50px 0 50px 0; }
.asterisk { font-style: normal; color: #f6d263; font-size: 0.8em; display: block; padding-top: 20px; }
#changeText { font-style: normal; color: #E1C16E; margin-bottom: 30px; }
.only { display: block; font-style: normal; font-size: 0.5em; margin-bottom: 5px; }
.price { color: #E1C16E; font-style: normal; font-size: 3.0em; }

/* Scroller styles */
#scroller { padding: 50px 0 50px 0; }

/* Footer styles */
footer { font-size: 0.8em; color: #fff; }
footer h6 { font-size: 1.2em; color: #119194; }
footer a { color: #fff; }
footer { padding: 20px 0 20px 0; }

/* Social styles */
.social li a { background-color: #119194; }
.facebook { background: none center center / 30px no-repeat; }
.twitter { background: none center center / 30px no-repeat; }
.instagram { background: none center center / 30px no-repeat; }
.linkedin { background: none center center / 30px no-repeat; }
.youtube { background: none center center / 30px no-repeat; }
.tiktok { background: none center center / 30px no-repeat; }
.threads { background: none center center / 30px no-repeat; }

/* Video styles */
iframe { width: 100%; height: 300px; margin: 50px 0 10px 0; }

/* Form styles */
input[type="text"] { width: 100%; border: solid 1px #119194; border-radius: 0; font-family: 'Poppins', sans-serif; font-size: inherit; color: #999; margin-bottom: 5px; padding: 15px; }
input[type="submit"] { border: solid 1px #119194; border-radius: 0; letter-spacing: 0.2em; cursor: pointer; margin-top: 20px; padding: 12px 12px 12px 12px; }
::placeholder { color: #ccc; }

/* FAQ styles */
.strong { color: #119194; }

/* Back to top styles */
.top { background: #119194 none center center / 20px no-repeat; }

/* Media queries */
@media (max-width: 64em) 
{

	/* Main styles */
	.btn { width: 100%; text-align: center; }

	/* Carousel styles */
	#carousel .col-2 { padding: 0 20px 0 20px; }

	/* Footer styles */
	footer { text-align: center; }

	/* Video styles */
	iframe { width: 100%; height: 188px; margin: 0 0 20px 0; }

	/* Form styles */
	input[type="submit"] { width: 100%; text-align: center; }

}

/* Local theme integration; archived layout dimensions are retained above. */
.logo:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid #f6d263;outline-offset:4px}
.skip:focus{transform:none;background:#fff;padding:10px;z-index:10}
.facebook{display:grid!important;place-items:center;font-family:Arial,sans-serif;font-weight:bold;font-size:24px;letter-spacing:0;color:white}
.top.is-visible{display:grid;place-items:center;border:0;color:#f6d263;font-size:22px;text-indent:0}
.theme-page{background:#fff;padding:40px 20px;margin-bottom:50px}
.theme-page input,.theme-page textarea{max-width:100%}
@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}}
/* Supplied Charliebelle logo above each entrance button. */
.home .logo{width:min(320px,100%);height:auto;text-indent:0;background:none;display:block}
.home .logo img{display:block;width:100%;height:auto}

/* Light blue page background matching the supplied logo. */
body,.home,.theme-page,#main{background-color:#e8fcfc}

/* Centre the remaining merchandise entrance. */
.home .main>.col-2{display:block;width:100%;margin:0 auto}

/* Halve the visible gap below the logo, including its built-in blank area. */
.home .logo img{margin-bottom:calc(-15% - 10px)}