/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:400,400i,700,700i|Roboto:400,500,700,900&display=swap&subset=latin-ext');

/* MISC */
body {
    font-size: 20px; 
    line-height: 1.7; 
    font-family: "Merriweather Sans", sans-serif; 
    color: #0A0A0A; 
    background-color: #f5f5f5; 
    position: relative;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
::selection {
    background: #444 !important;
    color: #fff;
}
a {
    color: #999; 
    transition: all 0.3s;
}
a:hover, a:active, a:focus {
    outline: 0; 
    color: #FF715B; 
    text-decoration: none;
}
p a {
    color: #0A0A0A;  
    border-bottom: 2px solid #FF715B;
}
p a:hover, p a:active, p a:focus {
    outline: 0; 
    color: #999; 
    text-decoration: none;
}
p {
    padding: 0; 
    margin: 0 0 30px 0;
}
strong, .strong {
    color: #FF715B; 
    font-weight: 700;
}
.relative {
    position: relative;
}
img {
    max-width: 100%; 
    height: auto;
}
.center {
    text-align: center !important;
}
.vertical-center {
    align-items: center;
}
.container-fluid {
    max-width: 1800px;
}
.text-center {
    text-align: center;
}
.padBot20 {
    padding-bottom: 20px;
}
.marTop30 {
    margin-top: 30px;
}
.marBot30 {
    margin-bottom: 30px;
}
.marBot50 {
    margin-bottom: 50px !important;
}
.marBot60 {
    margin-bottom: 60px !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700; 
    margin-bottom: 25px;
}
.h1, h1 {
    font-size: 3rem;
}
.h4, h4 {
    font-size: 1.2rem; 
    color: #7f7f7f;
}
.small-consent {
    font-size: 80%; 
    font-weight: 400; 
    font-style: italic;
}
.small-consent p {
    margin-bottom: 0;
}

/* HEADER */
#header {
    background: #fff; 
    height: 80px; 
    position: fixed; 
    left: 0; 
    top: 0; 
    right: 0; 
    transition: all 0.3s;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1); 
    z-index: 997;
}
#header.header-scrolled {
    height: 66px; 
    transition: all 0.3s;
}
.navbar {
    background: #fff; 
    padding: 0px 50px; 
    align-items: flex-start;
}
.navbar>.container-fluid {
    align-items: flex-start; 
    justify-content: flex-end;
}
.header-holder {
    width: 100%; 
    display: flex; 
    justify-content: space-between;
}
#header #logo {
    padding-top: 10px; 
    width: 260px; 
    height: auto; 
    margin-right: auto;
}
#header #logo img {
    padding: 0; 
    margin: 0; 
    width: 260px; 
    height: auto; 
    transition: all 0.3s;
}
#header.header-scrolled #logo img {
    width: 200px; 
    height: auto;
}

/* NAVIGATION */
.nav-holder {
    width: 100%; 
    max-width: 1800px; 
    display: flex; 
    justify-content: space-between;
}
.navbar-nav li.active a.nav-link {
    color: #FF715B; 
    border-bottom: 3px solid #FF715B;
}
a.nav-link, .navbar .dropdown-menu .container ul li a {
    color: #0A0A0A; 
    font-size: 16px; 
    font-weight: 700; 
    border-bottom: 3px solid transparent;
}
a.nav-link:hover, a.nav-link:focus {
    color: #FF715B;
}
.navbar-nav .nav-link {
    position: relative;
}
.dropdown-toggle::after {
    display: none;
}

/* HAMBURGER */
.hamburger {
    padding: 20px 15px 9px; 
    display: inline-block; 
    cursor: pointer; 
    transition-property: color, filter;
    transition-duration: 0.15s; 
    transition-timing-function: linear; 
    font: inherit; 
    color: #666; 
    text-transform: none;
    background-color: transparent; 
    border: 0; 
    margin: 0; 
    overflow: visible;
}
.hamburger:hover {
    color: #FF715B;
}
.hamburger.is-active:hover {
    color: #FF715B;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #FF715B;
}

