.fullWidth{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: initial; 
}
.margin-top-1{
		margin-top: 0.3em;
}
.margin-bottom-1{
		margin-bottom: 1em;
}
.margin-bottom-2{
		margin-bottom: 2em;
}
.margin-bottom-3{
		margin-bottom: 3em;
}
.margin-left-1{
	margin-left: 1em;
}
.margin-right-1{
	margin-right: 1em;
}
.paddLeftRight-1{
	padding: 0 1.5em;
}





.fontWhite{
	font-weight: bolder;
}

a {
    color: #729bb4;
    line-height: inherit;
    text-decoration: none;
}
a:hover, a:focus {
    color: #446e8a;
}

button, .button {
    background-color: #729bb4;
    border-color: none;
    color: #FFFFFF;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #446e8a;
}

button:hover, button:focus, .button:hover, .button:focus {
    color: #FFFFFF;
}
p.fontGrey{
/* 	text-align: left; */
	font-size: small;
	color: rgba(200, 200, 200, .9)
}













/* TOPBAR
	 ========================================================================== */
nav.top-bar{
	background: #2e3438; 
} 

.top-bar-section li.hover > a:not(.button) {
/*
        background-color: #555555;
        background: #222222;
*/
		
        color: #FFFFFF;
    }

.top-bar-section li:not(.has-form) a:not(.button) {
        background: #2e3438;
        line-height: 2.8125rem;
        padding: 0 0.9375rem;
    }

.top-bar-section li:not(.has-form) a:not(.button):hover {
/*         background-color: #555555; */
        background: #222222;
/*         background: #2e3438; */
    }

.top-bar-section li.active:not(.has-form) a:not(.button) {
        background: #729bb4;
        color: #FFFFFF;
        line-height: 2.8125rem;
        padding: 0 0.9375rem;
    }

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #446e8a;
        color: #FFFFFF;
    }

.top-bar-section li.old > a:not(.button) {
        color: #7295b5;
/*         color: rgba(255, 255, 255, .7); */
}
.top-bar-section li.old:not(.has-form) a:not(.button):hover {
        background: #222222;
/*         color: rgba(255,255,255, .5); */
        color: #729bb4;
}

/*
.top-bar-section i{
}
*/











/* TXTDANCE
	 ========================================================================== */

.textDance{
	padding: 6em 16em;
	text-align: center;
}
.textDance h6{
	color: rgb(100,100,100);
}


/* DIRECTOR
	 ========================================================================== */
.director{
	background-image: url(../img/home-director-l-f.jpg);
	background-size: cover; 
	background-position: center;
	height: 100vh;
	color: rgb(255,255,255);
}

.director .padcol{
	padding: 10em 5em 0;
}

.director h2{
	margin-bottom: 0.5em;
	margin-top: -0.2em;
}
.director h5{
}


/* HEROTXT
	 ========================================================================== */
/*
.heroTxt{
	padding-top: 3.9em;
	padding-bottom: 3em;
	background: rgb(250,251,253);
}
.heroTxt h5{
	color: rgb(100,100,100);
	padding-bottom: 2em;
	margin-bottom: 1em;
}
*/

/* EXPEHOME
	 ========================================================================== */
.expeHome{
	padding-top: 5em;
	padding-bottom: 5em;
	background: rgb(250,251,253);
/* 	background: #edeff0; */
}
#example{
	text-align: center;
}
.expeHome h4{
/* 	font-size: 1.1em; */
	color: #838b8f;
}
.expeHome .button{
	background: rgb(255,255,255);
	color: rgb(100,100,100);
	border: 1px solid #666;
	width: 300px;
}




/* CLASS
	 ========================================================================== */
.class{
	text-align: center;
	color: rgb(255,255,255);
	background: #2e3438;
}
.class .type{
	background-size: 100% auto;
	height: 350px;
	padding: 13em 0 3em;
}
.class .classTxt{
	height: 350px;
}
.class h3{
	color: rgb(255,255,255);
/* 	margin-top: 2em; */
	position: relative;
	top: 42%;
	transform: translateY(-50%);

}
.class p{
	padding: 0 2em;
/*	margin-bottom: 5em;
*/
	position: relative;
	top: 45%;
	transform: translateY(-50%);
}


