/* layout */

body {
    color: black;
    line-height: 1.4em;
    overflow-x: hidden;
    font-family: 'Open Sans' !important;
    font-size: 16px;
    /* background-color: #14222f; */
}

body p {
    margin-bottom: 20px;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(img/menu_expend.png);
    width: 2.1em !important;
    height: 2.1em !important;
}

.navbar-toggler {
    border: none;
}

#banda-sus {
    height: 10px;
    background-color: #14222f;
}

.max-width-dut {
    max-width: 1140px !important;
}

.max-width-dut-half {
    max-width: 570px !important;
}

.navbar {
    background-color: white;
}

.navbar-toggler-icon {
    width: 1.1em;
    height: 1.1em;
}

.navbar-toggler {
    font-size: 1em;
}

#contact-button {
    color: black;
    font-size: 1.2em;
    font-weight: 400;
    margin-right: 90px;
}

#contact-button:hover {
    text-decoration: none;
}

#footer {
    background-color: #14222F;
    border-top: solid 30px #1E3957;
    color: #969BA1;
    font-size: .8em;
    z-index: 8;
}

#footer-title {
    color: white;
    margin-top: 30px;
    font-size: 1.1em;
    font-weight: bold;
}

#footer-title-line {
    background: #FCB132;
    width: 50px;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.footer-hr {
    height: 1px;
    color: #414B57;
    background-color: #414B57;
    border: none;
    width: 70%;
    margin: auto;
}

#footer-copyright {
    text-align: center;
    color: #969BA1;
    padding-bottom: 20px;
}

#footer .nav-link {
    padding: 0rem 1rem;
    color: #969BA1;
}

#footer a.nav-link:hover {
    color: white;
}

#footer-newsletter {
    background-color: #182C44;
}

.titlu-interior {
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 36px;
}

.titlu-mic-interior {
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 26px;
}

.subtitlu-interior {
    font-family: "Open Sans" !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

.continut-mic-interior {
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 16px;
}

.icons-interior {
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 16px;
}

.icons-interior span {
    line-height: 45px;
}

.continut-titlu-mic {
    text-transform: uppercase;
    color: black;
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 900;
    clear: right;
    margin: 0px;
    padding: 0px;
}

.continut-titlu-mare {
    font-size: 36px;
    font-family: 'Montserrat';
    font-weight: 900;
    color: black;
    margin-bottom: 2rem;
}

.titlu-linie {
    width: 30px;
    height: 12px;
    border-bottom: 3px solid black;
    float: left;
    margin-right: 7px;
}

.continut-titlu-mare-hr {
    height: 3px;
    width: 40px;
    color: #F9B335;
    ;
    background-color: #F9B335;
    margin-top: -50px;
}

.continut-interior-hr {
    height: 1px;
    color: #778494;
    background-color: #778494;
    border: none;
    width: 100%;
    margin: auto;
}

.titlu-interior-hr {
    height: 3px;
    width: 40px;
    color: #F9B335;
    ;
    background-color: #F9B335;
    ;
}

#cursuri-logo div {
    float: left;
    width: 55px;
    height: 100%;
    margin: 0px 8px 8px 0px;
}

#cursuri-logo span {
    display: block;
    text-align: center;
    font-size: .7em;
    line-height: 1em;
    margin-top: 4px;
    font-family: 'Open Sans';
}

#cursuri-logo a {
    width: 100%;
    height: auto;
    background-color: #BCBEC0;
    display: block;
}

#cursuri-logo a img {
    width: 55px;
    height: auto;
}

#cursuri-logo a:hover, #cursuri-logo a.selected {
    background-color: #F9B335;
}

nav {
    z-index: 7;
}

#header-pic {
    z-index: 6;
}

.social-btn a {
    color: #768493;
    text-decoration: none;
    font-size: .8em;
}

/* home */

.linkHeaderHome:hover {
    text-decoration: none;
}

#header-home-stanga {
    height: 300px;
    background-image: url(img/home_stanga.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#header-home-stanga-content {
    background-image: url(img/welcome_gradient.png);
    background-size: contain;
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
}