.hamburger-box {
    width: 40px; 
    height: 24px; 
    display: inline-block; 
    position: relative;
}
.hamburger-inner {
    display: block; 
    top: 50%; 
    margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px; 
    height: 4px; 
    background-color: #666;
    border-radius: 4px; 
    position: absolute; 
    transition-property: transform; 
    transition-duration: 0.15s; 
    transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
    content: ""; 
    display: block;
}
.hamburger-inner::before {
    top: -10px;
}
.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s; 
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg); 
    transition-delay: 0.12s; 
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
    top: 0; 
    opacity: 0; 
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0; 
    transform: rotate(-90deg); 
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* SIDE FLYOUT */
#slide-holder {
    position: fixed; 
    right: 0; 
    top: 160px;
}
#slide-panel {
    width: 180px; 
    height: 60px; 
    margin-right: -180px; 
    float: right;
    color: #0A0A0A; 
    background: #FF715B; 
    position: relative;
}
a.opener {
    float: left; 
    margin: 0 0 0 -61px; 
    display: block;
    color: #0A0A0A; 
    font-size: 28px; 
    background-color: #FF715B; 
    text-transform: uppercase;
    text-align: center; 
    line-height: 60px; 
    width: 60px; 
    height: 60px;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition-property: all 0.25s ease-in-out;
    -ms-transition-property: all 0.25s ease-in-out;
}
a.opener:hover {
    color: #fff;
}
.slide-content {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 180px;
}
.slide-text {
    font-size: 20px; 
    text-align: center; 
    line-height: 60px;
}
.slide-text a {
    color: #0A0A0A;
}
.slide-text a:hover, .slide-text a:focus {
    color: #fff;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    display: table; 
    width: 100%; 
    height: 100vh; 
    background-size: cover; 
    background-position-x: right;
}
#hero .hero-container {
    color: #fff; 
    background: rgba(0, 0, 0, 0.0); 
    display: table-cell; 
    margin: 0; 
    padding: 0 10px; 
    vertical-align: middle;
}
#hero .hero-container h1 {
    font-size: 72px; 
    font-weight: 700; 
    line-height: 1.1; 
    text-transform: uppercase; 
    margin-bottom: 40px;
}
#hero .hero-container h2 {
    font-size: 18px; 
    font-weight: normal; 
    line-height: 1.5; 
    margin-bottom: 30px;
}
#hero a.btn-get-started {
    color: #0A0A0A; 
    font-size: 16px; 
    font-weight: 900; 
    font-family: "Roboto", sans-serif; 
    text-align: center; 
    text-transform: uppercase;
    padding: 20px 40px; 
    border: none; 
    background: #FF715B; 
    display: inline-block; 
    letter-spacing: 0.5px; 
    transition: all 0.3s; 
    position: relative;
}
#hero a.btn-get-started:hover {
    color: #fff; 
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); 
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}
#hero a.btn-get-started:after {
    content:"\f04b"; 
    font-family: 'FontAwesome'; 
    width: 56px; 
    height: 56px; 
    background-color: #ccc; 
    text-align: center; 
    line-height: 56px; 
    border-radius: 50%; 
    transition: all 0.3s; 
    position: absolute; 
    top: 50%; 
    margin-top: -28px; 
    right: -80px;
}
#hero a.btn-get-started:hover:after {
    color: #FF715B; 
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); 
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}
.hero-arrow {
    position: relative;
}
.arrow-holder {
    position: absolute; 
    left: 15px; 
    bottom: -100px;
}
a#scroll {
    cursor: pointer;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
.section-white {
    padding: 55px; 
    background-color: #fff; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 40px; 
    max-width: 1250px;
}
.section-white.two-rows {
    padding-bottom: 0;
}
.section-grey {
    padding-bottom: 70px;
}
.section-first {
    padding-top: 70px;
}
.section-text ul {
    list-style: none; 
    padding: 0;
}
.section-text ul li {
    position: relative; 
    display: block; 
    padding: 0 0 1em 2em; 
    margin: .5em 0;
}
.section-text ul li::before {
    content: ""; 
    position: absolute; 
    width: 5px; 
    height: 36px; 
    left: 0; 
    top: -5px; 
    background-color: #D8D8D8;
}
.section-text.text-big ul li::before {
    top: 0px;
}
.section-text h3 {
    color: #FF715B; 
    font-size: 20px; 
    line-height: 1.6;
}
.section-text strong {
    color: #000;
}
.section-white.section-text ul li::before {
    content: ""; 
    position: absolute; 
    width: 5px; 
    height: 40px; 
    left: 0; 
    top: -3px; 
    background-color: #D8D8D8;
}
.row-two {
    padding-bottom: 30px;
}
.section-logos {
    padding: 50px 55px 20px;
    background-color: #fff; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 40px; 
    max-width: 1250px;
}

