/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear {clear:both;}

html {overflow-y:scroll;}
td, th {text-align:left;vertical-align:top;}

::-moz-selection{background: #009EE0; color: #fff; text-shadow: none;}
::selection {background: #009EE0; color: #fff; text-shadow: none;}

a {
	color: inherit;
	text-decoration:underline;
}

a:hover {
    text-decoration: none;
}

p,
ul,
ol {
	margin: 0 0 18px;
}

html {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	line-height: 1.3;
	color: #333;
}

html, body {
	height:100%;
}

body {
	width:100%;
	height:100%;
}

/******************************************************* Logo & Navi *******************************************************/

.logo-static,
.nav-static {
	max-width:1185px;
	width:100%;
	margin:0 auto;
	position:relative;
}

.logo-static .logo {
	position:fixed;
	top:0;
	z-index:100;
}

.logo-static .logo img.logo {
	float:left;
	margin:20px 0 40px 0;

	transition: opacity 0.7s ease;
}

.nav-static nav.main {
	width:225px;
	float:left;
	display:block;
	
	position:fixed;
	top:300px;
	z-index:300;
}

nav.main .toggle {
	display:none;
}

nav.main ul,
.home-header ul {
	margin:0;
	padding:0;
	list-style:none;
}

nav.main ul li {
	background-color:#000;
	margin:0 0 6px 0;
	float:left;
	clear:both;
	
	-moz-transition: margin 0.7s ease, background-color 0.7s ease;
	-webkit-transition: margin 0.7s ease, background-color 0.7s ease;
	transition: margin 0.7s ease, background-color 0.7s ease;
}

nav.main ul li a {
	color:#fff;
	font-family: 'Lato';
	font-weight: 300;
	font-size:30px;
	text-transform: lowercase;
	line-height:40px;
	display:block;
	padding:0 10px;
	text-decoration: none;
}

nav.main ul li.home {
	margin-left:-105px;
}

nav.main ul li.home a {
	padding-left:105px;
}

nav.main ul li.about {
	margin-left:-95px;
}

nav.main ul li.about a{
	padding-left:70px;
}

nav.main ul li.classes {
	margin-left:-70px;
}

nav.main ul li.classes a{
	padding-left:70px;
}

nav.main ul li.media {
	margin-left:-120px;
}

nav.main ul li.media a{
	padding-left:120px;
}

nav.main ul li.clients {
	margin-left:-95px;
}

nav.main ul li.clients a{
	padding-left:95px;
}

nav.main ul li.contact {
	margin-left:-70px;
}

nav.main ul li.contact a{
	padding-left:70px;
}

nav.main ul li.news {
	margin-left:-120px;
}

nav.main ul li.news a {
	padding-left:120px;
}

nav.main ul li a.on,
nav.main ul li a:hover,
nav.main ul li.current a {
	color:#fff;
}

nav.main ul li:hover a {
	color:#fff;
}

nav.main ul li.on,
nav.main ul li:hover,
nav.main ul li.current {
	margin-left:-20px;
    background-color: #8c1430;
}

/******************************************************* Site *******************************************************/

.site {
	position: relative;
	
	min-height: 100%;
	background-attachment:fixed;
 	background-repeat:no-repeat;
	background-size:cover;
}

.center {
	max-width:1185px;
	margin:0 auto;
	padding:0 20px;
}

.site-logo {
	float:right;
	width:100%;
	text-align:right;
	margin:50px 0 60px 0;
	height: 163px;
}

.content {
	max-width:965px;
	width:100%;
	float:right;
	position:relative;
	z-index:200;
}

/******************************************************* Home Header *******************************************************/

.home-header {
	float:right;
	width:100%;
	text-align:right;
	margin:40px 0 105px 0;
}

.home-header ul {
	float:right;
}

.home-header ul li {
	float:left;
	margin:0 15px 0 25px;
	position:relative;
}

#home .home-header ul li .icon-link:before {
	content:'';
	display: block;
	width:0;
	height:0;
	padding: 27px;
	border-style:solid;
	border-width:3px;
	border-color: #fff;
	
	transition: all 0.5s ease;
	
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

#home .home-header ul li:first-child .icon-link:before {
	border-color: #fff;
	
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

#home .home-header ul li .icon-link:hover:before {
	background-color: rgba(255, 255, 255, 0.4);
	
	border-color: #fff;
}

.home-header ul li span.language {
	display: block;
	width:0;
	height:0;
	padding: 27px;
	border-style:solid;
	border-width:3px;
	border-color:#fff;
	
	transition: all 0.5s ease;
	
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.home-header ul li:hover span.language{
background-color: rgba(255, 255, 255, 0.4);
}


.home-header ul li {
    line-height: 18px;
}

.home-header ul li span.point {
	display:block;
	position:absolute;
	font-weight:bold;
	top:20px;
	left:22px;
	color:#FFF;
	font-size:30px;
}

.home-header ul li a.de,
.home-header ul li a.en {
	position:absolute;
	display:block;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	text-decoration: none;
}

.home-header ul li a.de:hover,
.home-header ul li a.en:hover {
	color:#76183e;
}

.home-header ul li a.de {
	left:4px;
	top:19px;
}

.home-header ul li a.en {
	right:6px;
	top:19px;
}

.home-header ul li img {
	position:absolute;
}

.home-header ul li img.insta {
	top:13px;
	left:13px;
}

.home-header ul li img.fb {
	top:10px;
	left:20px;
}

.home-header ul li img.twitter {
	top:15px;
	left:10px;
}

/******************************************************* Home *******************************************************/

#home {
	background-image:url(../img/background-images/home.jpg);
	background-position:top center;
    background-size: cover;
}

.home-slider {
	max-width:700px;
	margin:0 0 70px 0;
	float:left;
	position:relative;
}

.slider {
	max-width:700px;
	position:relative;
	overflow:hidden;
}

.slider > ul {
	width:30000px;
	margin:0;
	padding:0;
	list-style:none;
}

.slider > ul.animate {
	-webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition:    all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition:     all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition:      all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition:         all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.slider > ul > li {
	max-width:700px;
	float:left;
	position:relative;
	overflow: hidden;
}

.slider > ul > li img {
	display:block;
}

#home ul.indicator {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	bottom:20px;
	left:300px;
	width:auto;
	z-index:3000;
}

#home ul.indicator li {
	float:left;
}