#header-home-stanga div#header-home-stanga-text {
    color: white;
    z-index: 20;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(img/welcome.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 65%;
    height: 65%;
}

#header-home-stanga div a {
    display: inline;
    padding: 5px 15px;
    border: solid 1px white;
    color: white;
    font-size: .8em;
}

#header-home-stanga div a:hover {
    text-decoration: none;
}

#header-home-stanga div h1 {
    font-weight: bold;
    font-size: 2em;
}

#header-home-dreapta {
    height: 300px;
    background-color: #013050;
    background-image: url(img/home_fundal.png);
    background-size: cover;
}

#header-home-dreapta-harta {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(img/harta_home.png);
    background-position: 0px -100px;
    background-size: 230px;
    background-repeat: no-repeat;
}

#header-home-dreapta-castigatori {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(img/castigatori_home.png);
    background-position: center bottom;
    background-size: 300px;
    background-repeat: no-repeat;
}

#home-background {
    width: 100%;
    height: auto;
    margin-bottom: 70px;
    position: relative;
}

#rand1 {
    height: 120px;
    background-color: #14222f;
}

#rand2 {
    height: 1200px;
    background-color: #14222f;
}

#rand3 {
    height: 130px;
    background-image: url(img/sageata_home.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

#home-content {
    z-index: 2;
    position: relative;
}

#home-row-icons a {
    color: #969BA1;
    font-weight: bold;
    padding-top: 40px;
    text-align: center;
    display: block;
    width: 100px;
    margin-bottom: 30px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 30px;
}

#home-row-icons a:hover {
    text-decoration: none;
}

#home-news {
    background-image: url(img/Icon_NEWS_stins.png);
}

#home-news:hover {
    background-image: url(img/Icon_NEWS_aprins.png);
    color: white;
}

#home-calendar {
    background-image: url(img/Icon_CALENDAR_stins.png);
}

#home-calendar:hover {
    background-image: url(img/Icon_CALENDAR_aprins.png);
    color: white;
}

#home-flota {
    background-image: url(img/Icon_FLOTA_stins.png);
}

#home-flota:hover {
    background-image: url(img/Icon_FLOTA_aprins.png);
    color: white;
}

#home-instructori {
    background-image: url(img/Icon_INSTRUCTORI_stins.png);
}

#home-instructori:hover {
    background-image: url(img/Icon_INSTRUCTORI_aprins.png);
    color: white;
}

#home-articole {
    background-image: url(img/Icon_ARTICOLE_stins.png);
}

#home-articole:hover {
    background-image: url(img/Icon_ARTICOLE_aprins.png);
    color: white;
}

#home-foto {
    background-image: url(img/Icon_FOTO_stins.png);
}

#home-foto:hover {
    background-image: url(img/Icon_FOTO_aprins.png);
    color: white;
}

#home-video {
    background-image: url(img/Icon_VIDEO_stins.png);
}

#home-video:hover {
    background-image: url(img/Icon_VIDEO_aprins.png);
    color: white;
}

.home-poza {}

.home-poza-content {
    background-color: white;
    position: relative;
}

.home-img {
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.home-text {
    padding: 15px 10px;
    color: #6f6f6f;
    min-height: 180px;
}

.home-text h1 {
    font-size: 1.1em;
    font-weight: bold;
}

.home-text-span {
    font-weight: bold;
    font-size: .8em;
    position: absolute;
    bottom: 10px;
    left: 15px;
    color: #6f6f6f;
}

#more {
    background-image: url(img/plus_mare_alb.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 94% center;
    height: 40px;
    width: 50px;
}

/* // Small devices  */

@media (min-width: 576px) {
    #rand2 {
        height: 1200px;
    }
    #header-home-stanga {
        height: 300px;
    }
    #header-home-dreapta {
        height: 300px;
    }
    #home-row-icons a {
        padding-top: 55px;
        width: 150px;
        background-size: auto 40px;
    }
    #header-home-dreapta-harta {
        background-position: 0px -140px;
        background-size: 250px;
    }
    #header-home-dreapta-castigatori {
        background-size: 300px;
    }
}

/* // Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
    #rand2 {
        height: 630px;
    }
    #header-home-stanga {
        height: 400px;
    }
    #header-home-dreapta {
        height: 400px;
    }
    #header-home-stanga div#header-home-stanga-text {}
    #header-home-dreapta-harta {
        background-position: 0px -140px;
        background-size: 280px;
    }
    #header-home-dreapta-castigatori {
        background-size: 350px;
    }
}

/* // Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    #rand2 {
        height: 290px;
    }
    #header-home-stanga {
        height: 550px;
    }
    #header-home-dreapta {
        height: 550px;
    }
    #header-home-dreapta-harta {
        background-position: 0px -150px;
        background-size: 290px;
    }
    #header-home-dreapta-castigatori {
        background-size: 400px;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    #header-home-stanga {
        height: 700px;
    }
    #header-home-dreapta {
        height: 700px;
    }
    #header-home-dreapta-harta {
        background-position: 0px -150px;
        background-size: 310px;
    }
    #header-home-dreapta-castigatori {
        background-size: 620px;
    }
    #header-home-stanga div#header-home-stanga-text {}
}

/* calendar */

#calendar-background {
    background-image: url(img/calendar.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 850px;
    background-color: #1C3756;
    position: relative;
    z-index: -1;
}

#calendar-background1 {
    background-color: white;
    width: 170%;
    height: 1150px;
    position: absolute;
    top: -1100px;
    left: -100px;
    z-index: 1;
    -ms-transform: rotate(355deg);
    /* IE 9 */
    -webkit-transform: rotate(355deg);
    /* Safari 3-8 */
    transform: rotate(355deg);
}

#calendar-background2 {
    background-color: white;
    width: 140%;
    height: 300px;
    position: absolute;
    top: 700px;
    left: -100px;
    z-index: 2;
    -ms-transform: rotate(355deg);
    /* IE 9 */
    -webkit-transform: rotate(355deg);
    /* Safari 3-8 */
    transform: rotate(355deg);
}

#calendar-background3 {
    background-color: #DADADA;
    width: 1900px;
    height: 500px;
    margin-left: 70%;
    -ms-transform: skew(70deg);
    /* IE 9 */
    -webkit-transform: skew(70deg);
    /* Safari 3-8 */
    transform: skew(70deg);
    position: relative;
}

.titlu-linie-calendar {
    border-bottom: 3px solid white;
    width: 30px;
    height: 12px;
    float: left;
    margin-right: 7px;
}

#calendar-content {
    padding-top: 130px;
    z-index: 0;
}

.calendar-icon-div {
    min-width: 135px;
}

.calendar-icon {
    width: 60px;
    height: 40px;
    background-size: 40px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}

.calendar-date {
    text-align: center;
    font-weight: bold;
    width: 45px;
    float: left;
}

.calendar-border {
    width: 10px;
    height: 30px;
    margin-top: 10px;
    border-right: 3px white solid;
    float: left;
}

#calendar-pills {
    margin-top: 210px;
    color: white;
}

#calendar-pills h4 {
    font-size: 1.2em;
    margin-bottom: 0px;
}

.calendar-small {
    text-decoration: none;
    color: white;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    /* IE8 and earlier */
}

.calendar-small:hover {
    color: white;
    text-decoration: none;
}

.calendar-small .col-12 {
    padding-right: 20%;
    background-image: url(img/minus_mare_alb.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 94% center;
}

.collapsed.calendar-small .col-12 {
    background-image: url(img/plus_mare_alb.png);
}

#calendar-more {
    color: white;
    display: block;
}

#calendar-more:hover {
    text-decoration: none;
}

#calendar-more div#calendar-more-div {
    position: relative;
    display: inline-block;
    background-image: url(img/plus_mare_alb.png);
    background-size: 40px;
    width: 40px;
    height: 40px;
}

/* expeditions */

.expedition-item {
    border-bottom: solid 1px #778494;
    padding: 10px 0px;
    color: #778494;
}

