@import url("https://p.typekit.net/p.css?s=1&k=qzg6pei&ht=tk&f=10881.15586&a=14959163&app=typekit&e=css");

@font-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;
}

.tk-futura-pt { font-family: "futura-pt",sans-serif; }

:root {
	--header-height: 70px;
	--themecolor: #0066cc;
	--themecolorrgba: 126, 150, 128;
}

/* Custom Header Size
-----------------------------------------------------------------*/

.header-size-custom #logo a img{width:100%}
@media (max-width: 1380px) {
.menu-link{font-size:16px !important;padding: 34px 8px;}
.header-size-custom #logo a {
	max-height: 60px;
}
}
@media (max-width: 1024px) {
.header-size-custom #logo a {
	height: 50px;
}
.menu-link{font-size:16px !important;padding: 34px 8px;}
}
@media (max-width: 768px) {
.menu-link{font-size:16px !important;padding: 14px 5px;}	
}
@media (min-width: 992px) {

	.header-size-custom .header-wrap-clone {
		height: calc( 70px + 1px );
	}

	#header.header-size-custom + .include-header {
		margin-top: calc( -70px - 2px );
	}
}

.top-icon{padding-left:8px; padding-right:8px;}
.bg-color {
	background-color: var(--themecolor, #7E9680) !important;
}

@-webkit-keyframes fadeInUp {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
  }
}

@keyframes fadeInUp {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
  }
}

#header .button-link {
	padding: 8px 14px;
	background-color: #7E9680;
	background-color: var(--themecolor, #7E9680);
	color: #FFF;
	font-size: 13px;
	border-radius: 3px;
	transition: all .4s ease;
	margin-right: 5px;
}

.hero-diagonal::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, rgba(126, 150, 128, 1) 30%, rgba(126, 150, 128, 0.5) 100%);
	background-image: linear-gradient(to right, rgba(var(--themecolorrgba, 126, 150, 128), 1) 30%, rgba(var(--themecolorrgba, 126, 150, 128), 0.5) 100%);
	-webkit-clip-path: none;
	clip-path: none;
	background-position: center center;
	background-size: cover;
	z-index: 2;
}

.swiper-button-disabled { display: none; }

.slider-arrow-left,
.slider-arrow-right {
	width: 50px;
	height: 50px;
	background-color: #FFF;
	border-radius: 50%;
	left: 20px;
	right: auto;
}
.slider-arrow-right {
	right: 20px;
	left: auto;
}

