@charset "UTF-8";

/*
Theme Name: Icon Star
Theme URI: https://icon-infotech.net
Author: Mohammad Jewel
Author URI: https://facebook.com/jewelmm9
Description: This is a starter theme for running basic website with supported theme options.
Tested up to: 6.0.0
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iconStarter
Tags: one-column, accessibility-ready, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

*/
.product-info h3 {
  margin: 10px 0;
  min-height: 40px;
}
@media (max-width: 767px) {
  .course-info {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
  }
}


.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, .99);
	z-index: 13000;
	height: 100%;
}

.no-js .preloader,
.lt-ie9 .preloader,
.lt-ie10 .preloader{
	display: none;
}

.default-preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1100;
	background-color: #ffde6b;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
}

.default-preloader h1{
	position: relative;
	text-transform: uppercase;
	margin: 0 auto;
	top: 25vh;
	width: 100vw;
	text-align: center;
	font-size: 40px;
	color: #20252b;
	opacity: .75;
	-webkit-animation: pulse 2.5s linear infinite;
	        animation: pulse 2.5s linear infinite;
}

.default-preloader #cooking{
	position: relative;
	margin: 0 auto;
	top: 0;
	width: 75vh;
	height: 75vh;
	overflow: hidden;
}

@media (max-width: 767px) {
	.default-preloader #cooking{
		right: 93px;
	}
}

.default-preloader #cooking .bubble{
	position: absolute;
	border-radius: 100%;
	box-shadow: 0 0 .25vh #363e48;
	opacity: 0;
}

.default-preloader #cooking .bubble:nth-child(1){
	margin-top: 2.5vh;
	left: 58%;
	width: 2.5vh;
	height: 2.5vh;
	background-color: #2f373f;
	-webkit-animation: bubble 2s cubic-bezier(0.53, 0.16, 0.39, 0.96) infinite;
	        animation: bubble 2s cubic-bezier(0.53, 0.16, 0.39, 0.96) infinite;
}

.default-preloader #cooking .bubble:nth-child(2){
	margin-top: 3vh;
	left: 52%;
	width: 2vh;
	height: 2vh;
	background-color: #292f37;
	-webkit-animation: bubble 2s ease-in-out .35s infinite;
	        animation: bubble 2s ease-in-out .35s infinite;
}

.default-preloader #cooking .bubble:nth-child(3){
	margin-top: 1.8vh;
	left: 50%;
	width: 1.5vh;
	height: 1.5vh;
	background-color: #20252b;
	-webkit-animation: bubble 1.5s cubic-bezier(0.53, 0.16, 0.39, 0.96) .55s infinite;
	        animation: bubble 1.5s cubic-bezier(0.53, 0.16, 0.39, 0.96) .55s infinite;
}

.default-preloader #cooking .bubble:nth-child(4){
	margin-top: 2.7vh;
	left: 56%;
	width: 1.2vh;
	height: 1.2vh;
	background-color: #191d22;
	-webkit-animation: bubble 1.8s cubic-bezier(0.53, 0.16, 0.39, 0.96) .9s infinite;
	        animation: bubble 1.8s cubic-bezier(0.53, 0.16, 0.39, 0.96) .9s infinite;
}

.default-preloader #cooking .bubble:nth-child(5){
	margin-top: 2.7vh;
	left: 63%;
	width: 1.1vh;
	height: 1.1vh;
	background-color: #131619;
	-webkit-animation: bubble 1.6s ease-in-out 1s infinite;
	        animation: bubble 1.6s ease-in-out 1s infinite;
}

.default-preloader #cooking #area{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 50%;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transform-origin: 15% 60%;
	        transform-origin: 15% 60%;
	-webkit-animation: flip 2.1s ease-in-out infinite;
	        animation: flip 2.1s ease-in-out infinite;
}

.default-preloader #cooking #area #sides{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: 15% 60%;
	        transform-origin: 15% 60%;
	-webkit-animation: switchSide 2.1s ease-in-out infinite;
	        animation: switchSide 2.1s ease-in-out infinite;
}

.default-preloader #cooking #area #sides #handle{
	position: absolute;
	bottom: 18%;
	right: 80%;
	width: 35%;
	height: 20%;
	background-color: rgba(0, 0, 0, 0);
	border-top: 1vh solid #20252b;
	border-left: 1vh solid rgba(0, 0, 0, 0);
	border-radius: 100%;
	-webkit-transform: rotate(20deg) rotateX(0deg) scale(1.3, 0.9);
	        transform: rotate(20deg) rotateX(0deg) scale(1.3, 0.9);
}

.default-preloader #cooking #area #sides #pan{
	position: absolute;
	bottom: 20%;
	right: 30%;
	width: 50%;
	height: 8%;
	background-color: #20252b;
	border-radius: 0 0 1.4em 1.4em;
	-webkit-transform-origin: -15% 0;
	        transform-origin: -15% 0;
}

.default-preloader #cooking #area #pancake{
	position: absolute;
	top: 24%;
	width: 100%;
	height: 100%;
	-webkit-transform: rotateX(85deg);
	        transform: rotateX(85deg);
	-webkit-animation: jump 2.1s ease-in-out infinite;
	        animation: jump 2.1s ease-in-out infinite;
}

