/* Minification failed. Returning unminified contents.
(70,1): run-time error CSS1019: Unexpected token, found '@import'
(70,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i,900&subset=latin-ext')'
(71,1): run-time error CSS1019: Unexpected token, found '@import'
(71,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Montserrat:100,200,200i,300,400,400i,500,500i,600,600i,700,800,900&subset=latin-ext')'
 */
/*#region Bootstrap---------------------------------------*/

.navbar {
    border: none;
    padding-top: 0;
}

.navbar-toggle {
    border: 1px solid #fff6df;
}

.icon-bar {
    background-color: #fff6df !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: rgba(255, 246, 223, 0.35) !important;
}

.navbar-toggle:hover {
    background: rgba(255, 255, 255, 0.2);
}

.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
}


a {
        color: #F58220;
}

a:hover {
     color: #ffa456;
    text-decoration:none !important;
}

a:focus {
    background: rgba(255, 255, 255, 0) !important;
    color: white !important;
    outline: none !important;
    text-decoration: none;

}

.btn:focus {
    outline: none !important;
}


.galeria a:hover {
    text-decoration: none;
}

.sajat-navbar {
    border: none !important;
    border-radius: 0 !important;
    padding-bottom: 0;
}




/*#endregion header---------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,200i,300,400,400i,500,500i,600,600i,700,800,900&subset=latin-ext');

/*
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

/*#region ini---------------------------------------*/
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}


body {
    /*font-family: 'Arial';*/
    font-weight: 300;
    color: white;
    font-family: 'Roboto', sans-serif;
    background: url("../../Content/Images/design/bg-gradient.png") repeat no-repeat bottom fixed, url("../../Content/Images/design/bg-noise.png"), url("../../Content/Images/design/bg-picture.jpg") no-repeat no-repeat bottom right fixed, #022753;
    /*background: url('../../Images/design/bg-gradient.png') repeat no-repeat bottom fixed, url('../../Images/design/bg-noise.png'), url('../../Images/design/bg-picture.jpg') no-repeat no-repeat bottom right fixed, #022753;*/
}

.clearfix {
    clear: both;
    height: 1px;
}


h1, h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: #ffe67a;
    font-variant: small-caps;
    font-size: 2.3em;
    margin-bottom: 15px;
}

h2 {
    font-size: 1.6em;
}

h1, h2, h3, h4 {
    text-align: center;
}


p {
    margin-top: 10px;
    font-family: 'Montserrat', sans-serif;
    color: white;
    font-size: 1.2em;
    text-align: justify;
}

a {
    color: #faa61c;
}

    a:hover {
        color: #ffe67a;
    }

strong {
    color: #ffe67a;
    font-weight: 500;
}




ul {
    list-style: outside none none;
}

.content {
    margin: auto;
    max-width: 1000px;
    padding: 8px;
    padding-top: 0;
}

/*.lanyok-content {
    max-width: 1400px;
}*/



::selection {
    background: #ffa200;
}

::-moz-selection {
    background: #ffa200;
}

a::selection {
    background: #ff5600;
}

a::-moz-selection {
    background: #ff5600;
}


.facebook-buttons {
    width: 260px;
    margin: auto;
    display: block;
}

    .facebook-buttons p {
        float: left;
    }


    .facebook-buttons .fb-like {
        float: right;
        padding-top: 8px;
    }

.facebook-links {
    margin: auto;
    width: 280px;
    text-align: center;
}




/*#endregion ini---------------------------------------*/

/*#region ini2---------------------------------------*/

.text-align-center {
    text-align: center;
}

.text-align-justify {
    text-align: justify;
}


.align-center {
    margin: auto;
}

.w-200 {
    width: 200px;
}

.w-250 {
    width: 250px;
}

.w-300 {
    width: 300px;
}

.w-350 {
    width: 350px;
}

.w-20sz {
    width: 20%;
    min-width: 100px;
}

.w-25sz {
    width: 25%;
    min-width: 160px;
}

.w-30sz {
    width: 30%;
    min-width: 160px;
}

.w-35sz {
    width: 35%;
    min-width: 160px;
}


.w-40sz {
    width: 40%;
    min-width: 180px;
}

.w-45sz {
    width: 45%;
    min-width: 180px;
}

.w-50sz {
    width: 50%;
    min-width: 200px;
}

.w-55sz {
    width: 55%;
    min-width: 200px;
}

.w-60sz {
    width: 60%;
    min-width: 200px;
}

.w-65sz {
    width: 65%;
    min-width: 200px;
}

.w-70sz {
    width: 70%;
    min-width: 200px;
}

.w-75sz {
    width: 75%;
    min-width: 180px;
}

.w-80sz {
    width: 80%;
    min-width: 220px;
}

.w-90sz {
    width: 90%;
    min-width: 220px;
}

.w-100sz {
    width: 100%;
}

.max-width-800 {
    max-width: 800px;
}

.max-width-700 {
    max-width: 700px;
}

.max-width-600 {
    max-width: 600px;
}

.margin-auto {
    margin: auto;
}

.float-left {
    float: left;
    margin-right: 16px;
    margin-top: 12px;
    margin-bottom: 0;
}

.float-right {
    float: right;
    margin-left: 16px;
    margin-top: 12px;
    margin-bottom: 0;
}

figcaption {
    font-style: italic;
    margin: 5px 0;
}


