/*
font-family: 'Pangolin', cursive;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:focus{ outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {max-width: 100%; height: auto; width: auto\9; border:none;}
a { color:#4bbab6; text-decoration:none;}
a:hover { color:#4bbab6; text-decoration:underline;}
strong, b { font-weight:700;}
em, i { font-weight:400; font-style:italic;}

html { font-size:131.3%;}

body { padding:0; margin:0; background: url(../images/top-bg.png) no-repeat right top #f2ebe6; font-family: 'Open Sans', sans-serif; font-size:1rem; color:#2a2a2a;}
header { position:relative; width:100%; display:block;}
#hide_nav { width:1px; height:1px; position:fixed; top:0; left:0}
/* *Logo* */
.logo { position:absolute; top:0; left:0; width:100%; max-width:860px; background:url(../images/logo-bg.png) no-repeat left top; height:190px; padding:25px 0 0 50px; z-index:2}
.logo img { float:left;}
.wrap { width:100%; display: flex; flex-flow: row wrap; min-height:100vh;}

/* *NAV* */
.show_nav { display:none; float:right; width:325px; height:110px; text-align:right;background: url(../images/nav-bg-mobile.png) no-repeat bottom left; padding:0; position:relative; z-index:1}
a.menu_link { position:absolute; right:1rem; top:1rem; z-index:5; font-style:normal;color:#ffffff; text-decoration:none; padding:1rem;  font-family: 'Roboto Condensed', sans-serif; font-size:1rem; font-weight:400; text-transform:uppercase; display:none }
a.hide_nav { display:none; float:right; width:100%; text-align:right; color:#4bbab6; font-family: 'Roboto Condensed', sans-serif; font-size:1rem; font-weight:400; text-transform:uppercase; padding:1rem 1.5rem}
nav { width:360px; background: url(../images/nav-bg.png) no-repeat right top #04233d; min-height:100vh; padding:205px 50px 0 55px;}
nav ul { padding:0 0 2rem; margin:0; width:100%; display:block; list-style:none; font-family: 'Roboto Condensed', sans-serif; font-size:1rem; font-weight:400; text-transform:uppercase; }
nav ul:after { content:''; display:block; clear:both;}
nav ul li { width:100%; float:left;}
nav ul li a { display:block; color:#ffffff; text-decoration:none; padding:.619rem 0;}
nav ul li a.active, nav ul li a:hover {color:#4bbab6; text-decoration:none;}
nav ul li ul { padding:0;}
nav ul li li { padding-left:1rem;}
nav ul li li a {color:#4bbab6; text-decoration:none;}
.social { width:100%; display:block; padding:1rem 0; border-top:1px solid #467aa7; font-size:.667rem;}
.social a { color:#467aa7; text-decoration:none;}
.social img { vertical-align:middle; margin-left:.667rem;}

/* *MAIN* */
main { width:calc(100% - 360px); padding-top:4.5rem; background:url(../images/content-bg.png) no-repeat right top; position:relative}
.title_page { width:100%; float:left; text-align:center; font-family: 'Pangolin', cursive; font-size:2.286rem; color:#ff9000; padding-top:3rem;}
.content {margin:0; width:100%; float:left; padding:3rem 5.2rem 1.5rem 4rem; position:relative;}
.content p { padding:0 0 1.5rem; margin:0; line-height:1.7}
.content img { width:100%; max-width:600px; float:right; margin-left:4rem; margin-bottom:2rem;}
.slider { width:100%; max-width:900px; padding:0 0 0 4rem; float:right;}
.slider img { width:100% !important; max-width:860px !important; margin-bottom:0 !important}
.slider-pages { width:100%; max-width:900px; padding:0 0 0 4rem; float:left;}
.slider-pages img { width:100% !important; max-width:860px !important; margin-bottom:0 !important}
a.gallery_buton { display:inline-block; font-family: 'Roboto Condensed', sans-serif; font-size:1rem; font-weight:400; text-transform:uppercase; padding:.5rem 1rem; border:2px solid #4bbab6; -webkit-border-radius:40px; border-radius:40px;}
a.gallery_buton img { vertical-align:middle; margin-left:1.5rem; width:auto !important; margin-bottom:0 !important; float:none !important}
a.gallery_buton:hover { background:#4bbab6; color:#ffffff; text-decoration:none;}

.partners { width:100%; float:left; padding:5rem 0 0;}
.partners img { vertical-align:middle; margin-right:1.5rem; width:auto !important; margin-bottom:0 !important; float:none !important; margin-left:0 !important;}

/* *FOOTER* */
footer { position:absolute; right:0; bottom:0; width:415px; height:110px; text-align: right; font-size:0.524rem; color:#576979; background:url(../images/footer.png) no-repeat right bottom; padding:3rem 1.5rem 0 0;}
footer a { color:#576979; text-decoration:none;}
footer a:hover { color:#576979; text-decoration:underline;}


/* *Inner Pages* */
.title_page .path { width:100%; text-align:left; font-size:.714rem; padding:1rem 5.2rem 1.5rem 4rem; color:#2a2a2a}
.title_page .path div { display:inline;}
.title_page h1 { padding:0 5.2rem 0 4rem; margin:0;font-family: 'Pangolin', cursive; font-size:2.286rem; color:#ff9000; text-align:left; font-weight:400}


/* new styles */
.home_text { width:100%; float:left; text-align:center;}
.home_text p { padding:0 15px; margin:0 0 1rem 0}
.boxes { width:100%; display:flex; flex-wrap:wrap;}
.box { width:33.33%; padding:0 15px; margin:1rem 0;}
.content .box img { width:100%; display:block; margin:0;}
.box a, .box a:hover { color:#ffffff; text-decoration:none; position:relative; display:block; width:100%; height:100%;}
.box span { position:absolute; background:rgba(4,35,61,.6); left:0; bottom:0; padding:15px 0; display:block; text-align:center; width:100%;font-family: 'Pangolin', cursive; font-size:1.143rem;}

.box_news { padding:0 0 2rem 0; margin:0 3% 2rem 0; width:100%; float:left; font-size:.875rem; border-bottom:2px solid #fff;}
.box_news img { max-width:15%; margin-right: 2rem; margin-left: 2rem; float:left;}
.box_news h4 { font-family:'Roboto Slab', serif; font-size:1.25rem; padding:0 0 1rem 0; margin:0; color:#4bbab6; font-weight:400}
.box_news h4 a { color:#4bbab6; text-decoration:none}
.box_news h4 a:hover { text-decoration:underline;}
.box_news h5 { font-style:italic; padding:0 0 1rem 0; margin:0; color:#666; font-weight:400}

.box_news p { padding:0; margin:1rem 0 0; clear:both; float:left;}

.list { width:calc(100% - 400px); float:left; padding:1rem 0;}
.list:first-of-type { padding-top:0}
.list:after {content:'...'; font-family: 'Pangolin', cursive; font-size:2.286rem; color:#ebc333; display:inline-block; line-height:.5}
.content .list p {padding:.5rem 0 0; margin:0; line-height:1.5}
.list h3 { padding:0; margin:0;font-family: 'Roboto Condensed', sans-serif; font-size:1.429rem; font-weight:400; text-transform:uppercase;}
.content .list p.date { color:#666666; font-size:.857}
.content .list p a  { display:inline-block; font-family: 'Roboto Condensed', sans-serif; font-size:.714rem; font-weight:700; text-transform:uppercase; padding:.3rem .8rem; border:2px solid #4bbab6; -webkit-border-radius:40px; border-radius:40px;}
.content .list p a img { vertical-align:middle; margin-left:1.5rem; width:auto !important; margin-bottom:0 !important; float:none !important}
.content .list p a:hover { background:#4bbab6; color:#ffffff; text-decoration:none;}

.pagination { width:100%; float:left; padding:2rem 0;  font-family: 'Pangolin', cursive; font-size:1.429rem; color:#04233d}
.pagination a, .pagination strong { padding:0 1rem}
.pagination a {color:#04233d; text-decoration:none;}
.pagination a:hover {color:#ff9000; text-decoration:none;}
.pagination strong {color:#ff9000; font-weight:400;}

.content h4 { padding:0; margin:0;font-family: 'Roboto Condensed', sans-serif; font-size:1.095rem; font-weight:400; color:#4bbab6}
.content h5 {padding:0 0 1.5rem; margin:0;font-family: 'Roboto Condensed', sans-serif; font-size:1rem; font-weight:400;}
.content h6 {padding:0 0 .3rem; margin:0 0 1rem;font-family: 'Roboto Condensed', sans-serif; font-size:1rem; font-weight:400;color:#04233d; border-bottom:1px solid #4bbab6}
.content blockquote { font-size:.857rem}
.content blockquote p { padding:0 0 1rem; margin:0; line-height:1.3; font-style:italic;}

.filter { position:relative; float:right; width:100%; max-width:360px; background:#ffffff; border:2px dotted #4bbab6; padding:20px 15px; border-radius:20px;}
.content .filter h3 {padding:0 0 1rem; margin:0; font-family: 'Pangolin', cursive; font-size:1rem; font-weight:400; color:#ff9000}
.content .filter h6 {padding:0 0 .5rem; margin:0; font-family: 'Pangolin', cursive;  font-size:.857rem; font-weight:400;color:#04233d; border-bottom:0px solid #4bbab6}

.select-div { width:100%; float: left; position: relative; background: #ffffff; margin-bottom:1rem;}
.select-div select { width:100%; height: 1.5rem; font-family: 'Open Sans', sans-serif; font-size:.762rem; color:#2a2a2a; background:none; border: 1px solid #4bbab6; padding-left: .5em; -webkit-appearance: none;
  -moz-appearance: none; appearance: none; position: relative; z-index: 3;}
.select-div:after { display: block; position: absolute; top: 30%; right: 1em; content: '▼'; font-family:Arial, sans-serif; font-size:.762em; line-height: 1; color: #4bbab6; z-index: 2}
.filter_button { padding:.3rem 1rem; margin:0; width:auto; height:2rem; font-family: 'Roboto Condensed', sans-serif; font-size:.762rem; font-weight:400; text-transform:uppercase; color:#04233d; background:#4bbab6; border:none;cursor:pointer;}
.filter_button1 { padding:.5rem 1rem; margin:0; width:auto; height:2rem; font-family: 'Roboto Condensed', sans-serif; font-size:.762rem; font-weight:400; text-transform:uppercase; color:#04233d; background:#ffffff; border:1px solid #4bbab6;}
.map { text-align:center; width:100%; float:left; margin-bottom:1rem; cursor:pointer}
.content .map img { float:left; margin:0}
.content_100 { width:100%;float:left; display:block}
.content_right_50 { width:48%;float:left; display:block; padding-right:2%}
.content_left_50 { width:48%;float:left; display:block; padding-left:2%}