.default-preloader #cooking #area #pancake #pastry{
	position: absolute;
	bottom: 26%;
	right: 37%;
	width: 40%;
	height: 45%;
	background-color: #20252b;
	box-shadow: 0 0 3px 0 #20252b;
	border-radius: 100%;
	-webkit-transform-origin: -20% 0;
	        transform-origin: -20% 0;
	-webkit-animation: fly 2.1s ease-in-out infinite;
	        animation: fly 2.1s ease-in-out infinite;
}

@-webkit-keyframes jump {
	0%{
		top: 24%;
		-webkit-transform: rotateX(85deg);
		        transform: rotateX(85deg);
	}

	25%{
		top: 10%;
		-webkit-transform: rotateX(0deg);
		        transform: rotateX(0deg);
	}

	50%{
		top: 30%;
		-webkit-transform: rotateX(85deg);
		        transform: rotateX(85deg);
	}

	75%{
		-webkit-transform: rotateX(0deg);
		        transform: rotateX(0deg);
	}

	100%{
		-webkit-transform: rotateX(85deg);
		        transform: rotateX(85deg);
	}
}

@keyframes jump {
	0%{
		top: 24%;
		-webkit-transform: rotateX(85deg);
		        transform: rotateX(85deg);
	}

	25%{
		top: 10%;
		-webkit-transform: rotateX(0deg);
		        transform: rotateX(0deg);
	}

	50%{
		top: 30%;
		-webkit-transform: rotateX(85deg);
		        transform: rotateX(85deg);
	}

	75%{
		-webkit-transform: rotateX(0deg);
		        transform: rotateX(0deg);
	}

	100%{
		-webkit-transform: rotateX(85deg);
		        transform: rotateX(85deg);
	}
}

@-webkit-keyframes flip {
	0%{
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	5%{
		-webkit-transform: rotate(-27deg);
		        transform: rotate(-27deg);
	}

	30%,
	50%{
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	55%{
		-webkit-transform: rotate(27deg);
		        transform: rotate(27deg);
	}

	83.3%{
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	100%{
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
}

@keyframes flip {
	0%{
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	5%{
		-webkit-transform: rotate(-27deg);
		        transform: rotate(-27deg);
	}

	30%,
	50%{
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	55%{
		-webkit-transform: rotate(27deg);
		        transform: rotate(27deg);
	}

	83.3%{
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	100%{
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
}

@-webkit-keyframes switchSide {
	0%{
		-webkit-transform: rotateY(0deg);
		        transform: rotateY(0deg);
	}

	50%{
		-webkit-transform: rotateY(180deg);
		        transform: rotateY(180deg);
	}

	100%{
		-webkit-transform: rotateY(0deg);
		        transform: rotateY(0deg);
	}
}

@keyframes switchSide {
	0%{
		-webkit-transform: rotateY(0deg);
		        transform: rotateY(0deg);
	}

	50%{
		-webkit-transform: rotateY(180deg);
		        transform: rotateY(180deg);
	}

	100%{
		-webkit-transform: rotateY(0deg);
		        transform: rotateY(0deg);
	}
}

@-webkit-keyframes fly {
	0%{
		bottom: 26%;
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	10%{
		bottom: 40%;
	}

	50%{
		bottom: 26%;
		-webkit-transform: rotate(-190deg);
		        transform: rotate(-190deg);
	}

	80%{
		bottom: 40%;
	}

	100%{
		bottom: 26%;
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
}

@keyframes fly {
	0%{
		bottom: 26%;
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	10%{
		bottom: 40%;
	}

	50%{
		bottom: 26%;
		-webkit-transform: rotate(-190deg);
		        transform: rotate(-190deg);
	}

	80%{
		bottom: 40%;
	}

	100%{
		bottom: 26%;
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
}

@-webkit-keyframes bubble {
	0%{
		-webkit-transform: scale(0.15, 0.15);
		        transform: scale(0.15, 0.15);
		top: 80%;
		opacity: 0;
	}

	50%{
		-webkit-transform: scale(1.1, 1.1);
		        transform: scale(1.1, 1.1);
		opacity: 1;
	}

	100%{
		-webkit-transform: scale(0.33, 0.33);
		        transform: scale(0.33, 0.33);
		top: 60%;
		opacity: 0;
	}
}

@keyframes bubble {
	0%{
		-webkit-transform: scale(0.15, 0.15);
		        transform: scale(0.15, 0.15);
		top: 80%;
		opacity: 0;
	}

	50%{
		-webkit-transform: scale(1.1, 1.1);
		        transform: scale(1.1, 1.1);
		opacity: 1;
	}

	100%{
		-webkit-transform: scale(0.33, 0.33);
		        transform: scale(0.33, 0.33);
		top: 60%;
		opacity: 0;
	}
}

@-webkit-keyframes pulse {
	0%{
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
		opacity: .25;
	}

	50%{
		-webkit-transform: scale(1.2, 1);
		        transform: scale(1.2, 1);
		opacity: 1;
	}

	100%{
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
		opacity: .25;
	}
}

@keyframes pulse {
	0%{
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
		opacity: .25;
	}

	50%{
		-webkit-transform: scale(1.2, 1);
		        transform: scale(1.2, 1);
		opacity: 1;
	}

	100%{
		-webkit-transform: scale(1, 1);
		        transform: scale(1, 1);
		opacity: .25;
	}
}

.animate{
	visibility: hidden;
}