.class .arrow-left {
	position: absolute;
	top: 30px;
	left: -20px;
	
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent; 
	border-right: 20px solid #2e3438; 
}

.class .arrow-right {
	position: absolute;
	top: 30px;
	left: 0;
	
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent; 
	border-left: 20px solid #2e3438; 
}



/* === VIDEOS === */
.vids {max-width: 1024px; margin: 6em auto; text-align: center;}
.vids h3 {margin-bottom: 2em;}
	.vids .wrapper-for-layout {width: 23%; display: inline-block; margin: 0 5px}
		.vids .video-wrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
			.vids .video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.vids .ghost-btn {display: inline-block; padding: 15px 20px; border: 1px solid #729bb4; border-radius: 3px; margin-top: 2em;}
.vids .ghost-btn:hover {border-color: #446e8a;}


/* MAIN
	 ========================================================================== */
.main {
	/*background: url(../img/home-pic1.jpg);*/ 
	background-size: 100% auto; 
	height: 300px;
	background: #edeff0;

}
.main h3{
}

.moveVertCen {
	height: 80%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 10em;
	padding-right: 10em;
	
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	margin-bottom: -5em;
	text-align: center;
}
.button.appStyle{
	background: #729bb4;
}




/* PLACES
	 ========================================================================== */
.places{
	padding-bottom: 5em;
	text-align: center;
	
}
.places h3{
	padding-top: 3em;
	margin-bottom: 2em;
}
.places li{
	padding: 0 2em;
}

/* DOWNLOAD APPLICATION
	 ========================================================================== */
.download{
	height: 300px;
	background: #edeff0;
	text-align: center;
	padding: 10em 0;
}
.download a.downBtn{
	color: #729bb4;
	padding: 0.95em 6em;
	border: 1px solid #729bb4;
}

a.downBtn:hover{
	color: #446e8a;
	border: 1px solid #446e8a;
	cursor: pointer;
}

/* NEWS
	 ========================================================================== */
.news{
	padding: 5em 2em;
}
.news h3{
	text-align: center;
	padding-bottom: 2em;
}
.news li{
	padding: 0 1.5em;
}
.news h6{
	margin-bottom: 1em;
}
.newBg{
	background: #ffffff;
}


/* CONTACTS
	 ========================================================================== */
.contacts{
	background: #2e3438;
	text-align: center;
	padding: 5em;
}
.contacts h3{
	color: #ffffff;
}
.contacts .info{
	font-size: large;
}
.contacts a{
	color: #ffffff;
	text-decoration: underline;
}
.contacts a:hover{
	
}

/* FOOTER
	 ========================================================================== */
.footer-section {
	padding: 1em 0 0;
	background: #729bb4;
}
.footer-section p{color: rgba(255,255,255, .5); line-height: 2; margin-bottom: 0}
.footer-section .soc-net{display: none;}
	.footer-section i {font-size: 130%; color: rgba(255,255,255, .7); }
.footer-section .links{}
	.footer-section ul {display: table; margin-left: auto;}
		.footer-section li{
			display: table-cell;
			padding: 0 0.4em;
			color: #ffffff;
			vertical-align: middle;
		}
			.footer-section a{
				color: rgb(255,255,255);
			}
				.footer-section .links .youtube-btn {display: block;}



/* === PRICES === */
/*
	 PRICEMAIN
	 ========================================================================== */
.priceMain{
	/*background: url(../img/bgplaceholder.jpg); */
	background-size: 100% auto; 
	height: 390px;
}

/*
	 PLAN
	 ========================================================================== */

.plan{
	margin-top: 3em;
	padding-bottom: 7em;
	text-align: center;
}

.plan h3{
	margin-bottom: 1em;
}

.plan .padding-col{
	padding: 0 5em 2em;
}

.plan .colCont{
	padding-top: 2em;
	color: rgb(255,255,255);
	text-align: center;
}
.plan .colCont li.title{
	background: #2e3438;
}
.plan .colCont .price{
	font-size: larger;
	height: 5em;
	line-height: 3em;
}
.plan .colCont .bullet-item {
	line-height: 2em;
}
	.plan .colCont .bullet-item .txt-white {
		color: #fff;
	}
.plan .colCont .description{
	font-size: 90%;
	line-height: 1.5em;
	height: 8em;
	border-bottom: none;
}









/* PLACES
	 ========================================================================== */
.placesBgColor{
	background: #edeff0;
	
}

/*
	 ACCESSORY
	 ========================================================================== */

.accessory{
	text-align: center;
	margin: 5em auto;
}
.accessory h5{
	margin-bottom: 5em;
}
.accessory li{
	margin-bottom: 2em;
}


/* TXT
	 ========================================================================== */
.txt{
	padding: 5em 0;
	text-align: center;
	background: #2e3438;
}
.txt li{
	padding: 0 2em;
}
.txt h6{
	color: #ffffff;
}

/* PHOTO
	 ========================================================================== */
.photos{
	margin: 5em auto;
	text-align: center;
}
.photos h3{
	margin-bottom: 2em;
}
.photos li{
	padding: 0 0 2em;
}
.photos .linkPhotos{
	margin-top: 2em;
}



/* === ACTIVITIES === */
/* FLAMENCO
	 ========================================================================== */
.txtAct{
	padding: 6em 6em 8em;
	text-align: center;
}
.txtAct h2{
	margin-bottom: 1em;
}
.txtAct h6{
	margin-bottom: 5em;
}
.box{
	padding: 5em 1em 2em;
	color: #2e3438;
}

.box-inner{
	border-radius: 4px;
	height: 160px;
	text-align: left;
	padding: 30px 30px 40px ;
	box-sizing: border-box;
/* 	opacity: .3; */
	background: #edeff0;
}
/*
i.fi-calendar{
	font-size: 50px;
	width: 60px;
	height: 100px;
	float: left;
}
*/
i.material-icons.date{
	font-size: 50px;
	width: 60px;
	height: 100px;
	float: left;
	margin-right: .2em;
}
.sub{
	display: block;
	text-align: left;
}
.title{
	display: block;
	text-align: left;
	font-size: 1.8em;
}
.desc{
	display: block;
	text-align: left;
}
/*
i.fi-marker{
	font-size: 50px;
	width: 60px;
	height: 100px;
	float: left;
}
*/
i.material-icons.place{
	font-size: 50px;
	width: 60px;
	height: 100px;
	float: left;
	margin-right: .2em;
}
.txtAct h3{
	margin: 3em 0 2em;
	padding-bottom: 1em;
	color: #838b8f;
	border-bottom: 1px solid #eee;
}
.txtAct .archive li{
	font-size: xx-large;
}

/* LECTURES
	 ========================================================================== */
.lectures{
	padding: 5em 0;
	background: #edeff0;
}
.lectures h3{
	text-align: center;
	padding-bottom: 1em;
}
.lectures li{
	padding: 0 2em;
}
.lectures h6{
	margin-bottom: 1em;
}




/* === MESSAGE === */
/* MSG
	 ========================================================================== */
.msg{
	padding: 6em 6em 8em;
	text-align: center;
}
.msg h2{
	margin-bottom: 1em;
}
.msg h6{
	margin-bottom: 3em;
}

/* .msg .button,.msg .fontGrey {text-align: right;} */

/* REVIEWS
	 ========================================================================== */
.reviews {
	margin-bottom: 3em;
}
.reviews h3{
	text-align: center;
	margin: 0 0 1em;
	padding-bottom: 1em;
	color: rgb(180,180,180);
	border-bottom: 1px solid #eee;
} 
.reviewInner{
	padding: 2em 5em 3em;
	border-bottom: 1px solid #eee;
}	 
	 





/* === ABOUT === */

/* ABOUT 
	 ========================================================================== */
.about{
	padding: 6em 12em;
	text-align: center;
}
.about p{
	color: #838b8f;
}

/* EXPERIENCE
	 ========================================================================== */
.expe{
	text-align: center;
	border-top: 1px solid #eee;
	padding-top: 5em;
	margin-bottom: 5em;
}
.expe ul{
	color: #838b8f;
}

.container{
	margin-top: 10em;
	margin-bottom: 10em;
}


/* FACT
	 ========================================================================== */
.fact{
	padding: 6em 6em;
	text-align: center;
	background: #2e3438;
}
.fact h6{
	color: #ffffff;
}
.fact .txtGrey{
	
}


/* ASSOCIATION
	 ========================================================================== */
.associ{
	text-align: center;
	padding-bottom: 6em;
	background: #ffffff;
	color: #2e3438;
}
.associ h3{
	margin: 4em 0 2em;
}
.associ li{
	padding: 0 3em;
}


	 
	 
/* === ALL ARTICLES === */
/* ALLART
	 ========================================================================== */
.allArt{
	padding: 6em 6em 3em;
	text-align: center;
}
.allArt h2{
	margin-bottom: 1em;
}
.sub-nav{
	display: inline-block;
}

/* ARTICLE LIST
	 ========================================================================== */
.artList{
	
}
.artList h5{
	text-align: center;
	padding-bottom: 1em;
	margin-bottom: -1em;
	color: rgb(180,180,180);
	border-bottom: 1px solid #eee;
} 
.artListItem{
	padding: 3em 2em;
	border-bottom: 1px solid #eee;
}	 
.artListItem h3{
	font-size: 2em;
	padding: 0.5em 0 0;
} 
.artListItem p{
	padding-bottom: 1em;
}
a.comment{
	color: rgb(200,200,200);
	margin-right: 0.5em;
}

/* === THE ARTICLE === */
/* MAIN
	 ========================================================================== */
.mainArt {
	background: url(../img/bgplaceholder.jpg); 
	background-size: 100% 100%; 
	height: 400px;

}

.mainArt .moveVertCen {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 10em;
	padding-right: 10em;
	
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	margin-bottom: -8em;
	text-align: center;
}

.content{
	padding: 6em 16em;
	text-align: center;
}

.tags{
	margin-top: 2em;
}
.inline-list li:nth-child(1){
	margin-left: 0;
}

.rowBtn a{
	color: rgb(200,200,200);
}
.rowBtn .fi-heart,.rowBtn .fi-comment,.rowBtn .fi-share{
	font-size: 1.5em;
	color: rgb(150,150,150);
}
.rowBtn .fi-social-twitter,.rowBtn .fi-social-facebook,.rowBtn .fi-mail {
	font-size: 1.6em;
	margin-right: 0.5em;
}
.f-dropdown li{
	padding: 0.3em 0.8em;
}
.f-dropdown li a{
	color: rgb(150,150,150);
}



/* ARTMSG
	 ========================================================================== */
.artMsg{
	padding: 6em 5em 3em;
	
}
.artMsg h5{
	
	margin: 0 0 2em;
	padding-bottom: 1em;
	color: rgb(180,180,180);
	border-bottom: 1px solid #eee;
}


/* REVIEWS
	 ========================================================================== */
.artReviews {
	margin-bottom: 3em;
	padding: 0 5em;
}
.artReviews h5{
	
	margin: 0 0 1em;
	padding-bottom: 1em;
	color: rgb(180,180,180);
	border-bottom: 1px solid #eee;
} 
.artReviewInner{
	padding: 2em 5em 3em;
	border-bottom: 1px solid #eee;
}	 
	 




.f-news {
	min-height: 80%;
}
.f-news li, dd, p{
	font-family: "Times New Roman";
}
.f-news dl{
	margin-bottom: 2em;
}
.f-news .panel h5{
	font-weight: bold;
	margin-bottom: 1em
}
.f-news .panel i{
	font-size: 1.2em;
}

.f-acts .no-bullet, table, h6{
	font-family: "Times New Roman";
}

.f-pap .no-bullet, p, table,.gotop{
	font-family: "Times New Roman";
}

.f-lott{
	min-height: 80%;
}
.f-acknow{
	min-height: 80%;
}
.f-pics{
	min-height: 80%;
}

#act-ch{
	margin-bottom: 1em;
}
#act-sp{
	margin-bottom: 2.5em;
}
#act-en{
	margin-bottom: 2.5em;
}
#act-jp{
	margin-bottom: 2.5em;
}