.height-150 {
    min-height: 150px;
}

.height-200 {
    min-height: 200px;
}

.height-300 {
    min-height: 300px;
}

.height-400 {
    min-height: 400px;
}

.display-none {
    display: none;
}

.margin-top-10 {
    margin-top: 10px;
}



/*#endregion ini2---------------------------------------*/

/*#region navbar---------------------------------------*/

.kezdolap-link {
    display: none;
}

.navbar-brand {
    display: block;
    width: 122px;
    height: 55px;
    margin-left: 8px;
}

    .navbar-brand img {
        width: 122px;
        margin-top: -12px;
        opacity: .9;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
    }

        .navbar-brand img:hover {
            width: 125px;
            opacity: 1;
            -moz-transition-duration: .1s;
            -o-transition-duration: .1s;
            -webkit-transition-duration: .1s;
            transition-duration: .1s;
        }

        .navbar-brand img:active {
            width: 120px;
            -moz-transition-duration: .1s;
            -o-transition-duration: .1s;
            -webkit-transition-duration: .1s;
            transition-duration: .1s;
        }

.navbar-container,
.startpage-navbar-container {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: auto;
    padding-left: 8px;
    padding-right: 8px;
}

    /*.startpage-navbar-container .navbar-brand {
        display: none;
    }*/

    .startpage-navbar-container .kezdolap-link {
        display: none;
    }

.sajat-navbar {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    /*background: none;*/
    background: none;
    max-width: 1000px;
    margin: auto;
    position: unset !important;
    margin-top: -12px;
}

.startpage-navbar-container .sajat-navbar {
    position: unset !important;
    background: none;
}

.startpage-navbar-container .sajat-navbar-container {
    width: 100% !important;
    max-width: 1000px;
    padding: 0;
}

.startpage-navbar-container .sajat-navbar ul {
    width: 100%;
}

.startpage-navbar-container .sajat-navbar li {
    /*width: 25%;*/
    padding-right: 45px;
}

.navbar-container .sajat-navbar a,
.startpage-navbar-container .sajat-navbar a {
    text-align: left;
    font-size: 2em;
    color: #faa61c !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    padding: 0;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    letter-spacing: 0;
    -moz-transition-duration: .35s;
    -o-transition-duration: .35s;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    line-height: 12px !important;
    /*height:60px;*/
}

.navbar-nav a {
    transform: scaleY(.7);
}

.navbar-container .sajat-navbar a:hover,
.startpage-navbar-container .sajat-navbar a:hover {
    text-shadow: 1px 1px 6px rgba(255, 245, 202, 0.4);
    letter-spacing: 0.04em;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
}




.navbar-container .sajat-navbar a:focus,
.startpage-navbar-container .sajat-navbar a:focus {
    opacity: .9;
    text-shadow: 1px 1px 6px rgba(255, 245, 202, 0.3);
    letter-spacing: 0.02em;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
}

/*Nyelvvalaszto----------------*/

.navbar-container .navbar-toggle,
.startpage-navbar-container .navbar-toggle {
    border-color: rgba(255, 255, 255, 0.70) !important;
}

    .navbar-container .navbar-toggle:hover,
    .navbar-container .navbar-toggle:active,
    .navbar-container .navbar-toggle:focus,
    .startpage-navbar-container .navbar-toggle:hover,
    .startpage-navbar-container .navbar-toggle:active,
    .startpage-navbar-container .navbar-toggle:focus {
        background-color: rgba(255, 255, 255, 0.30) !important;
        box-shadow: 1px 1px 6px rgba(255, 245, 202, 0.3);
    }

.navbar-container .language-selector-container,
.startpage-navbar-container .language-selector-container {
    position: absolute;
    top: -2px;
    right: 0;
}

.startpage-navbar-container .sajat-navbar {
    margin-top: -10px;
}

.startpage-navbar-container .language-selector-container {
    top: -6px;
}


.navbar-container .dropdown-menu,
.startpage-navbar-container .dropdown-menu {
    left: -125px;
    top: 35px;
    background-color: #720000;
    background: url("../../Content/Images/design/bg.jpg");
}

    .navbar-container .dropdown-menu li,
    .startpage-navbar-container .dropdown-menu li {
        width: 100%;
    }

    .navbar-container .dropdown-menu a,
    .startpage-navbar-container .dropdown-menu a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

        .navbar-container .dropdown-menu a:hover,
        .startpage-navbar-container .dropdown-menu a:hover {
            background: none !important;
            /*opacity:.9;*/
        }

.language-selector {
    float: right;
    padding-right: 20px;
    padding-bottom: 0;
}

.langselector .dropdown-menu,
.startpage-langselector .dropdown-menu {
    left: -125px;
}

.nyelvvalaszto-zaszlo {
    border-radius: 3px;
    width: 38px;
    height: 28px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}

    .nyelvvalaszto-zaszlo:hover {
        box-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
        /*-moz-transform: translate(-1px, -1px);
        -ms-transform: translate(-1px, -1px);
        -o-transform: translate(-1px, -1px);
        -webkit-transform: translate(-1px, -1px);
        transform: translate(-1px, -1px);*/
        -moz-transition-duration: .1s;
        -o-transition-duration: .1s;
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
        width: 40px;
    }


    .nyelvvalaszto-zaszlo:active {
        -moz-transition-duration: .1s;
        -o-transition-duration: .1s;
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
        width: 36px;
    }