/* ACCORDION */
.accordion .card {
    border: none; 
    border-radius: 0;
}
.accordion .card-header {
    background-color: #fff; 
    padding: 0; 
    border: none; 
    border-radius: 0;
}
.accordion a.acc {
    background-color: #FF715B; 
    padding: 28px 40px; 
    display: block; 
    cursor: pointer; 
    font-family: "Roboto", sans-serif; 
    font-weight: 700; 
    letter-spacing: 1px;
}
.accordion a.acc:hover {
    background-color: #FF715B;
}
.accordion .acc::after {
    content: "\f068"; 
    font-family: 'FontAwesome'; 
    position: absolute; 
    top: 30px; 
    right: 20px;
}
.accordion .acc.collapsed {
    background-color: #f5f5f5;
}
.accordion .acc.collapsed::after {
    content: "\f067";
}
.accordion .card-body {
    padding: 28px 40px;
}

/* CTA MODAL */
#ctaModal .modal-content {
    border: none; 
    border-radius: 0;
}
#ctaModal .modal-header {
    border: none; 
    border-radius: 0;
}
#ctaModal .modal-header img {
    width: 40px; 
    height: 40px;
}
.close {
    font-size: 2.5rem;
}
#ctaModal .modal-body {
    font-size: 24px; 
    text-align: center; 
    text-transform: uppercase; 
    padding: 0.5rem 1rem 2rem; 
    border-radius: 0;
}
#ctaModal .modal-body p {
    margin: 0 0 5px 0;
}
#ctaModal .modal-body p a {
    color: #FF715B; 
    font-weight: 700; 
    text-decoration: none; 
    border-bottom: none;
}

/* VIDEO MODAL */
.modal-custom {
    max-width: 80%;
}
.modal-custom .modal-content {
    background-color: transparent; 
    border: none;
}
.modal-custom .close {
    color: #fff; 
    opacity: 0.7; 
    transition: all 0.3s;
}
.modal-custom .close:hover {
    opacity: 1;
}

/* CONTENT */
#main {
    flex: 1;
}
section, .container {
    position: relative;
}
.subhead {
    padding-top: 170px;
}
.subhead h1 {
    text-transform: uppercase;
}
.section-grey.subcontent {
    padding-top: 0;
}
.section-end {
    padding-bottom: 65px;
}
.section-last {
    margin-bottom: 0;
}
.section-white.section-acc {
    padding: 55px 40px;
}
.grey-last {
    padding-bottom: 0;
}
.subtext {
    margin-top: 70px;
}
.subtext table {
    width: 100%;
}
.subtext table tr th, .subtext table tr td {
    padding: 5px 10px; 
    vertical-align: top;
}
.section-logos h2 {
    margin-bottom: 0;
}
.logos-holder {
    display: flex;
    justify-content: space-between;
}
.logo-media img, .logo-media a img, .logo-media a:focus img {
    filter: grayscale(100%);
    opacity: 0.5;
    transition: all 0.3s;
}
.logo-media a:hover img {
    filter: grayscale(0%);
    opacity: 1;
}
.blockquote p {
    font-size: 24px; 
    position: relative; 
    display: block; 
    padding: 0 0 1em 1.2em; 
    margin: .5em 0;
}
.blockquote p::before {
    content: ""; 
    position: absolute; 
    width: 5px; 
    height: 40px; 
    left: 0; 
    top: -3px; 
    background-color: #D8D8D8;
}
.text-big {
    font-size: 24px;
}
.line-up {
    padding-top: 40px;
}
.line-up::before {
    content: ""; 
    position: absolute; 
    top: 0; 
    width: 350px; 
    height: 1px; 
    border-top: 1px solid #000;
}
.text-center .line-up::before {
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 50%;
    margin-left: -175px; 
    width: 350px; 
    height: 1px; 
    border-top: 1px solid #000;
}
.text-center .blockquote p::before {
    margin-left: -28px; 
    left: auto;
}
.text-black p {
    font-weight: 700;
}
.video-holder, .area-image {
    margin-top: 30px; 
    margin-bottom: 30px;
}
body.students .arrow-down, body.news .arrow-down {
    margin-bottom: 70px;
}
.arrow-down::after {
    content: ""; 
    position: absolute; 
    top: 100%; 
    left: 13px; 
    background-image: url(../img/arrow-short.png); 
    height: 40px; 
    width: 10px; 
    display: block;
}
.subhead-holder {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    margin-left: auto; 
    margin-right: auto; 
    max-width: 1250px; 
    position: relative;
}
.subhead-holder .overlay {
    background: #023a69; 
    position: absolute; 
    z-index: 1; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    opacity: 0.3;
}
.subhead-content {
    color: #fff; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    top: 70%; 
    transform: translate(0, -50%);
}
body.students .subitem a.has-video {
    cursor: pointer;
}
body.students .subitem a.has-video:before {
    content:"\f04b"; 
    font-family: "FontAwesome"; 
    font-size: 4rem; 
    color: rgba(245, 245, 245, 0.75);
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: auto; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border-radius: 50%; 
    transition: all 0.3s;
}
body.students .subitem a.has-video:hover:before {
    color: rgba(245, 245, 245, 0.95);
}
.subnews {
    padding-top: 110px;
}
.link-up {
    padding-bottom: 30px;
}
.link-down {
    padding-top: 40px; 
    padding-bottom: 30px;
}
.section-news h1 {
    margin-bottom: 40px; 
    text-transform: uppercase;
}
.subtit h2 {
    padding-top: 40px;
}
.news-date {
    margin-bottom: 30px;
}

