/**
 * 9.0 - Main file
 * 	9.2 - shortcode
 */

 // Counter
 .noo-counter-holder { 
 	> span.noo-counter {
 		font-weight:@headings-font-weight;
 	}
 	.counter-text {
 		h3 {
 			margin-top: 0;
 		}
 		p {
 			text-align: center;
 		}
 	}
 }

 .noo-block-grid {
 	display: block;
 	overflow: hidden;
 	padding: 0;
 	list-style: disc;
 	> li {
 		display: block;
 		height: auto;
 		float: left;
 		> img.noo-img-thumbnail {
 			padding: 5px;
 			border: 1px solid rgba(0,0,0,0.15);
 			background-color: #fff;
 			border-radius: 2px;
 			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
			box-shadow: 0 1px 3px rgba(0,0,0,0.1);
			-webkit-transition: border 0.3s ease,box-shadow 0.3s ease;
			transition: border 0.3s ease,box-shadow 0.3s ease;
 		}
 	}
 }
 .noo-block-grid.two-col {
 	margin: 1.313em -1.25%;
 	> li {
 		width: 50%;
 		padding: 1.25%;
 		&:nth-child(2n+1) {
 			clear: both;
 		}
 	}
 }
 .noo-block-grid.three-col {
 	margin: 1.313em -1%;
 	> li {
 		width: 33.33333%;
 		padding: 1%;
 		&:nth-child(3n+1) {
 			clear: both;
 		}
 	}
 }
 .noo-block-grid.four-col {
 	margin: 1.313em -0.9%;
 	> li {
 		width: 25%;
		padding: 0.9%;
 		&:nth-child(4n+1) {
 			clear: both;
 		}
 	}
 }
 .noo-block-grid.five-col {
 	margin: 1.313em -0.85%;
 	> li {
 		width: 20%;
		padding: 0.85%;
 		&:nth-child(5n+1) {
 			clear: both;
 		}
 	}
 }
 .noo-block-grid.six-col {
 	margin: 1.313em -0.8%;
 	> li {
 		width: 16.66666%;
		padding: 0.8%;
 		&:nth-child(6n+1) {
 			clear: both;
 		}
 	}
 }


/*
 *		Typography Shortcode  
 */
	// Dropcap
 .noo-dropcap {
 	float: left;
 	margin: 0 10px 0 0;
 	font-size: 42px;
 	line-height: 35px;
 	text-shadow: 0 1px 3px rgba(0,0,0,0.15);
 }
 .noo-dropcap.dropcap-square,
 .noo-dropcap.dropcap-circle {
	padding: 7px 13px 11px;
 }
 .noo-dropcap.dropcap-circle {
 	border-radius: 100%;
 }
	// Quotes
	.noo-quote {
		border-left-color: #21c2f8;
		font-style: italic;
		font-weight: 400;
		font-size: @font-size-base;
		color: #75747b;
		margin: 10px;
		cite:before {
			content: "– ";
		}
		&.text-right {
			border-left-width: 0;
			border-right: 5px solid #21c2f8;
			cite {
				font-weight: 300;
			}
		}
		&.pullquote {
			width: 40%;
			font-size: 16px;

			border: none;
			h1 {
				font-size: 16px !important;
				line-height: 1.3 !important;
			}
			&.pullquote-left {
				float: left;
			}
			&.pullquote-right {
				float: right;
			}
			&.text-left {
				margin-left: 0;
				padding-left: 0;
			}
			&.text-right {
				margin-right: 0;
				padding-right: 0;
			}
		}
	}

/*
 *		Lightbox Shortcode  
 */
 .noo-lightbox-item {
	 	> img {
	 		display: block;
	 		margin: 0 auto;
	 	}
 	.rounded {
 		border-radius: @border-radius-base;
 	}
 	.circle {
 		border-radius: 50%;
 	}
 }

/*
 *		Callout Shortcode  
 */

 .noo-cta-btn {
 	background-color: #fff;
 	// border: 1px solid #bcbcbc;
	border-radius: 0;
	// box-shadow: 1px 1px 9px rgba(0,0,0,0.15);
	// width: 50%;
	margin: 0 auto;
	text-align: center;
	.cta-title {
		font-size: 18px;
		margin-top: 0;
		margin-bottom: 10px;
	}
	.btn {
		// font-size: @font-size-large;
	    // font-weight: @font-weight-bold;
	    text-transform: uppercase;
	}
	@media (max-width: @screen-xs-max) { 
		width: 90%;
		.btn {
			max-width: 200px;
			padding-right: 15px!important;
			padding-left: 15px!important;
		}
	}
 }


 .noo-icon {
 	&.icon-style-custom {
 		&.icon-circle {
 			> i {
	 			border: 1px solid transparent;
	 			border-radius: 50%;
	 			text-align: center;
	 			.transition(all 0.2s ease-in-out);
 			}
 		}
 		&.icon-square {
 			> i {
	 			border: 1px solid transparent;
	 			text-align: center;
	 			.transition(all 0.2s ease-in-out);
 			}
 		}
 	}
 }

 
@import "animations.less";


//Separator
.noo-separator{
	display: table;
	h4{
		display: table-cell;
		font-size: 100%;
		line-height: 1em;
		white-space: pre;  
	}
	.noo-sep-line{
		border-top: 1px solid @border-color-base;
	    display: block;
	    position: relative;
	    top: 0px;
	    width: 100%;
	}
 	&.line-with-text.separator-align-center{
		h4{
			padding-left: 0.8em;
			padding-right: 0.8em;
			@media (max-width: @screen-xs-max) {
				padding-left: @grid-gutter-width / 2;
				padding-right: @grid-gutter-width / 2;
			}
		}
		
	}
	&.line-with-text.separator-align-left{
		h4{
			padding-right: 0.8em;
		}
		.noo-sep-holder-l{
			display: none;
		}
		.noo-sep-holder-r{
			width: 100%;
		}
	}
	&.line-with-text.separator-align-right{
		h4{
			padding-left: 0.8em;
		}
		.noo-sep-holder-l{
			width: 100%;
		}
		.noo-sep-holder-r{
			display: none;
		}
	}
	
	.noo-sep-holder-l{
		display: table-cell;
	    position: relative;
	    vertical-align: middle;
	    width: 50%;
		.noo-sep-line{

		}
	}
	.noo-sep-holder-r{
		display: table-cell;
	    position: relative;
	    vertical-align: middle;
	    width: 50%;
		.noo-sep-line{

		}
	}
}

//Gap
.noo-gap{
	margin-left: 0;
	margin-bottom: 0;
	border-color: rgba(0, 0, 0, 0);
}

//Clear
.noo-clear{
	margin: 0;
	border: 0;
	clear: both;
}
//Pie

// Buttons
// -------------------------
.noo-pie-chart {
    z-index: 0;
    text-align: center;
    .noo-pie-chart-wrapper {
        position: relative;
        margin: 0 auto;
        .border-radius(50%);
    }
    .noo-pie-chart-heading {
    	margin-top: 30px !important;
    }
    &.noo-pie-chart-filled{
    	
    }
    canvas {
        position: relative;
        z-index: 1;
    }
    .noo-pie-chart-value {
        font-size: 200%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
    }
	.noo-pie-chart-back {
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 4px;
	    left: 4px;
	    border: 6px solid #f7f7f7;
	    border-radius: 999px;
	    border-radius: 50%;
	    .opacity(0.3);
	    .box-sizing(border-box);
	}

}