.slider-arrow-left i,
.slider-arrow-right i {
	color: #7E9680;
	color: var(--themecolor, #7E9680);
	text-shadow: none;
	height: 50px;
	line-height: 48px;
	margin: 0;
}

.slider-arrow-right i { margin-right: 2px; }

.feature-box h3 {
	font-size: 1rem;
	letter-spacing: 0;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #333;
}
.section-img img { width: 100%; border: 10px solid #FFF; }

.section-yogas .card {
	padding: 35px;
	background-image: url("images/card-wave-2.svg");
	background-repeat: repeat-x;
	background-position: 0% 101%;
	background-size: cover;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 0;
	border-top: 6px solid #7E9680;
	border-top-color: var(--themecolor, #7E9680);
}

.testi-content p {
	line-height: 1.95;
	color: rgba(255,255,255, 0.7);
	font-style: normal;
}

.play-icon {
	transition: transform .3s ease;
}

.play-icon:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.play-icon i {
	width: 80px;
	height: 80px;
	line-height: 81px;
	font-size: 28px;
	padding-left: 5px;
	text-align: center;
	border-radius: 50%;
	color: #000;
	background-color: #FFF;
	z-index: 2;
	transition: all .3s ease;
}

.play-icon:hover i {
	background-color: #7E9680;
	background-color: var(--themecolor, #7E9680);
	color: #FFF;
}

.owl-carousel .jumbotron { height: 400px; }

.owl-item .jumbotron {
	opacity: .5;
	transform: scale(0.95);
	transition: all .5s ease;
}

.owl-item .jumbotron-text {
	opacity: 0;
	transform: scale(0.9);
	transition: all .4s .2s ease;
}

.owl-item.active .jumbotron,
.owl-item.active .jumbotron-text {
	opacity: 1;
	transform: scale(1);
}

/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/
#oc-teachers .owl-nav [class*=owl-] {
	opacity: 1;
	left: 61px !important;
	height: 60px;
	line-height: 60px;
	border: none;
	color: #333;
	background-color: transparent;
	font-size: 28px;
	border-radius: 0;
}

#oc-teachers.owl-nav .owl-next {
	left: auto;
	right: -61px;
}

#oc-teachers .owl-nav .owl-next {
	left: auto !important;
	right: 62px !important;
	border-radius: 0;
}

#oc-teachers .owl-nav [class*=owl-]:hover {
	transform: scale(1.3);
	background-color: transparent !important;
	color: #7E9680 !important;
	color: var(--themecolor, #7E9680) !important;
}

/* Owl Carousel - Responsive
-----------------------------------------------------------------*/
.device-md #oc-teachers .owl-nav .owl-prev { left: 67px !important; }
.device-md #oc-teachers .owl-nav .owl-next { right: 67px !important; }

.device-sm #oc-teachers .owl-nav .owl-prev,
.device-xs #oc-teachers .owl-nav .owl-prev { left: 27px !important; }

.device-sm #oc-teachers .owl-nav .owl-next,
.device-xs #oc-teachers .owl-nav .owl-next { right: 27px !important; }


.section-schedule .nav-link {
	position: relative;
	padding: 15px 20px;
	font-size: 20px;
	background-color: #FFF;
	margin-bottom: 10px;
	box-shadow: 3px 8px 30px 4px rgba(0, 0, 0, 0.1);
	font-family: "Sansita", sans-serif;
	border-left: 5px solid transparent;
	overflow: hidden;
	color: #444;
	transition: all .3s ease;
}

.section-schedule .nav-pills .nav-link.active {
	box-shadow: 3px 8px 30px 4px rgba(0, 0, 0, 0.2);
	border-left-color: #7E9680;
	background-color: #FFF;
	color: #7E9680;
}

.section-schedule .nav-link::after {
	content: "";
	position: absolute;
	opacity: 0;
	bottom: 0;
	right: 5px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 100% 90%;
	background-size: 50px 50px;
	transition: all .3s linear;
	background-image: url("images/yoga-icons/color/svg/asana_lotus_col.svg");
}

.section-schedule .nav-link.active::after,
.section-schedule .nav-link:hover::after {
	opacity: .6;
	background-position: 100% 70%;
}

.schedule-wrap {
	position: relative;
	padding: 30px;
	border-radius: 4px;
	background-color: #FFF;
	box-shadow: 3px 8px 30px 4px rgba(0, 0, 0, 0.2);
}

.schedule-wrap::after {
	content: "";
	position: absolute;
	opacity: .07;
	bottom: 20px;
	right: 20px;
	width: 200px;
	height: 200px;
	background: #FFF url("images/yoga-icons/color/svg/asana_lotus_col.svg") no-repeat 100% 100% / 100%;
	z-index: 0;
}

.schedule-wrap:nth-child(2)::after,
.section-schedule .nav-link:nth-child(2)::after { background-image: url("images/yoga-icons/color/svg/asana_cobra.svg"); }
.schedule-wrap:nth-child(3)::after,
.section-schedule .nav-link:nth-child(3)::after { background-image: url("images/yoga-icons/color/svg/man_well.svg"); }
.schedule-wrap:nth-child(4)::after,
.section-schedule .nav-link:nth-child(4)::after { background-image: url("images/yoga-icons/color/svg/mudra_surya.svg"); }
.schedule-wrap:nth-child(5)::after,
.section-schedule .nav-link:nth-child(5)::after { background-image: url("images/yoga-icons/color/svg/vishudda_col.svg"); }
.schedule-wrap:nth-child(6)::after,
.section-schedule .nav-link:nth-child(6)::after { background-image: url("images/yoga-icons/color/svg/woman_well.svg"); }
.schedule-wrap:nth-child(7)::after,
.section-schedule .nav-link:nth-child(7)::after { background-image: url("images/yoga-icons/color/svg/asana_dog_col.svg"); }

.schedule-wrap dt { margin-bottom: 10px; }

.schedule-wrap dt:not(:nth-last-of-type(1)) + dd {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.schedule-wrap dt:nth-last-of-type(1),
.schedule-wrap dt:nth-last-of-type(1) + dd { margin-bottom: 0px; }

.schedule-time,
.schedule-desc {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
}

.schedule-desc small {
	display: block;
	font-size: 13px;
	opacity: .5;
	margin-top: 4px;
}

.schedule-teacher {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	z-index: 2;
	position: relative;
}

.countdown.countdown-inline { display: block; }

.countdown-row {
	margin: 0;
}

.countdown-section {
	border-left: 0;
	background-color: rgba(255, 255, 255, 0.1);
	color: #888;
	padding: 1rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.countdown-amount {
	font-size: 17px;
	color: #333;
	margin-bottom: 5px;
}

.pricing .btn { transform: translateY(50%); }

.section-price::before {
	content: '';
	position: absolute;
	top: 130px;
	left: -80px;
	width: 500px;
	height: 500px;
	background: url("images/yoga-icons/color/svg/asana_triangle_col.svg") no-repeat;
	background-size: 100%;
	border-radius: 50%;
	opacity: .06;
}

.text-title {
	position: relative;
	display: block;
	top: 15px;
	text-align: center;
}

.text-title h3 {
	display: inline;
	margin-bottom: 0;
	padding: 0 20px;
	background-color: #FFF;
}

.text-title h3 img {
	display: none;
}


.price-features {
	border: 1px solid #7E9680;
	border-color: var(--themecolor, #7E9680);
	border-radius: 10px;
}

.price-features > div { padding: 60px; }

.price-features .iconlist li {
	margin-bottom: 10px;
	font-size: 16px;
}

.masonry-thumbs .grid-item {
	display: block;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	padding: 0;
	border-radius: 4px;
}

.masonry-thumbs .grid-item img {
	-webkit-transform: scale(1.05) translateX(-2px) translateY(-2px);
	transform:  scale(1.05) translateX(-2px) translateY(-2px);
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	padding: 0;
}

.masonry-thumbs .grid-item:hover img {
	-webkit-transform: scale(1.05) translateX(2px) translateY(2px);
	transform: scale(1.05) translateX(2px) translateY(2px);
	-webkit-filter: sepia(0) saturate(1.3);
	filter: sepia(0) saturate(1.3);
	opacity: .9;
}


#footer > div {
	position: relative;
	z-index: 1;
}

/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px) {

	.hero-diagonal::before {
		width: 60%;
		-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
	}

	.section-img {
		display: block;
		position: absolute;
		top: -30px;
		right: 0;
		width: 52%;
		height: 100%;
	}

	.section-img .section-img-sm {
		position: absolute;
		top: auto;
		bottom: -30px;
		left: -40px;
		right: auto;
		width: 360px;
		height: auto;
	}

	.schedule-wrap dt { margin-bottom: 20px; }

	.text-title h3 img {
		display: inline-block;
		position: relative;
		margin-right: 10px;
		top: -1px;
	}

}
#slider .cont {
    padding: 3em 30px;
}
#slider {
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    left: 50px;
}
@media (max-width: 768px){
#slider {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: 0px;
    left: 15px;
}
.min-vh-100{min-height: 50vh !important;}
.qlink, .copyright{display:none}
.content-wrap{padding:0}
}
}
.boxcontent{position:relative}
.top-news {
    color: #69686b;
    background: #fff;
    border-bottom: 1px solid #edeef0;
	width: calc(100% - 30px);
	display:block;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}