.linkS {
    text-align: center;
}
.linkS a {
    font-size: 14px; 
    font-weight: 700; 
    letter-spacing: 1.2px; 
    text-transform: uppercase; 
    padding-right: 25px; 
    position: relative;
}
.linkL a {
    font-size: 14px; 
    font-weight: 700; 
    letter-spacing: 1.2px; 
    text-transform: uppercase; 
    position: relative;
}
.linkL a::after {
    content: url(../img/arrow-left-short.png); 
    position: absolute; 
    width: 40px; 
    height: 10px; 
    left: -55px; 
    top: -2px; 
    transition: all 0.3s;
}
.linkR {
    text-align: right;
}
.linkR a {
    font-size: 14px; 
    font-weight: 700; 
    letter-spacing: 1.2px; 
    text-transform: uppercase; 
    position: relative;
}
.linkR a::after {
    content: url(../img/arrow-right-short.png); 
    position: absolute; 
    width: 40px; 
    height: 10px; 
    right: -55px; 
    top: -2px; 
    transition: all 0.3s;
}

/* ARTICLES */
.row.sub-items > [class*="col-"] {
    display: flex; 
    align-items: stretch;
}
a.subtile {
    padding: 30px 30px 0; 
    display: block; 
    margin-bottom: 30px; 
    overflow: hidden; 
    position: relative; 
    background-color: #fff;
}
a.subtile h2 {
    font-size: 32px; 
    color: #0A0A0A; 
    line-height: 1.2; 
    margin-bottom: 20px;
}
a.subtile .subtile-text {
    color: #0A0A0A; 
    margin-bottom: 90px;
}
a.subtile p {
    color: #0A0A0A; 
    font-size: 16px;
}
a.subtile:hover {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); 
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}
.link-more-holder {
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    height: 60px; 
    padding-left: 30px; 
    padding-right: 30px;
}
.link-more {
    color: #FF715B; 
    font-size: 14px; 
    font-weight: 700; 
    position: relative; 
    display: inline-block;
}
.link-more::after {
    content: ""; 
    position: absolute; 
    background-image: url(../img/arrow-right.png); 
    top: 6px; 
    right: -100px;
    height: 10px; 
    width: 80px; 
    display: block;
}

