/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


@font-face{
  font-family:"MKGAA";
  src:url("../fonts/Mkgaa-Regular.eot");
  src:url("../fonts/Mkgaa-Regular.eot?#iefix") format("embedded-opentype"),
  url("../fonts/Mkgaa-Regular.woff2") format("woff2"),
  url("../fonts/Mkgaa-Regular.woff") format("woff"),
  url("../fonts/Mkgaa-Regular.ttf") format("truetype"),
  url("../fonts/Mkgaa-Regular.svg#svgFontName") format("svg")
}

@font-face{
  font-family:"MKGAA-ICONS";
  src:url("../fonts/icons.eot");
  src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),
      url("../fonts/icons.woff") format("woff"),
      url("../fonts/icons.ttf") format("truetype"),
      url("../fonts/icons.svg#svgFontName") format("svg")
}

html {
  color: #fff;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  height: 100%;


}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit; 
}

body {  
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
  height: 100%;
  background-color:  #fff;
  font-size: 16px;
  line-height: 1;
  color: #014F93;
  font-family: Verdana,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Noto Sans SC","Noto Sans TC","MS Gothic","Hiragino Kaku Gothic ProN",SimHei,SimSong,"Yu Gothic",Meiryo,Arial,sans-serif;
  font-weight: 400;
  font-style: normal;
}


body, html { font-size: 16px }



figure, section, article, aside, figcaption {margin:0; padding:0}

a { color: inherit; }
a, a:focus, a:hover, a:active { outline:none; text-decoration:none}

button:focus {outline:0;}

button {
  background: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  border-radius: 0;
  border:none;
}


p, li {    
    line-height: 1.35em;
    margin: 1em 0;
}

.wrap {  
  position: relative;

  min-height: 100%;
  max-width: 1920px;
  margin: 0 auto;

}


.flex-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}


.mt0 { margin-top: 0 !important }
.mb0 { margin-bottom: 0 !important }

.mt75 { margin-top: 75px }
.mt50 { margin-top: 50px }
.mt25 { margin-top: 25px }

.mb75 { margin-bottom: 75px }
.mb50 { margin-bottom: 50px }
.mb25 { margin-bottom: 25px }


.image-responsive { width: 100%; height: auto }

.text-center { text-align: center; }
.text-right { text-align: right; }

.font-normal { font-weight: 400 }