// //Pricing Table
.noo-pricing-heading{
	text-align: center;
	h1{
		font-weight: @font-weight-base;
  		margin-top: 0;
	}
	>div {
		font-size: @font-size-large;
		font-style: italic;
	}
	margin-bottom: 100px;
}
.noo-pricing-table{
	&:extend(.row all);
	&.pricing-1-col .noo-pricing-column,
	&.one-col .noo-pricing-column{
		.make-md-column(12);
	}
	&.pricing-2-col .noo-pricing-column,
	&.two-col .noo-pricing-column{
		.make-md-column(6);
	}
	&.pricing-3-col .noo-pricing-column,
	&.three-col .noo-pricing-column{
		.make-md-column(4);
	}
	&.pricing-4-col .noo-pricing-column,
	&.four-col .noo-pricing-column{
		.make-md-column(3);
	}
	&.pricing-5-col .noo-pricing-column,
	&.five-col .noo-pricing-column{
		.make-md-column-5();
	}
	&.pricing-6-col .noo-pricing-column,
	&.six-col .noo-pricing-column{
		.make-md-column(2);
	}
	
	&.three-col .noo-pricing-column{

	}

	.noo-pricing-column{
		@media (max-width: @screen-sm-max){
			width: 50%;
			margin:0 0 30px;
			float: left;
		}
		@media (max-width: @screen-xs){
			width: 100%;
			float: none;
		}
		.pricing-content{
			background: @pricing-color-bg;
			text-align: center;
			.box-shadow(0 0 32px rgba(0, 0, 0, 0.19));
			.pricing-header{
				background-color: @pricing-color-2;
				padding: 25px 0 10px;
				color: @pricing-color-1;
				position: relative;
				margin-bottom: 40px;
				.pricing-title{
					margin: 10px 0 0;
					font-size: @font-size-large;
					text-transform: uppercase;
					color: @pricing-color-1;
				}
				.arrow{
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
					padding-left: 50%;
					padding-right: 50%;
					overflow: hidden;
					.translate(0,99%);
					&:after {
					  content: "";
					  display: block;
					  width: 0;
					  height: 0;
					  margin-left: -500px;
					  margin-top: -70px;
					  border-left: 500px solid transparent;
					  border-right: 500px solid transparent;
					  border-top: 80px solid @pricing-color-2;
					}
				}
			}
			.pricing-price{
				padding: 20px 0;
				h3{
					margin: 0;
					font-size: 60px;
					line-height: 0.8;
					.noo-price{
						> span.amount,
						ins span.amount{
							i{
								font-style: normal;
								vertical-align: top;
								font-size: 0.4em;
							}
						}
					}
					ins{
						text-decoration: none;
					}
					del{
						font-size: 0.3em;
						font-weight: @font-weight-base;
						font-style: italic;
						color: @gray-light;
					}
				}
			}
			.pricing-info{
				ul{
					list-style: none;
					margin: 0;
					padding: 20px 0;
					background: @pricing-color-1;
					li{
						padding: @padding-xlarge-vertical @padding-xlarge-horizontal;
						color: @gray-dark;
						border-top: 1px solid @border-color-light;
						&:first-child{
							border: 0;
						}
						i{
							position: relative;
							left: 0;
							top: 0;
						}
					}
				}
			}
			.pricing-footer{
				.btn{
					width: 100%;
					background: @gray-light;
					color: @white;
					padding: @padding-xlarge-vertical @padding-xlarge-horizontal;
					&:hover,&:focus{
						background: @brand-primary;
					}
				}
			}
		}
		&.featured{
			margin-top: -40px;
			@media (max-width: @screen-sm-max){
				margin-top: 0;
			}
			.pricing-content{
				.pricing-header{
					background-color: @brand-primary;
					padding: 50px 0 25px;
					.arrow{
						&:after {
						  border-top-color: @brand-primary;
						}
					}
				}
				.pricing-info{
					ul{
						padding-bottom: 60px;
					}
				}
				.pricing-footer{
					.btn{
						background: @brand-primary;
						&:hover,&:focus{
							background: @gray-light;
						}
					}
				}
			}
		}
	}
}

//Post list
.noo-post-list{
	.title{
		.sub-title{
			margin-top: (@line-height-computed / 2);
		}
	}
}


// //Member
// .noo-member{

// 	.member-avatar{
// 		position: relative;
// 		img{
// 			max-width: 100%;
// 			width: 100%;
// 		}

// 		.member-social{
// 			background: #000;
// 		    height: 100%;
// 		    left: 0;
// 		    position: absolute;
// 		    top: 0;
// 		    width: 100%;
// 		    text-align: center;
// 		    .opacity(0);
// 		    .transition(all 0.3s);
// 		    a{
// 		    	display: inline-block;
// 		    	color: #fff;
// 			    display: inline-block;
// 			    font-size: @font-size-large;
// 			    padding: @padding-base-vertical @padding-base-horizontal;
// 			    position: relative;
// 			    top: 50%;
// 			    .translate(0,-50%);
// 			    &:hover{
// 			    	color: @link-hover-color;
// 			    }

// 		    }
// 		}
// 		&:hover{
// 			.member-social{
// 				.opacity(0.8);
// 			}
// 		}

// 	}
// 	.member-info{
// 		.team-meta{
// 			&:extend(.clearfix all);
// 			font-size: @font-size-large;
// 		    font-weight: @font-weight-base;
// 		    text-transform: uppercase;
// 		    small{ 
// 		    	float: right;
// 		    	font-size: @font-size-base;
// 			    font-weight: @font-weight-base;
// 			    text-transform: none;
// 		    }
// 		}
// 	}
// }
//Google Map
.noo-gmaps{
    position: relative;
    .map-overlay{
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	z-index: 100;
    }
	iframe{
		max-width: 100%;
		border: medium none;
	    display: block;
	    margin: 0;
	    padding: 0;
	    width: 100%;
	    position: relative;
	}
	&.no-map-responsive{
		iframe{
			height: 100%;
		    left: 0;
		    position: absolute;
		    top: 0;
		}
	} 
}


#cta_buy_theme {
	.noo-text-block {
		p {
			font-size: 18px;
    	line-height: 36px;
    	text-align: center;
		}
	}
	@media (max-width: @screen-md-min) { 
		.noo-text-block {
			p {
				text-align: center;
			}
			.btn {
				display: table;
				margin: 0 auto;
			}
		}
	}
}

.noo-sc-testimonial {
	text-align: center;
	overflow: hidden;
	.sc-title{
		font-weight: @font-weight-base;
		margin-top: 0;
		margin-bottom: 30px;
		font-size: 48px;
		text-transform: uppercase;
		color: lighten(@text-color, 30%);
	}
	.testimonial-quote{
		padding: 0 0 80px;
		@media (min-width: @screen-lg-min){
			max-width: 800px;
			margin: 0 auto;
		}
		ul{
			list-style: none;
			padding: 0;
			margin: 0;
			li{
				float: left;
				text-align: center;
				.quote{
					font-size: @font-size-large;
					color: lighten(@text-color, 30%);
					margin-bottom: 30px;
				}
				.name{
					color: @brand-primary;
					font-weight: @font-weight-bold;
					margin: 0;
				}
				.position{
					color: #a3a3a3;
				}
			}
		}
	}
	.testimonial-author{
		display: table;
		margin: 0 auto;
		position: relative;
		background: #f4f4f4;
		ul{
			text-align: center;
			padding: 0;
			margin: 0;
			list-style: none;
			li{
				float: left;
				width: 90px;
				position: relative;
				padding-bottom: 10px;
				&:after{
					content: '';
					position: absolute;
					height: 4px;
					width: 0;
					bottom: 10px;
					left: 0;
					background: @brand-primary;
					.transition(0.1s);
				}
				&.selected{
					&:after{
						width: 100%;
					}
				}
				&.selected, &:hover,&:focus{
					img{
						filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
						-webkit-filter: grayscale(0%);
						filter: grayscale(0%);
					}
				}
			}
		}
	}
}

// Recent Class