.expedition-item-title {
    background-image: url("img/minus_flota.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center right;
}

.collapsed .expedition-item-title {
    background-image: url("img/plus_flota.png");
}

.expedition-item a {
    color: #778494;
    text-decoration: none;
    font-weight: bold;
}

/* // Small devices  */

@media (min-width: 576px) {
    #calendar-more {
        top: 490px;
    }
}

/* // Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .home-text {
        min-height: 180px;
    }
    #calendar-content {
        padding-top: 160px;
    }
    #calendar-background3 {
        margin-left: 60%;
    }
    #calendar-pills {
        left: 25%;
        width: 550px;
        top: 330px;
        top: 370px;
    }
    #calendar-pills {
        margin-left: 20%;
        margin-top: 330px;
    }
    #calendar-more {
        top: 480px;
    }
}

/* // Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .home-text {
        min-height: 220px;
    }
    #calendar-content {
        padding-top: 180px;
    }
    #calendar-background3 {
        margin-left: 50%;
    }
    #calendar-pills {
        left: 35%;
        width: 550px;
        top: 370px;
    }
    #calendar-more {
        top: 480px;
    }
    #calendar-pills {
        margin-left: 40%;
        margin-top: 330px;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    #calendar-content {
        padding-top: 220px;
    }
    #calendar-background3 {
        margin-left: 40%;
    }
    #calendar-background {
        background-size: contain;
    }
    #calendar-pills {
        left: 45%;
        width: 550px;
        top: 370px;
    }
    #calendar-more {
        top: 450px;
    }
    #calendar-pills {
        margin-left: 50%;
        margin-top: 430px;
    }
}

/* contact */

.contact-row1-st-bg {
    background-color: #F7F5F6;
}

.contact-row1-dr-bg {
    background-color: #E0DEDF;
}

.contact-row2-st-bg {
    background-color: #FCB132;
}

.contact-row2-dr-bg {
    background-color: #1D3856;
}

#contact-row-st-bg-100 {
    position: absolute;
    top: 0;
    right: -20px;
    width: 500%;
    height: 100%;
    z-index: -1;
}

#contact-row-dr-bg-100 {
    position: absolute;
    top: 0;
    left: -20px;
    width: 500%;
    height: 100%;
    z-index: -1;
}

#contact-row1-st {
    text-transform: uppercase;
    color: black;
    padding: 30px 45px;
    font-size: 1.2em;
    position: relative;
}

#contact-row2-st {
    color: black;
    padding: 50px 45px 0px 45px;
    height: auto;
    position: relative;
}

#contact-row1-dr {
    text-align: left;
    text-transform: uppercase;
    color: black;
    padding: 30px 45px;
    font-size: 1.2em;
    position: relative;
}

#contact-row2-dr {
    color: white;
    padding: 50px 45px 0px 45px;
    height: auto;
    position: relative;
}

#harta1 {
    height: auto;
    background: linear-gradient(180deg, #FCB132 50%, #FFF 50%);
    background-repeat: repeat-x;
    position: relative;
}

#harta1-bg {
    height: auto;
    background: linear-gradient(180deg, #FCB132 50%, #FFF 50%);
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    right: -20px;
    width: 500%;
    height: 100%;
    z-index: -1;
}

#contact-pin1 {
    background-color: white;
}

#contact-pin1 div.mx-5 {
    width: auto;
    height: 120px;
    background-image: url('img/pin_harta.png');
    background-repeat: no-repeat;
    background-position: right 0px;
    padding-right: 60px;
    text-align: right;
    color: black;
    position: relative;
}

#contact-pin1-bg-100 {
    position: absolute;
    top: 0;
    right: -20px;
    width: 500%;
    height: 100%;
    z-index: -1;
    background-color: white;
}

#harta2 {
    height: auto;
    background: linear-gradient(180deg, #1D3856 50%, #E0DEDF 50%);
    background-repeat: repeat-x;
    position: relative;
}

#harta2-bg {
    height: auto;
    background: linear-gradient(180deg, #1D3856 50%, #E0DEDF 50%);
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    left: -20px;
    width: 500%;
    height: 100%;
    z-index: -1;
}

