/**************** Generic CSS *************/
@font-face {font-family: "Rubik";font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/Rubik-Regular.ttf')}
@font-face {font-family: "Rubik";font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/Rubik-Medium.ttf')}
@font-face {font-family: "Rubik";font-style: normal;font-weight: 600;font-display: swap;src: url('../fonts/Rubik-SemiBold.ttf')}
@font-face {font-family: "Rubik";font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/Rubik-Bold.ttf')}
@font-face {font-family: "Rubik";font-style: normal;font-weight: 800;font-display: swap;src: url('../fonts/Rubik-ExtraBold.ttf')}
@font-face {font-family: "Rubik";font-style: normal;font-weight: 900;font-display: swap;src: url('../fonts/Rubik-Black.ttf')}
@font-face {font-family: "Montserrat";font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/Montserrat-Regular.ttf')}
@font-face {font-family: "Montserrat";font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/Montserrat-Medium.ttf')}
@font-face {font-family: "Montserrat";font-style: normal;font-weight: 600;font-display: swap;src: url('../fonts/Montserrat-SemiBold.ttf')}
@font-face {font-family: "Montserrat";font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/Montserrat-Bold.ttf')}
@font-face {font-family: "Montserrat";font-style: normal;font-weight: 800;font-display: swap;src: url('../fonts/Montserrat-ExtraBold.ttf')}
@font-face {font-family: "Montserrat";font-style: normal;font-weight: 900;font-display: swap;src: url('../fonts/Montserrat-Black.ttf')}
@font-face{font-family:chiswick grotesque web;src:url('../fonts/ChiswickGrotesque-Black-Web.woff2') format('woff2'),url('../fonts/ChiswickGrotesque-Black-Web.woff') format('woff');font-weight:800;font-style:normal;font-stretch:normal;font-display:swap}

body {margin: 0;font-family: "Rubik", sans-serif;font-size: 1.125rem;font-weight: 400;line-height: 1.6;color: #000;background-color: #fff;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {margin-top: 0;margin-bottom: 1.5rem;font-weight: 500;line-height: 1.2;font-family: "Montserrat";}
h1,
.h1 {font-size: clamp(2.5rem, 1.905rem + 2.2667vw, 4.625rem);font-weight: 800;font-family:chiswick grotesque web;}
h2,
.h2 {font-size: clamp(2.25rem, 2.04rem + 0.8vw, 3rem);font-weight: 700;}
h3,
.h3 {font-size: calc(1.3rem + 0.6vw)}
h4,
.h4 {font-size: calc(1.275rem + 0.3vw);font-weight: 700;}
h5,
.h5 {font-size: 1.25rem;font-weight: 700;}
h6,
.h6 {font-size: 1rem}
p {margin-top: 0;margin-bottom: 1rem}
a {text-decoration: none;-webkit-transition: color .2s ease,background-color .2s ease;-o-transition: color .2s ease,background-color .2s ease;transition: color .2s ease,background-color .2s ease}
img,
svg {height: auto;max-width: 100%}
.w-100 {width: 100%}
.h-100 {height: 100%}
.text-white {color: #fff}
a{color:#ff9d14;transition:all .5s ease}
.bg-img {background-position: center;background-repeat: no-repeat;background-size: cover}
.btn {display: inline-block;text-transform:uppercase;font-weight: 400;color:#000;background-color:#ff9d14;padding: 0.5em 1.5em;border-radius: 0.25em;border: 1px solid #ff9d14;font-size: 1.125rem;transition:all 500ms ease;font-family: "Montserrat";font-weight:800;letter-spacing: 2px;cursor:pointer;position:relative;padding-right:50px}
.btn--small {font-size: 1rem}
.btn::after{position:absolute;content:"";background-image:url(../images/arrow-right.svg);background-position:center;width:20px;height:20px;background-repeat:no-repeat;right:20px}
.btn:hover::after{background-image:url(../images/arrow-right-white.svg)}
.btn:hover {background-color:transparent;color: #ff9d14}
.position-relative {position: relative}
.sc-pd-small {padding-top: 4vmax;padding-bottom: 4vmax}
.sc-pd-medium {padding-top: 7vmax;padding-bottom: 7vmax}
.sc-pd-large {padding-top: 8vmax;padding-bottom: 8vmax}
.text--big{font-size: clamp(1rem, 0.8684rem + 0.5263vw, 1.5rem);}
.text--medium {font-size: clamp(1rem, 0.9342rem + 0.2632vw, 1.25rem);}
/* Header */
.siteheader {position:relative;background-color: #fff;width: 100%;padding: 1rem 0;z-index: 1050}
.header-active{background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.25);position:fixed;animation: smoothScroll 1s forwards;top:0;left:0;width:100%;}
@keyframes smoothScroll {
	0% {transform: translateY(-40px);}
	100% {transform: translateY(0px);}
}
.siteheader--logo img {transition: all 500ms ease;width:clamp(12.5rem, 3.8147rem + 14.0086vw, 20.625rem);}
.header-active .siteheader--logo img{width:clamp(6.5rem, 3.8147rem + 14.0086vw, 16.625rem);}
.header-active .header--top{display:none!important}
.header--scroll{display:none}
.header-active .header--scroll{display:block}
/* .siteheader--btn {line-height: 1;padding: 11px 16px} */
.sc-mobile-menu {display: none}
.menu-toggle.active .sc-mobile-menu {display: block}
.menu-toggle {position: relative;background-color: #000;width: 48px;height: 48px}
.menu-toggle > span {position: absolute;background-color: #fff;border-right: 5px;right: 10px;width: 26px;height: 2px;margin-top: 14px;opacity: 1;transition: all 0.15s}
.menu-toggle > span:nth-child(2) {transform: translatey(8px)}
.menu-toggle > span:last-child {transform: translatey(16px)}
.menu-toggle.active > span:first-child {transform: translateY(8px) rotate(45deg)}
.menu-toggle.active > span:last-child {transform: translateY(8px) rotate(-45deg)}
.menu-toggle.active > span:nth-child(2) {opacity: 0}
.search-form input{color:#000;border:1px solid rgba(0,0,0,.2);width:100%;height:50px;padding:5px 20px 5px 20px;font-size:16px;outline:none}
.search-form input:focus{outline:none}
.search-form button.search__button{border:0;background:#d98003}
.search-box{display:inline-flex;align-items:center;color:#000;position:relative}
.search__input{width:180px;display:none;}
.search__button{width:40px;height:40px;cursor:pointer;transition:color .25s;border:1px solid #d98003;background:none;outline:0;border-radius:14px}
.search__button img {width:18px}
.search-box__desktop.search-box .search__input{position:absolute;top:0;right:40px;height:40px;border:1px solid #d98003;border-right:0;border-radius:14px 0 0 14px;padding:0 12px}
.search-box__desktop.search-box.active .search__input{display:block}
.search-box__desktop.search-box.active .search__button{border-radius: 0 14px 14px 0}

/* Footer */
.sitefooter{background:#000;color:#ffffff80}
.footer__social-list li a{width:50px;height:50px;border:2px solid #ffffff80;display:flex;align-items:center;justify-content:center;display:inline-block;transition:all .5s ease}
.footer__social-list li a:hover{border-color:#ff9d14;background:#ff9d14}
.footer--menu li a{color:#ffffff80;transition:all .5s ease;}
.footer--menu li a:hover{color:#ff9d14}
.bottom-bar {color:#777;background-color:#222;padding:1rem 0;font-size:14px}
/* page */
#main{overflow:hidden}
.bg-orange{background:#ff9d14}
.home-hero__box{max-width: 600px;margin-left:auto;padding: 3rem 0}
.topics--box{padding:20px;border:1px solid rgba(0,0,0,.1);transition:all 320ms ease-in;border-radius:20px;background-image:url(../images/geadient-box.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
.sc-topics a{color:#000}
.topics--box:hover{box-shadow:8px 8px 8px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.25);}
.uses--list>span{width:70px;height:70px;color:#ff9d14;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;border-radius:100%;left:0;margin-bottom:20px;border:1px solid #ff9d14}
.uses--list{padding:20px;box-shadow:0 0 20px rgba(0,0,0,.15);position:relative}
.sc-guide img{width:80px}
.guide--box{position:relative;box-shadow:0 0 10px rgba(0,0,0,.15)}
.guide--box::after{background-image:url(../images/triangles-overlay.svg);position:absolute;content:"";width:100%;height:100%;top:0;opacity:.1;left:0;background-size:contain}
.guide--box p{margin-bottom:0}
.sc-uses .text--big{font-size: clamp(1rem, 0.8684rem + 0.5263vw, 1.125rem);}
.sc-guide,
.sc-topics{background-color:#f5f5f5}
/* Media Query */
@media only screen and (min-width: 576px) {

}
@media only screen and (min-width: 768px) {
	.episodes__cta-box {text-align: right}
}
@media only screen and (min-width: 992px) {
	.sc-mobile-menu{display:none !important}
	.siteheader ul.siteheader-menu li {position: relative;transition: 0.3s;margin:0 clamp(0.5rem, -0.5517rem + 1.2931vw, 1rem);}
	.siteheader ul.siteheader-menu li a {position: relative;padding: 0.5em 0;display: inline-block;font-weight: 400;color: #000;font-size:1.125rem}
	.siteheader ul.siteheader-menu>li>a:hover,
	.siteheader ul.siteheader-menu>li.current-menu-item>a{color:#d98003}
	/* 	.siteheader-menu li .sub-menu {display: block;position: absolute;left: 0;top: 100%;min-width: 200px;background-color: #FAFAFA;opacity: 0;z-index: 555;list-style: none;transform: translatey(5px);visibility: hidden;transition: all 0.3s ease;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;overflow: hidden;padding: 0;border:1px solid rgba(0,0,0,0.2)} */
	/* 	.siteheader ul.siteheader-menu li .sub-menu li {display: block;margin: 0;padding: 0.3rem 0} */
	/* 	.siteheader ul.siteheader-menu li.menu-item-has-children:hover>.sub-menu {visibility: visible;transform: translatey(0);opacity: 1} */
	/* 	.siteheader ul.siteheader-menu li .sub-menu li .sub-menu {left: 100%;top: 0} */
	/* 	.siteheader ul.siteheader-menu li .sub-menu a {display: block;padding: 0.25rem 1rem;margin: 0;color: #051438;position: relative;border-radius: 4px;font-size: 1rem;text-align: left} */
	/* 	.siteheader ul.sub-menu>li:not(:last-child) {border-bottom: 1px solid rgba(2, 20, 56, 0.2)} */
	/* 	.siteheader ul.siteheader-menu li .sub-menu a:hover {color: #1F58EB} */
	/* 	.siteheader-menu li:last-child .sub-menu {right: 0;left: unset} */

}
@media only screen and (min-width: 1200px) {
	/* 	.home .hero--info p {font-size: 1.325rem} */
}
@media only screen and (min-width: 1400px) {

}
@media only screen and (min-width: 1600px) {
	.container {max-width: 1480px}
}
@media only screen and (max-width: 1399px) {

}
@media only screen and (max-width: 1199px) {
	.siteheader ul.siteheader-menu li a {font-size: 1rem;}
	.btn {font-size: 1.125rem}
}
@media only screen and (max-width: 991px) {
	.siteheader--logo img{width:300px}
	.sc-home-hero img{max-height:400px}
	.siteheader {padding: 0.75rem 0}
	.siteheader.siteheader--scrolled{padding: 0.5rem 0}
	.siteheader-mobile-menu {padding: 20px 0}
	.siteheader-mobile-menu li {padding: 10px 0}
	.siteheader-mobile-menu li {border-bottom: 1px solid #dfdfdf}
	.siteheader-mobile-menu li a {color: #000;transition: all .5s ease-out}
	.siteheader-mobile-menu li>a:hover,
	.siteheader-mobile-menu li.current-menu-item>a{color:#d98003}
	/* 	.sc-mobile-menu li.active .open-children {transform: rotate(180deg)} */
	/* 	.sc-mobile-menu li {padding: .5rem 0;position: relative} */
	/* 	.sc-mobile-menu ul.header--momenu li:last-child {border-bottom: 0} */
	/* 	.sc-mobile-menu ul.header--momenu li {border-bottom: 1px solid rgba(5, 20, 56, .2)} */
	/* 	.sc-mobile-menu ul.sub-menu {display: none} */
	/* 	.open-children {position: absolute;right: 0;top: 0;height: 50px;width: 50px;display: flex !important;justify-content: center;align-items: center;line-height: 1;z-index: 10;transition: all .5s ease} */
	/* 	.open-children svg {width: 15px} */
	/* 	.sc-mobile-menu ul.sub-menu {list-style: none} */
	/* 	.sc-mobile-menu ul.sub-menu li {border-bottom: 0} */
	.login--menu{display:none!important}
	.sc-mobile-menu .search-form button.search__button {height:50px;width:50px;border-radius:0}
}
@media only screen and (max-width: 767px) {
	body {font-size: 1rem}
	.list--con,
	.topics--box,
	.sc-home-hero{text-align:center}
	.uses--list>span{margin:auto;margin-bottom:20px}
}
@media only screen and (max-width: 600px) {

}
@media only screen and (max-width: 575px) {
	.guide--box{text-align:center}
}
@media only screen and (max-width: 375px) {

}
@media only screen and (max-width: 300px) {

}