@font-face {
    font-family: "aeroportalmedium";
    src: url("../font/aeroportal_medium-webfont.eot");
    src: url("../font/aeroportal_medium-webfont.eot?#iefix") format("embedded-opentype"),
        url("../font/aeroportal_medium-webfont.woff") format("woff"),
        url("../font/aeroportal_medium-webfont.ttf") format("truetype"),
        url("../font/aeroportal_medium-webfont.svg#aeroportalmedium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "aeroportalbold";
    src: url("../font/aeroportal_bold-webfont.eot");
    src: url("../font/aeroportal_bold-webfont.eot?#iefix") format("embedded-opentype"),
        url("../font/aeroportal_bold-webfont.woff") format("woff"),
        url("../font/aeroportal_bold-webfont.ttf") format("truetype"),
        url("../font/aeroportal_bold-webfont.svg#aeroportalbold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "aeroportalregular";
    src: url("../font/aeroportal-webfont.eot");
    src: url("../font/aeroportal-webfont.eot?#iefix") format("embedded-opentype"),
        url("../font/aeroportal-webfont.woff") format("woff"), url("../font/aeroportal-webfont.ttf") format("truetype"),
        url("../font/aeroportal-webfont.svg#aeroportalregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    position: relative;
}

h1,
h2,
h3 {
    margin: 0;
}

h2 {
    font-weight: bold;
}

.contentContainer ul {
    margin: 20px 0;
}

#topMenu {
    list-style-type: none;
    float: right;
}

#topMenu li {
    float: left;
    line-height: 140px;
    color: #336699;
    font-size: 1.2em;
    padding: 0 5px;
}

#topMenu li a {
    color: #336699;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
}

#topMenu li a img {
    border: 1px solid #336699;
    height:14px;
    margin-bottom:2px;
}

#logo {
    margin: 40px 0;
}

#carousel-example-generic,
.carousel-inner {
    max-height: 400px;
    vertical-align: bottom;
}

.carousel-inner img {
    margin: auto;
}

.contentContainer {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.5em;
}

#home {
    background: #ffffff;
    color: #303745;
}

#nama,
#rolunk,
#about {
    background: #43998f;
    color: #ffffff;
}

#palyazatok {
    background: #43998f;
    color: #ffffff;
}

#kontakt,
#kapcsolat,
#contact {
    background: #336699;
    color: #ffffff;
}

#kontakt a,
#kapcsolat a,
#contact a {
    color: #ffffff;
}

#kontakt a:hover,
#kapcsolat a:hover,
#contact a:hover {
    color: #ffbf00;
}

#copyright {
    background: #303745;
    color: #ffffff;
}

#copyright .contentContainer {
    font-size: 1.2em;
}

@media screen and (min-width: 992px) {
    .contentContainer {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: justify;
    }
}

h2.contentTitle {
    text-transform: uppercase;
    margin: 0 0 40px 0;
}

h3.contentSubTitle {
    margin: 30px 0 0 0;
    font-weight: bold;
}

#header {
    border: none;
    border-top: 35px solid #ffbf00;
}

ul.noType {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

@media screen and (max-width: 991px) {
    h1,
    h2,
    h3,
    h1,
    h2.contentTitle,
    h3.contentSubTitle {
        font-size: 1.2em;
    }
    #header {
        border-top: 15px solid #ffbf00;
    }

    #logo {
        max-width: 50%;
        margin: 10px auto;
        float: none;
        display: table;
    }

    #topMenu {
        float: none;
        display: table !important;
        margin: 10px auto 20px auto;
    }

    #topMenu li {
        line-height: normal;
        font-size: 1em;
        padding: 0 2px;
    }

    .contentContainer {
        font-size: 1em;
    }

    #copyright .contentContainer {
        font-size: 0.8em;
    }
}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    right: 20px;
}

#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 20px;
    right: 20px;
    font-size: 3em;
}

#navbar.affix-top {
    top: -300px;
}

#navbar.affix {
    top: 0;
}

.navbar {
    background: #ffffff;
    border-bottom: 2px solid #fdbe03;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #336699;
    font-weight: bold;
    padding: 1px;
}

.navbar-nav > li {
    margin: 15px 0;
    padding: 0 7px;
    color: #336699;
    font-weight: bold;
    border-right: 2px solid #336699;
}

.navbar-nav > li:last-child {
    border: none;
}

.logoBlue {
    font-family: aeroportalbold;
    font-weight: bold;
    color: #336699;
}

.logoGray {
    font-family: aeroportalregular;
    font-weight: normal;
    color: #336699;
}

#miniLogo {
    height: 25px;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover {
    padding: 15px 10px;
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #f5f5f5;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #fdbe03;
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        background: #303745;
    }
}

@media screen and (max-width: 767px) {
    #navbar.affix-top {
        visibility: visible;
        top: 0px;
    }
    #topMenu {
        display: none !important;
    }
    #header {
        margin-top: 35px;
    }
}

#goTop {
    background-color: #fdbe03;
    color: #ffffff;
}

#goTop:hover {
    background-color: #fdbe03;
}

ul.cutomList {
    list-style-type: none;
}

ul.cutomList li::before {
    content: "»"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #43998f; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.virtoursYellow {
    color: #fdbe03;
}

.virtoursTurquoise {
    color: #43998f;
}