#home ul.indicator li {
	float:left;
	width:12px;
	height:12px;
	background-color:#fff;
	margin-right:20px;
	text-align:center;

	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);

	cursor:pointer;
}

#home ul.indicator li span.round {
	display:none;
}

#home ul.indicator li.current span.round {
	display:block;
	margin:3px 3px 3px 3px;
	width:6px;
	height:6px;
	background-color:#8c1430;
	border-radius:50%;
}

#home .slider img {
	display:block;
}

#home ul.newslist {
	max-width:485px;
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}

#home ul.newslist li {
	float:left;
	margin:0 0 22px 22px;
	position:relative;
	cursor:pointer;
}

#home ul.newslist li img {
	display:block;
}

#home ul.newslist li h2{
	position:absolute;
	left:-15px;
	right:auto;
	top:10px;
	
	background-color:#fff;
	display:inline-block;
	font-size:25px;
	line-height:28px;
	font-weight:300;
	color:#000;
	margin:0;
	padding:1px 10px 1px 15px;
	text-transform:lowercase;
}



#home ul.newslist li .title-shadow {
	position:absolute;
	left:-15px;
	top:40px;
	width:0;
	height:0;
	border-top: 15px solid #000;
	border-left: 15px solid transparent;
}

#home ul.newslist li .triangle,
ul.boxlist li .triangle {
	position:absolute;
	left:0;
	bottom:0;
	width:0; 
	height:0;
	border-bottom: 220px solid rgba(255,255,255,0.7);
	border-left: 220px solid transparent;
	opacity:1;
	transition: opacity 0.7s ease;
	z-index:20;
}

ul.boxlist li .triangle {
	opacity:0;
}

#home ul.newslist li a.newslink,
ul.boxlist li a.galerylink {
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	color:#000;
	z-index:30;
}

#home ul.newslist li a.newslink span.text,
ul.boxlist li a.galerylink span.text {
	position:absolute;
	top:130px;
	bottom:15px;
	right:10px;
	display:block;
	opacity:1;
	transition: opacity 0.6s ease;
	font-size:12px;
	line-height:16px;
	max-width:120px;
}

