/* FONTS
------------------------------------------------------------------*/

@font-face {
    font-family: "ObjektivMk2";
    font-weight: normal;
    font-style: normal;
    src:url("/events/template/valiant/fonts/objektivmk2_rg.eot");
    src:url("/events/template/valiant/fonts/objektivmk2_rg.eot?#iefix") format("eot"),
    url("/events/template/valiant/fonts/objektivmk2_rg.woff") format("woff"),
    url("/events/template/valiant/fonts/objektivmk2_rg.woff2") format("woff2"),
    url("/events/template/valiant/fonts/objektivmk2_rg.ttf") format("truetype"),
    url("/events/template/valiant/fonts/objektivmk2_rg#objektivmk2_rg") format("svg");
}

@font-face {
    font-family: "ObjektivMk2";
    font-weight: bold;
    font-style: normal;
    src:url("/events/template/valiant/fonts/objektivmk2_md.eot");
    src:url("/events/template/valiant/fonts/objektivmk2_md.eot?#iefix") format("eot"),
    url("/events/template/valiant/fonts/objektivmk2_md.woff") format("woff"),
    url("/events/template/valiant/fonts/objektivmk2_md.woff2") format("woff2"),
    url("/events/template/valiant/fonts/objektivmk2_md.ttf") format("truetype"),
    url("/events/template/valiant/fonts/objektivmk2_md#objektivmk2_md") format("svg");
}

@font-face {
    font-family: "ObjektivMk2";
    font-weight: normal;
    font-style: italic;
    src:url("/events/template/valiant/fonts/objektivmk2_it.eot");
    src:url("/events/template/valiant/fonts/objektivmk2_it.eot?#iefix") format("eot"),
    url("/events/template/valiant/fonts/objektivmk2_it.woff") format("woff"),
    url("/events/template/valiant/fonts/objektivmk2_it.woff2") format("woff2"),
    url("/events/template/valiant/fonts/objektivmk2_it.ttf") format("truetype"),
    url("/events/template/valiant/fonts/objektivmk2_it#objektivmk2_it") format("svg");
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/events/template/valiant/fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('/events/template/valiant/fonts/MaterialIcons-Regular.woff2') format('woff2'),
       url('/events/template/valiant/fonts/MaterialIcons-Regular.woff') format('woff'),
       url('/events/template/valiant/fonts/MaterialIcons-Regular.ttf') format('truetype');
}


/*BASE
----------------------------------------------------------------- */