.noo-recent-class {
	.noo-rn-content{
		.item-featured{
			position: relative;
			overflow: hidden;
		}
		&.info_overlay{
			padding: 30px 0 30px;
			.item-featured{
				.infor-overlay{
					.opacity(0);
					.scale(0.4);
					.transition(0.3s);
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: fade(#000,70%);
					color: @white;
					.inner{
						position: absolute;
						top: 50%;
						width: 100%;
						.translate(0,-50%);
						span{
							display: block;
							a{
								color: @white;
								&:hover{
									color: @brand-primary;
								}
							}
						}
					}
				}
			}
			.item-title {
				margin: 0;
				line-height: @line-height-large;
				font-size: 24px;
				font-weight: normal;
				padding: @grid-gutter-width / 2;				
				a {
					color: #000;
				}
			}
			/* Bounce To Bottom */
			.hvr-bounce-to-bottom {
				// display: inline-block;
				vertical-align: middle;
				-webkit-transform: translateZ(0);
				transform: translateZ(0);
				box-shadow: 0 0 1px rgba(0, 0, 0, 0);
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-osx-font-smoothing: grayscale;
				position: relative;
				-webkit-transition-property: color;
				transition-property: color;
				-webkit-transition-duration: 0.5s;
				transition-duration: 0.5s;
			  	&:before {
					content: "";
					position: absolute;
					z-index: -1;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background: @brand-primary;
					-webkit-transform: scaleY(0);
					transform: scaleY(0);
					-webkit-transform-origin: 50% 0;
					transform-origin: 50% 0;
					-webkit-transition-property: transform;
					transition-property: transform;
					-webkit-transition-duration: 0.5s;
					transition-duration: 0.5s;
					-webkit-transition-timing-function: ease-out;
					transition-timing-function: ease-out;
				}
				&:hover,
				&:focus,
				&:active {
					color: @white;
					&:before {
						-webkit-transform: scaleY(1);
						transform: scaleY(1);
						-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
						transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
					}
				}
			}
			.item-wrap{
				&:hover{
					.item-featured{
						.infor-overlay{
							.opacity(1);
							.scale(1);
						}
					}
					.item-title {
						// background: @brand-primary;
						a{
							color: @white;
						}
					}
					.hvr-bounce-to-bottom {
						&:before {
							-webkit-transform: scaleY(1);
							transform: scaleY(1);
							-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
							transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
						}
					}
				}	
			}
		}
		&.default{
			.item-featured{
				height: 110px;
				background: #fff;
				&:before, &:after {
				    content: '';
				    position: absolute;
				    bottom: -1px;
				    width: 50%;
				    background-color: inherit;
				    padding-bottom: 17%;
				    @media (max-width: @screen-xs){
				    	padding-bottom: 20%;
				    }
				}
				&:before{
					right: 50%;
					-ms-transform-origin: 100% 100%;
					-webkit-transform-origin: 100% 100%;
					transform-origin: 100% 100%;
					-ms-transform: skewX(82deg);
				    -webkit-transform: skewX(82deg);
					transform: skewX(82deg);
				}
				&:after{
					left: 50%;
					-ms-transform-origin: 0 100%;
					-webkit-transform-origin: 0 100%;
					transform-origin: 0 100%;
					-ms-transform: skewX(-82deg);
				    -webkit-transform: skewX(-82deg);
					transform: skewX(-82deg);
				}
			}
			.item-title {
				font-size: 24px;
				font-weight: normal;
				margin: 30px 0;
			}
			.info{
				span{
					display: block;
					margin-bottom: 25px;
					&.trainer-info{
						padding:0 15px;
					}
				}
			}
			.learn-more{
				a{
					padding-top: 15px;
					padding-bottom: 15px;
					width: 100%;
					color: @white;
				}
			}
		}
	}
	.loop-item { 
		margin-bottom: @grid-gutter-width;
		text-align: center;
		.item-wrap{
			background: @white;
		}
		
		@media (max-width: @screen-xs-max) {
			width: 100%;
		}
	}
	&.col-4 {
		.loop-item {
			width: 25%;
			text-align: center;
			@media (max-width: @screen-sm-max) {
				width: 50%;
			}
			@media (max-width: @screen-xs-max) {
				width: 100%;
			}
		}
	}
	&.col-5 {
		.loop-item {
			width: 20%;
			text-align: center;
			@media (max-width: @screen-sm-max) {
				width: 50%;
			}
			@media (max-width: @screen-xs-max) {
				width: 100%;
			}
		}
	}
	&.col-6 { 
		.loop-item {
			@media (max-width: @screen-sm-max) {
				width: 33.33%;
			}
			@media (max-width: @screen-xs-max) {
				width: 100%;
			}
		}
		
	}

}

// Shortcode Our Class Home1

.our-class {
	background: #fff;
	.our-class-header {
		background: #b4b4b4;
		text-align: center;
		position: relative;
		padding-top: @grid-gutter-width / 2;
		margin-bottom: 40px;

		// padding-bottom: @grid-gutter-width;
		.arrow {
			position: absolute;
			  bottom: 0;
			  left: 0;
			  width: 100%;
			  padding-left: 50%;
			  padding-right: 50%;
			  overflow: hidden;
			  .translate(0, 99%);
			  &:after {
			  	  content: "";
				  display: block;
				  width: 0;
				  height: 0;
				  margin-left: -500px;
				  margin-top: -70px;
				  border-left: 500px solid transparent;
				  border-right: 500px solid transparent;
				  border-top: 80px solid #b4b4b4;
			  }
		}
	}
	h4 {
		text-transform: uppercase;
		text-align: center;
		padding-top: @grid-gutter-width/2;
		font-size: 24px;
		color: @text-color;
		letter-spacing: 2px;
	}
	.class-info {
		text-align: center;
		
		line-height: 3em;
		padding-bottom: @grid-gutter-width;
		@media (max-width: @screen-xs-max) {
			padding-bottom: 60px;
		}
		@media (min-width: @screen-xs-max) and (max-width: @screen-sm-max) {
			padding-bottom: 60px;
		}
		
	}
	a {
		background: #ebebeb;
		text-transform: uppercase;
		text-align: center;
		// width: 100%;
		padding: 13px 0;
		position: absolute;
		bottom: 0;
		left: @grid-gutter-width / 2;
		right: @grid-gutter-width / 2;
		@media (min-width: @screen-xs-max) and (max-width: @screen-sm-max) {
			margin-bottom: @grid-gutter-width;
		}
	}
	
	

}

@media (min-width: @screen-xs-max) and (max-width: @screen-sm-max) {
	&.col-last {
		clear: left;
	}	
}
// Shortcode Call to action

.noo-cta-btn {
	background: transparent;
	padding: 0 @grid-gutter-width;
	.cta-title {
		font-size: @font-size-large;
		color: @white;
		font-weight: normal;
	}
	.cta-message {
		font-size: 30px;
		color: @white;
		padding-bottom: @grid-gutter-width / 2;
	}
	.btn {
		font-size: 24px;
		text-transform: none;
		text-transform: uppercase;
	}
}

// .noo-icon {
//  	&.icon-circle {
// 		> i {
//  			border: 1px solid transparent;
//  			border-radius: 50%;
//  			text-align: center;
//  			background: #c4c4c4;
//  			.transition(all 0.2s ease-in-out);
// 			}
// 		}
//  }

.our-services {
	> div {
		display: inline-block;
		@media (max-width: @screen-xs-max) {
			display: block;
			margin-bottom: @grid-gutter-width;
		}
		.noo-icon {
			float: left;
			margin-right: 20px;
			width: 70px;
			height: 70px;
			line-height: 70px;
			background: #f4f4f4;
			border-radius: 50%;
			text-align: center;
			color: #6a695e;
			.transition(transform 600ms ease 0s);
		}
		.noo-text-block {
			padding: @grid-gutter-width/3 @grid-gutter-width ;
			line-height: @line-height-small;
			float: left;
			width: 50%;
			padding-left: 0;
			padding-right: 0;
			line-height: 1.7;
			i {
				display: block;
			}
			@media (max-width: @screen-sm-max) {
				padding: @grid-gutter-width / 2;
			}
			a{
				i{
					margin-top: 8px;
				}
			}
		}
		&:before {
			position: absolute;
			content: " ";
			background: @border-color-base;
			right: 0;
			font-style: italic;
			top: 40px;
			right: -@grid-gutter-width;
			height: 1px;
			width: 85px;
			.rotate(-60deg);
			@media (max-width: @screen-sm-max) {
				height: 0;
			}

		}
		&:last-child {
			&:before {
				height: 0;
			}
		}
		&:hover {
			.noo-icon {
				background: @brand-primary;
				color: @white;
			}
		}
	}
}

.contact-register {
	background: #fff;
	margin-top: -118px;
	@media (max-width: @screen-sm-max) {
		margin-top: 0;
	}
	.contact-register-header {
		background: @brand-primary;
		text-align: center;
		position: relative;
		padding-top: @grid-gutter-width / 2;
		margin-bottom: 50px;
		color: #fff;
		// padding-bottom: @grid-gutter-width;
		h4 {
			text-transform: uppercase;
			color: #fff;
		}
		.arrow {
			position: absolute;
			  bottom: 0;
			  left: 0;
			  width: 100%;
			  padding-left: 50%;
			  padding-right: 50%;
			  overflow: hidden;
			  .translate(0, 99%);
			  &:after {
			  	  content: "";
				  display: block;
				  width: 0;
				  height: 0;
				  margin-left: -500px;
				  margin-top: -70px;
				  border-left: 500px solid transparent;
				  border-right: 500px solid transparent;
				  border-top: 80px solid @brand-primary;
			  }
		}
	}
	.contact-register-content {
		padding: @grid-gutter-width / 2;
		input, textarea {
			font-style: italic;
			margin-bottom: @grid-gutter-width /2;

		}
	}
	.wpcf7-submit {
		height: auto;
		font-size: @font-size-base;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.ajax-loader {
		display: none;
	}
}

// Shortcode videos
.noo-text-block{
	.noo-title{
		text-align: center;
		margin: 75px 0 50px;
		@media screen and (min-width:320px){
			margin: 30px 0 30px;
		}
		@media screen and (min-width:768px){
			margin: 45px 0 50px;
		}
		@media screen and (min-width:992px){
			margin: 50px 0 40px;
		}
		@media screen and (min-width:1200px){
			margin: 75px 0 50px;
		}
		.sub-title{
			width: 62%;
			line-height: 24px;
			margin: 0 auto;
			@media screen and (min-width:320px){
				width: 100%;
			}
			@media screen and (min-width:768px){
				width: 62%;
			}
		}
	}
}
.videos.posts-loop {
	&.style2{
		margin-bottom: 100px;
		@media screen and(min-width:320px){
			margin-bottom: 50px;
		}
		@media screen and(min-width:768px){
			margin-bottom: 70px;
		}
		@media screen and(min-width:992px){
			margin-bottom: 80px;
		}
		@media screen and(min-width:1200px){
			margin-bottom: 100px;
		}
		.video {
			position:relative;
			bottom: auto;
			.loop-item-wrap{
				.click-to-show-video{
					position:absolute;
					top:50%;
					left:50%;
					transform: translateY(-50%);
					i{
						font-size:52px;
						color:white;
						.transition(all 0.4s ease 0s);
						@media screen and (min-width:320px){
							font-size:32px;
						}
						@media screen and (min-width:480px){
							font-size:48px;
						}
						@media screen and (min-width:768px){
							font-size:52px;
						}
					}
					&:hover{
						i{
							color:@brand-primary;
						}
					}
				}
				.loop-item-content {
					padding: 10px 0 30px;
					background: @brand-primary;
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					width: auto;
					text-align: center;
					@media (max-width: @screen-sm-max) {
						margin-left: 0;
						padding-left: 0;
						// position: relative;
						height: 70px;
					}
					  .loop-item-title {
						  a{
							font-size: 18px;
							color: white;
						  }
						  @media (max-width: @screen-sm-max) { 
							  padding-left: 0px;
						  }
					  }
					  .loop-item-excerpt {
						  margin-top: 0px;
						  color:white;
						  font-size:14px;
					  }
				}
			}
			.click-to-pause-video{
				opacity: 0;
			}
			.loop-item-wrap:hover{
				.click-to-pause-video{
					opacity: 1;
				}
			}
		}
		.loop-thumb {
			.loop-thumb-content {
				@media (max-width: @screen-md-max) {
					overflow: auto;
				}
				@media (max-width: @screen-sm-max) {
					max-height: 350px;
				}
				.carousel-inner {
					margin: 0;
					.item {
				
						> a {
							position: relative;
							float: left;
							width: 100%;
							margin-bottom: 20px;
							background: #fafcff;
							padding:25px  30px;
							font-size: 18px;
							color: black;
							font-weight: bold;
							&:hover{
								background:@brand-primary;
								color:white;
								.thumbnail-content {
									color:white;
								}
							}
							@media (max-width: @screen-sm-max) {
								font-size: @font-size-base;
							}
							.icon {
								&:after{
									content: "\f144";
									font: normal normal normal 16px/1 FontAwesome;
									float:right;
									padding-top: 8px;
									padding-right: 20px;
								}
								i{
									display:none;
								}
							}
							.thumbnail-content {
								font-size: 14px;
								color:black;
								line-height: 21px;
								font-weight: normal;
								@media (max-width: @screen-sm-max) {
									display: none;
								}
							}
						}
						&:last-child {
							a {
								margin-bottom: 0;
							}
						}
						
					}
					
				} 
			}
		}
		
	}
	&.style1{
		.video {
			bottom: 0;
			.loop-item-wrap{
				.loop-item-content {
					padding: 10px 0;
					padding-left: 80px;
					background: @gray-lighter;
					max-height: 70px;
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					width: auto;
					@media (max-width: @screen-sm-max) {
						margin-left: 0;
						padding-left: 0;
						// position: relative;
						height: 70px;
					}
	  
					  .icon {
						width: 70px;
						height: 70px;
						line-height: 70px;
						display: inline-block;
						text-align: center;
						background: @brand-primary;
						color: #ffffff;
						font-size: @font-size-large;
						left: 0;
						top: 0;
						bottom: 0;
						position: absolute;
						@media (max-width: @screen-sm) and (min-width: @screen-sm-max) {
							position: relative;
							width: 50px;
							height: 50px;
							line-height: 50px;
						}
					  }
	  
					  .loop-item-title {
						  font-size: @font-size-large;
						  color: @brand-primary;
						  @media (max-width: @screen-sm-max) { 
							  padding-left: 80px;
						  }
					  }
					  .loop-item-excerpt {
						  margin-top: 7px;
					  }
				}
			}
		}
		.loop-thumb {
			.loop-thumb-content {
				&:hover {
					overflow-y: scroll;
				}
				max-height: 350px;
				.carousel-inner {
					margin: 0;
					.item {
						> a {
							position: relative;
							float: left;
							width: 100%;
							margin-bottom: @grid-gutter-width / 2;
							background: @gray-lighter;
							padding: 10px 30px 10px 80px;
							font-size: @font-size-large;
							color: @brand-primary;
							min-height: 70px;
							@media (max-width: @screen-sm-max) {
								font-size: @font-size-base;
							}
							.icon {
								width: 70px;
								height: 100%;
								display: inline-block;
								text-align: center;
								background: @brand-primary;
								color: #ffffff;
								font-size: @font-size-large;
								left: 0;
								top: 0;
								bottom: 0;
								position: absolute; 
								i {
									position: absolute;
									top: 50%;
									left: 50%;
									transform: translate(-50%, -50%);
								}
							}
							.thumbnail-content {
								font-size: @font-size-base;
								color: @text-color;
								@media (max-width: @screen-sm-max) {
									display: none;
								}
							}
						}
						&:last-child {
							a {
								margin-bottom: 0;
							}
						}
						
					}
					
				} 
			}
		}
	}
	.loop-thumb {
		.loop-thumb-content {
			overflow: hidden;
			
			@media (max-width: @screen-md-max) {
				overflow: auto;
			}
			@media (max-width: @screen-sm-max) {
				max-height: 240px;
			}
			.carousel-inner {
				margin: 0;
				.item {
			
					> a {
						position: relative;
						float: left;
						width: 100%;
						@media (max-width: @screen-sm-max) {
							font-size: @font-size-base;
						}
						.thumbnail-content {
							display: block;
							@media (max-width: @screen-sm-max) {
								display: none;
							}
						}
					}
					&:last-child {
						a {
							margin-bottom: 0;
						}
					}
					
				}
				
			} 
			.carousel-indicators {
				position: absolute;
				right: -80px;
				top: 0;
				li.active {
					border: 0;
					&:before {
						border: 0;
					}
				}
				li {
					background: #7d7d7d;
					&:before {
						border: 0;
					}
				}
			}
		}
		@media (max-width: @screen-xs-max) {
			display: none;
		}
	}
	.video {
		// margin-top: -180px;
		@media (min-width: @screen-xs-max) {
			position: absolute;
			right: 0;
			bottom: 0;
		}
		@media (max-width: @screen-xs-max) {
			margin-top: 0;
		}
		.hentry {
			margin-bottom: 0 !important;
		}
		.loop-item-wrap {
			position: relative;
			.loop-item-featured {
				width: 100%;

			}
			.loop-item-content {
			  position: absolute;
			  bottom: 0;
			  left: 0;
			  right: 0;
			  width: auto;
			  @media (max-width: @screen-sm-max) {
			  	margin-left: 0;
			  	padding-left: 0;
			  	// position: relative;
			  	height: 70px;
			  }
			  .icon {
					&:hover {
					cursor: pointer;
					}
				}

			// 	/* Shadow Radial */
				.hvr-shadow-radial {
				  -webkit-transform: translateZ(0);
				  transform: translateZ(0);
				  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
				  -webkit-backface-visibility: hidden;
				  backface-visibility: hidden;
				  -moz-osx-font-smoothing: grayscale;

					&:before, &:after {
					  pointer-events: none;
					  position: absolute;
					  content: '';
					  left: 0;
					  width: 100%;
					  box-sizing: border-box;
					  background-repeat: no-repeat;
					  height: 5px;
					  opacity: 0;
					  -webkit-transition-duration: 0.3s;
					  transition-duration: 0.3s;
					  -webkit-transition-property: opacity;
					  transition-property: opacity;
					}
					&:before {
					  bottom: 100%;
					  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
					  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
					}
					&:after {
					  top: 100%;
					  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
					  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
					}
					&:hover:before, &:focus:before, &:active:before, &:hover:after, &:focus:after, &:active:after {
					  opacity: 1;
					}
				}
				.loop-item-title {
					text-transform: none;
					margin-bottom: 0;
					@media (max-width: @screen-sm-max) { 
						padding-left: 80px;
					}
				}
			}
		}
	}

}
.videos .loop-item-excerpt {
	@media (max-width: @screen-sm-max) {
		display: none;
	}
}
.testimonial-content {
	padding-left: 50px;
	position: relative;
	&:before {
	  content: '\201C';
	  position: absolute;
	  top: -60px;
	  left: -5px;
	  font-size: 120px;
	  color: #fe6367;
	  line-height: 150%;
	  font-weight: bold;
	}
}

.custom-title{
  .custom-title();
}
.custom-title-home{
  .custom-title-home();
}
.custom-title-home-center{
  .custom-title-home-center();
}

//Instagram style
//===============================================
.noo-instagram-wrap{
	position: relative;
	display: block;
	margin-top: 100px;
	@media screen and(min-width:320px){
		margin-top: 50px;
	}
	@media screen and(min-width:768px){
		margin-top: 70px;
	}
	@media screen and(min-width:992px){
		margin-top: 80px;
	}
	@media screen and(min-width:1200px){
		margin-top: 100px;
	}
	.btn-instagram{
		text-align: center;
		position: absolute;
		left: 50%;
		bottom: 10%;
		transform: translateX(-50%);
		z-index: 2;
		background:@white;
		padding:0px 15px;
		a{
			font-size:20px;
			color:black;
		}
		&:hover{
			a{
				color:@brand-primary;
			}
		}
	}
	.noo-instagram {
		padding:0;
		.instagram-info {
			width: 100%;
			height: auto;
			position: relative;
			display: inline-block;
			padding: 0;
			.instagram-image-link {
				position: relative;
				display:block;
				width: 100%;
				height: auto;
				overflow: hidden;
				.instagram-image-around {
					position: relative;
					display: block;
					width: 100%;
					height: auto;
				}
			}
			.instagram-link{
				position: absolute;
				left: 5%;
				bottom: 10%;
				//transform: translate(-50%,0);
				z-index: 2;
			    color:white;
				font-size: 18px;
				text-transform: capitalize;
				&:hover{
					text-decoration: none;
				}
			}
		}
		.instagram-info {
			float: left;
			.instagram-image-around {
				position: relative;
				overflow: hidden;
				.transition(all 0.4s ease 0s);
				&:before {
					content: "";
					position: absolute;
					left: 0;
					top: 0;
					bottom: 0;
					right: 0;
					opacity: 0;
					background-color: rgba(255, 255, 255, 0.8);
					.transition(all 0.3s linear);
					z-index: 1;
					.scale(0.8);
				}
				&:after {
					content: '\f16d';
					font-family: FontAwesome;
					font-size: 20px;
					color: #fe6367;
					position: absolute;
					left: 50%;
					top: 50%;
					.translate(-50%, -50%);
					z-index: 2;
					font-size: 50px;
					.opacity(0);
					.transition(all 0.35s ease);
				}
				img {
					.transition(all 0.4s ease 0s);
				}
				.instagram-link{
					.transition(all 0.4s ease 0s);
				}
				&:hover {
					&:before {
						.scale(1);
						.opacity(1);
					}
					&:after {
						font-size: 35px;
						.opacity(1);
					}
					img {
						.scale(1.1);
					}
					.instagram-link{
						opacity: 0;
					}
				}
			}
		}
		.owl-nav {
			display: none;
		}
		.owl-dots{
			display: none;
		}
	}
	// &:hover {
	// 	.owl-nav {
	// 		opacity: 1;
	// 	}
	// }
}

//Slogan text 
//===============================================
.slogan-text{
	font-weight: normal;
	@media screen and(min-width:320px){
		padding-bottom: 30px;
	}
	@media screen and(min-width:768px){
		padding-bottom: 0px;
	}
}
.slogan-button{
	@media screen and(min-width:320px){
		text-align: center;
	}
	@media screen and(min-width:768px){
		text-align: right;
	}
	a{
		background-image: none !important;
		padding: 12px 45px !important;
		font-weight: 600;
		font-size: 18px !important;	
		.transition(all 0.6s ease-in-out);
		&:hover{
			color:#fe6367 !important;
		}
	}
}

// Pricing
//==================================================
.pricing-block{
	padding-bottom: 100px;
	@media screen and (min-width:320px){
		padding-bottom: 20px;
	}
	@media screen and (min-width:768px){
		padding-bottom: 40px;
	}
	@media screen and (min-width:992px){
		padding-bottom: 80px;
	}
	@media screen and (min-width:1200px){
		padding-bottom: 100px;
	}
}
.pricing-title{
	text-align: center;
	margin: 100px 0 60px;
	@media screen and (min-width:320px){
		margin: 80px 0 30px;
	}
	@media screen and (min-width:768px){
		margin: 70px 0 30px;
	}
	@media screen and (min-width:992px){
		margin: 80px 0 60px;
	}
	@media screen and (min-width:1200px){
		margin: 100px 0 60px;
	}
}
.noo-pricing{
	text-align: center;
	@media screen and (min-width:320px){
		margin-bottom: 30px;
	}
	@media screen and (min-width:992px){
		margin-bottom: 0px;	
	}
	.noo-pricing-wrap{
		.transition(all 0.6s ease-in-out);
		&.style1{
			border:1px solid #e3e3e3;
			
		}
		&.style2{
			box-shadow: 0px 0px 25px 4px #eeee;
		}
		.pricing-icon{
			min-height: 113px;
			padding-top: 40px;
		}
		.title{
			margin:20px 0px;
			font-size: 24px;
			line-height: 18px;
			color: #000000;
		}
		.sub-title{
			margin:0 0 30px;
			font-size: 18px;
			line-height: 15px;
			color:#000000;
			font-weight: 500;
		}
		.price-date{
			line-height: 40px;
			margin-bottom: 20px;
			.price{
				font-size: 48px;
				color: #000000;
				font-weight: bold;
			}
			.date{
				font-size: 18px;
				color:black;
			}
		}
		.item-pricing{
			.row-pricing{
				color:#696969;
				font-size:16px;
				line-height: 14px;
				font-weight: 500;
				margin:0  0  30px;
			}
		}
		.btn-pricing{
			margin: 20px 0 30px 0;
			display: inline-block;
			a{
				padding: 15px 30px;
				display: block;
				background: #fe6367;
				color: #fff;
				border-radius: 50px;
				font-size: 14px;
				line-height: 14px;
				.transition(all 0.6s ease-in-out);
			}
			&:hover{
				a{
					.opacity(0.8);
				}
			}
		}
	}
	&:hover{
		.noo-pricing-wrap{
			margin-top: -30px;
			@media screen and (min-width:320px){
				margin-top: 0px;
			}
			@media screen and (min-width:992px){
				margin-top: -30px;
			}
		}
	}
}

// Shortcode Title
//====================================================
.noo-title{
	.left{
		text-align: left;
	}
	.center{
		text-align: center;
	}
	.right{
		text-align: right;
	}
	.title{
		position: relative;
		display: inline-block;
		color:black;
		margin:0 0 15px;
		font-size: 30px;
		line-height: 22px;
		@media screen and(min-width:320px){
			line-height: 32px;
		}
		@media screen and(min-width:768px){
			line-height: 22px;
		}
		&:after{
			content:'';
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50% ,-50%);
			width: 105px;
			height: 96px;
			background: url(../images/icon-title-secound.png) center center no-repeat;
		}
	}
	.sub-title{
		margin: 0;
		font-size: 14px;
		color: black;
		line-height: 12px;
		@media screen and (min-width:320px){
			line-height: 24px;
		}
		@media screen and (min-width:992px){
			line-height: 12px;
		}
	}
}

//Event Slider
//====================================================
.noo-event-slider-wrap{
	margin:100px 0 40px;
	@media screen and(min-width:320px){
		margin:50px 0px 0px;
	}
	@media screen and(min-width:480px){
		margin:50px 0px 10px;
	}
	@media screen and(min-width:768px){
		margin:70px 0 5px;
	}
	@media screen and(min-width:992px){
		margin:80px 0 40px;
	}
	@media screen and(min-width:1200px){
		margin:100px 0 40px;
	}
	.sub-title-event-slider{
		width: 50%;
		line-height: 20px;
		margin-bottom: 50px;
		@media screen and(min-width:320px){
			width: 70%;
			margin-bottom: 30px;
		}
		@media screen and(min-width:992px){
			width: 50%;	
			margin-bottom: 50px;
		}
	}
	.noo-es-content {
		position: relative;
		.loop-item-wrap {	
			.loop-item-featured{
				position: relative;
				a{
					&:before, &:after{
						content: '';
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background: rgba(255,255,255,0.3);
						transition: ease all 0.5s;
						-webkit-transition: ease all 0.5s;
						-moz-transition: ease all 0.5s;
						-o-transition: ease all 0.5s;
						z-index: 2;
					}
					&:before{
						-webkit-transform: scale(0, 1);
						-moz-transform: scale(0, 1);
						-o-transform: scale(0, 1);
						transform: scale(0, 1);
					}
					&:after{
						-webkit-transform: scale(1, 0);
						-moz-transform: scale(1, 0);
						-o-transform: scale(1, 0);
						transform: scale(1, 0);
					}
				}
			}
			.loop-item-content{
				.loop-item-content-summary{
					background: white;
					padding:20px 30px;
					.loop-item-category{
						line-height: 14px;
						margin-bottom: 10px;
						a{
							color:#fe6367;
							font-size: 14px;
						}
					}
					.loop-item-title{
						margin: 0;
						text-transform: uppercase;
						line-height: 18px;
						margin-bottom: 10px;
						a{
							color: black;
							font-size: 18px;
							.transition(all 0.4s ease-in-out);
						}
						&:hover{
							a{
								color:#fe6367;
							}
						}
					}
					.event-info{
						div{
							font-size: 14px;
							color: #696969;
							margin-bottom: 8px;
							i{
								color:#fe6367;
								padding-right: 10px;
							}
						}
					}
				}
				.loop-item-action{
					visibility: hidden;
					opacity: 0;
					.transition(all 0.6s ease-in-out);
					a{
						background-color:#fe6367;
						color:white;
						font-size: 14px;
						font-weight: bold;
					}
				}
			}
			&:hover{
				.loop-item-action{
					visibility:visible;
					.opacity(1);
				}
				.loop-item-featured{
					a{
						&:before, &:after{
							-webkit-transform: scale(1, 1);
							-moz-transform: scale(1, 1);
							-o-transform: scale(1, 1);
							transform: scale(1, 1);
							}
					}
				}
			}
		}
		.owl-nav{
			position: absolute;
			top: -100px;
			right: 0;
			.owl-next{
				width: 40px;
				border: 1px solid #e3e3e3;
				height: 40px;
				color:black;
				background:white;
				.transition(all 0.4s ease-in-out);
				&:focus{
					outline: none;
				}
				&:hover{
					color:#fe6367;
				}
				span{
					font-size: 24px;
					line-height: 24px;
				}
			}
			.owl-prev{
				width: 40px;
				border: 1px solid #e3e3e3;
				height: 40px;
				color:black;
				background:white;
				margin-right:12px;
				.transition(all 0.4s ease-in-out);
				&:hover{
					color:#fe6367;
				}
				&:focus{
					outline: none;
				}
				span{
					font-size: 24px;
					line-height: 24px;
				}
			}
		}
		.owl-dots{
			display:none;
		}
	}
}

//Trainer Slider
//====================================================
.noo-trainer-slider-wrap{
	margin:100px 0px;
	@media screen and(min-width:320px){
		margin:50px 0px;
	}
	@media screen and(min-width:768px){
		margin:70px 0px;
	}
	@media screen and(min-width:992px){
		margin:80px 0px;
	}
	@media screen and(min-width:1200px){
		margin:100px 0px;
	}
	.sub-title-trainer-slider{
		width: 50%;
		line-height: 20px;
		margin-bottom: 50px;
		@media screen and(min-width:320px){
			margin-bottom: 30px;
			width: 70%;
		}
		@media screen and(min-width:992px){
			margin-bottom: 50px;
			width: 50%;
		}
	}
	.noo-trainer-content {
		.loop-item-wrap{
			text-align: center;
			&.style1{
				.loop-item-content{
					background: white;
				}
			}
			&.style2{
				.loop-item-content{
					background:#f4f8ff;
				}
			}
			.content-featured{
				
				position: relative;
				overflow: hidden;
				img{
					.transition(all 0.6s ease-in-out);
				}
			}
			.loop-item-content{
				.transition(all 0.6s ease-in-out);
				.loop-item-content-summary{
					.content-title{
						margin: 0;
						padding:30px 0 15px;
						line-height: 15px;
						a{
							font-size: 18px;
							color:black;
							text-transform: none;
							line-height: 12px;
							&:hover{
								color:black;
							}
						}
					}
					.trainer-category{
						margin: 0 0 15px;
						line-height: 20px;
						font-weight: normal;
						a{
							font-size: 15px;
							color: black;
							&:hover{
								color:black;
							}
						}
					}
					.trainer-social{
						.noo-social-content{
							margin-bottom: 30px;
							a{
								color:black;
								margin:0 10px;
								&:hover{
									color:black;
								}
							}
						}
					}
				}
			}
			&:hover{
				.content-featured{
					img{
						transform: scale(1.1, 1.1);
					}
				}
				.loop-item-content{
					background:#fe6367;
					.content-title, .trainer-category{
						a{
							color:white;
						}
					}
					.trainer-social{
						.noo-social-content{
							a{
								color:white;
							}
						}
					}
				}
			}
		}		
		.owl-nav{
			position: absolute;
			top: -80px;
			right: 0;
			.owl-next{
				width: 40px;
				border: 1px solid #e3e3e3;
				height: 40px;
				color:black;
				background:white;
				.transition(all 0.4s ease-in-out);
				&:focus{
					outline: none;
				}
				&:hover{
					color:#fe6367;
				}
				span{
					font-size: 24px;
					line-height:24px;
				}
			}
			.owl-prev{
				width: 40px;
				border: 1px solid #e3e3e3;
				height: 40px;
				color:black;
				background:white;
				margin-right:12px;
				.transition(all 0.4s ease-in-out);
				&:hover{
					color:#fe6367;
				}
				&:focus{
					outline: none;
				}
				span{
					font-size: 24px;
					line-height:24px;
				}
			}
		}
		.owl-dots{
			display: none;
		}
	}
}
//Contactform
//==================================================
.contact-block{
	margin:100px 0px 35px;
	@media screen and (min-width:320px){
		margin:50px 0px 60px;
	}
	@media screen and (min-width:768px){
		margin:70px 0px 70px;
	}
	@media screen and (min-width:992px){
		margin:80px 0px 80px;
	}
	@media screen and (min-width:1200px){
		margin:100px 0px 35px;
	}
}
.noo-contact-form {
	.noo-contact-form-7{
		padding-right: 100px;
		@media screen and (min-width:320px){
			padding-right:0px;
		}
		@media screen and (min-width:1200px){
			padding-right:100px;
		}
		.noo-title{
			.title{
				&:after{
					left: 0%;
					transform: translate(0%, -50%)
				}
			}	
			.sub-title-contact-form{
				line-height: 24px;
				margin-bottom: 60px;
				@media screen and (min-width:320px){
					margin-bottom:30px;
				}
				@media screen and (min-width:992px){
					margin-bottom:60px;
				}
			}
		}
		form{
			.noo-form7{
				.yogi-date-block{
					position: relative;
				}
				select:not([multiple]){
					
					color: black;
					width: 100%;
					-webkit-appearance: none;
					-khtml-appearance: none;
					-moz-appearance: none;
					-ms-appearance: none;
					-o-appearance: none;
					appearance: none;
					background: url(../images/arrow.png) no-repeat right center;
					cursor: pointer;
				}
			 	input[type="date"]::-webkit-calendar-picker-indicator,
				input[type=date]::-webkit-clear-button,
				input[type="date"]::-webkit-inner-spin-button{
					display: none;
					
				}
				input[type="submit"]{
					.transition(all 0.4s ease-in-out);
					&:hover{
						background: #fe6367;
						.opacity(0.6);
					}
				}
				.wpcf7-form-control{
					border:none;
					border-bottom: 1px solid #fe6367;
					padding-left: 0px;
					color:black;
				}
				.fa-calendar-o{
					top: 25%;
					right: 15px;
					position: absolute;
					transform: translateY(-50%);
					color:black;
				}
				.wpcf7-submit{
					width: auto;
					height: auto;
					font-size: 16px;
					line-height: 16px;
					text-transform: none;
					color: #fff;
					margin: 0;
					padding: 12px 40px;
					border-radius: 5px;
					border:none !important;
					margin-top:40px;
				}
			}
		}
	}
}
.wpcf7-form-control-wrap{
	width: 100%;
	::-webkit-input-placeholder { /* WebKit browsers */
		color:black !important;
	  }
	::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:black !important;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:black !important;
	}
	::-ms-input-placeholder { /* Internet Explorer 10+ */
		color:black !important;
	}
}

