#age-verification {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(188, 188, 188, 0.9);
  
  -webkit-transition: 500ms;
  transition: 500ms;
  z-index: 90000001;
  
  display: none;
}

.age-verification-main {
  background-color: #4196c1;
  font-family: "Source Sans Pro", sans-serif;
  color: white;
  font-size: 13pt;
  text-align: center;
  padding: 25px;
  
  border-radius: 5px 5px 5px;
  position: relative;
  top: 10px;
  width: 500px;
  max-width: 80%;
  margin: 0 auto;
  -webkit-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
  box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
}
@media only screen and (min-height: 400px) {
  .age-verification-main {
    top: 40%;
  }
}

.age-title, .age-main-text {
  display: block;
  margin-bottom: 1em;
}
.age-title {
  font-size: 24pt;
  margin-bottom: 0.5em;
}

.age-button {
  -webkit-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
  box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
}

.age-button {
  font-family: "Source Sans Pro", sans-serif;
  background-color: white;
  border: none;
  font-size: 16pt;
  border-radius: 5px 5px 5px;
  color: #4196c1;
  
  display: inline-block;
  width: 150px;
  padding: 10px;
  margin: 5px 10px;

 }

.age-button:hover {
 transform: scale(1.05) translateY(.125rem);
}

.age-credits {
  /** credits are not required, but are appreciated **/
  font-family: "Source Sans Pro", sans-serif;
  color: white;
  display: block;
  font-size: 12px;
  text-decoration: normal;
  text-align: right;
  margin-top: 20px;
  margin-bottom: -15px;
}
.age-credits a {
  color: white;
}




.nadpis-time{
    font-weight: bold;
    padding-bottom: 40px;
    text-align: right;
    display: block;
}

.h2-list{
    text-align: center;
    text-transform: uppercase;
}

.winner{
    background-color: #ffe26a !important;
}

.post-share {
    background: white;
    padding-bottom: 10px;
    color: #2aa16f;
    padding-top: 10px;
    border-radius: 0px;
    font-weight: 500;
    border: 1px solid #2aa16f;
    font-size: 20px;
    margin-bottom: 0;
    box-shadow: none;
    margin-top:20px;
}

.review-bottom-group {
    text-align: center;
    padding: 20px 20px;
    padding-bottom: 20px;
    margin-top: 15px;
    background: #ffffff;
    border: 1px solid black;
    margin-bottom: -7px;
    border-radius: 0px;
}
.review-bottom-group .btn {
    font-size: 22px;
    }

