/* 20250705130549 - v2 */
.gui,
.gui-block-linklist li a {
  color: #444444;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #40558d;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #40558d;
  box-shadow: 0 0 2px #40558d;
}

.gui-select.gui-focus .gui-handle {
  border-color: #40558d;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #444444;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #ffffff;
  background-color: #df8279;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #b26860;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
/* Store opening times */
#footer > div.main-footer > div > div > div:nth-child(1) > div.content-wrap > div {
	display: none;
}
/* END Store opening times */

#footer .content-wrap li:nth-child(7),  #gdpr_text,.ctct-form-header,  p.ctct-form-text, .ctct-form-footer, .product-brand, .unit-price, .content-txt, .blog-articles .read-more, .filters-top, #blog .headline-articles .image-wrap, /*.product-detail .info .product-description a:first-of-type,  .sb-cats-wrap li:nth-child(7), */ .hallmark-wrap, #header .main-header .hallmark.small img, .product-delivery .warning-color, .product-reviews, .info .count, .product-detail .info .product-description a{display:none !important;}
#slider a, .lia{width:100% ;height:100%;}
.banner-2 .title{     position: absolute  !important;   top: 10 !important; }
#blog .col-lg-5 {width:100%;}
#FBwrapper {
  display: flex;

  
}
.main-header{padding-bottom:10px;}
.carlbanner, .beadbanner {width:50%; height:300px; color:white !important;}
.parent {
  text-align: center;
}
.child .subtitle{margin-bottom:30px;}
.child .title{margin-top:30px;}
.child .text, .child .title{color:white !important;}
.child {
  border-radius: 8px;
  display: inline-block;
width:48.5%;
 height:300px;
  vertical-align: middle;
 margin-bottom: 10px;
}
#FBwrapper .subtitle {
    font-size: 16px !important;
  color:white;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 50%);
}
.home2 {
  margin: 0 auto;
  width: 49.7%;
  text-align: center;
  display: inline-block;

  height: 200px;
}



.center {
  margin: 0 auto;
  width: 100%;
 
}

.home2_first img {
  margin: 0 auto;
  padding: 0;
}



.bead{background: url(https://ik.imagekit.io/cathedralbookstore/bead2.jpg) #eee no-repeat center center;
    background-size: cover; background-size: 100%;}
.carl{
background: url(https://ik.imagekit.io/cathedralbookstore/carl2.jpg) #eee no-repeat center center;
    background-size: cover; background-size: 100%;}

#FBwrapper  .title {
    display: block !important;
  color:white;
    font-family: 'Cookie', "Trebuchet MS", Helvetica, sans-serif	;
;
    font-size: 20px;
}
#FBleft {
  flex: 0 0 50%;
      border-radius: 10px;
  MIN-HEIGHT:310PX;
}

#FBright {
  flex: 1;
      border-radius: 10px;
  MIN-HEIGHT:310PX;
}

/* .home-text .title {
   display:  none !important;}*/
.title-wrap:first-child{display:none !important;}
 .home-text .tabs-wrap .title {
   display:  block !important;}
.home-block-padding .blog-article-wrap .content{position: relative !important;}
#wallh{text-shadow: 3px 3px 9px rgb(0 0 0 / 90%);
    font-weight: 500;
    color: white !important;     position: absolute;
    top: 220px;
    /* left: 0px; */
    margin-left: 50px;
    text-transform: none;
    font-size: 35px;}