/* STUDENTS */
.subitem {
    display: block; 
    margin-bottom: 30px; 
    overflow: hidden; 
    position: relative; 
    background-color: #fff;
}
.subitem figure {
    margin: 0;
}
.subitem a.has-video {
    position: relative;
}
.subitem .details {
    padding: 20px 30px 30px;
}
.gal .subitem .details {
    padding: 20px 0 30px;
}
.subitem .details .info p {
    font-size: 20px; 
    font-style: italic; 
    line-height: 1.6; 
    margin-bottom: 25px; 
    position: relative;
}
.subitem .details .info p::before {
    content: open-quote;
}
.subitem .details .info p::after {
    content: close-quote;
}
.subitem .details .name {
    font-size: 18px; 
    font-weight: 700; 
    line-height: 1.2; 
    margin-bottom: 10px;
}
.subitem .details .function {
    font-size: 16px; 
    color: #686868; 
    line-height: 1.2;
}
.subitem .details .function:first-letter {
    text-transform: uppercase;
}
.button-holder {
    margin-bottom: 30px;
}
.button-holder a {
    color: #0A0A0A; 
    font-size: 16px; 
    font-weight: 900; 
    font-family: "Roboto", sans-serif; 
    text-align: center; 
    text-transform: uppercase;
    padding: 20px 40px; 
    border: none; 
    background: #FF715B; 
    width: 100%; 
    letter-spacing: 0.5px; 
    transition: all 0.3s; 
    position: relative;
}
.button-holder a:hover {
    color: #fff; 
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); 
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}

/* MAP */
.map-holder {
    position: relative; 
    padding: 0; 
    background: #fff;
}
#map {
    height: 500px;
}

/* CONTACT */
.contact .section-white {
    margin-bottom: 0;
}
.contact .modal-body {
    text-align: center;
}
.form-group {
    margin-bottom: 10px;
}
.form-group.form-mar {
    margin-bottom: 40px;
}
.form-group.form-multi input {
    margin-bottom: 30px;
}
.form-control {
    color: #7f7f7f; 
    font-size: 18px; 
    letter-spacing: 1px; 
    border: 1px solid #0A0A0A; 
    background-color: #f5f5f5; 
    border-radius: 0; 
    padding: 14px 20px;
}
.form-control:focus {
    background-color: #f5f5f5; 
    border-color: #FF715B; 
    box-shadow: none;
}
.custom-control {
    padding-left: 3.5rem;
}
.custom-control-label {
    font-size: 18px;
}
.btn.btn-custom {
    color: #0A0A0A; 
    font-size: 22px; 
    font-weight: 700; 
    text-transform: uppercase; 
    font-family: "Roboto", sans-serif;
    background: #FF715B; 
    padding: 32px 55px; 
    border: 0; 
    border-radius: 0; 
    margin-top: 30px; 
    transition: all 0.3s; 
    cursor: pointer;
}
.btn.btn-custom:hover {
    color: #fff; 
    background: #FF715B; 
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); 
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}
.input80 input {
    width: 70%;
}
.input40 input {
    width: 30%; 
    margin-right: 30px; 
    display: inline-block;
}
.input40 input.input-last {
    margin-right: 0px;
}
.input40 input.input60last {
    width: 63%; 
    margin-right: 0px;
    display: inline-block;
}
.custom-control-input.is-valid~.custom-control-label, 
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #888;
}
.custom-control-input.is-valid~.custom-control-label::before, 
.was-validated .custom-control-input:valid~.custom-control-label::before {
    background-color: #fff;
}
.custom-control-input.is-valid:checked~.custom-control-label::before, 
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    background-color: #FF715B;
}
.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, 
.was-validated .form-control:valid {
    border-color: #888;
}
.custom-control-input.is-invalid~.custom-control-label::before, 
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    background-color: #ca0202;
}
.custom-control-input.is-invalid~.custom-control-label, 
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #ca0202;
}
.was-validated .form-control:invalid {
    border-width: 2px;
}

    /* radio circle */
.custom-control.custom-radio {
    margin-bottom: 24px;
}
.custom-radio .custom-control-label {
    cursor: pointer;
}
.custom-radio .custom-control-label::after {
    width: 32px; 
    height: 32px; 
    top: 0;
}
.custom-radio .custom-control-label::before {
    width: 32px; 
    height: 32px; 
    top: 0; 
    background-color: #f5f5f5; 
    border: 1px solid #0A0A0A;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #FF715B; 
    border: 1px solid #FF715B;
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow:none !important;
}