/* BACK TO TOP */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(114, 155, 180, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #729bb4;
  opacity: 1;
}





























/* Small screens max-width 1024px */

@media only screen and (max-width: 64em) { 
	
navi.top-bar ul li a{
	font-size: smaller;
}


/* TOPBAR
	 ========================================================================== */
nav.top-bar li a{
	font-size: smaller;
} 
.top-bar-section li.hover > a:not(.button) {
}

.top-bar-section li:not(.has-form) a:not(.button) {
        padding: 0 0.8rem;
    }

.top-bar-section li:not(.has-form) a:not(.button):hover {
    }

.top-bar-section li.active:not(.has-form) a:not(.button) {
        padding: 0 0.8rem;
    }

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    }

















/* MAIN
	 ========================================================================== */
.main {

}
.main h3{
	font-size: x-large;
}
.moveVertCen {
	padding-left: 3em;
	padding-right: 3em;
	margin-bottom: -3.9em;
}

	
	
/* TXTDANCE
	 ========================================================================== */

.textDance{
	padding: 6em 10em;
}
.textDance h6{
	
}	
	

/* DIRECTOR
	 ========================================================================== */
.director{
}

.director .padcol{
	padding: 10em 3em 0;
}

.director h2{
	font-size: 1.9em;
}
.director h5{
	font-size: 1em;
}