.top-news-link {
    display: block;
}
.top-news-date {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.03em;
	margin-bottom:5px;
}
.top-news-date time {
    position: relative;
    display: inline-block;
    padding-right: 13px;
}
.top-news-date time::after {
    content: '';
    width: 1px;
    height: 8px;
    background: #edeef0;
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    margin-top: -4px;
}
.top-news-title {
    font-size: 14px;
	line-height:1.2;
}
a.top-news-more {
    display: inline-block;
    font-size: 10px;
}
a.top-news-link p, a.top-news-more{color:#000;}
a.top-news-link:hover, a.top-news-more:hover{opacity:0.7}
@media only screen and (min-width: 769px){
.top-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    width: calc(100% - 40px);
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left:  20px;
    padding-right: 20px;
}

.top-news-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
}

.top-news-date {
	margin-bottom:0;
}	
.top-news-date time {
    padding-right: 16px;
    margin-right: 16px;
}
.top-news-date time::after {
    height: 14px;
    margin-top: -7px;
}
.top-news-title {
    font-weight: normal;
    letter-spacing: -0.03em;
	margin-bottom:0;
}
.top-news-more {
    display: block;
    margin: 0 0 0 auto;
}
}

.qlink{
	position:fixed;
	left:10px;
	top:150px;
	width:30px;
}
.qlink li{
	float:left;
}
.qlink li a{
	width:30px;
	height:30px;
	background-color:#ffcc33;
	color:#000;
	display:flex;
	align-items:center;
	justify-content:center;
}
.qlink li a:hover{background-color:#0066cc;color:#fff}

@media only screen and (min-width: 767px){
.copyright {
    position: fixed;
	left:calc(100% - 40px);
	font-size: 0.8rem;
    color: #666 !important;
    padding: 6px 2px;
    background-color: none;
    -webkit-transform: translateY(-100%) rotate(90deg);
    transform: translateY(-100%) rotate(90deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    top: 120px;
    width: 540px;
    height: auto;
    z-index: 100;
    letter-spacing: 0px;
}
.copyright ul{margin-bottom:0; list-style:none}
.qlink .txt{
	-webkit-transform: translateY(100%) rotate(90deg);
    transform: translateY(100%) rotate(90deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
	width:102px;
	height:30px;
	line-height:30px;
	font-size: 12px;
    font-weight: 700;
	color:#222
}
.qlink .txt:after {
    content: '';
    height: 1px;
    width: 28px;
	padding-left: 59px;
    background: #b5b5b5;
    left: 59px;
    top: 53%;
    position: absolute;
}
.qlink ul{padding-top:152px;}
}
#content {
    position: relative;
    background-color: #FFF;
}
.jcenter{justify-content:center}
.light-layout {
    background: transparent;
    border-top: 1px solid #f4f3f1;
}
footer .footer-title.footer-mobile-title {
    display: none;
}
.foot-logo a img {
    height: 50px;
    margin-right: 10px;
}
.foot-logo a h1 {
    font-size: 1.2em;
    margin-bottom: 0;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.5em;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}
.foot-logo a h1 span {
    font-size: 0.8em;
    letter-spacing: 0;
}
.footer-contact ul {
    margin: 10px 5px 0 5px;
}
.footer-contact ul li {
    display: block;
    font-weight: 300;
    font-size: 0.9em;
    color: #666;
    padding: 0;
	line-height:25px;
}
.footer-contact ul li i{width:16px;text-align:center}
.sub-title li {
    position: relative;
    display: inherit;
    padding-top: 13px;
    text-transform: capitalize;
    font-size: 14px;
    color: #777777;
}
.sub-title li a {
    position: relative;
    color: #777777;
}
.sub-title li a:before {
    position: absolute;
    top: 20px;
    content: "";
    height: 2px;
    width: 0;
    background-color: var(--theme-deafult);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}
.download-app-menu-input {
    font-size: .8em;
    display: block;
    width: 100%;
    height: 40px;
    margin-bottom: 2px;
    color: #666;
}
.download-app-menu-icon {
    display: -webkit-flex;
    display: flex;
}
.download-app-menu-link {
    flex: 1;
    height: 40px;
    border-radius: 5px;
    background-color: #000;
}
.download-app-menu-icon :first-child {
    margin-right: 4px;
}
.download-app-menu-link .google, .download-app-menu-link .apple {
    display: block;
    width: 100%;
    height: inherit;
}
.app-store-svg.google {
    width: 88px;
    height: 33px;
    background-image: url(../images/badge_common_googleplay2.0.svg);
}
.app-store-svg.google {
    width: 100%;
    height: inherit;
    background-image: url(../images/badge_common_googleplay2.0.svg);
}
.app-store-svg.apple {
    width: 94px;
    height: 30px;
    background-image: url(../images/badge_common_applestore2.0.svg);
}
.app-store-svg.apple {
    width: 100%;
    height: inherit;
    background-image: url(../images/badge_common_applestore2.0.svg);
}

.app-store-svg.google, .app-store-svg.apple{background-size:100% auto}
.sub-title h4 {
    color: #ffffff;
}
@media screen and (max-width: 768px){
.foot-logo{ text-align:center; width:100%}
.foot-logo a h1{justify-content: center;align-items: center;}
.footer-contact ul li{text-align:center}
.app-store-svg.google, .app-store-svg.apple{height:35px; background-size:contain;background-repeat:no-repeat; background-position-x:center}
.post-grid .entry{margin-bottom:0}
.entry-image{margin-bottom:10px;}
.post-grid .entry-title h2{text-align:center}
.section{padding:30px 0}
}
@media screen and (min-width: 1024px){

.light-layout::before, .light-layout::after{
	content: "";
    display: block;
    border-left: 1px solid #f4f3f1;
    height: 100%;
    position: absolute;
    top: 0;
    right: 100px;
    z-index: -1;
}
.light-layout::after{
	left:100px;
	border-right: 1px solid #f4f3f1;
}
body.-fixed::after,  body.-fixed::before , body.-fixed footer::after,  body.-fixed footer::before{
    content: "";
    display: block;
    border-left: 1px solid #f4f3f1;
    height: 100%;
    position: absolute;
    top: 0;
    right: 100px;
    z-index: -1;
 }
body.-fixed::before, body.-fixed footer::before {
	left: 100px;
	border-right: 1px solid #f4f3f1;
} 
}

.color-selector ul{list-style:none;}

.color-selector ul li {
	float:left;height: 30px;
	width: 30px;
	border-radius: 50%;
	margin-right: 5px;
	margin-bottom: 10px;
	cursor: pointer;
	border: 1px solid #444444;
}

.color-selector ul .color-1 {
	background-color: white;
}

.color-selector ul .color-2 {
	background-color: grey;
}

.color-selector ul .color-3 {
	background-color: red;
}

.color-selector ul .color-4 {
	background-color: purple;
}

.color-selector ul .color-5 {
	background-color: blue;
}

.color-selector ul .color-6 {
	background-color: yellow;
}

.color-selector ul .color-7 {
	background-color: green;
}

.color-selector ul li.active {
	border: 1px solid black;
	position: relative;
}

.color-selector ul li.active:after {
	content: "";
	background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>");
	top: 10px;
	right: 4px;
	height: 15px;
	width: 15px;
	background-size: 70%;
	background-repeat: no-repeat;
	position: absolute;
}
.lists li{display:block; padding:5px 0}
.feature li{position:relative; margin-right:5px;display: inline-block;}
.feature li i{color:#0066cc}
.paper{display:block; position:relative; clear:both; margin-top:20px;}
.paper li{display:inline-block;}
.paper li a{padding:10px 20px; border:1px solid #ccc; margin:5px; border-radius:5px; background-color:#ffcc33}
.product-desc h4{color:#bbb;font-weight:300}
.product-desc h5{color:#ccc;font-weight:300}
.space{padding-left:25px !important;}
.search{padding-bottom:40px !important;margin-bottom:0px;}
.search input{padding-left:50px;}
.search button {
    position: absolute;
    top: 0px;
    background-color: transparent;
    border: 0;
    font-size: 24px;
    color: #ccc;
	padding:2px 5px;
    left: 25px;
}
.btn-brand {
    color: #000;
    background-color: #ffcc33;
    border-color: #ffcc33;
}
.bg-overlay .btn.btn-brand{margin:0 auto; justify-content:center; text-align:center}
.progress-section .progress {
  height: 8px; }
  .progress-section .progress .progress-bar {
    background-color: var(--theme-deafult); }

.product-box .progress-section {
  margin-top: 10px; }
  .product-box .progress-section span {
    margin-top: 6px;
    display: block;
    color: #565656; }
@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem; } }

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem; } }

.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem; }

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease; }
[data-notify="progressbar"] {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px; }  
.progress-bar {
  background-color: #f2790e; }

.progress-bar-info {
  background-color: #f2790e; }  
.alert-success {
  color: #000;
  background-color: #ffcc33;
  border-color: #badbcc; }
.alert-success .alert-link {
    color: #0c4128; }  
@media (prefers-reduced-motion: reduce) {
    .progress-bar {
      -webkit-transition: none;
      transition: none; } }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }
.success-icon{width:16px;} 

.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
          animation: 1s linear infinite progress-bar-stripes; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      -webkit-animation: none;
              animation: none; } }
.collection-filter-checkbox{float:left; margin-right:10px;}	
.langs img{width:60px;margin-bottom:10px}
#brand{margin:0}
.thumbnailbox { width: 80px;}
.section-brand-intro {
    padding: 25px 0;}
.section__text {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .05em;
}
@media screen and (min-width: 768px){
.thumbnailbox {
    float: left;
    width: 160px;
}
.section-brand-intro_desc {
    padding-left: 185px;
}
}