.banner-4 .title{position: absolute;    bottom: 80px; right:20px;}
#b4 .btn{position: absolute;  bottom: 30px; right:20px;}
#b5 .text{POSITION: ABSOLUTE;
    right: 20px;
    top: 20px;
}
.sidebarblog {
  width: 20%;
  height: 1500px;
  min-height: 1500px;
  overflow: auto;
  position: sticky;
overflow: hidden;
  
}
.bordered{  border: 1px solid rgba(00,00,00,.2);}
.sidebarblog2 h2, .sidebarblog2{font-size:18px !important;}
.sidebarblog2 {width:20% !importany;overflow: auto;
  position: sticky;
overflow: hidden;
  margin-left:150px;
  margin-left:15px;
   border: 1px solid rgba(00,00,00,.2);
  background-color: white;
  border-radius: 8px;
  color: #222;

  padding: 15px;
}
#blogi{border-radius:10px; width:500px; float:left;;}
#sainti{width:450px !important; height:auto !important;border-radius:10px; width:500px; float:left;}
#blog .complete-article .image-wrap {display:none !important; width:70% !important; float:none !important; display:inline-block;}
.sidebarblog img{
width:250px; margin-bottom:20px;}
.mainblog {
  width: 78%;
  height: 100vh;
  min-height: 700px;
  display: flex;
  flex-direction: column;
}

.sidebarblog img{min-width:100%;}

.sidebarblog {
  border: 1px solid rgba(00,00,00,.2);
  background-color: white;
  border-radius: 8px;
  color: #222;
	height:75vh;
  padding: 15px;
}
.blogby{margin-top:10px; margin-bottom:0px;}
.blogroll {text-decoration: underline;}
.wrapperblog, .wrapperblog2 {
  display: flex;
  justify-content: space-between;
}


.bottom {
  justify-self: bottom;
}