.zvyraznit {
    color: white;
    padding: 0px 6px;
    border-radius: 0px;
    }

    p.varovanibig.mobil .zvyraznit {
        background-color: red;
        }
        
        p.varovanibig.mobil {
            color: black;
            }

            p.varovanibig {
                text-align: center;
                font-size: 20px;
                font-weight: 500;
                background: white;
                }


                .btn--green {
                    background: linear-gradient(20deg, #1dbf7b, #1dbf7b);
                    box-shadow: 3px 1px 5px #414141;
                    border-radius: 5px !important;
                    color: #ffffff !important;
                    border: none !important;
                    text-decoration: none !important;
                    text-transform: uppercase;
                    
                    }


                    .review-bottom-group .btn .fa, .single-affiliates .hero .btn .fa {
                        color: black;
                        background-color: #fff;
                        -webkit-border-radius: 100%;
                        -moz-border-radius: 100%;
                        -ms-border-radius: 100%;
                        -o-border-radius: 100%;
                        border-radius: 100%;
                        width: 26px;
                        height: 25px;
                        line-height: 26px;
                        text-align: center;
                        font-size: 20px;
                        margin-left: 10px;
                        }

                        .review-bottom-group .btn {
                            max-width: 275px;
                            line-height: 58px;
                            padding: 0;
                            margin: 0 auto;
                            -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
                            -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
                            -ms-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
                            -o-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
                            box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
                            }

                     

.post-share .ShariffHeadline {
    padding-bottom: 5px;
    text-align: center;
}



.refbutton,
.reflogo {
    position: relative;
    z-index: 10000;
    display: block
}

.refbutton,
.reflogo,
.story,
a {
    display: block
}

.circle-button,
.foto,
.story-wrapper {
    background-repeat: no-repeat
}

.cell,
.circle-wrapper,
.head,
.refbutton {
    vertical-align: middle
}

* {
    margin: 0;
    padding-top: 0
}

html {
    background-color: #FCFCFC
}
html{
background-color: #F3F3F3;
}

body {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    font-size: 15px;
    line-height: 1.52;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    background-color: #FFF;
}

ol,
ul {
    list-style: disc inside;
    color: #019CBA;
}

.wraper {
    width: 90%;
    min-height: 100%;
    color: #000;
    background-color: #FFF;
    background-size: cover;
    margin: 0 auto;
    padding: 10px 10px 0;
}

h1,
h2 {
   /* color: #019CBA; */
    color: black;
    font-family: Fira Sans, sans-serif
}

h1 {
    font-size: 34px
}

.title-sub,
h2 {
    margin-top: 20px
}

h2 {
    margin-left: 0;
    font-size: 28px
}

.forwarding,
.refbutton {
    text-align: center;
    color: #fff
}

.reflogo {
    width: 100% !important;
    height: 100% !important;
    margin: auto
}

.refbutton {
    width: 90%;
    height: 36px;
    margin: auto
}

a {
    text-decoration: none;

}

a:hover {
    opacity: .9
}

.forwarding {
    width: 300px;
    font-size: 20px;
    margin: auto;
    line-height: 60px;
    font-weight: 400;
    background-color: #1dbf7b;
    border-radius: 5px;
    box-shadow: 3px 1px 5px #414141
}

.title-name,
.title-text {
    text-align: left;
    position: relative
}

.story {
    background-color: #F5F5F5;
    border: 2px solid #717f86
}

.story-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin: auto;
    background-size: contain
}

.title-wrapper,
.titlewrap-strut {
    display: table-row;
    width: 100%
}

.photo {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.titlewrap-strut {
    height: 10px
}

.circle-wrapper,
.title-text {
    display: table-cell;
    height: 100%
}

.title-name {
    width: 98%;
    color: #000;
    font-size: 36px;
    line-height: 38px;
    margin: 5px
}

.title-text {
    width: 78%;
    font-size: 26px;
    line-height: 30px;
    padding: 0 5px
}

.circle-wrapper {
    width: 22%;
    padding: 5px 0
}

.tbvHeader,
ul {
    padding-top: 0;
    border-radius: 5px 5px 5px;


}

.circle-button {
    display: block;
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 0;
    color: #717f86;
    background-image: url(../img/chevron-right.svg);
    background-size: cover;
    background-color: #fff;
    box-shadow: 3px 1px 5px #414141
}

.refgrid-button {
    display: block;
    width: 50px;
    height: 50px;
    z-index: 1
}

.fotocell {
    width: 90%;
    margin: 50px auto
}

.fotocompany {
    width: 60%;
    margin: left

}

.photoheader {
    width: 95%;
    margin: 50px auto
}

.foto {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-size: contain;
    border-radius: 5px 5px 5px;
}

.foto2 {
    display: block;
    width: 60%;
    height: 60%;
    margin: 0 auto;
    background-size: contain;
}

.tab-container {
    width: 100%;
    margin-top: 50px
}

.foot-container {
    width: 100%;
    margin: 10px 0 0
}

.logo {
    width: 25%
}

.logocell-1 {
    background-image: url(../img/logo1.png)
}

.logocell-2 {
    background-image: url(../img/logo2.png)
}

.logocell-3 {
    background-image: url(../img/logo3.png)
}

.logocell-4 {
    background-image: url(../img/logo4.png)
}

.logocell-5 {
    background-image: url(../img/logo5.png)
}

.logocell-6 {
    background-image: url(../img/logo6.png)
}

.logocell-7 {
    background-image: url(../img/logo7.png)
}

.logocell-8 {
    background-image: url(../img/logo8.png)
}


.logocell-1,
.logocell-2,
.logocell-3,
.logocell-4,
.logocell-5,
.logocell-6,
.logocell-7,
.logocell-8 {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin: auto;
    z-index: 3000
}

.strut-logo {
    display: block;
    position: relative;
    height: 120px;
    width: 100%;
    z-index: 1;
    color: #fff
}

.opis,
.popis {
    width: 35%
}

.score {
    margin-right: 10%;
    position: relative;
    /*color: #019CBA;*/
    color: black;
    font-size: 62px;
    line-height: 1
}

.strut {
    height: 100%;
    width: 100%;
    z-index: 1;
    color: #717f86;
    text-decoration: underline;
    font-size: 26px
}

ul {
    /*list-style-type: disc;*/
    /*list-style-position: outside;*/
    list-style-type: none;
    text-align: left;
    width: 90%;
    margin: 0 auto
}
ul:nth-child(2) li:before { 
    content:"\2714\0020"; 
    display: block;
    float: left;
    padding-right: 10px;
    color: green;
}

.aweb,
.cell,
.head {
    text-align: center
}

.lister {
    /*color: #717f86;*/
    color: #000;
    font-size: 22px
}

.tcelling {
    width: 100%;
    color: #BEBEBE
}

.rating {
    width: 19%
}

.webutton {
    width: 20%
}

.tbvHeader {
    display: table;
    width: 100%;
    margin: auto;
    background-color: #16123f;
    color: white;
    font-size: 22px;
    line-height: 52px;
    margin-bottom: 10px;

}

.head {
    display: table-cell;
    font-size: 26px
}

.strut-tbvRow,
.tbvRow {
    display: table;
    width: 100%;
    background-color: #eee;
    border-radius: 5px 5px 5px; 

}

.strut-tbvRow {
    padding-top: 15px;
    margin-bottom: 15px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);

}