#home ul.newslist li a.newslink span.text b {
	border-bottom:1px solid #8c1430;
}

ul.boxlist li a.galerylink span.text {
	opacity:0;
}

#home ul.newslist li:hover .triangle,
#home ul.newslist li:hover a.newslink span.text {
	opacity:0;
}

ul.boxlist li:hover .triangle,
ul.boxlist li:hover a.galerylink span.text {
	opacity:1;
}

#home .center .icon-link:before {
	content:'';
	display: block;
	width:0;
	height:0;
	border-style:solid;
	padding: 97px;
	border-width:3px;
	border-color:#fff;
	
	transition: all 0.5s ease;
	
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

#home .center .icon-link:hover:before {
	border-color:#fff;
   background-color: rgba(255, 255, 255, 0.4);
}

ul.icon-navigation-home {
	margin:0;
	padding:0;
	list-style:none;
}

ul.icon-navigation-home li {
	float:left;
	margin:50px 0 100px 100px;
	position:relative;
}

ul.icon-navigation-home li:first-child {
	margin-left:45px;
}

ul.icon-navigation-home li h2 {
	position:absolute;
	left:0px;
	right:auto;
	top:0px;
	z-index:200;
	
	background-color:#fff;
	display:inline-block;
	
	font-size:25px;
	line-height:29px;
	font-weight:300;
	text-transform:lowercase;
	color:#000;
	
	margin:0;
	padding:0 10px 0 10px;
}

ul.icon-navigation-home li .triangle {
	position:absolute;
	left:-1px;
	top:29px;
	z-index:200;
	
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #000;
}

a.icon-link {
	display:inline-block;
	position:relative;
}

a.icon-link img {
	position:absolute;
}

a.icon-link img.about {
	top:10px;
	left:63px;
}

a.icon-link img.classes {
	top:65px;
	left:54px;
}

a.icon-link img.media {
	top:50px;
	left:63px;
}

a.icon-link img.clients {
	top:55px;
	left:55px;
}

/******************************************************* About *******************************************************/

#about {
	background-image:url(../img/background-images/about.jpg);
	background-position:top center;
    background-size: cover;
}

#about .content-box,
.site .content .content-box {
	float:left;
	max-width:442px;
	min-height:130px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.7);
	position:relative;
	padding:30px 10px 30px 10px;
	margin:0 0 35px 20px;
	display:block;

	font-size:18px;
	font-weight:300;
	line-height:22px;
}

#about .content-box h1 ,
.site .content .content-box  h1 {
	margin:-45px 0 15px -25px;
	padding:1px 10px 1px 25px;
	background-color:#8c1430;
	display:inline-block;
	position:relative;
	font-size:25px;
	line-height:30px;
	font-weight:300;
	color:#fff;
	float:left;
}

#about .content-box  h1:before,
.site .content .content-box h1:before {
	content:"";
	position:absolute;
	left:0;
	top:100%;
	width:0;
	height:0;
	border-top: 15px solid #000;
	border-left: 15px solid transparent;
}



#about .content {
	padding-left:0;
}

#about .content .flavia + .text,
#about .content .choreographer + .text,
#about .content .dancer + .text,
#about .content .teacher + .text {
	max-width:925px;
	width:100%;
	background-color:#000;
	color:#FFF;
	padding:20px;
	position:absolute;
	top:600px;
	left:0;
	right:0;
	
	font-size:16px;
	line-height:20px;
	font-weight:300;
	
	opacity:0;
	-moz-transition: opacity 0.8s ease-in;
	-webkit-transition: opacity 0.8s ease-in;
	transition: opacity 0.8s ease-in;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	z-index:300;
}

#about .content .flavia + .text a,
#about .content .choreographer + .text a,
#about .content .dancer + .text a,
#about .content .teacher + .text a {
	color:#ed284a;
	text-decoration:underline;
}

#about .content .flavia + .text h4,
#about .content .choreographer + .text h4,
#about .content .dancer + .text h4,
#about .content .teacher + .text h4 {
	color:#ED284A;
	margin:0 0 10px 0;
	font-weight:300;
}