// Benefit Item
//==================================================
.block-benefit{
	margin:100px 0px;
	@media screen and (min-width:320px){
		margin:50px 0px 25px;
	}
	@media screen and (min-width:768px){
		margin:70px 0px 35px;
	}
	@media screen and (min-width:992px){
		margin:80px 0px 45px;
	}
	@media screen and (min-width:1200px){
		margin:100px 0px;
	}
	.sub-title{
		margin-bottom: 60px;
		@media screen and (min-width:320px){
			margin-bottom: 30px;
		}
		@media screen and (min-width:768px){
			margin-bottom: 60px;
		}
		@media screen and (min-width:992px){
	
		}
	}
	.img-benefit{
		@media screen and (min-width:320px){
			margin-bottom: 30px !important ;
		}
		@media screen and (min-width:992px){
			margin-bottom: 0px !important;
		}
		@media screen and (min-width:992px){
	
		}
		img{
			.transition(all 0.6s ease-in-out);
		}
		&:hover{
			img{
				transform: translate(20px, 0);
			}
		}
	}
}
.noo-benefit {
	margin-bottom: 25px;
	.noo-benefit-wrap {
		position: relative;
		display: inline-block;
		.noo-img{
			display: block;
			overflow: hidden;
			img{
				.transition(all 0.4s ease-in-out);
			}
		}
		.noo-benefit-content{
			display: table-cell;
			.noo-item-benefit-title{
				font-size: 18px;
				color: #fe6367;
			}
			.noo-item-benefit-desc{
				font-size: 14px;
				color:black;
			}
		}
		&.right{
			.noo-img{
				float: left;
				padding-right: 15px;
			}
			.noo-benefit-content{
				text-align: left;
			}
		}
		&.left{
			@media screen and (min-width: 320px){
				
			}
			@media screen and (min-width: 480px){
				 float: right;
			}
			@media screen and (min-width: 768px){
				    float: none;
			}
			@media screen and (min-width: 992px){

			}
			.noo-img{
				float: right;
				padding-left: 20px;
			}
			.noo-benefit-content{
				text-align: right;
			}
		}
		&:hover{
			.noo-img{
				img{
					transform: scale(1.06);
				 }
			}
		}
	}
}