/* CLASS
	 ========================================================================== */
/*
.class{
}

.class .type{
	height: 430px;
}
.class .type h3{
	font-size: larger;
}
.class .type p{
	font-size: small;
}
.class .classTxt{
	padding: 0 5em;
}
*/

.class{
}
.class .type{
	background-size: 100% auto;
	height: 200px;
	padding: 0;
}
.class .classTxt{
	height: 200px;
}
.class h3{
	font-size: larger;
/* 	margin-top: 2em; */
	top: 35%;

}
.class p{
	font-size: small;
	padding: 0 1em;
/*	margin-bottom: 5em;
*/
	top: 40%;
}
.class .arrow-left {
	position: absolute;
	top: 30px;
	left: -10px;
	
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right: 10px solid #2e3438; 
}

.class .arrow-right {
	position: absolute;
	top: 30px;
	left: 0;
	
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-left: 10px solid #2e3438; 
}



/* === VIDS === */
.vids {padding: 0 5px;}
/* .vids h3 {margin-bottom: 2em;} */
	.vids .wrapper-for-layout {width: 42%; display: inline-block; margin: 0 5px 5px;}
/*
		.vids .video-wrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
			.vids .video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
*/
/*
.vids .ghost-btn {display: inline-block; padding: 15px 20px; border: 1px solid #729bb4; border-radius: 3px; margin-top: 2em;}
.vids .ghost-btn:hover {border-color: #446e8a;}
*/