#about .content .flavia + .text img,
#about .content .choreographer + .text img,
#about .content .dancer + .text img,
#about .content .teacher + .text img {
	float:left;
	margin-right:20px;
}

#about .content .flavia + .text .spitz,
#about .content .choreographer + .text .spitz,
#about .content .dancer + .text .spitz,
#about .content .teacher + .text .spitz {
	position:absolute;
	top:-20px;
	
	width:0;
	height:0;
	border-left:15px solid transparent;
	border-right:15px solid transparent; 
	border-bottom:20px solid #000;
}

#about .content .flavia + .text .spitz {
	left:30px;
}

#about .content .choreographer + .text .spitz {
	left:250px;
}

#about .content .dancer + .text .spitz {
	left:530px;
}

#about .content .teacher + .text .spitz {
	left:800px;
}

#about .content .person:hover + .text,
#about .content .person.active + .text,
#about .content .person + .text:hover {
	opacity:1;
}

#about .content .person.active + .text {
	z-index:500;
}

#about .content .flavia h3,
#about .content .choreographer h3,
#about .content .dancer h3,
#about .content .teacher h3 {
	position:absolute;
	top:300px;
	left:80px;
	background-color:#ed284a;
	font-weight:300;
	color:#FFF;
	padding:0 10px;
	font-size:25px;
	line-height:29px;
}

#about .content .flavia h3 {
	left:100px;
}

#about .content .flavia {
	position:absolute;
	left:-150px;
	top:-20px;
	width:321px;
	height:742px;
	
	background-image:url(../img/flavia.png);
	background-position:left top;
}

#about .content .flavia:hover,
#about .content .flavia.active {
	background-position:left 742px;
}

#about .content .choreographer {
	position:absolute;
	top:-20px;
	left:151px;
	width:290px;
	height:737px;
	
	background-image:url(../img/choreographer.png);
	background-position:left top;
}

#about .content .choreographer:hover,
#about .content .choreographer.active {
	background-position:left 737px;
}

#about .content .dancer {
	position:absolute;
	top:-20px;
	left:411px;
	width:289px;
	height:742px;
	
	background-image:url(../img/dancer.png);
	background-position:left top;
}

#about .content .dancer:hover,
#about .content .dancer.active {
	top:-110px;
	background-position:left 830px;
}

#about .content .dancer:hover h3,
#about .content .dancer.active h3 {
	top:390px;
}

#about .content .teacher {
	position:absolute;
	top:-20px;
	left:640px;
	width:320px;
	height:742px;
	
	background-image:url(../img/teacher.png);
	background-position:right top;
}

#about .content .teacher:hover,
#about .content .teacher.active {
	background-position:left 737px;
}

/******************************************************* Classes *******************************************************/

#classes {
	background-image:url(../img/background-images/classes.jpg);
	background-position:top center;
    background-size: cover;
}

#classes .center .content ul.classes {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}

#classes .center .content ul.classes li {
	float:left;
	max-width:442px;
	min-height:130px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.7);
	position:relative;
	padding:30px 10px 120px 10px;
	margin:0 0 35px 20px;
	display:block;

	font-size:18px;
	font-weight:300;
	line-height:22px;
}

#classes .center .content ul.classes li h1 {
	margin:-45px 0 15px -25px;
	padding:1px 10px 1px 25px;
	background-color:#8c1430;
	display:inline-block;
	position:relative;
	font-size:25px;
	line-height:30px;
	font-weight:300;
	color:#fff;
	float:left;
}

#classes .center .content ul.classes li h1:before {
	content:"";
	position:absolute;
	left:0;
	top:100%;
	width:0;
	height:0;
	border-top: 15px solid #000;
	border-left: 15px solid transparent;
}

#classes .center .content ul.classes li .location {
	padding:20px 0;
	margin: 0 10px;
	min-height:60px;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	color: #8c143e;
	border-top: 1px solid #000;
}


#classes .center .content ul.classes li .location a.maps-link {
	display:block;
	position:absolute;
	right:20px;
	bottom:20px;
	background-image:url(../img/map-link-bg.png);
	background-positiobackgroundn:right;
	background-repeat:no-repeat;
	color: #8c143e;
	height:37px;
	width:19px;
}

#classes .center .content ul.classes li .location p {
	margin:0;
	color: #8c143e;
}

