@font-face {
    font-family: 'Pliska';
    src: url('font/Pliska-BoldItalic.woff2') format('woff2'),
        url('font/Pliska-BoldItalic.woff') format('woff'),
        url('font/Pliska-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;  font-feature-settings: normal;
}

@font-face {
    font-family: 'Pliska';
    src: url('font/Pliska-Italic.woff2') format('woff2'),
        url('font/Pliska-Italic.woff') format('woff'),
        url('font/Pliska-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;  font-feature-settings: normal;
}

@font-face {
    font-family: 'Pliska';
    src: url('font/Pliska-Bold.woff2') format('woff2'),
        url('font/Pliska-Bold.woff') format('woff'),
        url('font/Pliska-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;  font-feature-settings: normal;
}

@font-face {
    font-family: 'Pliska';
    src: url('font/Pliska-Italic_1.woff2') format('woff2'),
        url('font/Pliska-Italic_1.woff') format('woff'),
        url('font/Pliska-Italic_1.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;  font-feature-settings: normal;
}

@font-face {
    font-family: 'Pliska';
    src: url('font/Pliska-Bold_1.woff2') format('woff2'),
        url('font/Pliska-Bold_1.woff') format('woff'),
        url('font/Pliska-Bold_1.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;  font-feature-settings: normal;
}

@font-face {
    font-family: 'Pliska';
    src: url('font/Pliska-BoldItalic_1.woff2') format('woff2'),
        url('font/Pliska-BoldItalic_1.woff') format('woff'),
        url('font/Pliska-BoldItalic_1.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;  font-feature-settings: normal;
}

@font-face {
    font-family: 'Pliska';
    src: url('font/Pliska-Regular.woff2') format('woff2'),
        url('font/Pliska-Regular.woff') format('woff'),
        url('font/Pliska-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;  font-feature-settings: normal;
}

@font-face {
    font-family: 'Pliska';
    src: url('font/Pliska-Regular_1.woff2') format('woff2'),
        url('font/Pliska-Regular_1.woff') format('woff'),
        url('font/Pliska-Regular_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;  font-feature-settings: normal;
}
@font-face {
    font-family: 'Akrobat';
    src: url('font/Akrobat-ExtraBold.woff2') format('woff2'),
        url('font/Akrobat-ExtraBold.woff') format('woff'),
        url('font/Akrobat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('font/Akrobat-SemiBold.woff2') format('woff2'),
        url('font/Akrobat-SemiBold.woff') format('woff'),
        url('font/Akrobat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('font/Akrobat-Bold.woff2') format('woff2'),
        url('font/Akrobat-Bold.woff') format('woff'),
        url('font/Akrobat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('font/Akrobat-Black.woff2') format('woff2'),
        url('font/Akrobat-Black.woff') format('woff'),
        url('font/Akrobat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('font/Akrobat-ExtraLight.woff2') format('woff2'),
        url('font/Akrobat-ExtraLight.woff') format('woff'),
        url('font/Akrobat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('font/Akrobat-Light.woff2') format('woff2'),
        url('font/Akrobat-Light.woff') format('woff'),
        url('font/Akrobat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('font/Akrobat-Thin.woff2') format('woff2'),
        url('font/Akrobat-Thin.woff') format('woff'),
        url('font/Akrobat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('font/Akrobat-Regular.woff2') format('woff2'),
        url('font/Akrobat-Regular.woff') format('woff'),
        url('font/Akrobat-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


::-webkit-scrollbar {-webkit-appearance: none; width: 7px;}
::-webkit-scrollbar-thumb {border-radius: 4px;  background-color: rgba(0,0,0,.5); box-shadow: 0 0 1px rgba(255,255,255,.5);}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:focus{ outline: none;}
article, aside, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section {display: block;}
footer, header, main, section {width:100%;}
img { border:none;}
strong, b { font-weight:700;}
em, i { font-weight:400; font-style:italic;}
textarea,
select,
input[type="text"],
input[type="button"],
input[type="submit"],
button {
     -webkit-appearance: none;
/*     border-radius: 0;*/
}

a {color:#20377d; text-decoration: none;}
a:hover {color:#20377d; text-decoration: underline;}

p { padding:0; margin:1.25rem 0 0; line-height:1.75}

html { font-size:100%;  scroll-behavior: smooth !important;}
body {padding:0; margin:0;font-family: 'Akrobat'; font-size:1.125rem; font-weight:500; background:#ffffff;  font-feature-settings: "ss01"; }
.body { margin:0 auto; padding:0 2rem; width:100%; max-width:1200px; position:relative; }
.body:after {content:''; display:block; clear:both;}

h1 { padding:0; margin:0; font-family: 'Pliska'; font-feature-settings: normal; color:#20377d;  font-weight:500; font-size: calc(36px + (72 - 36) * ((100vw - 320px) / (2560 - 320))); }
h2 {padding:0; margin:0 0 1rem 0; font-family: 'Pliska'; font-feature-settings: normal;; color:#20377d; text-transform:uppercase; font-weight:500; display:block; font-size: 1.563rem; letter-spacing:1.5px;}
h3 {padding:0; margin:0; font-family: 'Pliska'; font-feature-settings: normal; color:#20377d; font-weight:800; display:block; font-size: 3.5rem; text-align:center; }
h4 {padding:3rem 0 0 0; margin:0 0 1rem 0; font-family: 'Akrobat';font-feature-settings: normal; color:#20377d; font-weight:bold; display:block; font-size: 1.75rem; }
h5 {padding:3rem 0 0 0; margin:0 0 0.125rem 0; font-family: 'Akrobat';font-feature-settings: normal; color:#20377d; font-weight:bold; font-size: 1.5rem; }

.section { height: 100vh; display:inline-block; }
/*#home { background: #aff8db; }
#about { background: #ffabab; }
#contact { background: #fff5ba; }*/
.nav-inner { --nav-gap: 20px; padding: var(--nav-gap); position: fixed; right: 0; bottom: 2%; transform: translateY(-20%); }
.nav-item { align-items: center; display: flex; flex-direction: row-reverse; margin-bottom: 0.75rem; }
.nav-link:hover ~ .nav-label { opacity: 1; }
.nav-label { color: #20377d; font-weight: bold; opacity: 0; transition: opacity 0.1s; background:#fff; border:1px solid rgba(32, 55, 125, 0.5); border-radius:5px; padding:0.25rem 0.5rem; width:calc(100% - 55px); }
.nav-link { background: rgba(32, 55, 125, 0.1); border-radius: 50%; height: 25px; width:25px; margin-left:30px; /*transition: transform 0.1s;*/ background: rgba(32, 55, 125, 0.5); }
.nav-link-selected { background: #43fdb9; transform: scale(1.4); }


.logo img { width:100%; max-width:100px; }
.home-title { position:relative; z-index:3; font-size:5rem; color:#44fdb9; width:100%; text-align:center; padding:13rem 0 0 0; font-weight:700; line-height:3.75rem;font-family: 'Pliska'; font-feature-settings: normal; }
.home-title em { display:block; font-size:2.25rem; font-weight:500; font-style:normal; font-family: 'Akrobat'; color:#fff; text-transform:uppercase; }
.home-title span.nat-day { padding:0 0.5rem; }
.inner-title { position:relative; z-index:3; font-size:4rem; color:#44fdb9; width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:7rem 0 0 0; font-weight:700; line-height:3.50rem;font-family: 'Pliska'; font-feature-settings: normal; }


.theproject { background:#fff; color:#263238; padding:0; position:relative;}
.theproject h3 { width:26%; position:relative; z-index:10; color:#263238; text-align:left;}
.theproject .body { padding:0rem 2rem 3rem 2rem; color:#263238; font-size:1.25rem; line-height:1.5rem; }
.theproject p {  }
.theproject ol li { line-height:1.75rem; padding-bottom:1rem; }
.theproject img { width:90%;}

.intro-text { background:#fff; color:#263238; padding:0; position:relative;}
.intro-text h3 { width:26%; position:relative; z-index:10; color:#263238; text-align:left; }
.intro-text .body { padding:4rem 2rem 0rem 2rem; color:#263238; }
.intro-text p { font-size: 1.25rem; line-height: 1.75; }

.support { background:#43fdb9; color:#20377d; padding:4rem 0 6rem 0; font-size:1.25rem; }
.support .container { line-height:1.75; }
.support h4 {padding:1rem 0 0 0; }

.fonts { background:rgba(67, 253, 185, 0.2); color:#fff; padding:4rem 0 6rem 0; position:relative; }
.fonts .body { color:#263238; font-size:1.125rem; line-height:1.75; }
.fonts-text { display:flex; justify-content: space-between; align-items: flex-start; /*overflow-y: auto; height:390px;*/ }
.fonts-col { width:100%; color:#263238; font-size:1.125rem; background:#fff; padding:2rem; display:flex; flex-wrap:wrap; margin-top:0rem; }
.fonts-col:nth-child(2n+0) { margin-right:0; }
.fonts-col p { padding:0; margin:0; position:relative; width:50%; }
.fonts-col a { width:calc(25% - 2px); display:block; max-width:300px; margin:1px; }
.fonts-col img { width:100%; display:block; }

.fonts-inner { background:rgba(67, 253, 185, 0.2); color:#fff; padding:4rem 0 6rem 0; position:relative; }
.fonts-inner .body { color:#263238; font-size:1.125rem; line-height:1.75; }
.fonts-text { display:flex; justify-content: space-between; align-items: flex-start; flex-wrap:wrap; /*overflow-y: auto; height:390px;*/ }

.more-fonts-btn { width:100%; font-size:1.125rem; background:#fff; padding:0 2rem 2rem 2rem; margin-top:0rem; }
.more-fonts { background: #20377D; border:none; color: #fff; font-size: 16px; line-height: inherit; margin:2rem auto 0 auto; display:block; padding: 13px 50px; text-transform: uppercase; transition: all 0.25s ease 0s; font-family: 'Akrobat'; font-weight:700; margin-top:1rem; text-align:center; width:80%; max-width:200px; }
.more-fonts:hover { color:#FFF;  }



.gallery { background:#20367c; color:#fff; font-size:1rem; font-weight:500; position:relative; display:inline-block; padding:4rem 0 0 0; }
.gallery h3 { color:#fff; padding-bottom:1rem; }

.container-all {
  width: fit-content;
  margin: 20px auto;
  height: auto;
}
.container-all img { 
  width: 100%;
  transition-duration: .3s;
  max-width: 100%;
  display:block;
  overflow:hidden;
  cursor:pointer;
}
.container-all .title {
  position:absolute;
  display:block;
  cursor:pointer;
  top: 35%;
  display: none;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 1.6em;
  text-shadow: 1px 5px 10px black;
  transition-duration: .3s;
}
.container-all .text {
  position:absolute;
  top: 70%;
  cursor:pointer;
  max-width: 80%;
  text-align:center;
  left: 50%;
  text-shadow: 1px 5px 10px black;
  font-size: 1em;
  display:none;
  margin-right: -50%;
  transition-duration: .3s;
  transform: translate(-50%, -50%) 
}
.container-gallery {
  width:calc((100% - 3px)/ 3); margin-right:1px; margin-bottom:1px;
  overflow:hidden;
  height: fit-content;
  padding: 0;
  display:block;
  position:relative;
  float:left;
}
.container-gallery:nth-child(3n+0) { margin-right:0; }


.container-gallery:hover img{
  transform: scale(1.2);
  transition-duration: .3s;
  filter: grayscale(50%);
  opacity: .7;
}
.container-gallery:hover span{
  color:white;
  display: block;
  transition-duration: .3s;
}

/*gallery */

ul#imageGallery {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  width:100%; flex-wrap:wrap;
/*  max-width: 780px;*/
  text-align: center;
}
ul#imageGallery li {
  display: inline-block; width:25%;
/*  padding: 8px;
  background: ghostwhite;
  margin: 10px;*/
}
ul#imageGallery li a {
  text-decoration: none; padding:0;
}
ul#imageGallery li a img { display:block;
   width: 100%; border-radius:0 !important; padding:0 !important;
}

#overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}
#overlay .holder {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
#overlay .holder img {
  width: 100%;
/*  max-width: 600px;*/
  cursor: pointer;
  box-sizing: border-box;
  display: block;
}
#overlay .holder p {
  color: #ffffff;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 10px;
}
#overlay .holder .nav-gall {
  max-width: 600px;
  margin: 0 auto;
  font-size: 14px;
}
#overlay .holder .nav-gall a {
  color: white;
  opacity: 0.3;
  -webkit-user-select: none;
  cursor: pointer;
}
#overlay .holder .nav-gall a:hover {
  opacity: 1; text-decoration:none;
}
#overlay .holder .nav-gall #next, #overlay .holder .nav-gall #prev {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 10px;
  width: 50%;
  box-sizing: border-box;
  font-size: 40px;
}
#overlay .holder .nav-gall #next span, #overlay .holder .nav-gall #prev span {
  top: 50%;
  transform: translateY(50%);
  position: relative;
}
#overlay .holder .nav-gall #next {
  right: 0;
  text-align: right;
}
#overlay .holder .nav-gall #prev {
  left: 0;
  text-align: left;
}
#overlay .holder .nav-gall #close {
  right: 10px;
  top: 0;
  font-size: 30px;
  opacity: 0.6;
  z-index: 1000000;
  position: absolute;
  text-align: left;
  box-sizing: border-box;
}
#overlay .holder .nav-gall #close:hover {
  opacity: 1;
}


.partners { background:#fff; color:#263238; padding:0 0 7rem 0; position:relative; }
.partners h3 { width:100%; position:relative; z-index:10; color:#263238;}
.partners h3:after { content: ''; display: block; width: 65px;; height: 3px; margin: 15px auto 25px auto; border: 0; bottom:0; background: #015bbb; }
.partners .body { padding:4rem 0 5rem 0; color:#263238; font-size:1.125rem; line-height:1.625rem; border:10px solid #ebebeb; }
.partners .body:after { position:absolute; content: url(../img/arrow-grey-outline.svg); bottom:-87px; left:0; display: block; margin: 0; border: 0; }
.partners-logos { display:flex; justify-content:center; flex-wrap:wrap;align-items:center; }
.partners-logos img { margin:0 1rem; width:100%; max-width:120px; }

.main-site { background:#ebebeb; text-align:center; color:#263238; padding:1rem 0; font-size:1rem; font-weight:500; position:relative; }
.main-site a { color:#263238; position:relative; z-index:10; }

.logos-org { background:#f7f7f7; color:#263238; padding:4rem 0; font-size:1rem; font-weight:500; position:relative; width:100%; clear:both; }
.logos-org .body { display:flex; justify-content:space-between; width:100%; flex-wrap:wrap; }
.col-org { width:33.33%; font-size:1.5rem; font-weight:700;}
.fond img { display:block; }
.par img { display:block; }
.soc img { max-width:40px; }
.logos-org a { color:#263238; position:relative; z-index:10; }
.logos-org img { max-height:80px; margin-bottom:0.5rem;}

.download { width:100%; text-align:center; }
.download a.btn { background: #F4C500; color: #fff; font-size:1rem; display:inline-block; margin: 0 0 4rem 0; padding: 15px 50px; text-transform: uppercase; transition: all 0.25s ease 0s; font-family: 'Akrobat'; font-weight:700; }



.popup-opener{
  padding:8px 20px;
  color:#fff;
  text-decoration:none;
  background:gray;
}
.popup{
  position:fixed;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background:rgba(0,0,0,0.6);
  opacity:0;
  z-index:-1;
    transition:all 0.6s ease;
  -webkit-transition:all 0.6s ease;
  -moz-transition:all 0.6s ease;
}
.popup.active{
  opacity:1;
  z-index:100000;
}
.popup-holder{
  max-width:400px;
  margin:3rem auto 0 auto;
  background:#fff;
  overflow:hidden;
  border-radius:3px;
  padding:5px;
  position:relative;
  text-align:center;
  transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transform:translate(0,-100%);
  -webkit-transform:translate(0,-100%);
  -moz-transform:translate(0,-100%); color:#000;
}
.popup.active .popup-holder{
  transform:translate(0,0);
  -webkit-transform:translate(0,0);
  -moz-transform:translate(0,0);
}
.header{
  padding:1rem 0 0.5rem 0;
  font-weight:700; text-transform:uppercase;
  border-bottom:1px solid #ddd;
  overflow:hidden;
}
.popup-body{
  overflow:hidden;
}
.popup-body img { width: 80%; max-width:170px;}

.popup-close{
  position:absolute;
  top:10px;
  right:10px;
  text-decoration:none;
  color:#000;
  font-weight:bold;
}	
.popup-close:hover { color:#015bbb;}


::placeholder { color: #20367c; opacity:1; } 
input.unlock-i::-webkit-input-placeholder { color: #20367c; opacity:1; } 
input.unlock-i::-moz-placeholder { color: #20367c; opacity:1; } 
input.unlock-i::-ms-input-placeholder { color: #20367c; opacity:1; }
.rect { width:100%; border: none; text-transform:none; border:0px solid rgba(32, 55, 125, 0.7); background:#fff; color:#20367c; font-size:1.25rem; font-weight:300;font-family: 'Akrobat'; }
.rect:focus{
	box-shadow: none;
	border-color: #60A9F1;
  outline: none;
}
.select select {
  /* Reset Select */
  appearance: none; outline: 0; border: 0; box-shadow: none;

 /* Personalize */
  flex: 1; padding: 15px; color: #fff; background-color: var(--darkgray); background-image: none;  cursor: pointer; width:100%; font-family: 'Akrobat'; font-size:1.125rem; font-weight:300; }

/* Remove IE arrow */
select::-ms-expand { display: none; }

/* Custom Select wrapper */
.select { border-color: #F4C500; border-width: 0 0 1px 0; border-style: none none solid none; background:rgba(255, 255, 255, 0.2); color:#fff;font-size:1.25rem; font-weight:300; width:100%; position:relative; }

/* Arrow */
.select::after { content: url(../img/arrow-down.png); position: absolute; z-index:100; top: 0rem; right:0.5rem; padding: 1rem; transition: .25s all ease; pointer-events: none; }
/* Transition */
.select:hover::after { color: #f39c12; }
.select option { color:#015BBB;}
.flex-outer li button{
  background: #20377D;
  border:none;
  color: #fff;
  font-size: 16px;
  line-height: inherit;
  margin: 0;
  padding: 15px 50px;
  text-transform: uppercase;
  transition: all 0.25s ease 0s; font-family: 'Akrobat'; font-weight:700;
}

.flex-outer li button:hover,
.flex-outer li button:active,
.flex-outer li button:focus {
	border-color: #299FFF;
	color: #43fdb9;
}


.content-manifest h3 { width:100%; position:relative; z-index:10;}
.content-manifest h3:after{
  content: '';
  display: block; 
  width: 65px;;
  height: 3px;
  margin: 15px auto 25px auto;
  border: 0; bottom:0;
  background: #F4C500; 
}

.photo{
  width: 100%;
  height: 700px;
  position: relative;
  background: url('../img/home-hero-image.jpg') no-repeat top center;
  background-size: content;
  overflow: hidden;
}
.photo:after { content:''; position:absolute; top:0; width:100%; height:700px; background: #20377D; opacity:0.7; }

.photo-text{
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.photo-inner {
  width: 100%;
  height: 400px;
  position: relative;
  background: url('../img/home-hero-image.jpg') no-repeat top center;
  background-size: content;
  overflow: hidden;
}
.photo-inner:after { content:''; position:absolute; top:0; width:100%; height:700px; background: #20377D; opacity:0.7; }


.overlay{
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 200vh;
  top: 0;
  left: 0;
  background: rgba(255, 199, 39, 1);
}

.photo h4{
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #FEFFFF;
  margin: 10px;
  cursor: pointer;
  position: relative;
  z-index: 998;
}

.photo p{
  width: 60%;
  text-align: center;
  letter-spacing: 1.5px;
  color: #D7DADE;
  position: relative;
  z-index: 998;
}

.content-manifest{
  width: 100%;
  min-height: 800px;
  position: relative;
  z-index: 1;display:flex; flex-wrap:wrap; padding-top:3rem;
}
.content-manifest .body {  display:flex; flex-wrap:wrap; }
.content-manifest .col { display:flex; flex-wrap:wrap; flex-direction:column; width: 50%; padding-right:3.5rem; }
/*.content-manifest:before{
  content: '';
  width: 50%;
  height: 110px;
  position: absolute;
  top: -48px;
  left: 0;
  background-color: #FEFFFF;
  transform: skewY(5.5deg);
}

.content-manifest:after{
  content: '';
  width: 50%;
  height: 110px;
  position: absolute;
  top: -48px;
  right: 0;
  background-color: #FEFFFF;
  transform: skewY(-5.5deg);
}*/

.grand-title{
/*  display: flex;
  justify-content: space-between;
  align-items: flex-start;*/
  position: relative;
  z-index: 999;
  padding: 0 0 3rem 0; font-size:1.125rem; font-weight:400;
}
.grand-title div { line-height:1.5rem;}
.grand-title h4 {
  font-size: 1.25rem;
  font-weight: 700;
  margin:0 0 0.5rem 0;
  color: #015bbb;
  text-transform:uppercase; line-height:1.75rem;
}

/*.grand-title h4:after{
  content: '';
  display: block; 
  width: 5%;
  height: 3px;
  margin: 25px auto;
  border: 0;
  background: #E58859;
}*/

.text{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: -10px;
  position: relative;
  z-index: 999;
}

.inner-text{
   display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  padding: 20px;
  width: 300px;
  margin: 10px 0 10px 0;
  transition: all 450ms ease;
}

.inner-text:hover{
  cursor: pointer;
  box-shadow: -1px 6.5px 15px rgba(208, 211, 214, 0.75);
}

.ic{
  font-size: 35px;
  color: #EBA675;
  transition: all 250ms ease;
}

.ic:hover{
 opacity: .7;
}

.inner-text h3{
  color: #299FFF;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1.2px;
}

.inner-text h5{
  color: #6D85A8;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.inner-text p{
  color: #6D85A8;
}

.inner-content{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 450px;
}

.boxy:nth-child(1){
  width: 50%;
  min-height: 600px;
  background: url('http://img.fenixzone.net/i/dxmDY9u.png') bottom no-repeat;
  background-size: cover;
  position: relative;
  z-index: 999;
}

.boxy:nth-child(2){
  width: 50%;
  min-height: 600px;
  display: flex;
  align-items: center;
}

#slider{
  overflow: hidden;
  margin-left: -20px;
}

#slider figure ul li{
  width: 20%;
  float: left;
  list-style: none;
  text-align: center;
}

ul li img{
  border-radius: 50%;
  padding: 10px;
}

ul li h4{
  color: #354757;
  font-weight: 300;
  font-size: 25px;
}

ul li p{
  font-size: 20px;
  width: 80%;
  margin: 0 auto;
  color: #6D85A8;
}

#slider figure{
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  animation-name: slider;
    animation-duration: 25s;
    animation-timing-function: linear;
    animation-delay: -10s;
    animation-iteration-count: infinite;
   /*animation-direction: alternate;*/
}

/*Portafolio*/
.portafolio{
  width: 90%;
  max-width: 1400px;
  margin: 0 auto;
  margin-top: -35px;
  margin-bottom: 40px;
}

.portafolio h4{
  text-align: center;
  font-weight: 400;
  font-size: 40px;
  color: #354757;
  letter-spacing: 1.2px;
}

.portafolio h4:after{
  content: '';
  display: block; 
  width: 3%;
  height: 3px;
  margin: 20px auto;
  border: 0;
  background: #E58859;
}

.portafolio-container{
  display: flex;
  justify-content: space-between;
}

.portafolio-item{
  width: 30%;
  position: relative;
  overflow: hidden;
  border-radius: .20em;
}

.portafolio-item img{
  width: 100%;
}

.portafolio-text{
  position: absolute;
  bottom: 0;
  padding: 10px;
  background: rgba(254, 255, 255, .8);
  color: #FDFDFD;
  transform: translateY(100%);
  transition: all 450ms ease;
}

.portafolio-text h5{
  color: #299FFF;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin: 0;
}

.portafolio-text p{
  text-align: justify;
  color: #6D85A8;
}

.portafolio-item:hover .portafolio-text{
  transform: translateY(0);
}

.portafolio-img{
  transition: all 450ms ease;
}

.portafolio-item:hover .portafolio-img{
  transform: rotate(-5deg) scale(1.15);
}

/*FOOTER*/
.footer{
  display: flex;
  align-items: center;
  flex-direction: column;
/*  min-height: 500px;*/
  width: 100%;
}

.container{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; 
}
.container form { display:flex; justify-content:space-between; width:100%; flex-wrap:wrap; }
.form-col { width:50%; padding:0 1rem; }
.form-btn { width:100%; padding-top:0.5rem;}
.radio-types { padding:0 0 0.5rem 0;}
.radio-types div { padding:0 0;}
.radio-custom {
    opacity: 0;
    position: absolute;   
}
.radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}
.radio-custom-label {
    position: relative;
}
.radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;

    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    background: #20367c;
    box-shadow: inset 0px 0px 0px 5px #fff;
}

.radio-custom:focus + .radio-custom-label {
  outline: 0px solid #ddd; /* focus style */
}

.container *{
  box-sizing: border-box;
}

.flex-outer,
.flex-inner{
  list-style-type: none;
  padding: 0; line-height:normal;
}

.flex-outer{
  max-width: 800px;
  margin: 0 auto;
}

.flex-outer li,
.flex-inner{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.flex-inner{
  padding: 0 8px;
  justify-content: space-between;  
}

.flex-outer > li:not(:last-child){
  margin-bottom: 15px;
}

/*.flex-outer li label{
  padding: 8px;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.flex-outer > li > label{
  flex: 1 0 120px;
  max-width: 220px;
}

.flex-outer > li > label + *,
.flex-inner{
  flex: 1 0 220px;
}*/

.flex-outer li input:not([type='checkbox']),
.flex-outer li textarea{
  padding: 15px;
  resize: none;
}



.flex-inner li{
  width: 100px;
}


.center{
  display: flex;
  justify-content: flex-end;
}

.flex-outer li ::placeholder{
  color: #20367c;
}

.flex-outer li ::-webkit-input-placeholder{
  color: #20367c;
}

.flex-outer li ::-moz-placeholder{
  color: #20367c;
}

.flex-outer li ::-ms-input-placeholder{
  color: #20367c;
}

.flex-outer li ::-moz-placeholder{
  color: #20367c;
}

input{
  font-family: 'Akrobat';
}





.err { display:inline; padding:0.125rem 0.5rem; background:#fff; color:#cf152d; font-size:0.75rem; border-radius:5px; border:1px solid #cf152d; font-weight:700;}