.blog-articles .blog-article .read-more{margin-top:-10px;}
.siteintro{ /*margin-top:-50px;  margin-bottom: 80px;*/  line-height: 2em;
    
font-size: 1.2em;}
/*.siteintro a{text-decoration: none; color: black;}*/
#homeclosed{width:100%; margin-bottom:10px;}
#b5 .btn{display:none;}
#b1,#b2,#b3,#b4,#b5, .banner{cursor: pointer !important;}
#bookwindow {display:inline-block;width:30%; margin-right:15px; background: none; background-color: #f9f9f9;}
.banner-2 .subtitle{margin-top:10px;}
.saintmenu{margin-top:-25px; /* padding-left:50px; padding-right:50px;;*/ /*text-align:center;*/}
.saintimage{    width: 125px;  margin-top: -50px; margin-bottom:20px; padding-left:0px;}
.saintimage2{    width: 100px;  margin-top: -40px; margin-bottom:0px; padding-left:0px;}
.saintletterlink{margin-left: 15px; font-weight: bold; color: #40558d; }
.product  .product-brand, .product-code .title, .stars-code{display:none !important;}
.webintern_footer_title ,.webintern_footer_title small{color: #40558d !important; font-size:12.5px !important;}
.ctct-form-defaults{padding:0px !important; padding-right:40px !important;}
.webintern-footer .content-wrap{line-height:20px !important;}
.webintern-footer .socials{margin-top:40px !important; margin-bottom:39px;}
/*#blog .image-wrap{display:none;}*/
.giftwrap{    color: #bbd5bf;
    font-weight: bold; margin-top:-30px;
    font-size: 25px;}
.giftwrap a{text-decoration: underline;    font-weight: bold;}
.sararubin{color: #40558d; margin-top: 20px; font-style: italic;}
.sararubin::before{content: 'Handmade Pottery Disclaimer: ';color: #40558d; margin-top: 20px; font-style: italic; font-weight: bold;}

.popup-inner{margin-top:15px !important;}
.spec-title{width:30%;}
.main-menu li a:nth-child(3) {color: red !important;}
.carl{color: #bbd5bf; font-weight: bold; font-size: 20px; text-transform: uppercase; margin-bottom:20px;}

#blog .headline-articles .image-wrap{display:block;}
.hb{display:inline-block; width:23%; text-align:center;}
.hb3{display:inline-block; width:33%; text-align:center;}
.hb img, .hb3 img{width:100%; padding:10px;}
.bloghead {    font-size: 1.3epx; font-weight:bold;}
.bloghead a{color:#ad0000;}
.blogby{font-style:italic; font-size:20px; color: #666666; margin-top:-10px;}
#blog .complete-article .date-author{margin-bottom:10px !important;}
#blog .article-title{text-transform: none;    margin-top: 20px !important;}
#blog .complete-article {margin-top:-10px !important;}

#blog  .complete-article .image img {border-radius: 10px; }
#blog .complete-article .image-wrap {width:30vw; float:left; margin-right: 20px; margin-bottom:20px;}
#blog .headline-articles .image-wrap{width:100%; display:inline-block;}
/*#blog .image-wrap{width:30%; display:inline-block; }
#blog  .complete-article .image img {border-radius: 10px;}
#blog .article-text{width:65%; display:inline-block;margin-left:40px !important;}*/
#pibutton, #pc{cursor:pointer;}
/*, #footer .content-wrap li:nth-child(16),#footer .content-wrap li:nth-child(17),#footer .content-wrap li:nth-child(19),#footer .content-wrap li:nth-child(18) ,#footer .content-wrap li:nth-child(20),#footer .content-wrap li:nth-child(21) ,#footer .content-wrap li:nth-child(22),#footer .content-wrap li:nth-child(23),#footer .content-wrap li:nth-child(24), #footer .content-wrap li:nth-child(26) , #footer .content-wrap li:nth-child(25) {display:none;} */
#header .main-header .inner {max-height:150px;}
/*.sb-cats-wrap li:nth-child(15) ,.sb-cats-wrap li:nth-child(16),.sb-cats-wrap li:nth-child(17) ,.sb-cats-wrap li:nth-child(19) ,.sb-cats-wrap li:nth-child(18), .sb-cats-wrap li:nth-child(20) ,.sb-cats-wrap li:nth-child(21),.sb-cats-wrap li:nth-child(23) ,.sb-cats-wrap li:nth-child(22), .sb-cats-wrap li:nth-child(24),  .sb-cats-wrap li:nth-child(25),.sb-cats-wrap li:nth-child(26){display:none;}*/
/*#footer{display:none;}*/
#thefooter .thecol{width:23%; padding:10px; display:inline-block; vertical-align:top;}
#thefooter{width:100%;} 
#header .main-menu ul ul.simple-menu li a {   padding: 0px;   padding-left:10px;    padding-right: 10px;     margin-top: -5px;}
#header .main-menu ul .simple-menu-wrap { padding-top:0px; padding-left: 20px;    padding-right: 20px;     left: -30px;}
.simple-menu-wrap, .block-shadow {  padding-left: 20px;    padding-right: 20px; min-width:210px !important;}
.simple-menu{margin-left:0px !important; }
#header .main-menu ul ul.simple-menu li {  height: 27px;  border-top-width: thin; border-color: rgba(00,00,00,.1);   border-top-style: solid;}
/*
#header .main-menu ul ul.simple-menu {   padding-bottom: 10px;}
*/
.main-menu ul ul ul {margin-left:-15px !important; margin-top:10px;}

/*gui-blog-article .gui-clearfix, .gui-col2-right-col2{display:none;}*/

/*eader .main-menu ul li ul.simple-menu li ul {    margin-left: 160px;}*/
/*.col-main .title, #productpage .product-title, #productpage .title-small, .title-font, .products .product .info .title&*/


#service-page .service-blocks{display:none}
  .faq .faq-block .faq-items .faq-item .tab{ padding:5px !important;}
.main-header .btn{display:none;}
.copyright{text-align:center; width:100%;}
h3{ /*text-transform: capitalize !important;*/ font-size: 1.4em;}

#34109020 .img-wrap:after,#34106068 .img-wrap:after{background:none !important;}
#34109020 .product, #34106068 .product{padding:0px !important;}
#34109020 .product-inner, #34106068 .product-inner{box-shadow:none;}

#collection-page .on-bottom, #productpage .success-color, .home-text .title{display:none;}
.home-text .general-content::before{ content: " "; font-weight: 700 !important;      font-family: "Cinzel", Helvetica, sans-serif;  text-transform:capitalize; color: #40558d;    letter-spacing: .05em !important; font-size:2.5em !important;}

.home-text img{    border-radius: 10px ; height:100%;}
.homeimg {display:inline-block; max-width: 50%;    padding: 5px; width:50%;}

.grid-v3, .home-text{margin-bottom: -80px;}


.courage{width:100% !important; max-width:100% !important;}

.css-3n7dts div{display:inline-block !important; margin:8px;}

.mobile-bar{background-color: #165dab;  top: 80px;     position: relative; position:fixed;}
.mobile-bar .sm:before{color:white;}
/*
.categories .category .overlay {background-image:none;}
*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, a.title-font, .title-font, .gui-block.gui-account-links .gui-block-title, .gui-page-title {
    /* font-family: "Cinzel", Helvetica, sans-serif; */
 font-family: "Muli", Helvetica, sans-serif;
    font-weight: bold;
    color: #40558d;
    letter-spacing: 0;
}
.product-detail .info .product-option label {  font-size: 1.3em;}
.categories-slider .owl-item .title-font, .home-banners .title-font, #catalog-page .title-font, .text .subtitle{text-shadow: 2px 2px 3px rgba(0,0,0,.8);}

.home-block-padding .owl-item .count{display:none;}


/* new color and header changes */
#header .main-menu, #header .main-menu ul li:hover ul.simple-menu, #header .main-menu ul li:hover ul.simple-menu ul{background-color: #bbd5bf; color:white;}

#header .main-header .logo.large-logo img {    height: 100px;margin-right:150px;}

#footer .footer-logo.large-logo img {    height: 150px;}

#header .main-menu li.active > a, #header .main-menu li:hover > a, #header .main-menu ul li .mega-menu .menus .menu .title{    font-weight:bold;
    text-decoration: underline; color:black;}
.andrea{color:red; font-size:30px; }
#header .main-menu a {    color: #333333;}

.socials{width:100%;  margin-top:0px; margin-bottom:0px;}
.socials a{ color:#165dab}
.newsocials a{ font-size:30px; padding-left:10px; padding-right:20px; }
.newsocials .fa {color: #666666;  /* blue#165dab*/}
#header .main-menu ul li .mega-menu .menus .menu .title{color:#333333; text-decoration:none;}

.headlines .item .outer-wrap.overlay {
    background: rgba(0,0,0,0.2);
}
#header .main-menu ul li:hover .mega-menu{background:#e9f1ea; padding:15px;}
#header .main-header .icons, #header .main-header .mob-icons {     margin-left: 20px;}

.vertical-menu-wrap{    width: 100%;   }
.newsocials{width:95%;  margin-top:-0px; margin-bottom:20px; margin-left:-180px;}
.vertical-menu-btn2{display:none;}
#header .vertical-menu{position:relative;width: 100%;    }
#header .vertical-menu a {float:right;}

#header .main-menu ul li ul.simple-menu li ul{
	position: absolute;
  top: 0;
  left: 100%;
  padding-left: 10px;
}

/*=================footer css start==============*/

.webintern-footer {
 background-color: rgba(00,00,00,0);
    color: #393939;
}
.fa{color:black !important; font-size:30px !important; padding:10px;}
.webintern-footer-inner {
padding-top: 80px;
padding-bottom: 50px;
}

.webintern-footer-logo {
display: inline-block;
}

.webintern-footer .webintern-footer-inner .simple-text p {
color: #666666;
margin-top: 20px;
margin-bottom: 15px;
}
.simple-text p {
font-size: 15px;
color: #42435d;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
}

.webintern-footer .webintern-footer-inner .simple-text a {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #666666;
font-size: 15px;
}
.footer-2 {
padding-left: 55px;
}
.webintern_footer_title {
margin-top: 0px;
margin-bottom: 25px;
}
.webintern_footer_title small {
font-family: 'Work Sans', sans-serif;
color: #fff;
font-weight: 700;
font-size: 18px;
/*text-transform: uppercase;*/
}
.webintern_footer_title:after {
content: '';
display: block;
width: 30px;
height: 2px;
background: #f2c21a;
margin-top: 15px;
}
.webintern-footer-list {
padding: 0;
}
.webintern-footer-list li {
margin-bottom: 2px;
list-style: none;
}
.webintern-footer-list a, .content-wrap {
position: relative;
font-size: 13px;
line-height: 14px;
color: #315A2A;;
padding-left: 0;
letter-spacing: 0.20px;
font-family: 'Open Sans', sans-serif;
}
.footer-3 {
padding-left: 0px;
}
.webintern-footer-inner .simple-text.last {
color: #d5d5d5;
font-size: 17px;
font-style: italic;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.tt-subscribe {
position: relative;
}
.tt-subscribe input:not([type="submit"]) {
width: 100%;
height: 46px;
background: #fff;
font-size: 15px;
color: #838486;
padding-left: 20px;
padding-right: 70px;
border: 2px solid #fff;
-moz-border-radius: 3px;
border-radius: 3px;

}
.tt-subscribe-submit {
background: #001b57;
}

.tt-subscribe-submit {
position: absolute;
top: 0;
right: 0;
width: 52px;
height: 46px;
font-size: 18px;
line-height: 46px;
color: #2a2a2a;
text-align: center;
background: #001b57;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}


.tt-subscribe-submit i.fa-envelope:before {
content: "\f0e0";
position: relative;
z-index: 1;
color: #fff;
}
.tt-subscribe-submit input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #51658d;
border: 0;
}
ul.tt-socail {
padding: 0;
margin-top: 30px;
}
.tt-socail li {
display: inline-block;
margin-right: 10px;
}
.tt-socail a {
display: block;
width: 36px;
height: 36px;
font-size: 17px;
line-height: 34px;
color: #fff;
text-align: center;
border: 1px solid #fff;
-moz-border-radius: 100%;
border-radius: 100%;
}
.webintern_footer_title small {
    font-family: 'Work Sans', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
 /*   text-transform: uppercase;*/
}
.content-wrap{margin-top:10px; font-size:14px; line-height:17px;}
.tt-copy
{
font-size: 15px;
line-height: 20px;
color: #333333;
 background-color: #bbd5bf;
padding: 30px 0;
font-family: 'Open Sans', sans-serif;
}
.tt-copy-right {
text-align: right;
}
.tt-copy-right a{color:#333333; font-size:14px; text-decoration: underline; padding-left:50px;}
.top{height:10px; width:100%;     background-color: #bbd5bf;}
.mid{height:5px;width:100%; background:white;}

.bot{height:5px; width:100%;    background-color: #bbd5bf;}
.breadcrumbs i, .sidebar i{font-size:100% !important;}
.col-md-3 {width:20% !important;}
small{font-size:85% !important;}
ul ul{margin-left:-15px !important;}

#header .simple-menu li a{color:#333333 !important; font-size:12.5px;}
/*eff3e6*/
.block-shadow, #header .main-menu ul li ul.simple-menu li ul{background-color:#e9f1ea !important; }
 .simple-menu, .simple-menu-wrap{background:#e9f1ea !important;}
#header .main-menu ul li:nth-child(10) ul.simple-menu .block-shadow {left:-200px !important;}
/*
#header .main-menu ul li:nth-child(3) ul.simple-menu li:nth-child(11)  .block-shadow {display:none !important;}
*/
/*
ul.simple-menu li ul
:nth-child(8) {background-color:red !important;}*/
/*
.col-main .title, #productpage .product-title, #productpage .title-small, .title-font, .products .product .info .title {
    text-transform: capitalize !important;
}

.col-main .title, #productpage .product-title, #productpage .title-small, .title-font, .products .product .info .title, .title{ text-transform: uppercase !important ;}*/
#productpage .title-small{font-size:1.4em; }
#productpage .product-detail, #productpage .container, #productpage, .main-content{background-color: white !important;}
#collection-page .on-bottom{display:block;}
input, select, textarea, .ui.dropdown, input[type=radio] {border: 1px solid rgba(0,0,0,.5) !important; outline: 1px solid rgba(0,0,0,.5) !important;}


/* Slider */
#slider{
  width:100%;
  height:600px;
  position:relative;
  overflow:hidden;
}
@keyframes load{
  from{left:-100%;}
  to{left:0;}
}
.slides{
  width:400%;
  height:100%;
  position:relative;
  -webkit-animation:slide 30s infinite;
  -moz-animation:slide 30s infinite;
  animation:slide 30s infinite;
}
.slider{
  width:25%;
  height:100%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
}
.slide img{
  width:100%;
  height:100%;
}
.slide img{
  width:100%;
  height:100%;
}
.image{
  width:100%;
  height:100%;
}
.image img{
  width:100%;
  height:100%;
	max-width:1000px;
}

/* Legend */
.legend{
  border:500px solid transparent;
  border-left:800px solid rgba(52, 73, 94, .7);
  border-bottom:0;
  position:absolute;
  bottom:0;
}

/* Contents */
.content{
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
}
.content-txt{
  width:400px;
  height:150px;
  float:left;
  position:relative;
  top:300px;
  -webkit-animation:content-s 7.5s infinite;
  -moz-animation:content-s 7.5s infinite;
  animation:content-s 7.5s infinite;
}
.content-txt h2{
  font-family:Arial;
  text-transform:uppercase;
  font-size:24px;
  color:#fff;
  text-align:left;
  margin-left:30px;
  padding-bottom:10px;
}
.content-txt p{
  font-family:arial;
  font-weight:normal;
  font-size:14px;
  font-style:italic;
  color:#fff;
  text-align:left;
  margin-left:30px;
}

/* Switch */
.switch{
  width:120px;
  height:10px;
  /*position:absolute;*/
  bottom:0px;
  z-index:99;
  left:30px;
  margin-bottom:20px;
}
.switch > ul{
  list-style:none;
}
.switch > ul > li{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#333;
  float:left;
  margin-right:5px;
  cursor:pointer;
}
.switch ul{
  overflow:hidden;
}
.on{
  width:100%;
  height:100%;
  border-radius:50%;
  background:#f39c12;
  position:relative;
  -webkit-animation:on 30s infinite;
  -moz-animation:on 30s infinite;
  animation:on 30s infinite;
}

/* Animation */
@-webkit-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@-moz-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}

@-webkit-keyframes content-s{
  0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}
@-moz-keyframes content-s{
  0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}
@keyframes content-s{
  0%{left:-420px;}
  10%{left:20px;}
  15%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}

@-webkit-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@-moz-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

/* main */
/* Reset */
a{text-decoration:none;color:inherit;}
html{width:100%;height:100%;}

/* Body */
body{
  background:#fff;
}
.home-text .content{position:relative;}
.content img{max-width:1400px;}
 .legend{display:none;}
.thesb{width:100%; PADDING:0PX; margin-bottom:60px 1IMPORTANT;}
.switch ul{overflow: visible;}
.sb{display:inline-block;}
.left img{width:100%;}
.left{ width:73%; height:100%; position:relative ; box-sizing: border-box; }
.right{width:25%; vertical-align: top; overflow:hidden; FLOAT:RIGHT;  padding:0px;  box-sizing: border-box; } 
.right img{width:100%; margin-bottom:15px; ;}

input[type=radio], .ui.radio.checkbox input, ui.radio, .ui.radio.checkbox input:checked~label:before,.ui.radio.checkbox input:checked~label:before{   border: 1px solid black !important; text-shadow: 2px 2px black !important; box-shadow: 2px 2px black !important; outline:1px solid rgba(0,0,0,.2) !important;
}
#productpage .content-block {padding-top:0px;}

.ui.radio.checkbox label:before {
 
  border: 1px solid rgba(00,00,00,.5) !important;}
.home-text #hb{display:none;}

@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');

.angry-grid {
   display: grid; 

   grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   
   gap: 0px;
   height: 1300px;
   
}

#item-0 {

   background-color: #5D77DB; 
   grid-row-start: 1;
   grid-column-start: 1;

   grid-row-end: 2;
   grid-column-end: 3;
   
}
#item-1 {

   background-color: #65B759; 
   grid-row-start: 2;
   grid-column-start: 1;

   grid-row-end: 4;
   grid-column-end: 3;
   
}
#item-2 {

   background-color: #DA8579; 
   grid-row-start: 1;
   grid-column-start: 3;

   grid-row-end: 3;
   grid-column-end: 5;
   
}
#item-3 {

   background-color: #7F9CDA; 
   grid-row-start: 1;
   grid-column-start: 5;

   grid-row-end: 2;
   grid-column-end: 7;
   
}
#item-4 {

   background-color: #CBDB6B; 
   grid-row-start: 2;
   grid-column-start: 5;

   grid-row-end: 3;
   grid-column-end: 6;
   
}
#item-5 {

   background-color: #78EC8B; 
   grid-row-start: 2;
   grid-column-start: 6;

   grid-row-end: 3;
   grid-column-end: 7;
   
}
#item-6 {

   background-color: #97D5AB; 
   grid-row-start: 4;
   grid-column-start: 1;

   grid-row-end: 6;
   grid-column-end: 2;
   
}
#item-7 {

   background-color: #69DD5D; 
   grid-row-start: 3;
   grid-column-start: 4;

   grid-row-end: 5;
   grid-column-end: 7;
   
}
#item-8 {

   background-color: #7A79D5; 
   grid-row-start: 3;
   grid-column-start: 3;

   grid-row-end: 4;
   grid-column-end: 4;
   
}
#item-9 {

   background-color: #9B5B7E; 
   grid-row-start: 4;
   grid-column-start: 2;

   grid-row-end: 5;
   grid-column-end: 4;
   
}
#item-10 {

   background-color: #5B757B; 
   grid-row-start: 5;
   grid-column-start: 2;

   grid-row-end: 6;
   grid-column-end: 5;
   
}
#item-11 {

   background-color: #86B89F; 
   grid-row-start: 5;
   grid-column-start: 5;

   grid-row-end: 6;
   grid-column-end: 7;
   
}
#handlem{width:100%; border-radius: 10px;}
#thewall, #handlem, #bookdrive{width: 98% !important;
    margin-left: 10px;}