.navbar-flag-none .language-selector {
    display: none;
}




/*Aloldalak---------------------*/

.navbar-container .sajat-navbar {
    margin-top: 0;
    margin-bottom: 0;
}

.navbar-container .navbar-header {
    height: 55px;
}


.navbar-container .sajat-navbar li {
    width: 23%;
    /*margin-top: 4px;*/
}


.navbar-container .dropdown-menu li {
    width: 100% !important;
}


.sajat-navbar ul {
    width: 100% !important;
    margin-top: 7px !important;
}


.navbar-container .sajat-navbar a {
    font-size: 1.35em;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    text-align: center;
}

.navbar-container .language-selector-container {
    top: 7px;
    right: 0;
}


.navbar-container .language-selector {
    padding-left: 0;
}


.navbar-container .language-selector-container a {
    padding: 5px !important;
}

.navbar-container .navbar-collapse ul {
    /*background: red;*/
    width: 100% !important;
    margin: auto;
}


/*#endregion navbar---------------------------------------*/

/*#region kezdolap---------------------------------------*/

.kezdolap-content p {
    font-size: 1.4em;
    /*max-width:800px;
margin:auto;*/
    font-weight: 300;
    text-align: center;
}

.udvozlo-szoveg {
    font-family: 'Montserrat', sans-serif;
    font-size: 3em;
    text-align: center;
}

.fontos-p {
    font-size: 1.2em !important;
}

.kicsivel-nagyobb-szoveg {
    font-size:  larger;
}

.nagyobb-szoveg {
    font-size: x-large;
}

.kezdolap-text {
    text-align: justify !important;
    font-size: 1.2em !important;
    max-width: 800px;
    margin: auto;
}

.kezdolap-text-2 {
    text-align: center;
    font-size: 1.2em !important;
    max-width: 800px;
    margin: auto;
}

.kezdolap-megjegyzes {
    font-size: 1.3em !important;
    font-style: italic;
    text-align: center !important;
    max-width: 900px !important;
}


.kezdolap-content .important {
    color: #ffe67a !important;
    font-size: .8em;
}

.flickr-pack-picture {
    width: 100%;
    border-radius: 7px;
    /*opacity: .9;*/
}




.frissites-lista {
    margin:auto;
    width:95%;
    max-width:800px;
    background:rgba(255, 255, 255, 0.1);
    border-radius:14px;
    padding:0 0 10px 0;

}

    .frissites-lista li {
        padding: 7px 7px;
        font-size: 18px;
        border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    }

    .frissites-lista li:first-child {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 14px 14px 0 0;
        color: white;
        font-size: 20px;
        font-weight: 500;
        height: 60px;
        border-bottom: none;
        padding-top: 16px;
        background: url("../../Content/Images/design/frissites-lista-bg.png");
        border-bottom: solid 3px rgba(255, 255, 255, 0.8);

    }

    .frissites-lista li:last-child {
        border-bottom: none;
    }


    .frissites-lista table{
        width:100%;

    }

.tablazat-datum {

    width: 28%;
    vertical-align:top;
    text-align:right!important;
    padding-right:12px;
}

.tablazat-lista {


    text-align:left!important;
}


.kezdolap-kiemeles {
    text-transform: lowercase;
    font-size: 4em;
    line-height: .7em;
}




.kk-nagy {
    font-size: 5.2em;
}

.kk-feher {
    color: white;
}

.kezdolap-kiemeles-p {
    font-style: italic;
    text-transform: uppercase;
    font-size: 2.4em !important;
}

    .kezdolap-kiemeles-p span {
        font-size: .7em !important;
    }



.elvalaszto {
    opacity: .2;
    background: url("../../Content/Images/design/hr-bg.png") left top repeat no-repeat;
    height: 10px;
    border: 1px solid transparent;
}

/*.flickr-pack-picture:hover {
        -moz-transition-duration: .15s;
        -o-transition-duration: .15s;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        opacity: 1;
        box-shadow: 1px 1px 6px rgba(7, 99, 208, 0.25);
    }*/



.pateon-reward-container {
    max-width: 1000px;
    width: 80%;
    margin: auto;
}

.pateon-reward {
    float: left;
    width: 48.5%;
    margin-bottom: 26px;
    /*margin:auto;*/
    border-radius: 7px;
    opacity: .9;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: block;
}

    .pateon-reward:nth-child(2n+1) {
        margin-right: 3%;
    }

    .pateon-reward:hover,
    .girls-of-suttyo-pack img:hover {
        -moz-transition-duration: .15s;
        -o-transition-duration: .15s;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        opacity: 1;
        box-shadow: 1px 1px 6px rgba(7, 99, 208, 0.25);
    }

    .pateon-reward img {
        border-radius: 7px;
        width: 100%;
    }