.tbvRow {
    margin: 5px auto
}

.cell {
    display: table-cell;
    z-index: 3000;
    font-size: 22px
}

.refstrut {
    display: block;
    height: 50px;
    width: 50px;
    z-index: 1
}

.strut-popis {
    color: #000;
    font-weight: 600;
    font-size: 24px;
    line-height: 60px;
    margin-bottom: 0
}

.aweb {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;
    margin: auto;
    /*background-color: #019CBA;*/
    background-color: #1dbf7b;
    border-radius: 5px;
    z-index: 999;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
}

.footer {
    width: 100%;
    position: relative;
    background-color: #3A3A3A;
    border-top: 3px solid #019CBA;
    z-index: 1;
    margin: 20px 0 0;
    border-bottom: 2px solid #3A3A3A
}

.footer .celling,
.footer .heading {
    position: relative;
    margin-right: 20px
}

#tabfoot {
    border: unset;
    margin-left: 10px;
    width: 100%
}

#tabfoot th {
    text-align: left;
    margin-bottom: 20px
}

.spacer {
    line-height: 6px;
    visibility: hidden
}

.footer .heading {
    color: #E0E0E0;
    font-weight: 300;
    border-bottom: 2px solid #454545;
    margin-bottom: 20px
}

.footer .celling {
    color: #BEBEBE;
    border-bottom: 2px solid #414141
}

.footer .cell {
    color: #BEBEBE
}

@media (max-width:360px) {
    .forwarding,
    body {
        font-size: 12px
    }
    .forwarding {
        width: 120px
    }
    .tbvHeader {
        display: none
    }
    .strut-tbvRow {
        display: grid;
        grid-template-rows: 1fr 1fr auto 1fr;
        grid-template-columns: 1fr
    }
    .cell {
        display: unset
    }
    .popis {
        grid-row-start: 3;
        width: 100%
    }
    .webutton {
        grid-row-start: 4;
        width: 70%;
        margin: auto
    }
    .logocell-1,
    .logocell-2,
    .logocell-3,
    .logocell-4,
    .logocell-5,
    .logocell-6,
    .logocell-7,
    .logocell-8 {
        grid-row-start: 1;
        width: 90%
    }
    .hodno {
        width: 100%;
        grid-row-start: 2;
        grid-column-start: 1
    }
    .ingrid {
        display: inline;
        width: 100%;
        margin: 30px auto
    }
    .strut {
        color: #717f86;
        text-decoration: underline;
        font-size: 26px
    }
    .title-name {
        font-size: 22px
    }
    .title-text {
        font-size: 14px
    }
    .circle-button {
        width: 50px;
        height: 50px
    }
    .footer {
        height: 125px
    }
    .heading {
        font-size: 12px
    }
    .celling,
    .tcelling {
        font-size: 10px
    }
    .story {
        float: none;
        width: 100%;
        height: 100%;
        margin: 0 auto
    }
    .aweb {
        font-size: 18px
    }
    #tabfoot {
        width: calc(100% - 20px)
    }
}