/* PLACES
	 ========================================================================== */
.places{
	
}
.places h3{
}
.places li{
	padding: 0 0.5em;
}





/* DOWNLOAD APPLICATION
	 ========================================================================== */
.download{
}
.download a.downBtn{
	padding: 1em 5em;
	font-size: 1.2em;
}

a.downBtn:hover{
}


/* CONTACTS
	 ========================================================================== */
.contacts{
	padding: 5em 2em;
}
.contacts .info{
	color: rgb(181,186,189);
	margin-top: 1em;
	font-size: 95%;
	line-height: 1.5;
}



/* FOOTER
	 ========================================================================== */
.footer-section {
	padding: 2em 0;
  	text-align: center;
}
.footer-section .copy{display: block; padding: 12px 0;}
.footer-section .soc-net{display: block; padding: 12px 0;}
.footer-section .links{margin-left: 0; padding: 12px 0;}
	.footer-section ul{margin: 0 auto; white-space: nowrap;}
		.footer-section .links .youtube-btn {display: none;}

.footer-section li{
}

.footer-section a{
}
	
	
	
	
	

/* === PRICES === */
/*
	 PRICEMAIN
	 ========================================================================== */
.priceMain{
	height: 239px;
}

/*
	 PLAN
	 ========================================================================== */