.girls-of-suttyo-pack {
    margin: auto;
    width: 600px;
    display: block;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .girls-of-suttyo-pack img {
        width: 100%;
        margin: auto;
        border-radius: 8px;
        opacity: .95;
    }

.ketto-csomag {
    background: red;
    width: 100%;
}

    .ketto-csomag img {
        float: left;
        width: 49%;
    }

        .ketto-csomag img:first-child {
            margin-right: 2%;
        }



.zip-block {
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
    padding: 12px;
    padding-right: 20px;
    min-height: 80px;
    width: 90%;
    max-width: 760px;
    margin: auto;
    border-radius: 6px;
    opacity: .9;
    display: block;
}

    .zip-block:hover {
        opacity: 1;
        background: rgba(255, 255, 255, 0.25);
        -moz-transition-duration: .1s;
        -o-transition-duration: .1s;
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
    }

    .zip-block:active {
        background: rgba(255, 255, 255, 0.15) !important;
        opacity: 1;
    }

    .zip-block p {
        margin-top: 3px;
    }


.zip-container {
    max-width: 100px;
    width: 16%;
    min-width: 40px;
    margin: auto;
    text-align: center;
    float: left;
}

.zip-icon {
    height: 64px;
    width: 78px;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
}

/*.zip-icon:hover {
        transform: scale(1.07, 1.07);
        -moz-transition-duration: .1s;
        -o-transition-duration: .1s;
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
    }

    .zip-icon:active {
        transform: scale(1.03, 1.03);
        -moz-transition-duration: .1s;
        -o-transition-duration: .1s;
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
    }*/

.zip-felirat {
    font-size: .92em;
}



/*
.szoveg-bent {
    padding-left:25px;
}

*/

/*kep-fent----------------*/

.startpage-images-container-1 {
    box-sizing: border-box;
    position: static;
    overflow: inherit;
    padding: 0;
    margin: 0;
    display: block;
}

.startpage-images-container-2 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 27vw;
    min-height: 12rem;
    width: 100%;
    align-items: flex-end;
    display: flex;
    position: relative;
}

.startpage-images-container-3 {
    z-index: 100;
    width: 100%;
}


.startpage-images-container-4 {
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}


.startpage-images-container-5 {
    -moz-place-content: flex-start;
    -webkit-place-content: flex-start;
    -o-place-content: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    -moz-box-flex: initial;
    -webkit-box-flex: initial;
    -o-box-flex: initial;
    flex-grow: initial;
    flex-flow: row wrap;
    flex-direction: row;
    flex-wrap: wrap;
    -moz-box-pack: start;
    -webkit-box-pack: start;
    -o-box-pack: start;
}


.kp-h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 2.5em;
    text-shadow: 0 0 5px rgba(0, 0, 0, .3);
    text-transform: capitalize;
    display: none;
}

    .kp-h1 h1 {
        margin: 0 0 0 -10px !important;
        text-align: left !important;
        font-weight: 200 !important;
        font-size: 2.4em;
        /*transform: scaleY(.9);*/
        /*-moz-user-select: none;*/
        line-height: 60px;
    }

.kp-felirat {
    margin-left: -2px;
    margin-bottom: -2px;
    width: 725px;
    height: 82px;
}


.top-shadow {
    content: "";
    background: url("../../Images/design/top-shadow.png");
    background-size: auto auto;
    background-size: 100% 16px;
    height: 16px;
}


/*Kep lent------------------*/

.startpage-images-small-container {
    max-width: 300px;
    width: 80%;
    margin: auto;
}

.startpage-images-small {
    width: 300px;
    height: 400px;
    border-radius: 7px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
}