@media (min-width:360px) {
    body {
        font-size: 14px
    }
    .forwarding {
        width: 120px;
        font-size: 15px
    }
    .tbvHeader {
        display: none
    }
    .strut-tbvRow {
        display: grid;
        grid-template-rows: 1fr 1fr auto 1fr;
        grid-template-columns: 1fr
    }
    .cell {
        display: unset
    }
    .popis {
        grid-row-start: 3;
        width: 100%
    }
    .webutton {
        grid-row-start: 4;
        width: 70%;
        margin: auto
    }
    .logocell-1,
    .logocell-2,
    .logocell-3,
    .logocell-4,
    .logocell-5,
    .logocell-6,
    .logocell-7,
    .logocell-8 {
        grid-row-start: 1;
        width: 90%
    }
    .hodno {
        width: 100%;
        grid-row-start: 2;
        grid-column-start: 1
    }
    .ingrid {
        display: inline;
        width: 100%;
        margin: 30px auto
    }
    .strut {
        color: #717f86;
        text-decoration: underline;
        font-size: 26px
    }
    .title-name {
        font-size: 32px
    }
    .title-text {
        font-size: 26px
    }
    .circle-button {
        width: 70px;
        height: 70px
    }
    .footer {
        height: 125px
    }
    .heading {
        font-size: 13px
    }
    .celling,
    .tcelling {
        font-size: 11px
    }
    .story {
        float: none;
        width: 100%;
        height: 100%;
        margin: 0 auto
    }
    .aweb {
        font-size: 18px
    }
}

@media (min-width:540px) {
    body {
        font-size: 14px
    }
    .forwarding {
        width: 150px;
        font-size: 16px
    }
    .tbvHeader {
        display: none
    }
    .strut-tbvRow {
        display: grid;
        grid-template-rows: 1fr 1fr auto 1fr;
        grid-template-columns: 1fr
    }
    .popis {
        grid-row-start: 3;
        width: 100%
    }
    .webutton {
        grid-row-start: 4;
        width: 50%;
        margin: auto
    }
    .logocell-1,
    .logocell-2,
    .logocell-3,
    .logocell-4,
    .logocell-5,
    .logocell-6,
    .logocell-7,
    .logocell-8 {
        grid-row-start: 1;
        width: 90%
    }
    .ingrid {
        display: inline;
        width: 100%;
        margin: 30px auto
    }
    .strut {
        color: #717f86;
        text-decoration: underline;
        font-size: 26px
    }
    .cell {
        display: unset
    }
    .hodno {
        width: 100%;
        grid-row-start: 2;
        grid-column-start: 1
    }
    .title-name {
        font-size: 36px
    }
    .title-text {
        font-size: 28px
    }
    .circle-button {
        width: 70px;
        height: 70px
    }
    .footer {
        height: 135px
    }
    .heading {
        font-size: 14px
    }
    .celling,
    .tcelling {
        font-size: 12px
    }
    .story {
        float: none;
        width: 470px;
        height: 100%;
        margin: .5em auto
    }
    .aweb {
        font-size: 20px
    }
}