.color-white { color: #fff; }
.color-blue { color: #014F93; }
.color-black { color: #0f0f0f }
.color-pink { color: #EA5297}
.color-yellow { color: #FECC00 }

.bkg-white { background-color: #fff; }
.bkg-blue { background-color: #014F93; }
.bkg-black { background-color: #0f0f0f }
.bkg-pink { background-color: #EA5297}
.bkg-yellow { background-color: #FECC00 }
.bkg-light-purple { background-color: #CAA3CB }

.fs-l { font-size: 1.125em }

.font-Merck {
  font-family: "MKGAA","Noto Sans","Noto Sans SC","Noto Sans TC","MS Gothic","Hiragino Kaku Gothic ProN",SimHei,SimSong,"Yu Gothic",Meiryo,sans-serif;
  font-weight: 400;
}


.main-container {
  position: relative;
  max-width: 1280px;
  padding: 0 40px;
  margin-left: auto;
  margin-right: auto;
}


.row {
    position: relative;
    display: flex;
    margin-left: -24px;
    margin-right: -24px;
    min-width: 100%;
    flex-shrink: 0;
}

.row .col {
    position: relative;
    padding: 0 24px;
    flex: 1 0 0%;
}

.row .col.col-lg-3 {
    flex: 0 0 auto;
    width: 25%
}

.row .col.col-lg-4 {
    flex: 0 0 auto;
    width: 33.333%
}

.row .col.col-lg-5 {
    flex: 0 0 auto;
    width: 41.667%
}

.row .col.col-lg-6 {
    flex: 0 0 auto;
    width: 50%
}

.row .col.col-lg-7 {
    flex: 0 0 auto;
    width: 58.333%
}

.row .col.col-lg-8 {
    flex: 0 0 auto;
    width: 66.667%
}

.row .col.col-lg-9 {
    flex: 0 0 auto;
    width: 75%
}

.row .col.col-lg-12 {
    flex: 0 0 auto;
    width: 100%
}


.header {
  position: relative;
  width: 100%;
}


.header .header-menu-bar {
  padding: 20px 40px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}


.header .header-menu-bar ul.top-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
}

.header .header-menu-bar ul.top-menu > li {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 25px;
}

.header .header-menu-bar ul.top-menu > li > a {
  position: relative;
  display: block;
  padding: 0px 20px;
  background-color: transparent;
  color: #fff;
  font-family:"MKGAA";
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 25px;
}


.header .header-menu-bar ul.top-menu > li > a .icon {
  display: block;
  width: 27px;
  height: 25px;
  background-image: url(../images/menu-icons.png);
  background-size: 54px 50px;
  background-repeat: no-repeat;
}

.header .header-menu-bar ul.top-menu > li > a .icon.icon-home { background-position: 0 0 }
.header .header-menu-bar ul.top-menu > li > a .icon.icon-profile { background-position: -27px 0 }

.header .header-menu-bar ul.top-menu > li > a:hover,
.header .header-menu-bar ul.top-menu > li > a.selected {
  color: #EA5297;
}

.header .header-menu-bar ul.top-menu > li > a:hover .icon,
.header .header-menu-bar ul.top-menu > li > a.selected .icon {
  background-position-y: -25px;
}


.header .header-menu-bar ul.top-menu > li > a:after {
  display: block;
  position: absolute;
  content: "";
  width: 1px;
  height: 18px;
  background-color: #fff;
  top:50%;
  right: 0;
  margin-top: -8px;
}

.header .header-menu-bar ul.top-menu > li:last-of-type > a:after { display: none; }

.header .header-menu-bar ul.top-menu > li.submenu-show .submenu {
  opacity: 1;  
  visibility: visible;
  pointer-events: auto; 
  transition: visibility 0s, opacity 0.3s;
}

.header .header-menu-bar ul.top-menu > li.submenu-show > a {
 

}

.header .header-menu-bar ul.top-menu .submenu {
    width: 360px;
    position: absolute;
    right: 0%;
    top: 25px;
    padding-top: 20px;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s, opacity 0s;
    pointer-events: none;
    z-index: 9;

}

.header .header-menu-bar ul.top-menu .submenu .inner {
  background-color: rgba(255,255,255,0.9);
  padding: 10px 20px;
  text-align: right;    
  border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.header .header-menu-bar ul.top-menu .submenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header .header-menu-bar ul.top-menu .submenu ul li {
  display: block;
}

.header .header-menu-bar ul.top-menu .submenu ul li a {
  display: block;
  padding: 4px 8px;
  background-color: transparent;
  color: #004289;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2em;
}

.header .header-menu-bar ul.top-menu .submenu ul li a:hover,
.header .header-menu-bar ul.top-menu .submenu ul li a.selected { color: #EA5297; }

.header .header-menu-bar ul.top-menu .submenu ul li a.selected { text-decoration: underline; }


.menu-course {
  position: relative;
  width: 100%;
}


.menu-course .menu-course-inner {
  padding: 15px 40px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}


.menu-course .menu-course-inner ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}

.menu-course .menu-course-inner ul > li {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 24px;
}

.menu-course .menu-course-inner ul > li > a {
  position: relative;
  display: block;
  padding: 0px 20px;
  background-color: transparent;
  color: #fff;
  font-family:"MKGAA";
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 24px;
}

.menu-course .menu-course-inner ul > li > a:hover,
.menu-course .menu-course-inner ul > li > a.selected {
  color: #EA5297;
}







.remodal.modalPopupVideo,
.remodal#modalPopupVideoModulo1 {
    background-color: #014F93;
    padding: 0;
    box-shadow: 2px 2px 16px rgba(0,0,0,0.5);
    max-width: 960px
}

.remodal.modalPopupVideo .remodal-close,
.remodal#modalPopupVideoModulo1  .remodal-close{
    position: absolute;
    top: -40px;
    right: -40px;
    display: block;
    overflow: visible;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #fff;
    border: 0;
    outline: 0;
    background: transparent;
}
.remodal-modalPopupVideo .remodal-close:before,
.remodal#modalPopupVideoModulo1 .remodal-close:before {
    font-family: "intel-clear","tahoma",Helvetica,"helvetica",Arial,sans-serif;
    font-size: 28px;
    font-weight: 200;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 40px;
    content: "\00d7";
    text-align: center;
}


@media only screen and (max-width: 960px) {

    .remodal.modalPopupVideo,
    .remodal#modalPopupVideoModulo1 {
        background-color: #014F93;
        padding: 15px 12px 15px;
    }

}


.title-h2 {
  font-family:"MKGAA";
  font-size: 28px;
  line-height: 1.2em;
  text-transform: uppercase;
}

.title-h3 {
  font-family:"MKGAA";
  font-size: 21px;
  line-height: 1.2em;
  text-transform: uppercase;
}


.round-box {
  position: relative;
}

.round-box .inner {
  display: inline-block;
  width: 100%;
  padding: 20px 45px 20px 35px;
  font-weight: 700;
}

.round-box::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 105%;
  height: 100%;
  background-color: #caa2cb;
  border-radius: 25px;
  z-index: -1;
  transform-origin: 25% 50%;
  transform: perspective(500px) rotate3d(0, 1, 0, 3deg);
}




ul.fancy-list {
  list-style: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 0 1.5em
}

ul.fancy-list li { margin: 0.5em 0 }

ul.fancy-list li::before {
  content: "\2022"; 
  
  font-weight: bold;
  display: inline-block; 
  width: 1.5em; 
  margin-left: -1.5em; 
}

ul.fancy-list.fancy-list-yellow li::before { color: #FECC00; }
ul.fancy-list.fancy-list-pink li::before { color: #EA5297; }


.border-blue {
  border-top: 10px solid #014F93;
}


.programa-box {
  display: flex;
  margin-left: -50px;
  margin-right: -50px;
}

.programa-box .column {
  width: 50%;
  padding: 0 50px;
}

.programa-box .column:first-of-type { border-right: 1px solid #014F93 }

.programa-box .modulo {
  margin-bottom: 45px;
}

.programa-box .modulo .modulo-title {
  font-family:"MKGAA";
  font-size: 20px;
  line-height: 1.2em;
  text-transform: uppercase;
  margin: 0 0 0.5em 0;
}

.programa-box .modulo .modulo-author {
  font-size: 0.85em;
  font-weight: 700;
  font-style: italic;
}

.programa-box .modulo ol {
  margin: 1em 0 0 0;
  padding: 0 0 0 2.5em;
  list-style: none;
  counter-reset: item
}

.programa-box .modulo ol > li { margin: 0.5em 0; display: block; }

.programa-box .modulo ol > li:before {
  display: inline-block; 
  width: 2.5em; 
  margin-left: -2.5em;
  font-weight: 700

}

.programa-box .modulo ol.ol-first > li:before { content: "1." counters(item, ".") " "; counter-increment: item }
.programa-box .modulo ol.ol-second > li:before { content: "2." counters(item, ".") " "; counter-increment: item }
.programa-box .modulo ol.ol-third > li:before { content: "3." counters(item, ".") " "; counter-increment: item }


.programa-box .modulo ol > li ul {

}

.programa-box .modulo ol > li ul > li {
  font-size: 0.875em;
  margin: 0.35em 0;
}


.programa-box .modulo .btn--secondary {
  font-size: 14px;
  line-height: 16px;
  padding: 10px 20px;
  margin-top: 15px
}

.programa-box .modulo .btn--secondary ion-icon {
  font-size: 16px;
  vertical-align: bottom;
  margin-right: 5px
}


.programa-box .modulo .bibliografia-title {
    font-family: "MKGAA";
    font-size: 18px;
    line-height: 1.2em;
    text-transform: uppercase;
    margin: 1.5em 0 0.5em 0;
}

.programa-box .modulo .bibliografia {
  list-style: none;
  margin: 0;
  padding: 0;
}

.programa-box .modulo .bibliografia li {
  margin: 0;
  padding: 0.35em 0.5em;
  /*border-top: 1px solid #ccc;*/
  border-bottom: 1px solid #e0e0e0;
}

.programa-box .modulo .bibliografia li:first-of-type { border-top: 1px solid #e0e0e0; }

.programa-box .modulo .bibliografia li:nth-of-type(odd) {
  background-color: #f5f5f5;
}

.programa-box .modulo .bibliografia li a {
  font-size: 12px;
  line-height: 1.1em;
}


.programa-box .modulo .bibliografia li a:hover {
  text-decoration: underline;
  color: #EA5297;
}

.programa-box .modulo .bibliografia li a ion-icon {margin-right: 5px; vertical-align: middle;}





.docentes-box {
  display: flex;
  margin-left: -30px;
  margin-right: -30px;
  flex-wrap: wrap;
}

.docentes-box .column {
  width: 50%;
  padding: 0 30px;
}

.docentes-box .column.column-100 {
  display: flex;
  width: 100%;
  justify-content: center;
}

.docentes-box .docente {
  display: flex;
  align-items: center;
  text-align: left;
  margin: 30px 0;
}


.docentes-box .docente > img {
  width: 212px;
  flex-shrink: 0;
}

.docentes-box .docente > div {
  padding: 0 0 0 20px;
}

.docentes-box .docente h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 1em 0;
}

.docentes-box .docente p {
  font-size: 13px;
  font-style: italic;
}


.ediciones-list {
  column-count: 2;
  column-gap: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ediciones-list span.edicion {
  display: block;
  font-family:"MKGAA";
  font-size: 16px;
  line-height: 1.2em;
  margin: 0 0 0.5em 0;
}

.organiza {
  display: flex;
  align-items: center;
}



.register-form .legal-text {
  font-size: 12px;
  font-weight: 400;
}

.register-form .legal-text ul li {
  margin: 0.5em 0
}

.register-form .legal-text a {
  text-decoration: underline;
}

.box-form .text-mandatory {
  font-size: 14px;
  font-style: italic;
}


.login-form,
.recover-form {
  width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.login-form .form-options,
.recover-form .form-options {
  text-align: left;
  display: flex;
  align-items: center;
}


.login-form .form-options .button-switch,
.recover-form .form-options .button-switch {
  margin-left: auto;
  font-size: 14px;
}



.login-form .form-options .button-switch:hover,
.recover-form .form-options .button-switch:hover {
  text-decoration: underline;
}

.round-box.register-form .inner,
.round-box.profile-form .inner {
  padding: 40px 100px 40px 60px;
}
.round-box.register-form::before,
.round-box.profile-form::before {
  transform: perspective(500px) rotate3d(0, 1, 0, 1deg);
}


.round-box.login-form .inner,
.round-box.recover-form .inner {
  width: 100%;
  padding: 40px 75px 40px 60px;
}
.round-box.login-form::before,
.round-box.recover-form::before {
  transform: perspective(500px) rotate3d(0, 1, 0, 1deg);
}


.profile-form hr {
  border-color: #014F93;
  margin: 50px 0 35px 0;
}

.profile-form .form-documentacion {
  font-weight: 400;
}

.profile-form .form-documentacion .documentacion-aviso {
  background-color: #fff;
  padding: 4px 15px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
}


.footer {

  width: 100%;
  background-color: #fff;
}

.footer-inner {
  width: 100%;
  
}

.footer-references {
    width: 100%;
    max-width: 1280px;
    margin: 80px auto 0 auto;
    padding: 40px 40px 5px 40px;
    border-top: 1px solid #014F93
}

.footer-references ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-references ul li {
  font-size: 11px;
  line-height: 1.2em;
  text-align: left;
  margin: 0.5em 0;
}

.footer-inner .footer-bottom {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 18px 40px 18px 40px;
  display: flex;
  justify-content: center;
  align-items: flex-end;

}

.no-refs .footer-inner .footer-bottom {
  border-top: 1px solid #014F93;
}



.footer .footer-menu {
  margin: 0 -18px;
  padding: 0;
  list-style: none;
  display: flex;  
}

.footer .footer-menu li { margin: 0 }

.footer .footer-menu li a {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
  padding: 1px 18px;
  border-right: 1px solid #014F93;
  text-decoration: none;
}

.footer .footer-menu li a:hover {text-decoration: underline;}

.footer .footer-menu li:last-of-type a { border-right: none } 


.footer .footer-logo {
  margin-left: auto;
}

.footer .footer-logo span {
  display: block;
  font-size: 11px;
  font-weight: 700;
}

.footer .footer-logo img {
  width: 147px;
  height: auto;
  margin-top: 4px;
}



/* FORMS */


.box-form .label,
.box-form label {   
  display: block;
  font-size: 14px;
  margin:0 0 8px 0;
  line-height: 18px;
  font-weight: 700;
}


.box-form .box-error {
  display: none;
  margin-top: 0;
  text-align: center;
  font-size: 14px;
  color: #161616;
}


.box-form textarea.has-error,
.box-form input.has-error,
.box-form select.has-error {  
  border: 2px solid #f43319 !important;
  background-color: #fff !important;
}

/*
.box-form .form-options {
  text-align: center;
}
*/
.box-form .form-options .legal-link {
  color: #00653C;
  font-size: 15px;
  text-decoration: none;
}

.box-form .form-options .legal-link:hover { text-decoration: underline;}

.box-form .input-field-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;  
}

.box-form .field-container {
  padding: 0 10px;
  margin-bottom: 18px;
}

.box-form .field-container.field-container--100 {
  flex: 0 0 100%;
  max-width: 100%;
}

.box-form .field-container.field-container--50 {
  flex: 0 0 50%;
  max-width: 50%;
}


.box-form .field-container.field-container--66 {
  flex: 0 0 66.666%;
  max-width: 66.666%;
}


.box-form .field-container.field-container--33 {
  flex: 0 0 33.333%;
  max-width: 33.333%;
}

.box-form .field-container.field-container--25 {
  flex: 0 0 25%;
  max-width: 25%;
}



.box-form .form-heading {
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  padding: 0;
  margin-bottom: 45px;
}


.box-form .form-heading h2 {
  font-size: 1.5em;
  margin: 0;
}

.box-form input[type="text"],
.box-form input[type="number"],
.box-form input[type="email"],
.box-form input[type="password"],
.box-form textarea {    
    display: block;
    width: 100%;
    height: auto;
    padding: 8px 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.25;
    background-clip: padding-box;
    border: 2px solid #fff;
    background-color: #fff;
    border-radius: 5px;
    color: #014F93;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-clip: border-box;
}


.box-form textarea { line-height: 1.5 }
.box-form select {
    padding: 2px 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.25;
    outline: none;
    background-color: #fff;
    width: 100%;
    color: #014F93;
    border: 2px solid #fff;
    cursor: pointer;
    border-radius: 5px;
    height: 38px; 
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.box-form select option {
    color: #014F93;
}

.box-form input[type="text"]:focus,
.box-form input[type="number"]:focus,
.box-form input[type="email"]:focus,
.box-form input[type="password"]:focus,
.box-form textarea:focus,
.box-form select:focus {
    border-color: #014F93;    
    box-shadow: none;
    outline: 0;
}

.box-form input:read-only { background-color: #e0e0e0 }


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.custom-check {
    display: block;
    text-align: left;
    margin-top: 18px;
}

.custom-check label {
    display: inline-block; 
    text-align: left;
    margin: 0;
    background-color: transparent;
    padding-left: 24px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 700;
    color: #014F93;
}

.custom-check label a { text-decoration: underline; }
.custom-check label a:hover {  text-decoration: underline; }

.custom-check input[type="checkbox"],
.custom-check input[type="radio"] { display: none; }
.custom-check input[type="checkbox"] + label span,
.custom-check input[type="radio"] + label span {
    display:block;
    float: left;
    vertical-align:text-top;
    cursor:pointer;
    width:15px;
    height:15px;

    border: 2px solid #fff;
    background-color: #fff;
    margin-left: -24px;
    border-radius: 0px;
}

.custom-check input[type="radio"] + label span {
  border-radius: 50%;
}


.custom-check input[type="checkbox"]:checked + label span,
.custom-check input[type="radio"]:checked + label span {
     background-color:  #014F93;
     border-color: #014F93 !important;
}

.custom-check input[type="checkbox"].has-error + label span,
.custom-check input[type="radio"].has-error + label span {
  border-color: #f00;
}



.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 14px;
    /* 20px */
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 5px 15px;
    /* 10px 20px */
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

.inputfile-6 + label {
    color: #014F93;
}

.inputfile-6 + label {
    border: 1px solid #014F93;
    background-color: #fff;
    padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: #EA5297;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 8px 15px;
}

.inputfile-6 + label span {
    width: 250px;
    min-height: 24px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #fff;
    background-color: #014F93;
    display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #EA5297;
}

@media screen and (max-width: 50em) {
  .inputfile-6 + label strong {
    display: block;
  }
}




.legal-link {
  text-decoration: underline;
}


.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 2px solid transparent;
  line-height: 1.5
}

.btn--primary {
  display: inline-block;  
  font-size: 18px;
  font-weight: 700;
  border: none;
  color: #fff;
  background-color: #EA5297;
  border-radius: 5px; 
  transition: color, background .4s ease-in-out;
  padding: 12px 25px;
  min-width: 180px;
  text-transform: uppercase;
  text-align: center;
}

.btn--primary:hover,
.btn--primary:focus {
  color: #fff;
  background-color: #014F93;

}



.btn--secondary {
  display: inline-block;  
  font-size: 14px;
  font-weight: 700;
  border: none;
  color: #fff;
  background-color: #014F93;
  border-radius: 5px; 
  transition: color, background .4s ease-in-out;
  padding: 10px 20px;
  min-width: 140px;
  text-transform: uppercase;
  text-align: center;
}

.btn--secondary:hover,
.btn--secondary:focus {
  color: #fff;
  background-color: #EA5297;

}


.btn--primary.btn--waiting {
  cursor: wait;
  opacity: 0.75
}


.remodal .btn--primary {
  font-size: 16px;
  padding: 10px 20px;
}






#cookiesBlock {
  position: fixed;
  display:none;
  z-index: 98;
  top:0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #787878;
  background-color: rgba(0,0,0,0.7);
  cursor: wait;
}

#cookiesBar {
  width:100%;
    display:none;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    text-align:center;  
    background-color:#111;
    color:#fff;
    z-index:99;
}
 
#cookiesBar .inner {
    padding:10px 20px 20px 20px;
    font-size:1em;
}

#cookiesBar p {
  text-align:center;
  font-size:14px;
  line-height:1.3em;
  color:#fff
}

#cookiesBar a {
  color:#fff;
  text-decoration:underline;
}

#cookiesBar a.ok {
  display:inline-block;
  margin:10px 0 0;
  padding:6px 15px;
  color:#fff;
  background-color:#6fbd86;
  font-size:14px;
  line-height:1em;
    text-decoration:none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform:uppercase;
}

#cookiesBar a.ok:hover {
  background-color:#1B988F;
  color:#fff;
}



.legal-wrap { font-size: 14px; padding:25px  50px; max-width: 1150px; margin: 0 auto; background-color: #f0f0f0; color: #3a3a3a }

.legal-wrap h1 {
  font-size: 1.75em;
  color: #00653C;
}

.legal-wrap h2 {
  color: #00653C;
  font-size: 1.45em;
  margin-top: 2.5em;
  text-align: center;
}

.legal-wrap h3 {
  color: #00653C;
  font-size: 1.1em;
  margin-top: 1.5em;
}

.legal-wrap a { color: #00653C }

.legal-wrap p,
.legal-wrap li {  line-height: 1.5; margin: 0.75em 0; text-align: justify; }

.legal-wrap li { margin: 0.5em 0 }

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*!
 * animsition v4.0.2
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */

 .animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color: #95C0D6}.animsition-loading,.animsition-loading:after{width:32px;height:32px;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;border-top:5px solid rgba(255,188,0,1);border-right:5px solid rgba(255,188,0,1);border-bottom:5px solid rgba(255,255,255,1);border-left:5px solid #eee;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}



/*
 *  Remodal - v1.0.7
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

.modalBody {
  width: 100% !important;
}

/*
 *  Remodal - v1.0.7
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  color: #3a3a3a;
  background: #fff;

  border-radius: 4px;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 5px;
  right: 5px;

  display: block;
  overflow: visible;

  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: #E95D6C;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #014F93
}

.remodal-close:before {
  font-family: "intel-clear","tahoma",Helvetica,"helvetica",Arial,sans-serif;
  font-size: 48px;
  font-weight: 200;
  line-height: 50px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 50px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  color: #E95D6C
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}


.remodal .modalTitle { text-transform: uppercase; font-size: 1.25em }

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}




.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}



/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 1650px) {



  

}

@media only screen and (max-width: 1366px) {

  body, html { font-size: 15px }

  .header .header-menu-bar { padding: 12px 25px }
  .header .header-menu-bar ul.top-menu > li { line-height: 21px; }
  .header .header-menu-bar ul.top-menu > li > a { font-size: 16px; line-height: 21px; }


  .header .header-menu-bar ul.top-menu > li > a .icon {
    width: 23px;
    height: 21px;
    background-size: 46px 42px
  }

  .header .header-menu-bar ul.top-menu > li > a .icon.icon-profile { background-position: -23px 0 }
  .header .header-menu-bar ul.top-menu > li > a:hover .icon,
  .header .header-menu-bar ul.top-menu > li > a.selected .icon { background-position-y:-21px; }
  
  .header .header-menu-bar ul.top-menu .submenu { top:13px }

  .main-container { max-width: 1150px; padding-left: 25px; padding-right: 25px;}


  

  .menu-course .menu-course-inner { padding: 12px 25px }
  .menu-course .menu-course-inner ul > li > a { font-size: 15px }

  .title-h2 { font-size: 24px }
  .programa-box .modulo .modulo-title { font-size: 18px }
  .ediciones-list span.edicion { font-size: 15px }

  .docentes-box .docente { margin: 24px 0 }


  .box-form input[type="text"], .box-form input[type="email"], .box-form input[type="password"], .box-form textarea { padding: 6px 12px; }
  .box-form .label, .box-form label { margin: 0 0 6px 0 }  

  .btn--primary { font-size: 16px; padding: 10px 20px }
}



@media only screen and (max-width: 1280px) {

  .main-container { padding-left: 50px; padding-right: 50px;}

  



  .docentes-box { margin-left: -25px; margin-right: -25px }
  .docentes-box .column { padding: 0 25px }
  .docentes-box .docente > img { width: 140px }


  .btn--primary {
    padding: 10px 20px;
    font-size: 16px;
  }

}


@media only screen and (max-width: 1080px) {



}


@media only screen and (max-width: 960px) {


  .main-container { padding-left: 45px; padding-right: 45px }

  


  .header .header-menu-bar ul.top-menu > li > a { font-size: 14px; padding: 0 15px }
  .menu-course .menu-course-inner ul > li > a { font-size: 12px; padding: 0 12px }


  .docentes-box { flex-wrap: wrap; margin-left: 0; margin-right: 0 }
  .docentes-box .column { width: 100%; padding: 0 }
  .docentes-box .docente { margin: 0 0 24px 0 }
  .docentes-box .docente > img { width: 160px; }
  .docentes-box .docente > div { padding-left: 35px }

  .round-box.register-form .inner,
  .round-box.profile-form .inner { padding: 40px 50px 40px 40px;  }
  

  .box-form input[type="text"], .box-form input[type="email"], .box-form input[type="password"], .box-form textarea { padding: 4px 12px; }


  .remodal.modalPopupVideo .remodal-close, .remodal#modalPopupVideoModulo1 .remodal-close {
    right: 20px;
    top: -60px;
  }

}


@media only screen and (max-width: 767px) {
    
  body, html { font-size: 13px }

  .header .header-menu-bar { padding: 12px 18px; }
  .header .header-menu-bar ul.top-menu { align-items: center; }
  .header .header-menu-bar ul.top-menu > li > a {font-size: 10px; padding: 0 8px; line-height: 1.2; text-align: center; }


  .header .header-menu-bar ul.top-menu .submenu {
    width: 270px;
    top: 10px;
    right: inherit;
    left: -40px;
  }

  .header .header-menu-bar ul.top-menu .submenu .inner { padding: 8px 15px; }
  .header .header-menu-bar ul.top-menu .submenu ul li { margin: 0.5em 0; }
  .header .header-menu-bar ul.top-menu .submenu ul li a { font-size: 12px }

  .main-container { margin-top: 35px; padding-left: 25px; padding-right: 25px }


  .menu-course .menu-course-inner ul { display: block; }
  .menu-course .menu-course-inner ul > li { display: block; text-align: center; }

  

  .title-h2 { font-size: 21px; }

  .round-box::before,
  .round-box.login-form::before,
  .round-box.recover-form::before,
  .round-box.register-form::before,
  .round-box.profile-form::before { width: 100%; transform: inherit; }
  .round-box .inner {
    padding: 15px 30px 15px 20px;
  }

  .mt50 { margin-top: 35px }

  .round-box.register-form .inner, .round-box.profile-form .inner { padding: 30px 25px 30px 20px }
  .round-box.login-form .inner, .round-box.recover-form .inner { padding: 30px 25px 30px 20px }
  .register-form .legal-text { font-size: 11px }

  .login-form, .recover-form { width: 100% }

  .login-form .form-options, .recover-form .form-options {flex-direction: column; align-items: flex-start;}
  .login-form .form-options .button-switch, .recover-form .form-options .button-switch { margin: 15px 0 0 }
  .box-form .text-mandatory { font-size: 12px }

  .box-form .label, .box-form label { font-size: 12px; line-height: 15px }

  .box-form .field-container.field-container--66,
  .box-form .field-container.field-container--50,
  .box-form .field-container.field-container--33,
  .box-form .field-container.field-container--25 {
      flex: 0 0 100%;
      max-width: 100%;
  }



  .programa-box { margin-left: 0; margin-right: 0; flex-direction: column;  }
  
  .programa-box .column { width: 100%; padding: 0; }
  .programa-box .column:first-of-type { border-right: none; }
  .programa-box .modulo .modulo-title { font-size: 16px }

  .docentes-box .docente { align-items: flex-start; }
  .docentes-box .docente > img { width: 100px; }
  .docentes-box .docente > div { padding-left: 15px }
  .docentes-box .docente h3 { font-size: 14px; margin: 0 0 0.5em 0}
  .docentes-box .docente p { font-size: 12px }

  .ediciones-list { column-count: 1 }

  .cursos-home.row { flex-direction: column; }
  .cursos-home.row .col.col-lg-6 { width: 100%; text-align: center; }

  .cursos-home.row .title-h3 { text-align: center; font-size: 18px }
  .cursos-home.row .btn--primary {width: 100%;}

  .footer-inner .footer-references { padding: 30px 25px 5px }
  .footer-inner .footer-references ul li {font-size: 10px}

  .footer-inner .footer-bottom { flex-direction: column; align-items: center;}

  .footer .footer-menu { margin: 0; display: block; }
  .footer .footer-menu li { display: block; margin: 0.5em 0; text-align: center;  }
  .footer .footer-menu li a { border-right: none; font-size: 12px }

  .footer .footer-logo { margin: 15px 0 0; }

  .btn--primary { font-size: 14px; min-width: 100px }
}




@media only screen and (max-width: 320px) {
  


}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}