.plan{
}

.plan h3{
}

.plan .padding-col{
	padding: 0 1em 2em;
}

.plan .colCont{
}

.plan .colCont .price{
}
.plan .colCont .description{
}


/* TXT
	 ========================================================================== */
.txt{
}
.txt li{
	padding: 0 1em;
}
.txt h6{
}




/* === ACTIVITIES === */
/* FLAMENCO
	 ========================================================================== */
.txtAct{
	padding: 6em 3em 8em;
}
.txtAct h2{
}
.txtAct h6{
}
.txtAct .button{
	margin-bottom: 5em;
}

.box{
	padding: 1em 0 1em;
}

.box-inner{
	padding: 30px 30px 40px ;
}
/*
i.fi-calendar{
	font-size: 50px;
	width: 60px;
	height: 100px;
}
*/
i.material-icons.date{
	font-size: 50px;
	width: 60px;
	height: 100px;
	margin-right: .2em;
}
.sub{
}
.title{
}
.desc{
}
/*
i.fi-marker{
	font-size: 50px;
	width: 60px;
	height: 100px;
}
*/
i.material-icons.date{
	font-size: 50px;
	width: 60px;
	height: 100px;
	margin-right: .2em;
}
.txtAct h3{
}
.txtAct .archive li{
}




/* LECTURES
	 ========================================================================== */
.lectures{
}
.lectures h3{
}
.lectures li{
	padding: 0 1em;
}
.lectures h6{
}





/* === MESSAGE === */
/* MSG
	 ========================================================================== */
.msg{
	padding: 6em 3em 8em;
}
.msg h2{
}
.msg h6{
}



/* REVIEWS
	 ========================================================================== */
.reviews {
}
.reviews h3{
	margin: 0 0 1em;
	padding: 0 1em 1em;
} 
.reviewInner{
	padding: 2em 2em 3em;
}	 



/* === ABOUT === */

/* ABOUT 
	 ========================================================================== */
.about{
	padding: 6em 6em;
}
.about h6{
}


/* FACT
	 ========================================================================== */
.fact{
	padding: 6em 3em;
}
.fact .txtGrey{
}

/* ASSOCIATION
	 ========================================================================== */
.associ{
	padding-bottom: 6em;
}
.associ h3{
}
.associ li{
	padding: 2em 1em;
}	
	

	
 
	 
/* === ALL ARTICLES === */
/* ALLART
	 ========================================================================== */
.allArt{
	padding: 6em 6em 3em;
}
.allArt h2{
	margin-bottom: 1em;
}
.sub-nav{
}

/* ARTICLE LIST
	 ========================================================================== */
.artList{
	
}
.artList h5{
	margin-bottom: -1em;
} 
.artListItem{
	padding: 3em 0;
}	 
.artListItem h3{
} 
.artListItem p{
}
a.comment{
}




/* === THE ARTICLE === */
/* MAIN
	 ========================================================================== */
.mainArt {
}

.mainArt .moveVertCen {
	padding-left: 5em;
	padding-right: 5em;
}

.content{
	padding: 6em 6em;
}

.tags{
}
.inline-list li:nth-child(1){
}

.rowBtn a{
}
.rowBtn .fi-heart,.rowBtn .fi-comment,.rowBtn .fi-share{
}
.rowBtn .fi-social-twitter,.rowBtn .fi-social-facebook,.rowBtn .fi-mail {
}
.f-dropdown li{
}
.f-dropdown li a{
}





/* ARTMSG
	 ========================================================================== */
.artMsg{
	
}
.artMsg h5{
}


/* REVIEWS
	 ========================================================================== */
.artReviews {
}
.artReviews h5{
} 
.artReviewInner{
	padding: 2em 2em 3em;
}	 


.cd-top {
    right: 30px;
    bottom: 30px;
}



}/* End small screens max-width 1024px */