//Class Slider
//=================================================
.noo-class-slider-wrap{
	.noo-class-content{
		.owl-nav{
			.owl-next{
				width: 40px;
				border: 1px solid #e3e3e3;
				height: 40px;
				color:black;
				background:white;
				.transition(all 0.4s ease-in-out);
				&:focus{
					outline: none;
				}
				&:hover{
					color:#fe6367;
				}
				span{
					font-size: 24px;
					line-height: 24px;
				}
			}
			.owl-prev{
				width: 40px;
				border: 1px solid #e3e3e3;
				height: 40px;
				color:black;
				background:white;
				margin-right:12px;
				.transition(all 0.4s ease-in-out);
				&:hover{
					color:#fe6367;
				}
				&:focus{
					outline: none;
				}
				span{
					font-size: 24px;
					line-height: 24px;
				}
			}
		}
	}
	&.style1,
	&.style2{
		margin: 98px 0 32px;
		@media screen and(min-width:320px){
			margin: 60px 0 25px
		}
		@media screen and(min-width:480px){
			margin: 60px 0 25px
		}
		@media screen and(min-width:768px){
			margin: 90px 0 50px;
		}
		@media screen and(min-width:992px){
			margin: 100px 0 60px;
		}
		@media screen and(min-width:1200px){
			margin: 100px 0 32px;
		}
		.noo-class-content{
			.owl-dots{
				//bottom: -30px;
				top:100%;
				position: absolute;
				left: 50%;
				text-align: center;
				width:100%;
				transform:translateX(-50%);
				@media screen and (min-width:320px){
					//bottom: -25px;
				}
				@media screen and (min-width:768px){
					//bottom: -30px;
				}
				@media screen and (min-width:992px){
					//bottom: -40px;
				}
				@media screen and (min-width:1200px){
					//bottom: -15px;
				}
				@media screen and (min-width:1400px){
					//bottom: -30px;
					top:100%;
				}
				.owl-dot{
				   width: 10px;
				   height: 10px;
				   margin-right: 10px;
				   background: #dbdfe5;
				   border-radius: 50px;
				   &.active{
					   background: #fe6367;
				   }
				}
			}
		}
		.loop-item-wrap{
			.transition(all 0.4s ease-in-out);
			.loop-item-content{
				.loop-item-content-summary{
					background:white;
					padding:20px  25px 0 30px;
					.item-category{
						a{
							color:#fe6367;
						}
					}
					.item-title{
						font-size: 16px;
						text-transform: uppercase;
						margin: 8px 0px 15px;
						line-height: 13px;
						a{
							color:black;
						}
						&:hover{
							a{
								color:#fe6367;
							}
						}
					}
					.item-excerpt{
						font-size: 12px;
						color: black;
					}
					.item-info{
						padding-bottom: 20px;
						>span{
							&:first-child{
								padding-right:15px;
							}
						}
						span{
							font-size:14px;
							color:#696969;
							letter-spacing: 0px;
							a{
								font-style: normal;
								
							}
							.fa-calendar, .fa-user{
								color:#fe6367;
							}
						}
					}
				}
				.loop-item-action{
					visibility: hidden;
					opacity: 0;
					.transition(all 0.6s ease-in-out);
					a{
						background-color:#fe6367;
						color:white;
						font-size: 14px;
						font-weight: bold;
					}
				}
				
			}
			&:hover{
				-webkit-box-shadow:  -1px 0px 40px 2px rgba(212, 212, 212, 0.8);
				-moz-box-shadow:  -1px 0px 40px 2px rgba(212, 212, 212, 0.8);
				box-shadow: -1px 0px 40px 2px rgba(212, 212, 212, 0.8);
				.loop-item-action{
					visibility:visible;
					.opacity(1);
				}
			}
		}
	}
	&.style3{
		margin:100px 0;
		@media screen and (min-width:320px){
			margin:50px 0;
		}
		@media screen and (min-width:768px){
			margin:70px 0;
		}
		@media screen and (min-width:992px){
			margin:80px 0;
		}
		@media screen and (min-width:1200px){
			margin:100px 0;
		}
		.noo-title{
			text-align: center;
		}
		.sub-title{
			line-height: 24px;
			width: 60%;
			margin: 0 auto;
			margin-bottom: 60px;
			@media screen and(min-width:320px){
				width: 60%;
				margin-bottom: 30px;
			}
			@media screen and(min-width:480px){
				width: 80%;
			}
			@media screen and(min-width:768px){
				width: 60%;
				margin-bottom: 60px;
			}
			@media screen and(min-width:992px){
				margin-bottom: 40px;
			}
			@media screen and(min-width:1200px){
				width: 60%;
				margin-bottom: 60px;
			}
		}
		.noo-class-content {
			position: relative;
			.loop-item-wrap {
				.item-featured{
				   width: 50%;
				   float: left	;
				   margin-bottom: 50px;
				   overflow: hidden;
				   img{
						.transition(all 0.6s ease-in-out);
				   }
				   @media screen and(min-width:320px){
						width:100%;
						margin-bottom: 0px;
				   }
				   @media screen and(min-width:1200px){
					width: 50%;
					margin-bottom: 50px;
				   }
				}
				.loop-item-content{
				   width: 60%;
				   position: absolute;
				   float: right;
				   right: 0;
				   background: white;
				   padding: 50px 50px 80px 50px;
				   top: 80px;
					@media screen and (min-width:320px){
						width: 100%;
						position: relative;
						top:0;
						padding: 30px 15px;
					}
				   	@media screen and (min-width:1200px){
						width: 60%;
						position: absolute;
						top: 80px;
						padding: 50px 50px 80px 50px;
					}
				   .loop-item-content-summary{
					   .item-category{
						   font-size: 16px;
						   a{
							   color:#fe6367;
						   }
					   }
					   .item-title{
						   font-size: 24px;
						   margin: 15px 0 20px;
						   line-height: 18px;
						   &:hover{
								a{
									color:#fe6367;
								}
							}
						   a{
							   color:black;
						   }
					   }
					   .item-info{
						   margin-bottom: 15px;
						   >span{
							   padding-right:20px;
						   }
						   span{
							   font-size:16px;
							   color:#696969;
							   .fa-calendar,.fa-user{
								   color:#fe6367;
							   }
						   }
					   }
				   }
				   .item-excerpt{
					   margin-bottom: 45px;
					   font-size: 14px;
					   color:black;
				   }
				   .loop-item-action{
					   display: inline-block;
					   a.btn{
						   border-radius: 5px;
						   background: #fe6367;
						   color: white;
						   text-transform: none;
						   font-size: 16px;
					   }
				   }
				}
				&:hover{
					.item-featured{
						img{
							transform: scale(1.1);
						}
					}
				}
			}
			.owl-dots{
				bottom: 10px;
				position: absolute;
				left: 20%;
				@media screen and(min-width:320px){
					bottom:auto;
					left: 50%;
					transform:translateX(-50%);
				}
				@media screen and(min-width:768px){
					bottom: 0px;
					left: 50%;
				}
				@media screen and(min-width:1200px){
					bottom: 10px;
					left: 20%;
				}
				.owl-dot{
				   width: 10px;
				   height: 10px;
				   margin-right: 10px;
				   background: #dbdfe5;
				   border-radius: 50px;
				   &.active{
					   background: #fe6367;
				   }
				}
			}
			.owl-nav{
				position: absolute;
				top: 0;
				right: 0;
				@media screen and(min-width:320px){
					top: -75px;
					width: 100%;
					.owl-prev{
						float: left;
					}
					.owl-next{
						float: right;
					}
				}
				@media screen and(min-width:768px){
					top: -100px;
				}
				@media screen and(min-width:1200px){
					top:0;
					width: auto;	
					.owl-prev{
						float: none;
					}
					.owl-next{
						float: none;
					}	
				}
				
			}
		}
	}
	&.style1{
		.sub-title-class-slider{
			width: 63%;
			line-height: 24px;
			margin-bottom: 60px;
			@media screen and (min-width:320px){
				margin-bottom: 30px;
			}
			@media screen and (min-width:768px){
				margin-bottom: 40px;
			}
			@media screen and (min-width:1200px){
				margin-bottom: 60px;
			}
		}
		.noo-class-content{
			position: relative;
			.loop-item-wrap{
				.item-featured{
					position: relative;
					display: block;
					a{
						&:before{
							top: 20px;
							right: 10px;
							bottom: 20px;
							left: 10px;			
							border-top: 1px solid #fff;
							border-bottom: 1px solid #fff;
							-webkit-transform: scale(0,1);
							transform: scale(0,1);
							-webkit-transform-origin: 0 0;
							transform-origin: 0 0;
						}
						&:after{
							top: 10px;
							right: 20px;
							bottom: 10px;
							left: 20px;			
							border-right: 1px solid #fff;
							border-left: 1px solid #fff;
							-webkit-transform: scale(1,0);
							transform: scale(1,0);
							-webkit-transform-origin: 100% 0;
							transform-origin: 100% 0;
						}
						&:before, &:after{
							position: absolute;
							content: '';
							opacity: 0;
							-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
							transition: opacity 0.35s, transform 0.35s;
						}
					}
				}
				
				&:hover{
					.item-featured{
						a{
							&:before, &:after{
								opacity: 1;
								-webkit-transform: scale(1);
								transform: scale(1);
							}
						}
					}
				}
			}
			.owl-nav{
				position: absolute;
				top: -120px;
				right: 0;
			}
		}
	}
	&.style2{
		.noo-title{
			text-align: center;
		}
		.sub-title{
			line-height: 24px;
			width: 60%;
			margin: 0 auto;
			margin-bottom: 60px;
			@media screen and(min-width:320px){
				width: 100%;
				margin-bottom: 30px;
			}
			@media screen and(min-width:768px){
				width: 60%;
				margin-bottom: 60px;
			}
			@media screen and(min-width:992px){

			}
		}
		.noo-class-content{
			.loop-item-wrap {
				.item-featured{
					position: relative;
					overflow: hidden;
					&:before{
						content: '';
						height: 100%;
						width: 25%;
						position: absolute;
						top: 0;
						left: 0;
						background-color: rgba(255, 255, 255, 0.5);
						z-index: 1;
						-webkit-transition: all 0.7s ease-in-out;
						-o-transition: all 0.7s ease-in-out;
						transition: all 0.7s ease-in-out;
					}
					&:after{
						content: '';
						height: 100%;
						width: 25%;
						position: absolute;
						top: 0;
						left: 25%;
						background-color: rgba(255, 255, 255, 0.5);
						z-index: 1;
						-webkit-transition: all 0.7s ease-in-out;
						-o-transition: all 0.7s ease-in-out;
						transition: all 0.7s ease-in-out;
					}
					a{
						&:before{
							content: '';
							height: 100%;
							width: 25%;
							position: absolute;
							top: 0;
							left: 50%;
							background-color: rgba(255, 255, 255, 0.5);
							z-index: 1;
							-webkit-transition: all 0.7s ease-in-out;
							-o-transition: all 0.7s ease-in-out;
							transition: all 0.7s ease-in-out;
						}
						&:after{
							content: '';
							height: 100%;
							width: 25%;
							position: absolute;
							top: 0;
							left: 75%;
							background-color: rgba(255, 255, 255, 0.5);
							z-index: 1;
							-webkit-transition: all 0.7s ease-in-out;
							-o-transition: all 0.7s ease-in-out;
							transition: all 0.7s ease-in-out;
						}
					}
				}
				&:hover{
					.item-featured{
						&:before{
							top: 100%;
						}
						&:after{
							top: -100%;
						}
						a{
							&:before{
								top: 100%;
							}
							&:after{
								top: -100%;
							}
						}
					}
				}
			}
			.owl-nav{
				position: absolute;
				top: 35%;
				//display: inline-block;
				width: 100%;
				.owl-next{
					float: right;
					position: absolute;
					right: -60px;
					@media screen and (min-width:320px){
						right: 0px;
					}
					@media screen and (min-width:992px){
						right: -20px;
					}
					@media screen and (min-width:1400px){
						right: -60px;
					}
				}
				.owl-prev{
					float: left;
					position: absolute;
					left: -60px;
					@media screen and (min-width:320px){
						left: 0px;
					}
					@media screen and (min-width:992px){
						left: -20px;
					}
					@media screen and (min-width:1400px){
						left: -60px;
					}
				}
			}
		}
	}
}
//button
.btn-hover{
	.vc_btn3.vc_btn3-size-md{
		background-image: none !important;
		padding: 12px 45px !important;
		font-size: 16px;
		.transition(all 0.6s ease-in-out);
		position:relative;
		border:none !important;
  }
}
.btn-hover{
	a{
		position: relative;
		&:before{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			opacity: 0;
			background-color: rgba(255,255,255,0.5);
			-webkit-transition: all 0.4s;
			-moz-transition: all 0.4s;
			-o-transition: all 0.4s;
			transition: all 0.4s;
			-webkit-transform: scale(0.5, 1);
			transform: scale(0.5, 1);
		}
		&:hover{
			&:before{
				opacity: 1;
				-webkit-transform: scale(1, 1);
				transform: scale(1, 1);
			}
		}
	}
}
.noo-text-content{
	padding-top: 60px;
	@media screen and( min-width:320px){
		padding-top: 30px;
	}
	@media screen and( min-width:768px){
		padding-top: 60px;
	}
	.noo-text-block{
		margin-bottom: 40px;
	}
}
//Shortcode Banner