body {font-family: "ObjektivMk2", Arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.5; color: #212529; background-color: #fff;}

.main {width: 100%; margin: 0 auto; overflow: auto;}

.content {width: 100%; max-width: 1170px; margin: 60px auto;}
.content:after {content: ""; clear: both; display: block;}

.wrap {width: 100%; padding: 0 1em;}

header {width: 100%; margin: 0; border-bottom: 1px solid rgba(0,0,0,0.3); display: block;}
header > .content {margin: 0 auto;}
header .logo {margin: 1.5em; float: left;}
header .logo img {width: auto; height: 42px;}

section {width: 67.5%; margin: 1em 0; float: left; display: block;}

aside {width: 32.5%; float: right; display: block;}
aside img {max-width: 100%; width: auto; height: auto; margin-bottom: 1em;}

footer {background-color: #f5f5f5; margin-top: 5em;}
footer > .content {margin: 0 auto; padding: 60px 0;}
footer .wrap > div {float: left;}
footer a {color: #757577; font-size: 1rem; margin-right: 1.5em;}
footer a:hover {color: #452481;}


/*TYPOGRAPHY
------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-family: inherit; font-weight: bold; line-height: 1.2; color: inherit; margin: 0 0 0.5rem;}
h1 {font-size: 2.1875rem; hyphens: auto;}
h2 {font-size: 1.75rem;}
h3 {font-size: 1.53125rem;}
h4 {font-size: 1.3125rem;}
h5 {font-size: 1.09375rem;}
h6 {font-size: 0.875rem;}

a {color: #7252ac; text-decoration: none; background-color: transparent; outline: none; border: none; transition: ease-in-out 0.15s;}
a:hover {text-decoration: underline;}
a img {border: none;}

.btn,
.btn.primary {padding: 0.5rem 1rem; background-color: #7252ac; color: #fff; font-size: 0.875rem; font-weight: normal; line-height: 1.5; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid transparent; border-color: #7252ac; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; display: inline-block; transition: ease-in-out 0.15s; cursor: pointer;}
.btn:hover,
.btn.primary:hover {background-color: #614692; border-color: #5b4289; text-decoration: none;}
.btn.secondary {background:#ffffff; color: #7252ac;}
.btn.secondary:hover {background:#F5F5F5}

small {font-size: 80%!important; font-weight: normal;}

ul {margin: 0 0 1rem; padding-left: 0; list-style-type: none;}
ul li:before {content: "−"; padding-right: 0.7em;}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;   /*Preferred icon size */
  display: inline-block;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


/*ELEMENTS
------------------------------------------------------------------*/

/*BANNER*/
.banner {width: 100%; height: 440px; margin: 0; position: relative; overflow: hidden;}
.banner #banner {height: 100%;}
.banner img {width: 100%; height: auto; max-width: none; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}

/*BUTTONS*/
button {font-family: inherit; transition: ease-in-out 0.15s; cursor: pointer;}

/*TABLES*/
table {text-align: left;}
table th {padding-right: 1em; text-align: center; vertical-align: top;}
table td {vertical-align: top;}

table.line {width: 100%;}
table.line th, table.line td {border-bottom: 1px solid #d2d2d2; padding: 0.3em 1em 0.3em 0;}
table.line th {border-width: 2px;}

/*YOUTUBE VIDEO*/
video {width: 100%!important; height: auto!important;}
.video-wrap {position: relative; margin: 0; padding: 0; padding-bottom: 56.25%;}
.video-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*GOOGLE MAPS*/
.googlemaps {width: 100%; height: 250px; margin: 0.5em 0 1em 0;}
.googlemaps iframe {width: 100%; height: 100%; display: block;}

/*COOKIE BANNER*/
button.ev-cookiebanner-collapsed-button {color: #7252ac; background-color: #f2f2f2; transition: ease-in-out 0.15s;}
button.ev-cookiebanner-collapsed-button:hover {color: #483470; background-color: #e5e5e5;}


/*FORM
------------------------------------------------------------------*/

form {margin: 1em 0 2em 0;}
form h2 {font-size: 1.3125rem;}
form h3 {font-size: 1.09375rem;}

.field-wrap {margin: 1em 0; clear: both;}
.field-wrap:after {content: ""; clear: both; display: block;}
.field-wrap > label, .field-wrap > fieldset > legend {display: inline-block; margin-bottom: 0.5rem;}


/*INPUTS*/
input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="tel"],
select,
textarea {width: 100%; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da;}

input:disabled {background-color: #e9ecef;}
input:focus, select:focus, textarea:focus {border-color: #b8a8d6; border-radius: 0; outline: 0; box-shadow: 0 0 0 0.2rem rgba(114, 82, 172, 0.25);}

input.small {width: 20% !important;}
input.medium {width: 79% !important;}


/*SELECT*/
select {background-image: url('/events/template/valiant/images/icon_arrow_down.svg'); background-repeat: no-repeat; background-size: .75rem; background-position: calc(100% - 0.75rem) center; cursor: pointer;}


/*CHECKBOXES*/
input[type="checkbox"] {position: absolute; opacity: 0;}
input[type="checkbox"] + label {padding-top: 0.125em; padding-left: 1.5rem; clear: both; display: block; cursor: pointer;}
input[type="checkbox"] + label::before {content: ""; width: 1rem; height: 1rem; margin: 0.125em 0.5rem 0 -1.5rem; position: relative; background-color: #dee2e6; font-size: 0.75rem; line-height: 1.4; float: left; display: inline-block;}
input[type="checkbox"]:checked + label::before {content: "\e876"; font-family: "Material Icons"; color: #fff; text-align: center; background-color: #7252ac;}
input[type="checkbox"]:focus + label:before {outline: 3px solid rgba(114, 82, 172, 0.25);}


/*RADIO*/
input[type="radio"] {position: absolute; opacity: 0;}
input[type="radio"] + label {padding-top: 0.125em; padding-left: 1.5rem; clear: both; display: block; cursor: pointer;}
input[type="radio"] + label::before {content: ""; width: 1rem; height: 1rem; margin: 0.125em 0.5rem 0.5em -1.5rem; position: relative; background-color: #dee2e6; float: left; display: inline-block; border-radius: 50%; cursor: pointer;}
input[type="radio"]:checked + label::before {background-color: #fff; box-shadow: inset 0 0 0 5px #7252ac;}
input[type="radio"]:focus + label:before {outline: 3px solid rgba(114, 82, 172, 0.25);}

input[type="radio"].switch + label {margin-right: 1.5em; float: left;}


/*FILE*/
input[type="file"] + label {margin-top: 1rem; padding: 0.5rem 1rem; color: #7252ac; background-color: rgba(0, 0, 0, 0.05); transition: ease-in-out 0.15s; display: inline-block; cursor: pointer;}
input[type="file"] + label:hover {color: #483470; background-color: rgba(0, 0, 0, 0.1);}
input[type="file"]:focus ~ label {border-color: #b8a8d6; border-radius: 0; outline: 0; box-shadow: 0 0 0 0.2rem rgba(114, 82, 172, 0.25);}


/*SUBMIT*/
input[type="submit"] {padding: 0.5rem 1rem; background-color: #7252ac; color: #fff; font-size: 0.875rem; font-weight: normal; line-height: 1.5; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid transparent; border-color: #7252ac; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; display: inline-block; transition: ease-in-out 0.15s; cursor: pointer;clear: both;float: left;}
input[type="submit"]:hover {background-color: #614692; border-color: #5b4289;}

/*ERRORS*/
.error textarea,
.error input,
.error .select-wrap,
.error .select-wrap .handle,
.error label,
.error legend,
.error .input-wrap label {border-color: #ed1c27; color: #ed1c27;}

.templateSystemMessage {margin: 1rem 0; padding: 0.75rem 1.25rem; position: relative; background: transparent; color: #212529; border: #cccccc solid 1px; border-left: #00A5D5 solid 5px;}
.templateSystemMessage form,
.templateSystemMessage form .field-wrap {margin:0; padding: 0;}
.templateSystemMessage form input[type="submit"] {background-color: #7252ac; color: #fff; border-color: #7252ac; margin-top: 0.5rem;}
.templateSystemMessage form input[type="submit"]:hover {background-color: #614692; border-color: #5b4289;}


/*ALERTS*/
.alert {margin: 1rem 0; padding: 0.75rem 1.25rem; position: relative; background: transparent; border: #cccccc solid 1px; display: none;}
.alert:before {content: ""; font-family: "Material Icons"; font-size: 1.25rem; padding-right: 0.5em; vertical-align: sub;}
.alert.alert-danger {color: #f22d54; border-left: #f22d54 solid 5px;}
.alert.alert-danger:before {content: "\e5c9";}
.alert.alert-success {color: #9baa00; border-left: #9baa00 solid 5px;}
.alert.alert-success:before {content: "\e86c";}
.alert.alert-warning {color: #f3a91b; border-left: #f3a91b solid 5px;}
.alert.alert-warning:before {content: "\e887";}
.alert.alert-info {color: #00a5d5; border-left: #00a5d5 solid 5px;}
.alert.alert-info:before {content: "\e88e";}


/*COMPANION*/
.companion_select_data {border-bottom-color: #ced4da; border-top: 1px solid #ced4da;}
.companion_select_data + .companion_select_data {border-top: none;}


/*SIMPLECONTINGENT*/
.simplecontingent-module-details {padding-left: 1.5rem;}
.simplecontingent-module-contingent {padding-left: .5em;}
.simplecontingent-module-contingent:before {content: "(";}
.simplecontingent-module-contingent:after {content: ")";}


/*SHAREHOLDERS
------------------------------------------------------------------*/

#shareholder-code-wrap .addCode {margin-bottom: 1em;}
#shareholder-code-wrap .addCode:before {font-family: "Material Icons"; content:"\e145"; margin-right: 0.25rem;}
#shareholder-code-wrap .input-wrap input {width:95%; float: left;}
#shareholder-code-wrap .removeCode {float:right; padding: 0.5rem 0;}
.addGuests {display: inline-block; margin-top: 1rem;}


/*===============================================================
                        BREAKPOINT 1200px
===============================================================*/

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

    /*BANNER*/
    .banner {height: 320px;}

}


/*===============================================================
                        BREAKPOINT 840px
===============================================================*/

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

    /*BASE*/
    section, aside {width: 100%; float: none;}
    aside {margin-bottom: 40px;}
    aside img {display: none;}

}


/*===============================================================
                        BREAKPOINT 600px
===============================================================*/

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

     /*BASE*/
    .content {margin: 40px auto;}

    /*TYPO*/
    h1 {font-size: 2.5em; margin: 0 0 0.5em 0;}

    /*BANNER*/
    .banner {height: 200px;}

    /*FORM*/
    .select-wrap {border-bottom: 2px solid #ddd; height: 2.7em;}

}