/* Small screens max-width 640px */
@media only screen and (max-width: 40em) {

li.name h1 a{
	font-size: medium;
}



	
/* MAIN
	 ========================================================================== */
.main {
	/*background: url(../img/home-pic1-s.jpg);*/
	background-size: 100% auto; 
}
.main h3{
	font-size: 1.3em;
}

.moveVertCen {
	height: 75%;
	padding-left: 2em;
	padding-right: 2em;
	margin-bottom: -3.9em;
}

/* TXTDANCE
	 ========================================================================== */

.textDance{
	padding: 6em 3em;
}
.textDance h6{
	
}	

/* DIRECTOR
	 ========================================================================== */
.director{
/* 	height: 400px; */
	background-image: url(../img/home-director-s-c.jpg);
	background-size: cover; 
	background-position: center;
	height: 100vh;
	color: rgb(255,255,255);
}

.director .padcol{
	padding: 6em 3em 0;
}

.director h3{
	font-size: 2em;
	margin-bottom: 1em;
}
.director h5{
	margin-bottom: 2em;
}


/* HEROTXT
	 ========================================================================== */
.heroTxt{
	padding-top: 5em;
	padding-bottom: 5em;
	background: rgb(250,251,253);
}
.heroTxt h5{
	color: rgb(100,100,100);
	padding: 0 1em;
}
.heroTxt h5.noBtm{
	padding: 0;
	margin: 0;
	border-bottom: none;
}
.heroTxt h2{
	margin-bottom: 1em;
}



/* EXPEHOME
	 ========================================================================== */
.expeHome{
	padding-top: 5em;
	padding-bottom: 5em;
/* 	background: rgb(250,251,253); */
	background: #edeff0;
}
#example{
	text-align: center;
}
/*
.expeHome ul{
	margin-bottom: 2em;
}
*/




/* CLASS
	 ========================================================================== */
/*
.class{
}

.class .type{
	height: 30px;
}

.class .type h3{
	font-size: 1.3em;
}
.class .type p{
	font-size: 0.9em;
}

.class .classTxt{
	padding: 0 2em;
}
*/
.class{
}
.class .type{
/* 	height: 200px; */
}
.class .classTxt{
/* 	height: 200px; */
}
.class h3{
/*	font-size: larger;
 	margin-top: 2em; 
	top: 35%;*/

}
.class p{
/*	font-size: small;
	padding: 0 1em;
	margin-bottom: 5em;

	top: 40%;*/
}


/* === VIDS === */
.vids .wrapper-for-layout {width: 80%; display: inline-block; margin: 0 0 5px;}





/* PLACES
	 ========================================================================== */
.places{
}
.places h3{
	font-size: 2em;
}
.places li{
	padding: 1em 2em;
}


/* DOWNLOAD APPLICATION
	 ========================================================================== */
.download{
}
.download a.downBtn{
	padding: 1em 1.3em;
}

a.downBtn:hover{
}



/* NEWS
	 ========================================================================== */
.news{
	text-align: center;
}
.news h3{
	font-size: 1.5em;
	padding-bottom: 1em;
}
.news li{
	padding: 1.5em 1em;
}
.news h6{
	margin-bottom: 1em;
}



/* FOOTER
	 ========================================================================== */
.footer-section {
	padding: 2em 0 2em;
}
.footer-section p {font-size: 90%;}
.footer-section .links{
}
	.footer-section .links ul {text-overflow: ellipsis;}
	.footer-section .links li{
		font-size: 80%; 
	}

.footer-section a{
}



/*
	 PLAN
	 ========================================================================== */

.plan{
}

.plan h3{
}

.plan .padding-col{
	padding: 0 1.2em 0.5em;
}

.plan .colCont{
}

.plan .colCont .price{
}
.plan .colCont .description{

}

.plan .button{
	margin-top: 3em;
}



/*
	 ACCESSORY
	 ========================================================================== */

.accessory{
}
.accessory h3{
	font-size: 1.5em;
}
.accessory h5{
	margin-bottom: 5em;
}
.accessory li{
}


/* TXT
	 ========================================================================== */
.txt{
}
.txt li{
	padding: 5em 2em;
}
.txt h6{
}