.block-banner{
	padding: 100px 0 70px;
	@media screen and (min-width:320px){
		padding: 50px 0 20px;
	}
	@media screen and (min-width:768px){
		padding: 70px 0 40px;
	}
	@media screen and (min-width:992px){
		padding: 80px 0 50px;
	}
	@media screen and (min-width:1200px){
		padding: 100px 0 70px;
	}
	.container-boxed{
		width: 100% ;
		padding:0;
		margin:0;
	}
}
.noo-banner {
	.noo-banner-wrap {
		position: relative;
		display:inline-table;
		text-align:center;
		margin-bottom: 30px;
		.noo-banner-content{
			position: absolute;
			left: 50%;
			transform: translate(-50%);
			bottom: 25px;
			display: block;
			width: 100%;
			z-index: 1;
			@media screen and (min-width:320px){
				bottom:0px;
			}
			@media screen and (min-width:992px){
				bottom:25px;
			}
			.transition(all 0.35s ease-in-out);
			.noo-banner-title{
				color:white;
				font-size: 24px;
				@media screen and (min-width:320px){
					font-size: 18px;
				}
				@media screen and (min-width:480px){
					font-size:24px;
				}
				
			}
			.noo-banner-sub-title{
				a{
					color: #fe6367;
					font-size: 18px;
					.opacity(0);
					visibility: hidden;
					.transition(all 0.6s ease-in-out);
				}
				
				@media screen and (min-width:320px){
					font-size: 14px;
				}
				@media screen and (min-width:480px){
					font-size: 18px;
				}
			}
		}
		&:after{
			content: '';
			position: absolute;
			left: 0;
			background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(33,33,33,0.9) 100%);
			bottom: 0;
			height: 100%;
			width: 100%;
			opacity: 0;
			.transition(all 0.6s ease-in-out);
		}
		&:hover{
			.noo-banner-content{
				bottom: 50px;
				@media screen and (min-width:320px){
					bottom:25px;
				}
				@media screen and (min-width:480px){
					bottom:40px;
				}
				@media screen and (min-width:992px){
					bottom:50px;
				}
				.noo-banner-sub-title{
					a{
						.opacity(1);
						visibility: visible;
					}
				}
			}
			&:after{
				opacity:1;
			}
		}
	}
}