/******************************************************* Media *******************************************************/

#media {
	background-image:url(../img/background-images/media.jpg);
	background-position:top center;
    background-size: cover;
}

#media ul.boxlist {
	clear:both;
}

ul.boxlist {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

ul.boxlist li {
	float:left;
	margin:0 0 20px 21px;
	position:relative;
	cursor:pointer;
}

ul.boxlist li img {
	display:block;
}

ul.boxlist li h2 {
	position:absolute;
	left:-15px;
	right:auto;
	top:-15px;
	
	background-color:#8C1430;
    color: #fff;
	display:inline-block;
	font-size:18px;
	line-height:30px;
	font-weight:300;
	margin:0;
	padding:1px 10px 1px 15px;
}

ul.boxlist li .title-shadow {
	position:absolute;
	left:-15px;
	top:17px;
	width:0;
	height:0;
	border-top: 15px solid #000;
	border-left: 15px solid transparent;
}

ul.boxlist.gallery-list h2,
ul.boxlist.videos h2,
ul.boxlist.gallery-list .title-shadow,
ul.boxlist.videos .title-shadow {
	display:none;
}

ul.boxlist.gallery-list li:first-child h2,
ul.boxlist.videos li:first-child h2,
ul.boxlist.gallery-list li:first-child .title-shadow,
ul.boxlist.videos li:first-child .title-shadow {
	display:inline-block;
}

.mediadate {
	color: #a51749;
}

#media ul.boxlist .circle {
	width:85px;
	height:85px;
	border-radius:50%;
	background-color:rgba(255,255,255,0.4);
	text-align:center;
	line-height:85px;
	
	position:absolute;
	left:67px;
	top:67px;
	opacity:0;
	
	-moz-transition: opacity 0.6s ease;
	-webkit-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease;
}

#media ul.boxlist .circle .play {
	position:absolute;
	left:30px;
	top:20px;
	width:0; 
	height:0;
	opacity:0;
	
	border-top: 20px solid transparent; 
	border-left: 35px solid rgba(0,0,0,0.8); 
	border-bottom: 20px solid transparent;
	
	-moz-transition: opacity 0.7s ease;
	-webkit-transition: opacity 0.7s ease;
	transition: opacity 0.7s ease;
}

#media ul.boxlist li:hover .circle,
#media ul.boxlist li:hover .circle .play {
	opacity:1;
}

/******************************************************* Clients *******************************************************/

#clients {
	background-color:#d8d8d8;
    background-image:url(../img/background-images/clients.jpg);
    background-size: cover;
	font-size: 18px;
}

#clients .content ul.clients {
	margin:0;
	padding:0;
	list-style:none;
}

#clients .content ul.clients li {
	float:left;
    width: 23%;
	margin: 1%;
}

#clients .content ul.clients li img {
    width: 100%;
    height: auto;
}

#clients .content ul.clients li a {
   color: #fff;
}


#clients .content ul.clients li a:hover {
   text-decoration: underline;
}

/******************************************************* Contact *******************************************************/

#contact {
	background-image:url(../img/background-images/contact.jpg);
	background-position:top center;
	color: #fff;
}

#contactform {
	float:right;
	max-width:460px;
	width:100%;
}

#contactform h2 {	
	background-color:#8c1430;
	display:block;
	font-size:25px;
	line-height:30px;
	font-weight:300;
	color:#FFF;
	margin:0 0 25px 0;
	padding:0 10px;
}

#contactform dt {
	float:left;
	margin:0;
	width:25%;
	font-size:18px;
	line-height:28px;
}

#contactform dd {
	float:left;
	margin:0;
	width:75%;
}

#contactform dd input{
	width:100%;
	border:2px solid #FFF;
	line-height:28px;
	height:28px;
	margin-bottom:8px;
	font-size:18px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:0;
	-webkit-appearance: none;
	
	-moz-transition: border-color 0.7s ease;
	-webkit-transition: border-color 0.7s ease;
	transition: border-color 0.7s ease;
}

#contactform dd input:focus{
	border-color:#009EE0;
}