/* radio button */
.radio-toolbar {
    display: flex; 
    flex-wrap: wrap;
}
.radio-toolbar input[type="radio"], .radio-toolbar input[type="checkbox"] {
    opacity: 0; 
    position: fixed; 
    width: 0;
}
.radio-toolbar label {
    display: block; 
    background-color: #f5f5f5; 
    width: 190px; 
    height: 56px; 
    margin-bottom: 30px; 
    margin-right: 30px;
    font-size: 18px; 
    line-height: 56px; 
    text-align: center; 
    letter-spacing: 1px;
    border: 1px solid #0A0A0A; 
    border-radius: 0; 
    transition: all 0.3s; 
    cursor: pointer;
}
.radio-toolbar label:hover {
    background-color: #fff;
}
.radio-toolbar input[type="radio"]:focus + label {
    color: #fff; 
    background-color: #FF715B; 
    border-color: #FF715B;
}
.radio-toolbar input[type="radio"]:checked + label, 
.radio-toolbar input[type="checkbox"]:checked + label {
    color: #fff; 
    background-color: #FF715B; 
    border-color: #FF715B;
}

/* checkbox */
.custom-checkbox .custom-control-label::before {
    width: 32px; 
    height: 32px; 
    border-radius: 0; 
    background-color: #f5f5f5; 
    border: 1px solid #0A0A0A; 
    top: 0;
}
.custom-control-label::after {
    width: 32px; 
    height: 32px; 
    top: 0;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #FF715B; 
    border: 1px solid #FF715B;
}
.check-mar {
    margin-bottom: 40px;
}
.contact-text {
    margin-bottom: 40px;
}
.contact h2 {
    border-bottom: 2px solid #007dc3; 
    padding-bottom: 10px; 
    margin-bottom: 20px;
}
.custom-file-input {
    height: 46px;
}
.custom-file-label {
    color: #7f7f7f; 
    font-size: 18px; 
    letter-spacing: 1px; 
    border: 1px solid #0A0A0A; 
    background-color: #f5f5f5; 
    border-radius: 0; 
    padding: 14px 20px;
    height: 57px;
}
.custom-file-label::after {
    content:"Naloži";
    font-family: "Roboto", sans-serif;
    height: 55px;
    padding: 10px 20px;
    color: #0A0A0A;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2;
    background-color: #FF715B;
    border-left: none;
    border-radius: 0;
}

.custom-control-label.main-label {
    font-size: 24px; 
    color: #FF715B; 
    font-weight: 700; 
    position: relative; 
    display: block; 
    padding: 0 0 35px 30px;
}
.custom-control-label.main-label::after {
    content: ""; 
    position: absolute; 
    width: 5px; 
    height: 40px; 
    left: 0; 
    top: -3px; 
    background-color: #D8D8D8;
}
.custom-control-label.main-label::before {
    height: 0;
}