// Service 
.noo-service-block{
	&:hover{
		.noo-service{
			.noo-service-wrap{
				.noo-img{
					img{
						transform: rotate(360deg);
					}
				}
			}
		}
	}
}
.noo-service {
	color:black;
	display: inline-block;
	.noo-service-wrap{
		.noo-img{
			padding-bottom: 30px;
			display: inline-block;
			img{
				.transition(all 0.6s ease-in-out);
			}
		}
		.noo-service-content{
			.noo-service-item-title{
				font-size:24px;
				font-weight: bold;
				line-height:20px;
				padding-bottom:20px;
			}
			.noo-service-item-desc{
				font-size:14px;
				margin: 0 15%
			}
		}
	}

}
.noo-service {}

//Gallery
.noo-gallery {
	//display: flex;
}
.noo-gallery-wraper {
	.noo-gallery-item{
		padding:0;
		@media screen and (max-width: 768px){
			width: 100%;
		}
		.noo-img{
			@media screen and (min-width: 480px){
			width: 100%;
		}
			@media screen and (min-width: 768px){
				width:100%;
			}
		}

		.noo-gallery-content{
			position: relative;
			display:block;
			overflow: hidden;
			.transition(all 0.4s ease-in-out);
			.noo-term{
				position:absolute;
				top:50%;
				font-size: 48px;
				line-height: 48px;
				color: white;
				text-transform: capitalize;
				font-weight: normal;
				margin: 0;
				display:inline-block;
				width:100%;
				text-align:center;
				.opacity(0);
				transform: scale(0.2) translate(0%,-50%);
				.transition(all 0.4s ease-in-out);
			}
			
			img{
				display:flex;
				margin:0 auto;
			}	
			&:before{
				content:'';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgb(254, 99, 99);
				transform: scale(0);
				opacity:0.7;
				.transition(all 0.4s ease-in-out);
			}
			&:hover{
				.noo-term{
					opacity: 1;
					transform: scale(1) translate(0%,-50%);
				}
				 &:before{
					transform: scale(1);
					opacity: 0.7;
				}
			}
		}
	}
}
// Slider
.rev-btn{
	position:relative;
	&:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0;
		background-color: rgba(255,255,255,0.5) !important;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
		-webkit-transform: scale(0.5, 1);
		transform: scale(0.5, 1);
	}
	&:hover{
		&:before{
			opacity: 1;
			-webkit-transform: scale(1, 1);
			transform: scale(1, 1);
		}
	}
}

