html { scroll-behavior: smooth; }

/* HTML 5 shits */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;	
}

/* Reset browsers default styling */
	html, body, div, span, 
	h1, h2, h3, h4, h5, h6,
	a, acronym,
	font, img,
	ul, li,
	fieldset, form, label, legend, button {
		margin: 0; padding: 0;
		border: 0; outline: 0;
		font-size: 100.01%; vertical-align: baseline;
		background: transparent; }
	ul { list-style: none; }
	blockquote, q { quotes: none; }
	textarea { overflow:auto; }
	
	section {overflow:hidden; clear:both}
	
	*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;	
	}


@font-face{
	font-family: MartaI;
	src:url(/fonts/marta_italic-webfont.woff) format("woff"),url(/fonts/marta_italic-webfont.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face{
	font-family: ArialBG;
	src:url(/fonts/arialbg_0-webfont.woff) format("woff"),url(/fonts/arialbg_0-webfont.ttf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face{
	font-family: MartaRegular;
	src:url(/fonts/marta/Marta_Regular.otf) format("opentype");
	font-weight:400;
	font-style:normal
}

/* CMS styling */
body { 	font-family: 'ArialBG', Arial, Tahoma, Verdana,  Helvetica,sans-serif; font-size:15px;	padding:0;	margin:0;	color:#354f74; }
header {position:relative; margin:0 auto; width:100%; height:auto; z-index:99}
#nav_bar {width:100%; position:relative; top:0; left:0; height:80px; }
footer {position:relative; margin:0 auto; background-color: #354f74; min-height: 193px; color:#FFF}
footer a {color:#FFF}

.wrapper {position:relative; margin:0; padding:0;}
.content {position:relative; margin:0 auto; width:1000px; }

#nav_bar {background: url("/images/header_back.gif") 0 0 repeat-x; height: 95px}
#slider {width: 100%; height: auto}
.banner_1 {margin: 0 auto; }
.banner_1_inside {background: url('/images/header_inside.jpg') top center no-repeat; width: 100%; height: 230px;}
.banner_1_inside_custom { width: 100%; height: 450px;}
.header_inside_bottom {background: url("/images/header_inside_bottom.jpg") top center; width: 100%; height: 55px}

#slogan {position: absolute; top: 80px; left: calc(50% - 200px); right: calc(50% - 200px); width: 400px; z-index: 99; color: #FFF; text-align: center; }
#slogan_mobile {display: none }

.slogan_1 {font-size: 16px}
.slogan_2 {font-size: 40px; font-family: 'MartaI'}
.slogan_3 {font-size: 60px; line-height: 40px; font-family: 'MartaI'}
.slogan_4 {font-size: 20px; font-family: 'MartaI'; text-transform: uppercase}

#doves_1 {background: url("/images/doves_1.png") 0 0 no-repeat; width: 712px; height: 224px; z-index: 99; position: absolute; bottom:0; left:0; opacity: 0.8}
#doves_1_inside {background: url("/images/doves_1_inside.png") 0 0 no-repeat; width: 742px; height: 227px; z-index: 99; position: absolute; bottom:0; left:0;}

#doves_2 {background: url("/images/doves_2.png") 0 0 no-repeat; width: 173px; height: 196px; z-index: 999;position: absolute; top:0; right:-180px; opacity: 0.8 }
#doves_3 {background: url("/images/doves_3.png") 0 0 no-repeat; width: 412px; height: 235px; z-index: 999; position: absolute; top:-50px; left: -50px; opacity: 0.8}

#logo {position:relative; top:20px; margin: 0 auto; width: 134px; height: 143px; z-index: 99}
#lang {position:absolute; right:0; top:0; padding: 10px; width: 50px; height: 50px; z-index: 9;}
.lang_item {float:left; text-align:center; text-transform:uppercase; line-height:20px;}
.lang_item a {color:#FFF; font-size:15px; padding: 10px}



h1 {font-size:26px; padding:0 ; margin:0; font-weight:normal; display:inline-block }
h2 {font-size:24px; padding:0; margin:0; font-weight:normal; display:inline-block; }
h3 {font-size:22px; padding:0 ; margin:0; font-weight:normal; display:inline-block; }

article.inside {margin-top: 20px}
article.inside p, article.inside ul  {width: 80%; margin: 0 auto;}
article.inside ul li {list-style: circle; margin-left: 20px;}
article.inside img {max-width: 100%}
article.inside h2, article.inside h3  {width: 80%; margin: 20px auto; display: block;
}
article.inside .gallery  {margin: 50px 0 0 0}
article.inside .gallery img { margin: 0 7px 14px}
article p {padding-top:0; margin-top:0; margin-bottom: 5px;}

.t9 { font-size:9px }
.t10 { font-size:10px }
.t11 { font-size:11px }
.t12 { font-size:12px }
.t13 { font-size:13px }
.t14 { font-size:14px }
.t16 { font-size:16px }
.t18 { font-size:18px }
.t19 { font-size:19px }
.t20 { font-size:20px }
.t22 { font-size:22px }
.t24 { font-size:24px }
.t26 { font-size:26px }
.t32 { font-size:32px }

.white { color:#FFF; }
.orange { color:#f26722; }
.black { color:#000; }
.gray { color:#4b4b4b; }
.green {color:#006198 }
.clear {clear:both}

.bold { font-weight:bold }
.underline { text-decoration:underline }
.no_underline { text-decoration:none }

.breadcrumbs {position:relative; margin-top:20px; width:100%; margin-bottom: 30px}
.breadcrumbs div {display:inline-block; margin-bottom:10px;}
.breadcrumbs div а {color:#CCC; font-size:11px;}

a { color:#3e4448; text-decoration:none; }
img { border:0px; }

.input { color:#999; padding:5px }
.input_select { color:#444; padding:5px }

.fildset { background-color:#f1f1f1;  filter:alpha(opacity=100);  opacity: 1.00;	border: 1px solid #CCC;	padding: 10px 20px;	color:#3b3b3b; width:512px; float:right}
.contact_form input { border:1px solid #CCC; background-color:#FFF; font-size:13px; height:30px; color:#2c2c2c; padding-left:7px; width:100%; margin-bottom:8px; }
.contact_form textarea { border:1px solid #CCC; background-color:#FFF; font-size:13px; color:#2c2c2c; padding-left:7px; width:100%; height:100px; margin-bottom:8px;}
.contact_form_btn { border:0; background-color:#444; font-size:13px; height:34px; width:100px; color:#FFF; cursor:pointer;  -moz-border-radius:5px ;border-radius:5px;  -webkit-appearance: none;}

.clear {clear:both; display:block}

.res_fildset { background-color:#f1f1f1;  filter:alpha(opacity=100);  opacity: 1.00;	border: 1px solid #CCC;	padding: 10px 20px;	color:#3b3b3b; width:530px; margin-right:40px; float:left}

#msg { display:none; position:absolute; z-index:200; background:url(/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent { display:block; background:#e8e8e8; color:#4f4d4e; border:2px solid #F60; border-left:none; padding:5px; min-width:150px; max-width:250px; line-height:18px}

.ok_mess { padding:10px 20px; margin:15px; background-color:#f5f5f5; border:1px solid #c9c9c9; color:#2c6da0; font-weight:bold;}
.bad_mess { padding:10px 20px; margin:15px; background-color:#fbf2e7; border:1px solid #f26722; color:#f26722; font-weight:bold;}

article table { border-collapse: collapse; width: 100%; padding: 20px 0 }
article table td { border: 1px solid #CCC; padding:3px 6px;}
article table th { border: 1px solid #CCC; background-color:#e9e9e9; padding:8px 6px;}
article table td p {padding:0; margin:0}
article table tr:nth-child(even) td {background-color:#D9E2EB}
article table tr:nth-child(1) td {background-color:#6B8BAB; color: #FFF}

main {position:relative; width:100%;  padding:0 ; z-index:1}
.description ul li {list-style:inside; padding:0 0 0 20px}

.on {display:block;}
.off {display:none;}

/* ------------------------------------  TOP MENU --------------------------------------*/
nav{ position:absolute; top:51px; left:40px; height:32px; width:100%; text-align:center; z-index: 199 }
nav a {color:#FFF}
.menu-link { display: none;}

.menu { -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  transition: all 0.3s ease; }
.menu > ul {   padding: 0px;  margin: 0px;  list-style: none;  position: relative;  display: inline-block;	width:100%;}
.menu > li > ul.sub-menu {	min-width: 10em;	padding: 4px 0;	background-color: #333; }
.menu>ul>li { padding: 0px; }
.menu ul li:last-child { border-right:none}
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; padding: 10px 25px;  text-decoration: none; font-size: 16px; }
.menu ul li a:hover { background-color: #415b80 }

.menu ul ul {   display: none;   position: absolute; top:99%; min-width: 220px;  background-color: #354f74;	z-index:999999; filter:alpha(opacity=95);  opacity: 0.95; }
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; }
.menu ul ul > li a { padding: 8px 10px ; height: auto; background-color: #45628B; text-align: left; font-size:14px;}
.menu ul ul > li:last-child a { border-bottom:none}
.menu ul ul > li a:hover { background-color: #354f74;  }
.menu ul ul ul { position: absolute; left: 100%; top:0; }
.has-submenu > a:after {	content: url(/images/menu_arrow.png);	display: inline-block;	margin-left:5px;}

.menu > ul > li:nth-child(3) {margin-right: 180px;}
/* ------------------------------------  END TOP MENU --------------------------------------*/

#seven_logo {position: absolute; bottom: 15px; right: 15px; width: 200px; text-align: right}
#seven_logo a {font-size: 13px; color: #FFF }

.image-box {width:325px; float:left;}
.article_title {font-size:16px; text-align:left; margin-bottom:5px; color:#2ba3d6;}
.article_desc {text-align:left;}
article h1 { margin-bottom:20px; color:#006198; display: block;}



.description { line-height:20px; float:left; width:100%;}
.description h2 {font-size:20px; color:#006198 ; margin-bottom:10px;}
.description a {color:#d4127b}

.category {display:inline; position:relative; float:left; width: 160px; height:165px; margin:15px 0 0 13px; border:1px solid #e9e9e9; text-align:center}
.title {padding:9px; margin-bottom:15px; background-color:#FFF; border-bottom:1px solid #CCC}

.page { padding:5px 10px; background-color:#ececec; border-radius:5px; }
.a_page { padding:5px 10px; background-color:#ececec; color:#F60; border-radius:5px; }

.footer_title { font-size: 20px; font-family: 'MartaI'; font-weight: normal; margin-bottom: 10px; color:#FFF; }
.fb_1 {position: absolute;top: 23px;left: 0;width: 300px;font-size: 13px;}
.fb_2 {position: absolute;top: 10px;left: 240px;z-index: 999;}
.fb_3 {position: absolute;top: 79px;right: 395px;width: 150px;}
.fb_4 {position: absolute;top: 0;right: 201px;width: 235px;}
.fb_5 {position: absolute; top: 100px; right: 0; width: 100px;}

.show-menu{text-decoration:none; color:#fff; background:#007a4a url(/images/nav-icon.png) 10px 13px no-repeat; padding-left:40px; text-align:left; font-size:20px; text-transform:uppercase; height:45px; line-height:45px; display:none;}

.contact_wrapper {width: 300px;}
.contact_icons {float: left}
.contact_info {float: left; line-height: 18px; clear: right; margin-bottom: 15px}

.article_img {padding-bottom: 20px; float: left}
.article_img img {width: 250px; border: 1px solid #ccc}

.iframe-container{  position: relative;  width: 100%;  padding-bottom: 56.25%;   height: 0; }
.iframe-container iframe{  position: absolute;  top:0;  left: 0;  width: 100%;  height: 100%; }

section.navigation {height: 145px}
.navigation .content {width: 1200px}
section.intro {background: url("/images/intro_back.jpg") top center no-repeat; min-height: 596px;}
section.movie {background: url("/images/movie_back.jpg") top 140px center no-repeat; min-height: 840px; margin-top: 30px }

section.intro h1 {margin-bottom: 20px; font-family: 'MartaI'; font-size: 42px; width: 45%; margin: 0 auto 40px; padding-top: 30px; text-align: center; color: #FFF}
section.intro .desc { width: 70%; margin: 0 auto; font-size: 17px;  text-align: center; color: #FFF}



div#activity_12 { background: url("/images/activity_music.jpg") top center no-repeat; width: 60px; height: 60px; margin: 20px auto 0 }
div#activity_15 { background: url("/images/activity_paint.jpg") top center no-repeat; width: 60px; height: 60px; margin: 20px auto 0}
div#activity_13 { background: url("/images/activity_theater.jpg") top center no-repeat; width: 60px; height: 60px; margin: 20px auto 0}
div#activity_11 { background: url("/images/activity_balet.jpg") top center no-repeat; width: 60px; height: 60px; margin: 20px auto 0}
div#activity_14 { background: url("/images/activity_poetry.jpg") top center no-repeat; width: 60px; height: 60px; margin: 20px auto 0}
/* div#activity_16 { background: url("/images/activity_toy_theater.jpg") top center no-repeat; width: 60px; height: 60px; margin: 20px auto 0} */
div#activity_16 { background: url("/images/activity_folklore.jpg") top center no-repeat; width: 60px; height: 60px; margin: 20px auto 0}
div#activity_17 { background: url("/images/activity_vocal.jpg") top center no-repeat; width: 60px; height: 60px; margin: 20px auto 0}
div#activity_18 { background: url("/images/activity_photo.jpg") top center no-repeat; width: 60px; height: 60px; margin: 20px auto 0}
div#activity_19 { background: url("/images/activity_festival.jpg") top center no-repeat; width: 60px; height: 60px; margin: 20px auto 0}
div#activity_20 { background: url("/images/activity_movie.jpg") top center no-repeat; width: 60px; height: 60px; margin: 20px auto 0}


#activity_12 { background: url("/images/activity_music.jpg") top 17px center no-repeat; }
#activity_15 { background: url("/images/activity_paint.jpg") top 17px center no-repeat; }
#activity_13 { background: url("/images/activity_theater.jpg") top 17px center no-repeat; }
#activity_11 { background: url("/images/activity_balet.jpg") top 17px center no-repeat; }

#activity_14 { background: url("/images/activity_poetry.jpg") top 17px center no-repeat; }
/*#activity_16 { background: url("/images/activity_toy_theater.jpg") top 17px center no-repeat; }*/
#activity_16 { background: url("/images/activity_folklore.jpg") top 17px center no-repeat; }
#activity_17 { background: url("/images/activity_vocal.jpg") top 17px center no-repeat; }
#activity_18 { background: url("/images/activity_photo.jpg") top 17px center no-repeat; }
#activity_19 { background: url("/images/activity_festival.jpg") top 17px center no-repeat; }
#activity_20 { background: url("/images/activity_movie.jpg") top 17px center no-repeat; }


section.navigation ul {width: 100%; margin: 0 auto}
section.navigation ul.activity li {float: left; width: 120px; height: 145px;  text-align: center; margin: 0 auto; border-right: 1px solid #333}
section.navigation ul.activity li:last-child {border-right: none}

section.navigation ul.activity li a { display: block; font-family: 'MartaI'; font-size: 13px; padding: 75px 5px 20px;}

.read_more {display: none}

section.news {margin-top: 50px}
section.news h2 {margin-bottom: 40px; font-family: 'MartaI'; font-size: 48px; text-align: center; width: 100%}
section.news ul.news li {float: left; width: 230px; height: 412px; margin: 0 26px 26px 0; background-color: #f3f3f3; position: relative}
section.news ul.news li:nth-child(4n) { margin: 0}
section.news ul.news li h3 {font-family: 'MartaI'; font-size: 22px; padding: 10px; color: #354f74}
section.news ul.news li .desc {display: none}
section.news ul.news li .date{ position: absolute; bottom: 80px; left: 0; color:#b8b8b8; }

ul.news li img { border-bottom: 10px solid #FFF;}

section.profil {margin-top: 50px}
section.profil h2 {font-family: 'MartaI'; font-size: 48px; text-align: center; width: 100%}
section.profil ul.profil li {width: 100%; height: auto; margin-bottom: 20px; padding-left: 180px;  position: relative;}
section.profil ul.profil li:nth-child(4n) { margin: 0}
section.profil ul.profil li h3 {font-family: 'MartaI'; font-size: 22px; padding: 10px; color: #354f74}
section.profil ul.profil li .desc {display: none}
section.profil ul.profil li .date{ width: 138px; height: 142px; position: absolute; top: 0px; left: 0; color:#354f74;}
section.profil ul.profil li .image_container {display: none}

section.cinema {margin-top: 50px}
section.cinema h2 {margin-bottom: 40px; font-family: 'MartaI'; font-size: 48px; text-align: center; width: 100%}
section.cinema ul.cinema li {float: left; width: 230px; height: 412px; margin: 0 26px 0 0; background-color: #f3f3f3; position: relative}
section.cinema ul.cinema li:nth-child(4n) { margin: 0}
section.cinema ul.cinema li h3 {font-family: 'MartaI'; font-size: 22px; padding: 10px; color: #354f74}
section.cinema ul.cinema li .desc {display: block; padding: 10px}
section.cinema ul.cinema li .date{ position: absolute; bottom: 80px; left: 0; color:#b8b8b8; }

.date .day {position: absolute; top: 0; left: 10px; font-size: 60px; }
.date .month {position: absolute; top: 15px; left: 90px; font-size: 20px; text-transform: capitalize}
.date .year { position: absolute; top: 45px; left: 90px; font-size: 16px}

section.movie h2 { margin-top: 50px; margin-bottom: 20px; font-family: 'MartaI'; font-size: 48px; text-align: center; width: 100%}
section.movie ul.movie {width: 500px; float: right; margin-top: 180px}
section.movie ul.movie li {width: 440px;height: 110px;margin: 0  0 25px 0;position: relative;}
section.movie ul.movie li h3 {font-family: 'MartaI';font-size: 28px; color: #354f74;}
section.movie ul.movie li .desc {position: absolute;top:5px;left: 89px;font-family: 'ArialBG';font-size: 14px;color: #354f74;}
section.movie ul.movie li .date{ width: 138px; height: 142px; position: absolute; top: 0px; left: 0; color:#354f74; }

section.movie .read_more {display: block; position: absolute; left: 350px; top: 650px; background: url("/images/gall_1.png") top center no-repeat;width: 143px;height: 103px; padding: 73px 67px 0 4px;text-align: center;line-height: 12px; font-size: 11px; color: #FFF}
section.movie .read_more a {color: #FFF}

section.movie .date .day {position: absolute;/* top: 17px; */left: 0;font-size: 30px;font-family: 'MartaI';}
section.movie .date .year {position: absolute;top: 32px;left: 0;font-size: 30px;font-family: 'MartaI';}


section.activities {background: url("/images/activities_back.png") top center repeat-y; min-height: 1250px;}
section.activities ul.activities li {height: 610px; position: relative}
section.activities ul.activities li .read_more {display: block; color: #FFF; font-size: 11px}
section.activities ul.activities li h3 {font-family: 'MartaI'; font-size: 32px}
section.activities ul.activities li:nth-child(even) h3, section.activities ul.activities li:nth-child(even) .desc  {color:#FFF; width: 50% }
section.activities ul.activities li:nth-child(odd) .desc {width: 50%}

section.activities ul li:nth-child(odd) h3 {position: absolute; left: 0; top: 60px}
section.activities ul li:nth-child(odd) .desc { position: absolute; left: 0; top: 150px}
section.activities ul li:nth-child(odd) .read_more {position: absolute; left: 350px; top: 300px;background: url("/images/gall_1.png") top center no-repeat;width: 143px;height: 103px; padding: 73px 67px 0 4px;text-align: center;line-height: 12px;}

section.activities ul li:nth-child(even) h3 { position: absolute; right: 0; top: 20px}
section.activities ul li:nth-child(even) .desc {position: absolute; right: 0; top: 120px }
section.activities ul li:nth-child(even) .read_more {position: absolute;right: 370px;top: 300px;text-align: center;background: url("/images/gall_2.png") top center no-repeat;width: 143px;height: 107px;padding: 71px 0 14px 68px;line-height: 11px;}

section.activities ul li:nth-child(odd) .image_container {position: absolute; right: 0; width: 370px; height: 410px; background-color: #FFF; padding: 10px; transform: rotate(5deg); box-shadow: 5px 5px 15px #333}

section.activities ul li:nth-child(even) .image_container {position: absolute; left: 0; width: 370px; height: 410px; background-color: #FFF; padding: 10px; transform: rotate(-5deg); box-shadow: 5px 5px 15px #333}

section.activities ul.activities li .date{ display: none;}



.section_title {width: 100%; text-align: center; background: url("/images/title_back.png") center bottom no-repeat; height: auto; font-family: 'MartaI'; font-size: 36px; margin-bottom: 40px; padding-bottom: 20px; }

h2.section_title {width: 100%; text-align: center; background: url("/images/title_back.png") center bottom no-repeat; height: 70px; font-family: 'MartaI'; font-size: 36px; margin-bottom: 40px }

.file_ico { float: left; vertical-align: top; margin-top: -10px; }



@media only screen and (min-width : 640px) and (max-width : 1024px) {	

	#nav_bar {width:100%; position:relative; height: auto; background: none }
	.content {width:100%;}
	.navigation .content {width: 100%}
	main .content {width: 90%;}
	#top_nav {position:relative; height:auto; top:0}
	#logo { text-align:left; width:90%; margin: 0 auto; height: 0; top: 5px; clear:both;}
	#logo img {width: 60px}
	.banner_1_inside {background-size: cover; height: 80px}
	
	#lang {display: none}
	header nav {position:relative; clear:both; width:100%; left:inherit; top:inherit;}
	.banner_1_inside_custom {height: 150px; background-size: contain}
	.header_inside_bottom {display: none}
	
	.section_title {font-size: 26px; margin-bottom: 20px; padding-bottom: 20px; }
	h2.section_title { font-size: 26px; margin-bottom: 20px }
	
	#doves_1, #doves_1_inside, #doves_2, #doves_3 {display: none}
	#slogan {display: none }
	#slogan_mobile { position: absolute; top: 15px; left: 100px; display: block;  width: 200px; text-align: center; font-size: 16px; color: #385277}

	
	section.navigation {height: auto}
	section.navigation ul {width: 100%}
	section.navigation ul.activity li {width: 25%; border: none}
	
	section.intro {background-color: #385277; background-position: bottom center}
	section.intro h1 {width: 100%; font-size: 26px}
	section.intro .desc {width: 100%; margin-bottom: 170px}
	
	section.news h2 {width: 100%; font-size: 26px; text-align: center}
	section.news ul.news li {width: 48%; float: left; margin: 0 1% 15px 1%}
	section.news ul.news li:nth-child(4n) {width: 48%; float: left; margin: 0 1% 15px 1%}
	section.news ul.news li img {width: 100%}
	
	section.movie {background: none; background-color: #ff7d73; min-height: inherit}
	section.movie h2 {width: 100%; text-align: center; font-size: 26px; margin-top: 20px}
	section.movie ul.movie {width: 100%; margin: 0 auto; float: none}
	section.movie ul.movie li {width: 100%;margin: 0 0 15px 0;height: 140px;}
	section.movie ul.movie li .date {width: 60px;height: 60px;background-size: contain;}
	section.movie .date .day {top: 0; left: 0; font-size: 14px;}
	section.movie .date .year {top: 18px; left: 0; font-size: 14px;}
	section.movie ul.movie li h3 { position: relative; top: 0; left: 0; font-size:20px;}
	section.movie ul.movie li .desc { top: 0; left: 50px;}
	
	
	
	section.activities {background: none; min-height: inherit}
	section.activities ul.activities li {height: 300px; margin-bottom: 40px;}
	section.activities ul.activities li h3 {font-family: 'MartaI'; font-size: 32px}
	section.activities ul.activities li:nth-child(even) h3, section.activities ul.activities li:nth-child(even) .desc  { color:#354f74; width: 100%;}
	section.activities ul.activities li:nth-child(odd) .desc {width: 100%;}

	section.activities ul li:nth-child(odd) h3 {position: relative;left: 0;top: 0;}
	section.activities ul li:nth-child(odd) .desc {position: relative;left: 0;top: inherit;}
	section.activities ul li:nth-child(odd) .read_more {display: none;}

	section.activities ul li:nth-child(even) h3 {position: relative;right: 0;top: 0;margin-bottom: 15px;}
	section.activities ul li:nth-child(even) .desc {position: relative;right: 0;top: 0;}
	section.activities ul li:nth-child(even) .read_more {display: none;}

	section.activities ul li:nth-child(odd) .image_container {position: relative;right: 0;width: 40%;height: auto;background-color: #FFF;padding: 10px;transform: rotate(0);box-shadow: 0px 0px 10px 0px #333;margin-bottom: 15px; float: left; margin-right: 2%}

	section.activities ul li:nth-child(even) .image_container {position: relative;left: 0;width: 40%;height: auto;background-color: #FFF;padding: 10px;transform: rotate(0);box-shadow: 0px 0px 10px 0px #333;margin-bottom: 15px; float: right; margin-left: 2%}
	
	section.activities ul li:nth-child(odd) .info_container { float: right; width: 58% }
	section.activities ul li:nth-child(even) .info_container { float: left; width: 58% }

	section.activities ul.activities li .date{ display: none;}
	
	
	section.profil ul.profil li {padding-left: 0; padding-top: 70px}
	
	.image_container img {max-width: 100%}
	article.inside .gallery img {width: 48%; margin: 1%; float: left}
	
	footer {background: none; background-color: #385277; padding-top: 20px}
	.fb_1, .fb_2, .fb_3, .fb_4, .fb_5 {position: relative; top: inherit; left: inherit; right: inherit; float: none; width: 95%; margin: 0 auto; padding-bottom: 15px; text-align: center}
	.fb_4 img {display: block; margin: 0 auto; margin-bottom: 10px;}
	.footer_title {color: #ffaa01; text-align: center; width: 100%; margin: 0 auto}

}

@media only screen and (min-width : 200px) and (max-width : 640px) {	

	#nav_bar {width:100%; position:relative; height: auto; background: none }
	.content {width:100%;}
	.navigation .content {width: 100%}
	main .content {width: 90%;}
	#top_nav {position:relative; height:auto; top:0}
	#logo { text-align:left; width:90%; margin: 0 auto; height: 0; top: 5px; clear:both;}
	#logo img {width: 60px}
	.banner_1_inside {background-size: cover; height: 80px}
	
	#lang {display: none}
	header nav {position:relative; clear:both; width:100%; left:inherit; top:inherit;}
	.banner_1_inside_custom {height: 150px; background-size: contain}
	.header_inside_bottom {display: none}
	
	.section_title {font-size: 26px; margin-bottom: 20px; padding-bottom: 20px; }
	h2.section_title { font-size: 26px; margin-bottom: 20px }
	
	#doves_1, #doves_1_inside, #doves_2, #doves_3 {display: none}
	#slogan {display: none }
	#slogan_mobile { position: absolute; top: 15px; left: 70px; display: block;  width: 200px; text-align: center; font-size: 16px; color: #385277}

	
	section.navigation {height: auto}
	section.navigation ul {width: 100%}
	section.navigation ul.activity li {width: 50%; border: none}
	
	section.intro {background-color: #385277; background-position: bottom center}
	section.intro h1 {width: 100%; font-size: 26px}
	section.intro .desc {width: 100%; margin-bottom: 170px}
	
	section.news h2 {width: 100%; font-size: 26px; text-align: center}
	section.news ul.news li {width: 100%; float: none; margin: 0 auto 15px auto}
	section.news ul.news li:nth-child(4n) {width: 90%; float: none; margin: 0 auto 15px auto}
	section.news ul.news li img {width: 100%}
	
	section.movie {background: none; background-color: #ff7d73; min-height: inherit}
	section.movie h2 {width: 100%; text-align: center; font-size: 26px; margin-top: 20px}
	section.movie ul.movie {width: 100%; margin: 0 auto; float: none}
	section.movie ul.movie li {width: 100%;margin: 0 0 15px 0;height: 140px;}
	section.movie ul.movie li .date {width: 60px;height: 60px;background-size: contain;}
	section.movie .date .day {top: 0; left: 0; font-size: 14px;}
	section.movie .date .year {top: 18px; left: 0; font-size: 14px;}
	section.movie ul.movie li h3 { position: relative; top: 0; left: 0; font-size:20px;}
	section.movie ul.movie li .desc { top: 0; left: 50px;}
	
	
	
	section.activities {background: none; min-height: inherit}
	section.activities ul.activities li {height: auto;margin-bottom: 40px;}
	section.activities ul.activities li h3 {font-family: 'MartaI'; font-size: 32px}
	section.activities ul.activities li:nth-child(even) h3, section.activities ul.activities li:nth-child(even) .desc  { color:#354f74; width: 100%;}
	section.activities ul.activities li:nth-child(odd) .desc {width: 100%;}

	section.activities ul li:nth-child(odd) h3 {position: relative;left: 0;top: 0;}
	section.activities ul li:nth-child(odd) .desc {position: relative;left: 0;top: inherit;}
	section.activities ul li:nth-child(odd) .read_more {display: none;}

	section.activities ul li:nth-child(even) h3 {position: relative;right: 0;top: 0;margin-bottom: 15px;}
	section.activities ul li:nth-child(even) .desc {position: relative;right: 0;top: 0;}
	section.activities ul li:nth-child(even) .read_more {display: none;}

	section.activities ul li:nth-child(odd) .image_container {position: relative;right: 0;width: 100%;height: auto;background-color: #FFF;padding: 10px;transform: rotate(0);box-shadow: 0px 0px 10px 0px #333;margin-bottom: 15px;}

	section.activities ul li:nth-child(even) .image_container {position: relative;left: 0;width: 100%;height: auto;background-color: #FFF;padding: 10px;transform: rotate(0);box-shadow: 0px 0px 10px 0px #333;margin-bottom: 15px;}

	section.activities ul.activities li .date{ display: none;}
	
	
	section.profil ul.profil li {padding-left: 0; padding-top: 70px}
	
	.image_container img {max-width: 100%}
	article.inside .gallery img {width: 48%; margin: 1%; float: left}
	
	footer {background: none; background-color: #385277; padding-top: 20px}
	.fb_1, .fb_2, .fb_3, .fb_4, .fb_5 {position: relative; top: inherit; left: inherit; right: inherit; float: none; width: 95%; margin: 0 auto; padding-bottom: 15px; text-align: center}
	.fb_4 img {display: block; margin: 0 auto; margin-bottom: 10px;}
	.footer_title {color: #ffaa01; text-align: center; width: 100%; margin: 0 auto}
	article.inside p, article.inside ul  {width: 100%; margin: 0 auto;}
	
}

@media all and (max-width: 1380px) { 
	#doves_2 {display: none}
}


@media all and (max-width: 1024px) { 
	nav  {height:auto; background-color: #385277}
	.menu > ul > li.show_on_mobile {display: block}
	.menu-link { display: block; width:100%; color: #FFF; background: url(/images/nav-icon.png)  center right 5% no-repeat; padding-left:40px; text-align:left; font-size:20px; text-transform:uppercase; height:70px; line-height:70px; }

	.menu-link:hover{ color: #FFF; }
		
	.menu > ul > li:nth-child(3) {margin: 0;}

			
	.menu ul li a {padding:10px 10px; text-align: left}
 
  .menu { clear: both; min-width: inherit; float: none; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0;}
  .menu > li > ul.sub-menu { padding: 0px; border: none;}
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: block;}
  .menu > ul { border-top: 1px solid #FFF; }
  .menu li, .menu > ul > li { display: block; z-index:10999; }
  .menu li a { color: #FFF; display: block; padding: 0.8em; border-bottom: 1px solid #FFF; position: relative; }
  .menu li.has-submenu > a:after {    content: '+';    position: absolute;    top: 0;    right: 0;    display: block;    font-size: 1.5em;    padding: 5px;  }
  .menu li.has-submenu > a.active:after {    content: "-";  }
  .menu ul ul > li a { background-color: #526D94; height:auto; padding-left:20px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
	
	
}