.social-networks a {
    height: 44px;
    float: left;
    padding-left:40px;
    /*width: 25%;*/
    width: 33.3333%;
    opacity: .85;
    letter-spacing: 0;
    padding-bottom: 75px;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .social-networks a:hover {
        letter-spacing: 0.07em;
        -moz-transition-duration: .15s;
        -o-transition-duration: .15s;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
    }


    .social-networks a:hover {
        opacity: 1;
    }


.social-networks img {
    height: 44px;
    width: 44px;
    border-radius: 7px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
}

.social-networks span {
    padding-left: 5px;
    text-align: left;
    font-size: 1.2em;
    color: white;
    vertical-align: middle;
}

.suttyo-logo-container {
    width: 30%;
    margin: auto;
    text-align: center;
    min-width: 184px;
    font-size: 1.3em;
}

.suttyo-logo {
    width: 220px;
    height: 120px;
    opacity: .9;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .suttyo-logo:hover {
        opacity: 1;
        -moz-transition-duration: .15s;
        -o-transition-duration: .15s;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
    }



.suttyo-cover {
    width: 320px;
    border-radius:4px;
        opacity: .9;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .suttyo-cover:hover {
        opacity: 1;
        -moz-transition-duration: .15s;
        -o-transition-duration: .15s;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
    }





/*#endregion hirek---------------------------------------*/

/*#region lanyok---------------------------------------*/

.lanyok-link-container {
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.lanyok-link {
    float: left;
    width: 23% !Important;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 20px;
    max-width: 240px;
    opacity: .9;
}

    .lanyok-link img {
        border-radius: 4px;
        width: 100%;
    }

    .lanyok-link:hover {
        opacity: 1;
    }


.paypal-3-container {
    width: 100%;
}

.paypal-block-1 {
    width: 31.33%;
    float: left;
    margin-right: 2%;
}

.kep-felirat {
    font-size: .8em;
}


.jelmagyarazat {
    font-size: 1em;
    /*margin-bottom: 20px;*/
    /*border-radius: 7px;*/
    width: 100%;
    height: auto;
    /*background: rgba(255, 255, 255, 0.1);*/
    display: block;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1.8%;
    padding-right: 1.8%;
    max-width: 1200px;
    margin: auto;
}

.jelmagyarazat-cim {
    font-size: 1.4em;
    color: #ffe67a;
    margin-bottom: 20px;
}

.oszlop-2 {
    float: left;
    width: 48%;
    padding-left: 0;
    margin-right: 2%;
    list-style: outside none none;
    text-align: left !important;
}

    .oszlop-2:nth-child(2n+1) {
        margin-right: 0;
    }

.jm-ikon {
    width: 14%;
    min-width: 52px;
    height: auto;
    display: block;
    float: left;
    line-height: 1.6em;
    margin-bottom: 12px;
}

.jm-szoveg {
    width: 86%;
    float: left;
    line-height: 1.6em;
    margin-bottom: 12px !important;
}

.paypal-block-1:last-child {
    margin-right: 0;
}

.paypal-block-text {
    margin-bottom: 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.75em;
    text-align: center;
    font-variant: small-caps;
    line-height: 1.05em;
    height: 55px;
}

.paypal-block-picture {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 4px;
}

.patreon-support-button {
    opacity: .9;
    width: 70%;
    max-width: 420px;
    display: block;
    margin: auto;
}

    .patreon-support-button:hover {
        opacity: 1;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
    }

    .patreon-support-button img {
        max-width: 420px;
        width: 100%;
        border-radius: 7px;
        display: block;
    }


/*#endregion lanyok---------------------------------------*/

/*#region galeria---------------------------------------*/

.girl-picture-container {
    float: left;
    width: 10%;
    height: auto;
    font-size: 0;
    line-height: 0;
}

    .girl-picture-container a {
        width: 100%;
        opacity: .9;
    }

        .girl-picture-container a:hover {
            opacity: 1;
        }

    .girl-picture-container img {
        width: 100%;
    }

.galeria-kep-container {
    float: left;
    width: 10%;
    display: block;
    height: auto;
    opacity: .9;
    position: relative;
}

    .galeria-kep-container:hover {
        opacity: 1;
    }

.galeria-kep {
    height: 100%;
    width: 100%;
}

.galeria-4k::after {
    background: url("../../Images/design/galeria-4k.png");
}

.galeria-6k::after {
    background: url("../../Images/design/galeria-6k.png");
}

.galeria-8k::after {
    background: url("../../Images/design/galeria-8k.png");
}

.galeria-10k::after {
    background: url("../../Images/design/galeria-10k.png");
}

.galeria-patreon::after {
    background: url("../../Images/design/galeria-patreon.png");
}

.galeria-stereo::after {
    background: url("../../Images/design/galeria-stereo.png");
}

.galeria-suttyo::after {
    background: url("../../Images/design/galeria-suttyo.png");
}

.galeria-4k::after, .galeria-6k::after, .galeria-8k::after, .galeria-10k::after, .galeria-patreon::after, .galeria-stereo::after, .galeria-suttyo::after {
    content: "";
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    z-index: 50;
    position: absolute;
    left: 0;
    top: 0;
}

/*#endregion hirek---------------------------------------*/

/*#region magamrol---------------------------------------*/

.bemutatkozas h2 {
    text-align: left;
}

.smiley {
    background: url("../Content/Images/design/smiley.png") right bottom no-repeat;
    background-size: auto auto;
    background-size: 100%;
    border-radius: 2px;
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: bottom;
}


.suttyo-kis-logo {
    background: url("../../Content/Images/design/suttyo-es-baratai-kis-logo.png") right bottom no-repeat;
}

.ikon-4k-1 {
    background: url("../../Content/Images/design/4k-felirat-1.png") right bottom no-repeat;
}

.ikon-4k-2 {
    background: url("../../Content/Images/design/4k-felirat-2.png") right bottom no-repeat;
}

.ikon-4k-3 {
    background: url("../../Content/Images/design/4k-felirat-3.png") right bottom no-repeat;
}


.patreon-kis-logo {
    background: url("../../Content/Images/design/patreon-kis-logo.png") right bottom no-repeat;
}


.ikon-4k-1, .ikon-4k-2, .ikon-4k-3, .suttyo-kis-logo, .patreon-kis-logo {
    background-size: auto auto;
    background-size: 100%;
    border-radius: 2px;
    display: inline-block;
    width: 52px;
    height: 22px;
    vertical-align: bottom;
}



.suttyo-logo-kicsi {
    background: url("../../Content/Images/suttyo-logo-kicsi.png") right bottom no-repeat;
    background-size: auto auto;
    background-size: 100%;
    border-radius: 2px;
    display: inline-block;
    width: 74px;
    height: 40px;
    vertical-align: middle;
}

.maya-1-logo {
    background: url("../../Content/Images/maya-1-logo.svg") right bottom no-repeat;
    border-radius: 2px;
}

.deviantart {
    background: url("../../Content/Images/deviantart-logo.svg") right bottom no-repeat;
}

.flickr {
    background: url("../../Content/Images/flickr-logo.svg") right bottom no-repeat;
}

.playboy {
    background: url("../../Content/Images/playboy-logo.svg") right bottom no-repeat;
}

.patreon {
    background: url("../../Content/Images/patreon-logo.svg") right bottom no-repeat;
}


.redshift-logo {
    background: url("../../Content/Images/Redshift-logo.png") right bottom no-repeat;
}

.supergirl {
    background: url("../../Content/Images/supergirl-logo.svg") right bottom no-repeat;
}


.supergirl, .maya-1-logo, .deviantart, .flickr, .playboy, .patreon, .redshift-logo {
    background-size: auto auto;
    background-size: 100%;
    border-radius: 2px;
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: bottom;
}

.padding-top-12 {
    padding-top: 12px;
}

.margin-top-m5 {
    margin-top: -5px;
}

.bemutatkozas .kis-kepek {
    margin-left: 0;
}


/*#endregion magamrol---------------------------------------*/

/*#region kapcsolat---------------------------------------*/

.kapcsolat p {
    text-align: center;
}

.kapcsolat address {
    text-align: center;
    font-size: 1.3em;
}

.suttyo-email-container {
    margin: auto;
    width: 50%;
    min-width: 280px;
    text-align: center;
}

.suttyo-email {
    width: 280px;
}

.kp-banner {
    border-radius: 7px;
    overflow: hidden;
    width: 95%;
    max-width: 700px;
    display: block;
    margin: auto;
    margin-bottom: 22px;
    opacity: .95;
    position: relative;
    z-index: 100;
}

    .kp-banner:hover {
        box-shadow: 0 0 8px rgba(182, 215, 255, 0.40);
        opacity: 1;
    }

    .kp-banner img {
        width: 100%;
    }

.solyo-container {
    width: 260px;
    text-align: center;
    margin: auto;
    height: 30px;
    display: block;
}

    .solyo-container p {
        margin-top: 0;
        float: left;
        font-size: 1.1em;
    }

    .solyo-container a {
        width: 50%;
        margin-left: 0;
    }

.solyo-logo {
    width: 50%;
    max-width: 170px;
    opacity: .85;
    margin-left: 9px;
    margin-top: 6px;
    float: right;
}

    .solyo-logo:hover {
        opacity: .95;
    }


/*#endregion kapcsolat---------------------------------------*/

/*#region 18+modal---------------------------------------*/

.bootbox .modal-dialog {
}

.bootbox .modal-header {
    border-bottom: none !important;
}

.bootbox .modal-body {
    background: #022753;
    font-weight: 700;
    font-size: 1.1em;
}

    .bootbox .modal-body p {
        color: white !Important;
    }

.bootbox .modal-footer {
    border-top: none !important;
    background: #022753;
}

    .bootbox .modal-footer button {
        width: 32.5%;
        height: 70px;
        overflow: hidden;
        white-space: normal !important;
        padding: 5px;
    }

    .bootbox .modal-footer .btn-info,
    .bootbox .modal-footer .btn-danger {
        background: url("../../Content/Images/design/button-bg.png") top left repeat no-repeat;
        background-color: #53d035 !important;
        border-color: rgba(255, 255, 255, 0.00) !important;
        border: 0 solid rgba(255, 255, 255, 0.00) !important;
    }

    .bootbox .modal-footer .btn-primary {
        background: url("../../Content/Images/design/button-bg.png");
        background-color: green !important;
        border-color: rgba(255, 255, 255, 0.00) !important;
        border: 0 solid rgba(255, 255, 255, 0.00) !important;
    }


    .bootbox .modal-footer button:hover {
        opacity: .9;
        box-shadow: 1px 1px 6px rgba(251, 168, 8, 0.3);
    }


/*#endregion 18+modal---------------------------------------*/

/*#region vasarlas-kesz---------------------------------------*/

.zip-pack-letoltes {
    margin: auto;
    color: rgba(255, 255, 255, 0.8) !important;
    width: 16%;
    min-width: 160px;
    opacity: .9;
}

    .zip-pack-letoltes:hover {
        opacity: 1;
    }

    .zip-pack-letoltes span {
        color: rgba(255, 255, 255, 0.75) !important;
    }

    .zip-pack-letoltes:focus {
        color: rgba(255, 255, 255, 1) !important;
    }

.kezdolap-link-2 {
    font-size: 1.6em;
    font-variant-caps: small-caps;
}

/*#endregion vasarlas-kesz---------------------------------------*/


/*#region vasarlas-menete---------------------------------------*/

.vasarlas-menete {
    width: 75%;
    max-width: 600px;
    display: block;
    margin: auto;
    margin-bottom: 22px;
    border-radius:7px;
    box-shadow: 1px 1px 11px rgba(0, 0, 0, .4);
}

.vasarlas-menete-szoveg {
    font-size: 1.4em !important;
}



/*#endregion vasarlas-menete---------------------------------------*/
/*#region modal---------------------------------------*/
.modal-dialog img {
    width: 100%;
}

.modal-content {
    border-radius: 11px;
}

.modal-header {
    background: #022753;
    /*border-bottom:none;*/
    border-radius: 9px 9px 0 0;
}

.modal-dialog .close {
    color: white;
    opacity: .7;
}

.modal-dialog .glyphicon {
    line-height: 500px;
}

/*#endregion modal---------------------------------------*/

/*#region kozos---------------------------------------*/

.top-image {
    width: 100%;
}

.top-picture {
    margin-top: 0;
    width: 100%;
    height: 300px;
    min-height: 200px;
    background-position: top center;
    background-size: cover;
}

    .top-picture img {
        width: 100%;
        max-width: 3000px;
    }

.rapunzel-top-picture {
    background-position: top left !important;
    background: url("../../Content/Images/Top-pictures/Lanyok_tablaval_01__090__Aranyhaj.jpg");
}


.magamrol-top-picture {
    background: url("../../Images/Top-pictures/Lanyok_tablaval_01__090__Aranyhaj.jpg");
}

.galeria-top-picture {
    background: url("../../Images/Top-pictures/Bemutatkozas/07__1__Portrek_1__110.jpg");
}

.kapcsolat-top-picture {
    background: url("../../Images/Top-pictures/Lanyok_egyutt_04_1__140.jpg");
}

.main-suttyo-logo {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.facebook-container {
    margin: auto;
    width: 360px;
}

.top-picture {
    margin-top: 0;
    width: 100%;
    height: 300px;
    min-height: 200px;
    background-position: top center;
    background-size: cover;
}


    .top-picture img {
        width: 100%;
        max-width: 3000px;
    }

/*PayPal------------------*/

.paypal-buy-logo {
    text-align: center;
    margin: auto;
    width: 100%;
}

    .paypal-buy-logo input {
        opacity: .9;
    }

        .paypal-buy-logo input:hover {
            -moz-transition-duration: .15s;
            -o-transition-duration: .15s;
            -webkit-transition-duration: .15s;
            transition-duration: .15s;
            opacity: 1;
        }


.paypal-buy-logo-2 {
    text-align: center;
    margin: auto;
    width: 100%;


}


/*Paypal gomb*/
.pp-VAE4XKUHF5TAA,
.pp-XMVRBA7GUHBLS,
.pp-2NS3GQYKBRVWJ {
    text-align: center;
    border: none;
    border-radius: 0.45rem;
    min-width: 11.625rem;
    padding: 0 3rem;
    height: 4.2rem;
    font-weight: bold;
    background-color: #faa61c;
    color: white;
    font-family: "Helvetica Neue",Arial,sans-serif;
    text-transform: uppercase;
    text-shadow: 0 0 2px rgba(0,0,0,0.4);
    font-size: 2.5rem;
    line-height: 2rem;
    cursor: pointer;
    margin-bottom: 14px;
}





    .paypal-container {
        width: 90%;
        max-width: 1000px;
        text-align: center;
        margin: auto;
    }

.paypal-logo {
    margin: auto;
    border-radius: 5px;
    width: 180px;
    opacity: .9;
}

    .paypal-logo:hover {
        opacity: 1;
    }



.paypal-button-uj {

    margin:auto;
    max-width:320px;
    }

    .paypal-button-uj h3 {
        text-align: right !important;
        /*        display:block!important;
        min-height:40px;*/
        font-size: 25px;
    }

    .paypal-button-uj h3 span{
/*        float:left;*/
    }

#price-label {
    opacity: .9;
    /*    float: right;*/
    font-size: 20px;
    line-height: 40px;
}





.youtube-video {
    text-align: center;
    margin: auto;
    width: 100%;
    max-width: 800px;
    height: 500px;
}

/*#endregion kozos---------------------------------------*/

/*#region ini---------------------------------------*/

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.clearfix {
    clear: both;
    height: 1px;
}

/*#endregion ini---------------------------------------*/

@media only screen and (max-width:1380px) {

    .galeria-kep-container {
        width: 12.5%;
    }

    .girl-picture-container {
        width: 14.285%;
    }
}

@media only screen and (max-width:900px) {


    /*.navbar-container .sajat-navbar a,*/

    .social-networks a {
        padding-left: 10px;
        width: 33.33%;
        margin-top: 25px;
    }

    .galeria-kep-container {
        width: 12.5%;
    }

    .girl-picture-container {
        width: 20%;
    }


    .szereplok {
        width: 600px;
        margin: auto;
    }

    .szereplo-blokk {
        width: 45%;
    }




    .paypal-block-1 {
        width: 48%;
        margin-right: 2%;
        margin-top: 35px;
    }

        .paypal-block-1:nth-child(2n+2) {
            margin-right: 0;
        }

        .paypal-block-1:last-child {
            margin-right: 2%;
        }


    .paypal-block-text {
        margin-bottom: 8px;
        font-size: 2em;
        line-height: .95em;
        height: 55px;
    }
}

@media only screen and (max-width:767px) {

    /*ini------------------------*/

    .w-200, .w-250, .w-300, .w-350, .w-20sz, .w-25sz, .w-30sz, .w-35sz, .w-40sz, .w-45sz, .w-50sz, .w-55sz {
        width: 70%;
        max-width: 400px;
        min-width: 200px;
    }

    .w-65sz, .w-70sz, .w-75sz, .w-80sz, .w-90sz {
        width: 90%;
        max-width: 900px;
        min-width: 200px;
        margin-left: 0;
        margin-right: 0;
    }

    .responsive-w-100sz {
        width: 100%;
        max-width: 800px;
        min-width: 200px;
    }

    .responsive-w-50sz {
        width: 50%;
        max-width: 300px;
        min-width: 200px;
    }

    .align-center, .float-left, .float-right {
        float: none;
        display: block;
        margin: auto;
    }

    figcaption {
        margin-bottom: 15px;
    }

    .float-left {
        margin-bottom: 16px;
    }

    .float-right {
        margin-bottom: 16px;
    }

    /*ini------------------------*/

    .top-picture {
        height: 200px;
        margin-top: 55px;
    }

    .kp-h1 {
        display: block;
        font-size: 4.5em;
        line-height: 55px;
        margin-bottom: -5px;
        text-align: left;
        color: white;
        line-height: 1em;
    }

    .kp-felirat {
        display: none;
    }

    /*Navbar-----------*/

    .navbar-container .sajat-navbar ul,
    .startpage-navbar-container .sajat-navbar ul {
        margin: 0;
    }

    .navbar-container .sajat-navbar li,
    .startpage-navbar-container .sajat-navbar li {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    }

    .navbar-container .sajat-navbar a,
    .startpage-navbar-container .sajat-navbar a {
        text-align: center;
        color: white;
    }

    .startpage-navbar-container .sajat-navbar a,
    .navbar-container .sajat-navbar a {
        font-size: 1.6em;
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }


    .navbar-container .sajat-navbar li:last-child,
    .startpage-navbar-container .sajat-navbar li:last-child {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.50);
    }

    .navbar-container .sajat-navbar li:hover,
    .startpage-navbar-container .sajat-navbar li:hover {
        /*background-color: rgba(255, 216, 0, 0.15);*/
        /*background: rgba(255, 255, 255, 0.15) !important;*/
        background: /*url ()*/ top center no-repeat repeat;
        background-size: 100% 100%;
    }

    .navbar-container .sajat-navbar .dropdown:hover,
    .startpage-navbar-container .sajat-navbar .dropdown:hover {
        background: none !important;
    }

    .navbar-container .sajat-navbar .language-selector li,
    .startpage-navbar-container .sajat-navbar .language-selector li {
        border-bottom: none !important;
        border-radius: 7px;
    }

        .navbar-container .sajat-navbar .language-selector li a,
        .startpage-navbar-container .sajat-navbar .language-selector li a {
            padding: 10px !important;
        }

    .startpage-navbar-container .navbar-collapse {
        background: rgba(2, 39, 83, 0.30);
    }

    .sajat-navbar-container .navbar-collapse {
        border-top: 1px solid rgba(255, 255, 255, 0.50);
        /*position: relative;
        z-index: -10;*/
    }

    .startpage-navbar-container .language-selector-container {
        top: 0;
    }

    .navbar-container .language-selector-container {
        top: -2px;
        right: -5px;
    }

    .language-selector-container {
        margin-top: 7px;
        margin-right: 70px;
    }

    .pateon-reward-container {
        max-width: 600px;
        width: 75%;
        margin: auto;
    }

    .pateon-reward {
        /*float: none;*/
        width: 100%;
        /*max-width: 500px;*/
        margin: auto;
        margin-bottom: 30px;
    }

        .pateon-reward:nth-child(2n+1) {
            margin-right: 0;
        }

        .pateon-reward img {
            /*margin-bottom: 30px;*/
        }

    .girls-of-suttyo-pack {
        width: 90%;
        max-width: 600px;
    }





    .oszlop-2 {
        float: left;
        width: 100%;
        margin-right: 2%;
        text-align: center !important;
    }

        .oszlop-2:last-child {
            margin-right: 0;
        }


    .jm-ikon {
        width: 100%;
        float: left;
        margin-bottom: 7px;
    }

    .jm-szoveg {
        width: 100%;
        float: left;
    }





    /*Bemutatkozas*/

    .bemutatkozas h2 {
        text-align: center;
        font-size: 2em;
        margin-bottom: 20px;
    }

    .margin-top-m5 {
        margin-top: 10px;
    }


    .bemutatkozas .kis-kepek {
        margin: auto;
    }


    /*Galéria*/

    .galeria-kep-container {
        width: 14.28%;
    }


    .lanyok-link {
        width: 31% !Important;
    }
}

@media only screen and (max-width:600px) {

    .kp-h1 {
        font-size: 3.2em;
    }

    .bootbox .modal-body {
        background: url("../Content/Images/design/bg.jpg"), #720000;
    }

    .bootbox .modal-footer button {
        width: 100%;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
        height: 45px;
    }

    .galeria-kep-container {
        width: 16.66%;
    }

    .lanyok-link {
        width: 45.5% !Important;
        margin-left: 2%;
        margin-right: 2%;
        max-width: 300px;
    }

    .zip-block {
        padding-right: 12px;
    }

    .zip-container {
        float: none;
        width: 100%;
    }

    .zip-block p {
        text-align: justify;
        padding: 4px;
    }



    .paypal-block-1 {
        width: 75%;
        margin-right: 0;
        margin: auto !important;
        float: none;
    }

        .paypal-block-1:nth-child(2n+2) {
            margin-right: 0;
        }

        .paypal-block-1:last-child {
            margin-right: 0;
        }


    .kezdolap-kiemeles {
        font-size: 2.6em;
        line-height: .9em;
    }

    .kk-nagy {
        font-size: 3.1em;
    }

    .kezdolap-kiemeles-p {
        font-size: 1.5em !important;
    }

    .social-networks {
        padding-left: 40px;
    }

        .social-networks a {
            width: 50%;
            padding-bottom: 50px;
        }

}

@media only screen and (max-width:420px) {

    .social-networks {
        /*text-align:center;*/
        margin: auto;
        width: 75%;
        min-width: 100px;
    }

    .kezdolap-content p {
        font-size: 1.3em;
    }

    .social-networks a {
        width: 100%;
        margin-top: 35px;
    }

    .suttyo-logo {
        width: 184px;
        height: 100px;
    }

    .galeria-kep-container {
        width: 25%;
    }

    .girl-picture-container {
        width: 33.33%;
    }

    .udvozlo-szoveg {
        font-size: 2.3em;
    }
}