/*.site-intro:nth-child(1){display:none !important;}*/
#siteintro{display:block !important;}
.angry-grid div{border-radius: 10px;   cursor: pointer; }
.angry-grid .text{padding:20px; color:white;}
.angry-grid .subtitle, .angry-grid .title{color:white;}
.angry-grid .subtitle{font-size:16px !important; text-shadow:2px 2px 5px rgba(00,00,00,.5);}
#bookdrive{margin-bottom:20px;}

.home-block-padding {
    padding-bottom: 0px;
}

#thewall{margin-top:-10px !important;}
.home-text .title {
    display: block !important;
 font-family: 'Cookie', "Trebuchet MS", Helvetica, sans-serif	;
  font-size:25px;
  text-shadow:2px 2px 5px rgba(00,00,00,.5) !important;
}
/*
.col-main .title, #productpage .product-title, #productpage .title-small, .title-font, .products .product .info .title, .title {
    text-transform: lowercase !important;
}

.col-main .title, #productpage .product-title, #productpage .title-small, .title-font, .products .product .info .title, .title, .products .product .info .title.three-lines, .products .product .info-list .title.two-lines {
    text-transform: capitalize !important ;
}*/

.subtitle{font-family: 'Cookie',  Helvetica, 'Helvetica', cursive,sans-serif}

.home-cats-wrap{margin-top:100px !important; margin-bottom:20px !important;}
.home-banners{margin-bottom:30px;}

.product-detail .info .product-description a{display: inline-block !important;}

#header .main-menu ul li > a {
   
    padding: 0px 25px !important;
}

.main-menu ul ul ul{margin-left:-100px !important;     z-index: 50;}

.product-detail .info .product-description a{display:none !important;}
/*
.product-detail .info .product-option label {text-transform: capitalize; !important}*/
.product-detail .info .product-option label{text-transform: uppercase !important; color: #666666 !important;}