#contact-pin2 {
    background-color: #E0DEDF;
    position: relative;
}

#contact-pin2 div.mx-5 {
    width: auto;
    height: 120px;
    background-image: url('img/pin_harta.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 60px;
    color: black;
}

#contact-pin2-bg-100 {
    position: absolute;
    top: 0;
    left: -20px;
    width: 500%;
    height: 100%;
    z-index: -1;
    background-color: #E0DEDF;
}

#contact-form {
    margin-bottom: 70px;
    color: black;
}

#contact-form label {
    font-weight: bold;
}

#contact-form button {
    background-color: #FCB132;
    border: none;
}

/* curs */

#curs {
    color: #778494;
}

#materii-titlu {
    height: 2em;
    font-size: 1em;
    text-align: center;
    background-color: #14222f;
    line-height: 2em;
    color: white;
    font-weight: bold;
    margin: 40px 0px;
}

#cursuri-header {
    background-color: #F1F1F1;
    padding: 25px;
    margin: 30px 0px;
}

#cursuri-header h5 {
    color: #F9B335;
    font-weight: bold;
}

.all-courses a {
    display: block;
    line-height: 1.8em;
    font-size: 1em;
    border-top: 1px solid#778494;
    padding-left: 10px;
    text-transform: uppercase;
    color: #778494;
    text-decoration: none;
    font-weight: bold;
}

.all-courses a.selected, #all-courses a:hover {
    color: white;
    background-color: #14222f;
}

a.trainer-link {
    color: #778494;
    text-decoration: underline;
}

/* cursuri */

#cursuri {
    /*background-color: white;*/
}

#cursuri-img {
    background-image: url(../img/cursuri.jpg);
    background-position: center;
    background-size: cover;
    height: 300px;
}

#cursuri-text {
    padding: 20px 0px 10px 30px;
    margin-right: 10%;
    position: relative;
    max-width: 650px;
}

#cursuri-linie-punctata {
    width: 380px;
    top: -70px;
    right: -25px;
    position: absolute;
}

#cursuri .cursuri-number {
    font-size: 54px;
    font-family: 'Montserrat';
    font-weight: 900;
    color: white;
    text-align: center;
}

.cursuri-small {
    background-color: #e0dedf;
    text-decoration: none;
    color: black;
    min-height: 100px;
}

.cursuri-small:hover {
    background-color: #fcb132;
    text-decoration: none;
    color: black;
}

.cursuri-small .col-12 {
    padding-right: 20%;
    background-image: url(img/plus_mare_alb.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 94% center;
}

.cursuri-small h3 {
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 900;
    text-transform: uppercase;
}

.cursuri-small span {
    font-size: 18px !important;
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
}

/* expeditii */

.expeditii-number {
    font-size: 5em;
    font-weight: bold;
    right: 30px;
    top: 60px;
    color: #1E3957;
}

.expeditii-over {
    width: 98.5%;
    height: 98.5%;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    /* IE8 and earlier */
    background-color: #1E3957;
    color: white;
    padding-top: 15%;
    padding-bottom: 10%;
    padding-left: 15%;
    padding-right: 10%;
}

.expeditii-over h1 {
    font-size: 1.3em;
    font-weight: bold;
}

/* faq */

#faq {
    color: #3e536a;
}

.card {
    border: none !important;
    margin-bottom: 20px;
}

.card-header {
    border: none !important;
    background-color: #1c3856;
    padding: .3em .3em;
}