@media (min-width:720px) {
    .popis,
    .webutton {
        grid-column-start: .33333333
    }
    body {
        font-size: 14px
    }
    .tbvHeader {
        display: none
    }
    .strut-tbvRow {
        display: grid;
        grid-template-rows: 1fr 1fr auto 1fr;
        grid-template-columns: 1fr
    }
    .popis {
        grid-row-start: 3;
        width: 100%
    }
    .webutton {
        grid-row-start: 4;
        width: 50%;
        margin: auto
    }
    .logocell-1,
    .logocell-2,
    .logocell-3,
    .logocell-4,
    .logocell-5,
    .logocell-6,
    .logocell-7,
    .logocell-8 {
        grid-row-start: 1;
        grid-column-start: .33333333;
        width: 100%
    }
    .hodno,
    .strut {
        grid-row-start: 2
    }
    .hodno {
        width: 100%;
        grid-column-start: 1
    }
    .ingrid {
        display: inline;
        width: 100%;
        margin: 30px auto
    }
    .strut {
        grid-column-start: 4;
        color: #717f86;
        text-decoration: underline;
        font-size: 26px
    }
    .title-name {
        font-size: 36px
    }
    .title-text {
        font-size: 28px
    }
    .circle-button {
        width: 80px;
        height: 80px
    }
    .footer {
        height: 135px
    }
    .heading {
        font-size: 16px
    }
    .celling,
    .tcelling {
        font-size: 13px
    }
    .aweb,
    .forwarding {
        font-size: 20px
    }
    .forwarding {
        width: 200px
    }
    .story {
        float: right;
        width: 470px;
        height: 100%;
        margin-left: 1em;
        margin-top: .5em;
        margin-bottom: .5em
    }
}

@media (min-width:960px) {
    body {
        font-size: 16px
    }
    .strut-tbvRow,
    .tbvHeader {
        display: table
    }
    .cell {
        display: table-cell
    }
    .hodno {
        width: 20%;
        margin: auto
    }
    .popis {
        width: 35%
    }
    .webutton {
        width: 20%
    }
    .logocell-1,
    .logocell-2,
    .logocell-3,
    .logocell-4,
    .logocell-5,
    .logocell-6,
    .logocell-7,
    .logocell-8 {
        width: 25%
    }
    .ingrid {
        display: block;
        width: 40%;
        margin: auto
    }
    .strut {
        height: 100%;
        width: 100%;
        z-index: 1;
        color: #717f86;
        text-decoration: underline;
        font-size: 26px
    }
    .title-name {
        font-size: 36px
    }
    .title-text {
        font-size: 28px
    }
    .circle-button {
        width: 80px;
        height: 80px
    }
    .footer {
        height: 135px
    }
    .heading {
        font-size: 16px
    }
    .celling,
    .tcelling {
        font-size: 13px
    }
    .forwarding {
        width: 250px;
        font-size: 22px
    }
    .story {
        float: right;
        width: 470px;
        height: 100%;
        margin-left: 1em;
        margin-top: .5em;
        margin-bottom: .5em
    }
    .aweb {
        font-size: 24px
    }
}

@media (min-width:1140px) {
    body {
        font-size: 16px
    }
    .strut-tbvRow,
    .tbvHeader {
        display: table
    }
    .cell {
        display: table-cell
    }
    .hodno {
        width: 20%;
        margin: auto
    }
    .popis {
        width: 35%
    }
    .webutton {
        width: 20%
    }
    .logocell-1,
    .logocell-2,
    .logocell-3,
    .logocell-4,
    .logocell-5,
    .logocell-6,
    .logocell-7,
    .logocell-8 {
        width: 25%
    }
    .ingrid {
        display: block;
        width: 40%;
        margin: auto
    }
    .title-name {
        font-size: 36px
    }
    .title-text {
        font-size: 28px
    }
    .circle-button {
        width: 80px;
        height: 80px
    }
    .footer {
        height: 140px
    }
    .heading {
        font-size: 18px
    }
    .celling,
    .tcelling {
        font-size: 15px
    }
    .forwarding {
        width: 300px;
        font-size: 22px
    }
    .story {
        float: right;
        width: 470px;
        height: 100%;
        margin-left: 1em;
        margin-top: .5em;
        margin-bottom: .5em
    }
    .aweb {
        font-size: 26px
    }
}