/* OWL CAROUSEL */
.carousel-two {
    margin-top: 60px;
}
.owl-carousel h3 {
    font-size: 18px; 
    line-height: 1.3; 
    margin-bottom: 10px; 
    padding-top: 24px;
}
.owl-carousel h3::before {
    content: ""; 
    position: absolute; 
    top: 0; 
    width: 350px; 
    height: 1px; 
    border-top: 1px solid #000;
}
.owl-carousel h4 {
    font-size: 18px; 
    line-height: 1.2; 
    font-weight: 700; 
    color: #7f7f7f; 
    margin-bottom: 40px;
}
.owl-carousel h5 {
    font-size: 16px; 
    line-height: 1.2; 
    font-weight: 400; 
    color: #686868; 
    margin-bottom: 40px;
}
.owl-carousel h5:first-letter {
    text-transform: uppercase;
}
.owl-nav {
    margin-top: -7px; 
    text-align: center; 
    position: relative;
}
.carousel-three .owl-nav {
    margin-left: 42.6%;
}
.owl-dots {
    margin-top: 5px; 
    text-align: center;
}
.owl-dot {
    display: inline-block; 
    margin: 0 5px; 
    width: 20px; 
    height: 5px; 
    background-color: #ddd;
}
.owl-dot.active {
    background-color: #FF715B;
}
.owl-prev {
    width: 80px; 
    height: 10px; 
    position: absolute; 
    top: 100%; 
    left: 0px;
    display: block !important; 
    border: none; 
    transition: all 0.3s;
}
.owl-next {
    width: 80px; 
    height: 10px; 
    position: absolute; 
    top: 100%; 
    left: 120px;
    display: block !important; 
    border: none; 
    transition: all 0.3s;
}
.arrow-left {
    background-image: url(../img/arrow-left.png); 
    height: 10px; 
    width: 80px;
}
.arrow-right {
    background-image: url(../img/arrow-right.png); 
    height: 10px; 
    width: 80px;
}
.owl-prev:hover, .owl-next:hover {
    opacity: 0.3; 
    filter: alpha(opacity=30);
}
.carousel-one q, .carousel-three q {
    font-size: 20px; 
    font-style: italic;  
    padding-bottom: 40px; 
    display: block;
}
.carousel-two .answer {
    line-height: 1.7;
}
.carousel-two q {
    color: #FF715B; 
    font-size: 16px; 
    font-weight: 700; 
    padding-bottom: 40px;
}
q::before {
    content: open-quote;
}
q::after {
    content: close-quote;
}
.section-carousel-two {
    padding-bottom: 70px; 
    margin-bottom: 40px;
}
.question {
    font-size: 36px; 
    font-weight: 700; 
    line-height: 1.2;
}

/* BUTTONS */
.button {
    color: #252525; 
    background: transparent; 
    border: 2px solid #af0238; 
    display: inline-block;
    position: relative; 
    z-index: 1; 
    padding: 15px 25px; 
    border-radius: 0; 
    cursor: pointer;
    font-size: 12px; 
    font-weight: 700; 
    letter-spacing: 1.2px; 
    text-transform: uppercase; 
    transition: all 0.3s;
}
.button:hover, .button:focus, .button:active:focus {
    text-decoration: none; 
    background: #af0238; 
    color: #fff;
}

/* BACK TO TOP */
.back-to-top {
    background-color: #FF715B; 
    color: #0a0a0a; 
    width: 46px; 
    height: 46px; 
    font-size: 24px; 
    line-height: 42px; 
    text-align: center; 
    text-decoration: none;
    position: fixed; 
    z-index: 8030; 
    bottom: 70px; 
    right: 50px; 
    display: none;
    cursor: pointer; 
    transition: all 0.3s;
}
.back-to-top:hover {
    background-color: #FF715B; 
    color: #fff; 
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); 
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

/* PRELOADER */
#preloader {
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    background-color: #fff; 
    z-index: 999;
}
#status {
    width: 64px; 
    height: 64px; 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    margin: -32px 0 0 -32px;
}
#status:after {
    content: url(../img/preloader.png); 
    width: 64px; 
    height: 64px; 
    position: absolute; 
    z-index: 9000;
    -moz-animation: rotation 2s infinite linear; 
    -o-animation: rotation 2s infinite linear;
    -webkit-animation: rotation 2s infinite linear; 
    animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); }
}
@-moz-keyframes rotation {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(359deg); }
}
@-o-keyframes rotation {
    0% { -o-transform: rotate(0deg); }
    100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes rotation {
    0% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(359deg); }
}
@keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(359deg); }
}

/* FOOTER */
footer {
    color: #333; 
    font-size: 16px; 
    line-height: 32px; 
    letter-spacing: 1px; 
    font-family: "Roboto", sans-serif; 
    background-color: transparent; 
    padding: 50px 0;
}
footer a {
    color: #333;
}
.footer-links a {
    white-space: nowrap; 
    position: relative; 
    margin-right: 10px; 
    padding-right: 12px;
}
.footer-links a:after {
    content:"\f04d"; 
    font-family: "FontAwesome"; 
    position: absolute; 
    color: #333; 
    font-size: 6px; 
    right: -4px;
}
.footer-links a:last-of-type:after {
    content: "";
}
footer a:hover, footer a:focus {
    color: #FF715B;
}
.copyright {
    text-align: right;
}
.social-media a {
    color: #333; 
    font-size: 22px; 
    line-height: 32px; 
    display: inline-block; 
    margin-right: 20px; 
    text-decoration: none; 
    transition: all 0.3s;
}