// style button  blog
.noo-slider{
	.owl-carousel{
		list-style: none;
		position: relative;
		margin:0;
		padding: 0px;
		.owl-nav{
			position: absolute;
			top: 50%;
			width: 100%;
			.owl-prev, .owl-next{
				padding: 0 17px !important;
				background: #fe6367;
				.transition(all 0.4s ease-in-out);
				opacity: 0.7;
				color: #fff;
				&:focus{
					outline: none;
				}
				span{
					font-size:32px;
				}
				&:hover{
					opacity: 1;
				}
			}
			.owl-prev{
				float: left;
				span{
					font-size:30px;
				}
			}
			.owl-next{
				float: right;
				
			}
		}
	}
}

// shortcode schedule
.noo-class-schedule{
    margin: 0 auto 50px;
    .noo-filters{
    	ul{
    		li{
    			a{
    				&.selected{
    					&:before{
    						border:none;
    					}
    				}
    				border-radius:50px;
    				padding:12px 20px;
    			}

    		}
    	} 
    } 
}
.noo-responsive-schedule-wrap{
	ul{
		 li{
		 	a{
		 		&.selected{

		 		}
		 		border-radius:50px;
		 	}
		} 
	}
} 
.title-schedule{
	padding:100px 0 60px;
	@media screen and ( min-width: 320px){
		    padding: 50px 0 0px;
	}
	@media screen and ( min-width: 768px){
		padding:70px 0 0px;
	}
	@media screen and ( min-width: 992px){
		padding:100px 0 60px;
	}
}

.noo-responsive-schedule-wrap .res-sche-navigation:last-child .prev,
.noo-responsive-schedule-wrap .res-sche-navigation:last-child .next{
	top:0px;
}
.noo-responsive-schedule-wrap .res-sche-navigation{
	margin: 20px 0 70px !important;
	@media screen and(min-width: 320px){
		margin: 20px 0 70px !important;
	}
	@media screen and(min-width: 768px){
			//margin: 20px 0  !important;
	}
	@media screen and(min-width: 992px){
			margin: 20px 0  !important;
	}
}