#contactform dd textarea{
	width:100%;
	border:2px solid #FFF;
	line-height:28px;
	height:28px;
	margin-bottom:8px;
	font-size:18px;
	resize:vertical;
	min-height:130px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:0;
	-webkit-appearance: none;
	
	-moz-transition: border-color 0.7s ease;
	-webkit-transition: border-color 0.7s ease;
	transition: border-color 0.7s ease;
}

#contactform dd textarea:focus {
	border-color:#009EE0;
}

#contactform button {
	border:0;
	background:#000;
	display:inline-block;
	color:#fff;
	font-size:18px;
	line-height:30px;
	font-weight:300;
	margin:0;
	padding:0 20px;
	float:right;
}

#contactform button:hover {
	text-decoration:underline;
}

/******************************************************* News *******************************************************/

#news {
	background-image:url(../img/background-images/news.jpg);
	background-position:top center;
}

#news ul.boxlist li .detail-text {
	display:none;
}

#news ul.boxlist li.detail {
	background-color:#000;
	padding:10px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#FFF;
	font-size:18px;
	line-height:20px;
	margin:0 0 30px 20px;
	color: #fff;
}


#news ul.boxlist li h2 {
   background-color: #fff;
color: #000;
}

#news ul.boxlist li.detail .img-left {
	float:left;
	margin:0 20px 20px 0;
}

#news ul.boxlist li.detail .img-left img {
	display:block;
}

#news ul.boxlist li.detail span.date {
	color:#8c143e;
}

#news ul.boxlist li.detail h1 {
	font-size:20px;
	margin:15px 0;
	font-weight:300;
}

#news ul.boxlist li.detail .closer {
    background-image: url("../img/news-close.png");
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 19px;
	width: 19px;
	
    position: absolute;
    right: 10px;
    top: 10px;
}

#news ul.boxlist li.detail .top-arrow {
   border-left: 15px solid #000000; 
    border-right: 15px solid transparent; 
    border-bottom: 15px solid #000000;

    height: 0;
    width: 0;
    position: absolute;
    left: 50px; 
    top: -15px;
}

#news ul.boxlist li.detail:before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000000;
    border-style: solid;
    border-width: 18px 15px;
    content: "";
    display: block;
    height: 0;
    left: 100px;
    position: absolute;
    top: -36px;
    transition: left 0.2s linear 0s;
    width: 0;
}

#news ul.boxlist li.detail.of-1:before {
    left: 35%;
}

#news ul.boxlist li.detail.of-2:before {
    left: 61%;
}

#news ul.boxlist li.detail.of-3:before {
    left: auto;
    right:100px;
}

/******************************************************* Footer *******************************************************/

footer.main {
	width:100%;
	height:196px;
	background-image:url(../img/background-images/footer.jpg);
	background-position:top center;
	background-size:cover;
}

footer.main .footer-container {
	max-width:1185px;
	width:100%;
	margin:0 auto;
}

footer.main .footer-container .copyright {
	background-color:#000;
	color:#c6205a;
	line-height:30px;
	font-size:15px;
	padding:0 15px 0 110px;
	margin-left:-95px;
	margin-top:70px;
	float:left;
}

footer.main .footer-container .design,
footer.main .footer-container .realisation {
	background-color:#000;
	color:#fff;
	line-height:30px;
	font-size:15px;
	float:right;
}

footer.main .footer-container .design {
	padding:0 55px 0 15px;
	margin-right:-55px;
	margin-top:70px;
}

footer.main .footer-container .realisation {
	padding:0 115px 0 15px;
	margin-right:-115px;
	margin-top:6px;
	clear:right;
}

footer.main .footer-container .design a,
footer.main .footer-container .realisation a {
	color:#c6205a;
}

/******************************************************* Video Popup *******************************************************/

.popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 500;
	background-color: #000;
}

.popup-container {
	position: absolute;
	top: 200px;
	left: 50%;
	z-index: 600;
	margin-left: -400px;
	background-color: #FFF;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
}

.popup-container .close {
	color: #FFF;
	cursor: pointer;
	position: absolute;
	top: -20px;
	right: 0;
}

.popup-container .content-popup iframe {
	float: left;
}

.captcha-container {
	background-color:#FFFFFF;
	margin-bottom:8px;
}
.captcha-text {
	font-size: 18px;
	line-height: 28px;
	color:#FFFFFF;
}