.card-header button {
    color: white;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

.card-header button>div {
    width: 100%;
}

.plus-button {
    background-image: url(img/plus_flota.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
}

.btn-link:focus {
    text-decoration: none;
}

.btn-link:hover {
    color: white;
    text-decoration: none;
}

.btn {
    line-height: 1.8;
    font-size: 1.3rem;
}

/* Articole */

.articol-mic-button {
    color: white !important;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

.articole-more {
    color: #768493;
    text-decoration: underline;
}

/* flota */

#flota h3 {
    font-size: 1.2em;
    color: black;
}

#flota-text {
    background-color: #fcb132;
    height: 100%;
    color: black;
}

.flota-small {
    background-image: url(img/flota_gradient.png);
    background-repeat: repeat-x;
}

.flota-small h3 a {
    color: black;
    font-size: 1.1em;
}

.flota-hr {
    height: 1px;
    color: #778494;
    background-color: #778494;
    border: none;
    width: 70%;
}

.plus-more {
    background-image: url(img/plus_flota.png);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 40px;
    bottom: 0px;
}

.flota-capac {
    color: #778494;
}

/* galerie */

#galerie-row1 {
    background-color: #192939;
    background-image: url(img/nor_dreapta.png);
    background-position: bottom right;
    background-size: contain;
    background-repeat: no-repeat;
}

#galerie-row1-title {
    color: white;
    font-size: 1.3em;
}

#galerie-row2 {
    background-color: #14222f;
}

#galerie-row2-title h1 {
    color: white;
    font-size: 1.3em;
    line-height: 1.5em;
}

#galerie-row2-title {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.galerie-row2-img-over {
    color: white;
    text-align: center;
    line-height: 1em;
    z-index: 20;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 100px;
    padding-top: 60px;
    background-image: url(img/icon_gallery.png);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: top center;
}

.galerie-row2-img-over-mic {
    color: white;
    text-align: center;
    line-height: 1em;
    z-index: 20;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 80px;
    padding-top: 40px;
    background-image: url(img/icon_gallery.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: top center;
}

.galerie-row2-img-over-black {
    opacity: 0.6;
    filter: Alpha(opacity=60);
    /* IE8 and earlier */
    background-color: black;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
}

/* // Small devices  */

@media (min-width: 576px) {
    .galerie-row2-img-over {
        height: 120px;
        padding-top: 70px;
        background-image: url(img/icon_gallery.png);
        background-repeat: no-repeat;
        background-size: 60px;
        background-position: top center;
    }
}

/* // Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {}

/* // Large devices (desktops, 992px and up) */

@media (min-width: 992px) {}

/* // Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}

/* instructori */

.instructori-hr {
    height: 1px;
    border-top: solid black 3px;
    width: 100%;
}

.instructori-text {
    margin-top: 50px;
}

.instructori-text-mic {
    font-size: 20px;
}

.instructori-text h1 {
    font-size: 30px;
    font-family: 'Montserrat';
    font-weight: 900;
    text-transform: uppercase;
}

.instructori-text h2 {
    margin-top: -5px;
    margin-bottom: 40px;
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 500;
}

.instructori-text h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 900;
    text-transform: uppercase;
}

#instructori-background {
    -ms-transform: skewY(-10deg);
    /* IE 9 */
    -webkit-transform: skewY(-10deg);
    /* Safari */
    transform: skewY(-10deg);
    background-color: #FCB132;
    width: 100%;
    height: 360px;
    position: absolute;
    top: 10%;
    z-index: -1;
}

.instructor-poza {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.instructor-poza:hover, .instructor-poza.selected {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

/* Fonts */

.Montserrat900 {
    font-family: 'Montserrat' !important;
    font-weight: 900 !important;
}

.Montserrat500 {
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
}

.OpenSans400 {
    font-family: 'Open Sans' !important;
    font-weight: 400 !important;
}

.OpenSans700 {
    font-family: 'Open Sans' !important;
    font-weight: 700 !important;
}

.OpenSans800 {
    font-family: 'Open Sans' !important;
    font-weight: 800 !important;
}

.size-16px {
    font-size: 16px !important;
}

.size-18px {
    font-size: 18px !important;
}

.size-20px {
    font-size: 20px !important;
}

.size-22px {
    font-size: 22px !important;
}

.size-24px {
    font-size: 24px !important;
}

.size-26px {
    font-size: 26px !important;
}

.size-28px {
    font-size: 28px !important;
}

.size-30px {
    font-size: 30px !important;
}

.size-32px {
    font-size: 32px !important;
}

.size-36px {
    font-size: 36px !important;
}

.size-54px {
    font-size: 54px !important;
}

.error-message {
    color: red;
}