/* === ACTIVITIES === */
/* FLAMENCO
	 ========================================================================== */
.txtAct{
	padding: 3em 1em 8em;
}
.txtAct h2{
}
.txtAct h6{
}
.txtAct .button{
}

.box{
	padding: 1em 0 1em;
}

.box-inner{
	height: auto;
	padding: 15px 20px 40px ;
}
i.fi-calendar{
}
i.fi-marker{
}
.sub{
	font-size: 0.8em;
}
.title{
	font-size: 1.3em;
}
.desc{
	font-size: 0.8em;
}

.txtAct h3{
}
.txtAct .archive li{
}



/* LECTURES
	 ========================================================================== */
.lectures{
}
.lectures h3{
}
.lectures li{
	padding: 1em 2em 2em;
}
.lectures h6{
}




/* === MESSAGE === */
/* MSG
	 ========================================================================== */
.msg{
	padding: 3em 1em 8em;
}
.msg h2{
}
.msg h6{
}
textarea {
    width: 100%;
    height: 150px;
}


/* REVIEWS
	 ========================================================================== */
.reviews {
}
.reviews h3{
} 
.reviewInner{
	padding: 2em 1em 3em;
}	





/* === ABOUT === */

/* ABOUT 
	 ========================================================================== */
.about{
	background-size: 100% 100%; 
	padding: 3em 2em 5em;
}
.about h6{
}



/* EXPERIENCE
	 ========================================================================== */
.expe{
	padding-top: 6em;
	margin-bottom: 0;
}
.expe .padding-col{
	margin-bottom: 6em;
}

/* FACT
	 ========================================================================== */
.fact{
	padding: 6em 2em;
}
.fact .txtGrey{
}

/* ASSOCIATION
	 ========================================================================== */
.associ{
}
.associ h3{
	margin: 4em 0 2em;
}
.associ li{
	padding: 2em 3em;
}

.container{
	margin-top: 5em;
	margin-bottom: 5em;
}	


	 
/* === ALL ARTICLES === */
/* ALLART
	 ========================================================================== */
.allArt{
	padding: 2em 1em .5em;
}
.allArt h2{
}
.sub-nav{
}

/* ARTICLE LIST
	 ========================================================================== */
.artList{
	
}
.artList h5{
	text-align: left;
} 
.artListItem{
}	 
.artListItem h3{
} 
.artListItem p{
}
a.comment{
}




/* === THE ARTICLE === */
/* MAIN
	 ========================================================================== */
.mainArt {
}

.mainArt .moveVertCen {
	padding-left: 2em;
	padding-right: 2em;
}

.content{
	padding: 6em 2em;
}

.tags{
}
.inline-list li:nth-child(1){
}

.rowBtn a{
}
.rowBtn .fi-heart,.rowBtn .fi-comment,.rowBtn .fi-share{
}
.rowBtn .fi-social-twitter,.rowBtn .fi-social-facebook,.rowBtn .fi-mail {
}
.f-dropdown li{
}
.f-dropdown li a{
}






/* ARTMSG
	 ========================================================================== */
.artMsg{
	padding: 6em 1em 3em;
}
.artMsg h5{
}


/* REVIEWS
	 ========================================================================== */
.artReviews {
	padding: 0 1em;
}
.artReviews h5{
} 
.artReviewInner{
	padding: 2em 1em 3em;
}	 




.f-news dl{
	margin-bottom: 2em;
}
#act-ch{
	margin-bottom: -2em;
}
#act-sp{
	margin-bottom: 1.5em;
}
#act-en{
	margin-bottom: 1.5em;
}
#act-jp{
	margin-bottom: 1.5em;
}







	
	
	
}/* End small screens max-width 640px */

/*news by edwin*/
/*新聞只有1*/
@media ( min-width: 641px) {
	.news-a1 { margin-left: 33%; }
	.news-a2 { margin-left: 10%; }
}

@media ( max-width: 320px) {
	.allArt h2 { font-size: 1.3em; }
	.cd-top {
    	right: 10px;
    	bottom: 20px;
	}
	
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}