* {
	margin: 0px;
	padding: 0px;
	border: none;
}

*,
*:focus{outline: none}

.form{
  margin: 0 auto;
  font-family: sans-serif;
  background: #fff
}
.form-item{
  position: relative;
}
.form-item input {
  background: transparent;
  transition: all .3s ease;
}
.form-item input:focus{
  border-color: blue
}
.form-item label {
  width: auto;  
  position: absolute;
  cursor: text;
  z-index: 2;
  top: 16px;
  left: 10px;
  text-align: left;
  padding: 0px 5px;
  background: #fff;
  color: #949494 ;
  transition: all .3s ease
}
.form-item input:focus + label,
.form-item input:valid + label{
  top: -5px
}
.form-item input:focus + label{
  /*color: blue*/
}

.noto {
    font-family: 'Noto Color Emoji', sans-serif;
}
div {
    margin-bottom: 0px;
}
body {
    font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 0.9em;
	background: #ffffff;
	line-height: 1.3em;
    margin: 0px;
    padding: 0px;
}
img, a img {
    border: none;
}
header, nav, section, article, aside, footer {
   display: block;
}
address, blockquote, dl, fieldset, h1, h2, h3, h4, h5, h6, ol, p, table, ul {
    margin-bottom: 15px;
}
fieldset {
	border: none;
}
h1, .nadpis {
    color: #474747;
    font-size: 2.1em;
    line-height: 1.5em;
    text-align: left;
    font-family: 'Roboto', Arial, sans-serif !important;
    margin: 0px 0px 15px 0px;
    text-align: center;
}

h2 {
    color: #474747;
    font-size: 1.5em;
    line-height: 1.3em;
    text-align: left;
    font-family: 'Roboto', Arial, sans-serif !important;
    margin: 0px 0px 10px 0px;
    padding: 8px 60px 0px 0px;
    /*background: #eaeaea;*/
    text-align: left;
    font-weight: bold;
    /*
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    */
}
h1 strong, h2 strong, h3 strong, h4 strong {
    color: #ffdf25;
}
h3, h4 {
    font-size: 1.1em;
    line-height: 1.1em;
    margin: 0px 0px 30px 0px;
    color: #432c1d;
    text-align: center;
    font-weight: normal;
}
#NadpisJoin {
    color: #a12427;
    font-size: 3.9em;
    line-height: 1.8em;
    text-align: left;
    font-family: 'Roboto', Arial, sans-serif !important;
    margin: 0px 0px 0px 0px;
    text-align: center;
}
#NadpisJoin a {
    color: #a12427;
    text-decoration: none;
}
#NadpisJoin a:hover {
    color: #a12427;
    text-decoration: underline;
}
.big {
    font-size: 2.2em;
    line-height: 1.5em;
}
.white {
    color: #fff;
}
.red {
    color: #ff0000;
}
.sede {
    color: #949494 !important;
    text-align: left;
}
.form_input span {
	font-weight: bold;
	text-transform: uppercase;
}
.gray {
    color: #939393;
}
.none {
	display: none;
}
.cistic {
    clear: both;
	float: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
}
a {
    color: #949494;
	text-decoration: underline;
}
a:hover {
    color: #949494;
	text-decoration: none;
}
.vlevo {
    text-align: left;
}
.vpravo {
    text-align: right;
    font-size: 1.1em;
}
.center {
    text-align: center;
}
.left {
    float: left;
}
.right {
    float: right;
}
.druhy {
    display: none;
}
.underline {
    text-decoration: underline;
}
#Lista {
    width: 100%;
    min-width: 1090px;
    height: 50px;
    background: #212121;
}
    #ListaStred {
        width: 1090px;
        margin: 0px auto;
        color: #00a189;
        font-weight: normal;
        font-size: 1.1em;
    }
        #ListaStred span {
            color: #fff;
        }
        #Logo {
            width: 97px;
            height: 40px;
            position: relative;
            overflow: hidden;
            font-size: 0.4em;
            margin: 5px 0px 0px 0px;
            padding: 0px;
            text-indent: -9999px;
            float: left;
        }
        #Logo span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            /*background: url(../images/pozadi-logo.png) no-repeat;*/
	        background: url(../images/pozadi-logo.svg) no-repeat;
            background-size: 97px 40px;
            width: 97px;
            height: 40px;
            visibility: visible;
            cursor: pointer;
            _cursor: hand;
        }
        #ListaPromo {
            width: 860px;
            float: left;
            color: #fff;
            display: block;
            padding: 15px 0px 0px 0px;
            font-size: 1.3em;
            font-weight: bold;
            text-align: center;
        }
        #Login {
            width: 130px;
            height: 30px;
            color: #fff;
            margin: 10px 0px 0px 0px;
            float: right;
        }
            #Login a {
                width: 100%;
                height: 20px;
                display: block;
                color: #fff;
                background: #949494;
                font-size: 0.9em;
                font-weight: bold;
                text-transform: uppercase;
                padding: 5px 0px 5px 0px;
                text-decoration: none;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
                #Login a:hover {
                    background: #e25a48;
                    text-decoration: none;
                }


    #Nadpis {
        width: 1200px;
        height: 163px;
        position: relative;
        overflow: hidden;
        font-size: 0.4em;
        margin: 0px;
        padding: 0px;
        text-indent: -9999px;
    }
    #Nadpis span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/pozadi-hlavicka.png) no-repeat;
        width: 1200px;
        height: 163px;
        visibility: visible;
    }

section#Obsah {
    width: 100%;
    min-width: 1280px;
    height: auto;
    position: relative;
    padding: 0px 0px 0px 0px;
}
    section article {
        width: 100%;
        /*min-width: 1280px;*/
        height: auto;
        padding: 50px 0px 20px 0px;
        background: #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    #Stred {
        width: 1000px;
        margin: 0px auto;
        padding: 30px 0px 30px 0px;
    }
    article.dark {
        width: 100%;
        min-width: 1280px;
        height: auto;
        padding: 30px 0px 35px 0px;
        background: #f5f5f5;
        border-top: 1px solid #e0e7ed;
        border-bottom: 1px solid #e0e7ed;
    }
        section article.dark h2 {
            color: #474747;
        }
    section article.dark #Reference, section article.dark #ReferenceSmall {
        width: 1280px;
        margin: 0px auto;
    }
    #Reference .reference {
        width: 390px;
        height: 370px;
        float: left;
        margin: 0px;
    }
    #Reference .referencetwo {
        width: 390px;
        height: 370px;
        margin: 0px 55px;
        float: left;
    }
    #Reference .reference img, #Reference .referencetwo img {
        width: 390px;
        height: 300px;
    }

    #ReferenceSmall .reference {
        width: 200px !important;
        height: 194px !important;
        float: left;
        position: relative;
        margin: 0px;
    }
    #ReferenceSmall .referencetwo {
        width: 200px !important;
        height: 194px !important;
        margin: 0px 15px;
        float: left;
    }
    #ReferenceSmall .referencelast {
        width: 200px !important;
        height: 194px !important;
        margin: 0px 0px 0px 15px;
        float: left;
    }
    #ReferenceSmall .reference img, #ReferenceSmall .referencetwo img, #ReferenceSmall .referencelast img {
        width: 200px !important;
        height: 154px !important;
    }

    #Reference .reference h3, #Reference .referencetwo h3 {
        font-size: 1.1em;
        color: #474747;
        text-align: center;
        margin: 20px 0px;
    }
    #ReferenceSmall .reference h3, #ReferenceSmall .referencetwo h3, #ReferenceSmall .referencelast h3 {
        font-size: 1.0em;
        color: #474747;
        text-align: center;
        margin: 10px 0px;
    }
    #Reference .reference h3 a, #Reference .referencetwo h3 a, #Reference .referencelast h3 a, #Reference .reference h3 a:hover, #Reference .referencetwo h3 a:hover, #Reference .referencelast h3 a:hover,
    #ReferenceSmall .reference h3 a, #ReferenceSmall .referencetwo h3 a, #ReferenceSmall .referencelast h3 a, #ReferenceSmall .reference h3 a:hover, #ReferenceSmall .referencetwo h3 a:hover, #ReferenceSmall .referencelast h3 a:hover {
        color: #474747;
        text-decoration: none;
    }
    section article.dark h3 {
        font-weight: bold;
    }
    #Obsah .first {
        width: 530px; /* 630 */
        float: right;
        margin: 5px 100px 0px 0px;
        color: #474747;
        display: none;
    }
    #Obsah .first table {
        margin: -10px 0px 10px 0px;
    }
    #Obsah .two {
        /*width: 630px; */
        margin: 20px 0px 0px 0px;
        color: #474747;
    }

    #Obsah article h2 span {
        color: #000;
    }
    #Obsah article input.pozadi, #Obsah article input.join_input {
        width: 510px; /* 331 */
        height: 37px; /* 44 */
        color: #474747;
        border: 2px solid #e9e9e9;
        padding: 5px 10px 0px 10px;
        margin: 3px 0px 10px 0px;
        font-size: 1.1em;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    #Ucet input.pozadi::placeholder,
    #Ucet input.pozadi::-ms-input-placeholder {
        color: #acacac !important;
        opacity: 1 !important;      
    }
    #Ucet .checkbox {
        margin-left: -5px;
        padding-left: 0px;
    }
    #Pos {
        position: relative;
    }
    #Pos a {
        width: 30px;
        height: 30px;
        display: block;
        color: #fff;
        position: absolute;
        top: 18px;
        right: 10px;
        z-index: 5;
        cursor: pointer;
        _cursor: hand;
        text-indent: -9999px;
    }
    #Pos a.yellow {
        background: url(../images/oko-aktivni.png) no-repeat;
    }
    #Pos a.black {
        background: url(../images/oko.png) no-repeat;
    }
    #Obsah article p.odstup {
        margin-left: 30px;
    }
    #Obsah article .check {
        width: 505px; /* 525 */
        height: 81px; /* 101 */
        background: url(../images/pozadi-radio.png) no-repeat;
        padding: 10px;
        margin-bottom: 10px;
    }
    #Obsah article .checkaktivni {
        width: 505px; /* 525 */
        height: 81px; /* 101 */
        background: url(../images/pozadi-radio-akt.png) no-repeat;
        padding: 10px;
        margin-bottom: 10px;
    }
    
    #Obsah article .check h3 {
        font-weight: bold;
        font-size: 2.0em;
    }
    #Obsah article .checkradio {
        padding: 0px 20px;
    }
    #Obsah article.access {
        width: 1100px;
        text-align: center;
        margin-top: 0px;
    }
    #Obsah article.access p {
        font-weight: bold;
    }
    #Obsah article.access a {
        color: #000;
        text-decoration: underline;
    }
    #Obsah article.access a:hover {
        text-decoration: none;
    }
    input.checkbox {
        width: 30px;
    }
        #Article {
            width: 100%;
            min-width: 1200px;
            background: #fff;
            margin: 0px 0px 0px 0px;
            position: relative;
        }
        #Article h2 {
            color: #818174;
            font-size: 1.6em;
            line-height: 1.3em;
            text-align: left;
            font-family: 'Roboto', Arial, sans-serif !important;
            margin: 0px 0px 15px 0px;
            text-align: center;
        }
        #Article .center {
            width: 1200px;
            margin: 0px auto;
            padding: 0px 0px 20px 0px;
        }
        #Article img {
            margin: 0px 3px;
            box-shadow: #333 3px 3px 8px;
            -webkit-box-shadow: #333 3px 3px 8px;
            -moz-box-shadow: #333 3px 3px 8px;
        }
        #Article img.bez {
            margin: 0px 3px;
            box-shadow: #333 0px 0px 0px;
            -webkit-box-shadow: #333 0px 0px 0px;
            -moz-box-shadow: #333 0px 0px 0px;
        }

footer .socials {
                    margin: 20px 0px 0px 0px;
                    float: left;
                }
                    article#Modelky.bio .text .socials a, footer .socials a, .tlacitko {
                        width: auto !important;
                        height: 25px !important;
                        font-size: 1.0em;
                        color: #fff;
                        cursor: pointer;
                         _cursor: hand;
                        display: block;
                        float: left;
                        padding: 9px 10px 0px 10px !important;
                        margin: 0px 10px 5px 0px !important;
                        /*color: #d1d1d1 !important;*/
                        color: #fff !important;
                        border-radius: 5px;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                        background: #474747;
                    }
                    a.tlacitko {
                        width: auto !important;
                        height: 25px !important;
                        font-size: 1.0em !important;
                        color: #fff;
                        font-weight: normal;
                        cursor: pointer;
                         _cursor: hand;
                        display: block;
                        float: right;
                        padding: 9px 10px 0px 10px !important;
                        margin: 0px 10px 5px 0px !important;
                        /*color: #d1d1d1 !important;*/
                        color: #fff !important;
                        border-radius: 5px;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                        background: #474747;
                    }
                        a:hover.tlacitko {
                            text-decoration: none;
                            background: #e25a48;
                        }
                        article#Modelky.bio .text .socials a:hover,
                        footer .socials a:hover {
                            background: #e25a48;
                        }
footer {
        width: 100%;
        min-width: 1280px;
        background: #212121;
        padding: 40px 0px 10px 0px;
        margin: 0px;
    }
    footer #Paticka {
        width: 1280px;
        margin: 0px auto 30px auto;
    }
        #Paticka p {
            color: #a5a5a5;
            text-align: center;
            margin-bottom: 7px;
        }
        #Paticka p a {
            color: #a5a5a5;
            text-decoration: underline;
        }
        #Paticka p a:hover {
            color: #a5a5a5;
            text-decoration: none;
        }
        #Paticka #MenuPata {
            width: 1280px;
            float: left;
        }
            #MenuPata .sloupec {
                width: 230px;
                float: left;
                text-align: left;
            }
                #MenuPata .first {
                    width: 590px !important;
                    text-align: left;
                }
                #MenuPata .sloupec ul {
                    list-style: none;
                }
                #MenuPata .sloupec ul li {
                    list-style: none;
                    margin: 7px 0px;
                }
                #MenuPata .sloupec ul a {
                    color: #fff;
                    text-decoration: none;
                }
                #MenuPata .sloupec ul a:hover {
                    text-decoration: underline;
                }
            #MenuPata h3 {
                font-size: 1.1em;
                color: #43e1bd;
                font-weight: bold;
                text-align: left;
                margin-bottom: 14px !important;
            }
            #MenuPata #Social {
                width: 345px;
                float: left;
            }
                #MenuPata #Social a {
                    margin-right: 10px;
                }
            #MenuPata #Pay {
                width: 465px;
                color: #a5a5a5;
                float: left;
                text-align: left;
                padding: 10px 0px 0px 0px;
            }
                #MenuPata #Pay a {
                    color: #a5a5a5;
                    text-decoration: none;
                }
                #MenuPata #Pay a:hover {
                    color: #a5a5a5;
                    text-decoration: underline;
                }
        #Paticka #PataLoga {
            width: 100%;
            float: none;
            text-align: center;
            padding: 20px 0px 20px 0px;
            /*margin: 30px 0px 30px 0px;*/
        }
            #PataLoga img {
                margin: 0px 30px 0px 0px;
            }
        #Warning {
            width: 1090px;
            padding: 25px 0px 25px 0px;
            margin: 25px 0px 25px 0px;
            background: #383838;
            color: #fff;
            text-align: center;
        }
            #Warning a {
                color: #fff !important;
            }
#Copyright {
    width: 100%;
    min-width: 1280px;
    height: 35px;
    padding: 20px 0px 0px 0px;
    background: #141414;
    color: #fff;
    text-align: center;
}
.mailform {
    width: 15px;
    float: left;
    margin-left: 15px;
}
#Payment {
    width: 540px;
    padding: 0px 0px 0px 0px;
    background: #fff;
    text-align: left;
    margin: 0px 0px 20px 0px;
}
	#Payment label {
	    display: block;
	    text-align: left;
	    margin: 0px;
	    padding: 0px;
	    font-weight: bold;
	}
	#Payment label input {
	    width: 30px;
	}
    #Karta {
        display: block;
    }
    #Bitcoin {
        display: none;
    }
    #Obsah .card, #Obsah .cardactive {
		display: block;
		width: 305px !important;
		height: 30px !important;
		cursor: pointer;
		_cursor: hand;
		color: #fff;
		float: left;
        font-weight: bold;
		margin: 0px 0px 0px 0px;
        padding: 10px 0px 0px 25px;
        border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    /*background: #464646 url(../images/platba-card-white.png) 20px 15px no-repeat;*/
        /*background: #595959 url(../images/platba-neaktivni.png) 15px 15px no-repeat;*/
        background: #474747;
	}
	    #Obsah .card:hover {
			color: #fff !important;
		    /*background: #fade00 url(../images/platba-card-black.png) 20px 15px no-repeat !important;*/
            /*background: #01a189 url(../images/platba-neaktivni.png) 15px 15px no-repeat !important;*/
            background: #e25a48;
		}
        #Obsah .cardactive, #Obsah .cardactive:hover {
			color: #fff !important;
		    /*background: #fade00 url(../images/platba-card-black.png) 20px 15px no-repeat !important;*/
            /*background: #01a189 url(../images/platba-aktivni.png) 15px 15px no-repeat !important;*/
            background: #e25a48;
		}
	#Obsah .btc, #Obsah .btcactive {
		display: block;
		width: 170px !important;
		height: 30px !important;
		cursor: pointer;
		_cursor: hand;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 25px;
		float: right;
		color: #fff;
		font-weight: bold;
        border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    /*background: #464646 url(../images/platba-bitcoin-white.png) 20px 15px no-repeat;*/
        /*background: #464646 url(../images/platba-neaktivni.png) 15px 15px no-repeat;*/
        background: #474747;
	}
	    #Obsah .btc:hover {
			color: #ffffff !important;
		    /*background: #fade00 url(../images/platba-bitcoin-black.png) 20px 15px no-repeat !important;*/
            /*background: #01a189  url(../images/platba-neaktivni.png) 15px 15px no-repeat !important;*/
            background: #e25a48;
		}
        #Obsah .btcactive, #Obsah .btcactive:hover {
			color: #fff !important;
		    /*background: #fade00 url(../images/platba-bitcoin-black.png) 20px 15px no-repeat !important;*/
            /*background: #01a189  url(../images/platba-aktivni.png) 15px 15px no-repeat !important;*/
            background: #e25a48;
		}
	#Card {
		display: block;
        width: 1000px;
        margin: 0px auto;
	}
	#BTC {
		display: none;
	}
#Desc {
    color: #949494 !important;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.4em;
    padding: 0px 0px 0px 0px;
    margin: 50px 0px 0px 0px;
}
.bysubmit {
    font-size: 0.9em;
}
#Platby {
        width: 1000px;
        height: 25px;
        text-align: center;
        margin: 30px auto 50px auto;
    }
        #Platby img {
            margin: 0px 30px;
        }
        #Platby .visa img {
            width: 78px;
            height: 25px;
        }
        #Platby .paysafe img {
            width: 148px;
            height: 25px;
        }
        #Platby .paypal img {
            width: 103px;
            height: 25px;
        }
        #Platby .maestro img {
            width: 42px;
            height: 25px;
        }
        #Platby .bitcoin img {
            width: 25px;
            height: 25px;
        }
.zamek {
    height: 20px;
    font-size: 0.9em;
    line-height: 1.2em;
    text-align: center;
    color: #949494;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
}
    .zamek a {
        color: #949494;
        text-decoration: none;
    }
        .zamek a:hover {
            color: #949494;
            text-decoration: underline;
        }   

    .zamek img {
        margin: 0px 7px 0px 0px;
    }
.join-button {
    width: 100%;
    height: 50px;
    margin: 0px auto 0px auto;
}
.join-button .button2 {
    width: 100%;
    height: 43px;
    background: #e25a48;
    color: #fff;
    text-align: center;
    border: none;
    font-size: 1.2em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    font-weight: bold;
    font-family: 'Roboto', Arial, sans-serif !important;
    cursor: pointer;
    _cursor: hand;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.join-button .button2:hover {
    text-decoration: none;
    background: #f06552;
}
.join_error {
    /*background: #f30400;*/
    /*padding: 10px;*/
    font-weight: bold;
    color: red;
}
#Loga {
    width: 1000px;
    margin: 0px auto;
}
    #Loga #CzechVR {
        width: 20%;
        height: 75px;
        float: left;
        text-indent: -9999px;
        background: url(../images/logo-czechvr-hover.svg) top center no-repeat !important;
        background-size: 78px 30px !important;
    }
        #Loga #CzechVR:hover {
            width: 20%;
            height: 75px;
            float: left;
            text-indent: -9999px;
            background: url(../images/logo-czechvr.svg) top center no-repeat !important;
            background-size: 78px 30px !important;
        }
    #Loga #CzechAR {
        width: 20%;
        height: 75px;
        float: left;
        text-indent: -9999px;
        background: url(../images/logo-czechar.svg) top center no-repeat !important;
        background-size: 78px 30px !important;
    }
        #Loga #CzechAR:hover {
            width: 20%;
            height: 75px;
            float: left;
            text-indent: -9999px;
            background: url(../images/logo-czechar-hover.svg) top center no-repeat !important;
            background-size: 78px 30px !important;
        }
    #Loga #CzechVRCasting {
        width: 20%;
        height: 75px;
        float: left;
        text-indent: -9999px;
        background: url(../images/logo-czechvrcasting-hover.svg) top center no-repeat !important;
        background-size: 148px 30px !important;
    }
        #Loga #CzechVRCasting:hover {
            width: 20%;
            height: 75px;
            float: left;
            text-indent: -9999px;
            background: url(../images/logo-czechvrcasting.svg) top center no-repeat !important;
            background-size: 148px 30px !important;
        }
    #Loga #CzechVRFetish {
        width: 20%;
        height: 75px;
        float: left;
        text-indent: -9999px;
        background: url(../images/logo-czechvrfetish-hover.svg) top center no-repeat !important;
        background-size: 133px 30px !important;
    }
        #Loga #CzechVRFetish:hover {
            width: 20%;
            height: 75px;
            float: left;
            text-indent: -9999px;
            background: url(../images/logo-czechvrfetish.svg) top center no-repeat !important;
            background-size: 133px 30px !important;
        }
    #Loga #VRIntimacy {
        width: 20%;
        height: 75px;
        float: left;
        text-indent: -9999px;
        background: url(../images/logo-vrintimacy-hover.svg) top center no-repeat !important;
        background-size: 110px 30px !important;
    }
        #Loga #VRIntimacy:hover {
            width: 20%;
            height: 75px;
            float: left;
            text-indent: -9999px;
            background: url(../images/logo-vrintimacy.svg) top center no-repeat !important;
            background-size: 110px 30px !important;
        }
h3#Benefit {
    color: #474747;
    font-size: 1.5em;
    font-weight: bold;
    margin: 30px 0px 30px 0px;
}
ul#Proc {
    width: 1000px;
    margin: 30px auto 80px auto;
    list-style: none;
}
    #Proc li {
        width: 20%;
        height: 80px;
        float: left;
        display: block;
        font-size: 1.1em;
        color: #949494;
        padding: 40px 0px 0px 0px;
        background: url(../images/Icon1.svg) top center no-repeat !important;
        background-size: 25px auto !important;
    }
.block {
    display: block;
}
#Plan .option-padding-59,
#Plan .option-padding-28,
#Plan .option-padding-29 {
    
}
#Plan .option-padding-59:hover,
#Plan .option-padding-28:hover,
#Plan .option-padding-29:hover {

}
#Plan .option-padding-59 .button, #Plan .option-padding-59 .pressed-button,
#Plan .option-padding-28 .button, #Plan .option-padding-28 .pressed-button,
#Plan .option-padding-29 .button, #Plan .option-padding-29 .pressed-button {
    width: 300px;
    height: 429px;
    margin: 15px;
    float: left;
    padding: 0px 0px 0px 0px;
    transition: 0s;
    cursor: pointer;
    _cursor: hand;
    position: relative;
    /*background: #333333;*/
    background: url(../images/background.svg) no-repeat;
    background-size: 300px;
    /*border: 3px solid #333333;*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
#Plan .option-padding-59 .button:hover, #Plan .option-padding-59 .pressed-button, 
#Plan .option-padding-28 .button:hover, #Plan .option-padding-28 .pressed-button, 
#Plan .option-padding-29 .button:hover, #Plan .option-padding-29 .pressed-button {
    width: 300px;
    height: 429px;
    margin: 11px 11px 11px 11px;
    float: left;
    padding: 0px 0px 0px 0px;
    transition: 0s;
    cursor: pointer;
    _cursor: hand;
    position: relative;
    /*background: #333333;*/
    background: url(../images/background.svg) no-repeat;
    background-size: 300px;
    /*border: 4px solid #e25a48;*/
    border: 4px solid #43e1bd;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}
/* akce vanoce */

#Plan .option-padding-59 .button, #Plan .option-padding-59 .pressed-button {
    background: url(../images/background-pre-summer.svg) no-repeat;
    background-size: 300px;
}

#Plan .option-padding-59 .button:hover, #Plan .option-padding-59 .pressed-button {
    background: url(../images/background-pre-summer.svg) no-repeat;
    background-size: 300px;
    border: 4px solid #ff0000;
}
/* end */
#Plan .option-padding-59 .button .opt-long, #Plan .option-padding-59 .pressed-button .opt-long,
#Plan .option-padding-28 .button .opt-long, #Plan .option-padding-28 .pressed-button .opt-long,
#Plan .option-padding-29 .button .opt-long, #Plan .option-padding-29 .pressed-button .opt-long {
    width: 240px;
    height: 30px;
    float: none;
    color: #fff;
    font-size: 1.5em;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 40px 30px 0px 30px;
    font-family: 'Roboto', Arial, sans-serif !important;
}
#Plan .option-padding-59 .button .opt-longtext, #Plan .option-padding-59 .pressed-button .opt-longtext,
#Plan .option-padding-28 .button .opt-longtext, #Plan .option-padding-28 .pressed-button .opt-longtext,
#Plan .option-padding-29 .button .opt-longtext, #Plan .option-padding-29 .pressed-button .opt-longtext {
    width: 300px;
    height: 120px;
    float: none;
    color: #fff;
    font-size: 0.85em;
    line-height: 1.35em;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
}      
    #Plan .option-padding-59 .button .pruh, #Plan .option-padding-59 .pressed-button .pruh,
    #Plan .option-padding-28 .button .pruh, #Plan .option-padding-28 .pressed-button .pruh,
    #Plan .option-padding-29 .button .pruh, #Plan .option-padding-29 .pressed-button .pruh {
        width: 270px;
        height: 28px;
        float: none;
        /*color: #fff;*/
        color: #474747;
        font-weight: bold;
        text-align: left;
        font-size: 1.1em;
        line-height: 1.35em;
        text-transform: uppercase;
        /*background: #e25a48; oranz */
        background: #43e1bd;
        padding: 4px 0px 0px 30px;
    }
    /* akce pruh */
    #Plan .option-padding-59 .button .pruh, #Plan .option-padding-59 .pressed-button .pruh {
        background: #ff0000;
        color: #fff !important;
    }
    #Plan .option-padding-59 .button .opt-longtext ul, #Plan .option-padding-59 .pressed-button .opt-longtext ul,
    #Plan .option-padding-28 .button .opt-longtext ul, #Plan .option-padding-28 .pressed-button .opt-longtext ul,
    #Plan .option-padding-29 .button .opt-longtext ul, #Plan .option-padding-29 .pressed-button .opt-longtext ul {
        width: 270px;
        height: 113px;
        list-style: none;
        margin: 25px 0px 0px 30px;
    }
        #Plan .option-padding-59 .button .opt-longtext ul li, #Plan .option-padding-59 .pressed-button .opt-longtext ul li,
        #Plan .option-padding-28 .button .opt-longtext ul li, #Plan .option-padding-28 .pressed-button .opt-longtext ul li,
        #Plan .option-padding-29 .button .opt-longtext ul li, #Plan .option-padding-29 .pressed-button .opt-longtext ul li {
            width: 245px;
            font-size: 1.0em;
            text-align: left;
            list-style: none;
            padding: 2px 0px 2px 25px;
            background: url(../images/Icon2.svg) 0px 3px no-repeat;
            background-size: 15px 15px;
        }
#Plan .option-padding-59 .opt-long .vanoce,
#Plan .option-padding-28 .opt-long .vanoce,
#Plan .option-padding-29 .opt-long .vanoce {
	width: 80px;
	height: 26px;
	float: right;
	color: #fff;
	text-align: center;
	font-size: 0.5em;
	padding: 0px 0px 0px 0px;
    margin: -3px 35px 0px 0px;
    background: #ec1a00;
}
#Plan .option-padding-59 .pressed-button .opt-title, #Plan .option-padding-59 .button .opt-title,
#Plan .option-padding-28 .pressed-button .opt-title, #Plan .option-padding-28 .button .opt-title,
#Plan .option-padding-29 .pressed-button .opt-title, #Plan .option-padding-29 .button .opt-title {
    width: 270px;
    color: #fff;
	float: none;
    text-align: left;
    padding: 0px 0px 0px 30px;
    margin: 20px 0px 0px 0px;
    font-size: 2.5em;
    font-weight: bold;
}
#Plan .option-padding-59 .pressed-button .opt-title h4, #Plan .option-padding-59 .button .opt-title h4,
#Plan .option-padding-28 .pressed-button .opt-title h4, #Plan .option-padding-28 .button .opt-title h4,
#Plan .option-padding-29 .pressed-button .opt-title h4, #Plan .option-padding-29 .button .opt-title h4 {
    width: 240px;
    height: 20px;
    color: #b6b6b6;
    float: none;
    text-decoration: line-through;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 10px 0px;
    font-size: 40%;
    line-height: 1.1em;
    font-weight: bold;
}
#Plan .option-padding-59 .pressed-button .opt-title span, #Plan .option-padding-59 .button .opt-title span,
#Plan .option-padding-28 .pressed-button .opt-title span, #Plan .option-padding-28 .button .opt-title span,
#Plan .option-padding-29 .pressed-button .opt-title span, #Plan .option-padding-29 .button .opt-title span {
    font-size: 0.35em;
    line-height: 1.0em;
    color: #e6e6e6;
    font-weight: normal;
    text-transform: uppercase;
    /*display: block;*/
    margin: 0px 0px 0px 10px;
}
#Plan .option-padding-59 .button .opt-text, #Plan .option-padding-59 .pressed-button .opt-text,
#Plan .option-padding-28 .button .opt-text, #Plan .option-padding-28 .pressed-button .opt-text,
#Plan .option-padding-29 .button .opt-text, #Plan .option-padding-29 .pressed-button .opt-text {
    width: 270px;
    float: none;
    color: #949494;
    font-size: 0.8em;
    line-height: 1.7em;
    text-align: left;
    font-weight: normal;
    padding: 0px 0px 0px 30px;
}
#Plan .option-padding-59 .button:hover .joinnow, #Plan .option-padding-59 .pressed-button .joinnow,
#Plan .option-padding-28 .button:hover .joinnow, #Plan .option-padding-28 .pressed-button .joinnow,
#Plan .option-padding-29 .button:hover .joinnow, #Plan .option-padding-29 .pressed-button .joinnow {
        width: 240px;
        height: 30px;
        float: none;
        color: #fff;
        font-weight: bold !important;
        text-align: center;
        font-size: 1.0em;
        line-height: 1.35em;
        text-transform: uppercase;
        background: #e25a48;
        margin: 10px 30px 0px 30px;
        padding: 10px 0px 0px 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}
#Plan .option-padding-59 .button:hover .joinnow, #Plan .option-padding-59 .pressed-button:hover .joinnow,
#Plan .option-padding-28 .button:hover .joinnow, #Plan .option-padding-28 .pressed-button:hover .joinnow,
#Plan .option-padding-29 .button:hover .joinnow, #Plan .option-padding-29 .pressed-button:hover .joinnow {
        width: 240px;
        height: 30px;
        float: none;
        color: #fff;
        font-weight: bold !important;
        text-align: center;
        font-size: 1.0em;
        line-height: 1.35em;
        text-transform: uppercase;
        background: #f06552;
        margin: 10px 30px 0px 30px;
        padding: 10px 0px 0px 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}
/* akce */

#Plan .option-padding-59 .button:hover .joinnow, #Plan .option-padding-59 .pressed-button .joinnow,
#Plan .option-padding-59 .button .joinnow, #Plan .option-padding-59 .pressed-button .joinnow {
    background: #ff0000 !important;
}

#Plan .option-padding-59 .button .joinnow, #Plan .option-padding-59 .pressed-button .joinnow,
#Plan .option-padding-28 .button .joinnow, #Plan .option-padding-28 .pressed-button .joinnow,
#Plan .option-padding-29 .button .joinnow, #Plan .option-padding-29 .pressed-button .joinnow {
        width: 240px;
        height: 30px;
        float: none;
        color: #fff;
        font-weight: bold;
        text-align: center;
        font-size: 1.0em;
        line-height: 1.35em;
        text-transform: uppercase;
        background: #e25a48;
        margin: 10px 30px 0px 30px;
        padding: 10px 0px 0px 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    /* change plan */
    #Plan .option-padding-59 .button .blank-59,
    #Plan .option-padding-28 .button .blank-28,
    #Plan .option-padding-29 .button .blank-29 {
        width: 300px;
        height: 429px;
        position: absolute;
        display: none;
        top: 0px;
        left: 0px;
        display: none;
    }
    #Plan .option-padding-59 .pressed-button .blank-59,
    #Plan .option-padding-28 .pressed-button .blank-28,
    #Plan .option-padding-29 .pressed-button .blank-29 {
        width: 300px;
        height: 429px;
        position: absolute;
        display: block !important;
        top: 0px;
        left: 0px;
        display: none;
    }
        #Plan .option-padding-59 .pressed-button .blank-59 .changenow,
        #Plan .option-padding-28 .pressed-button .blank-28 .changenow,
        #Plan .option-padding-29 .pressed-button .blank-29 .changenow {
            position: absolute;
            bottom: 20px;
            left: 0px;
            width: 240px;
            height: 27px;
            float: none;
            color: #fff;
            font-weight: bold;
            text-align: center;
            font-size: 1.0em;
            line-height: 1.35em;
            text-transform: uppercase;
            background: #e25a48;
            margin: 10px 30px 0px 30px;
            padding: 10px 0px 0px 0px;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }
            #Plan .option-padding-59 .pressed-button .blank-59:hover .changenow,
            #Plan .option-padding-28 .pressed-button .blank-28:hover .changenow,
            #Plan .option-padding-29 .pressed-button .blank-29:hover .changenow {
                background: #f06552;
            }
        /* akce vancoe */
       
        #Plan .option-padding-59 .pressed-button .blank-59 .changenow {
            background: #ff0000 !important;
        }
        #Plan .option-padding-59 .button .blank-59 .changenow,
        #Plan .option-padding-59 .button .blank-59:hover .changenow,
        #Plan .option-padding-59 .pressed-button .blank-59 .changenow,
        #Plan .option-padding-59 .pressed-button .blank-59:hover .changenow, {
            background: #ff0000 !important;
        }
        
#Plan .option-padding-59 .button .promo, #Plan .option-padding-59 .pressed-button .promo,
#Plan .option-padding-28 .button .promo, #Plan .option-padding-28 .pressed-button .promo,
#Plan .option-padding-29 .button .promo, #Plan .option-padding-29 .pressed-button .promo {
    width: 70px;
    height: 50px;
    padding: 20px 0px 0px 0px;
    /*color: #fff;*/
    color: #474747;
    transform: rotate(15deg);
    font-weight: bold;
    text-align: center;
    font-size: 1.3em;
    line-height: 0.7em;
    /*background: #e25a48;*/
    background: #43e1bd;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    position: absolute;
    top: -21px;
    right: -6px;
}
    #Plan .option-padding-59 .button .promo span, #Plan .option-padding-59 .pressed-button .promo span,
    #Plan .option-padding-28 .button .promo span, #Plan .option-padding-28 .pressed-button .promo span,
    #Plan .option-padding-29 .button .promo span, #Plan .option-padding-29 .pressed-button .promo span {
        font-size: 70%; /* % */
        /*font-size: 60%;*/ /* BEST */
        line-height: 1.6em;
        font-weight: normal;
    }
#Plan .option-padding-59 .button .promovanoce, #Plan .option-padding-59 .pressed-button .promovanoce {
    width: 60px;
    height: 49px;
    padding: 47px 0px 0px 0px;
    color: #fff;
    transform: rotate(15deg);
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
    line-height: 0.8em;
    /*background: #e25a48;*/
    /*background: #43e1bd;*/
    background: url(../images/promo-pre-summer.svg) no-repeat !important;
    background-size: 60px 89px !important;
    /*
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    */
    position: absolute;
    top: -31px;
    right: -16px;
}
    #Plan .option-padding-59 .button .promovanoce span, #Plan .option-padding-59 .pressed-button .promovanoce span {
        font-size: 70%;
        font-weight: normal;
    }
#Plan .option-padding-59 .button .promovalentine, #Plan .option-padding-59 .pressed-button .promovalentine {
    width: 90px;
    height: 67px;
    padding: 33px 0px 0px 0px;
    color: #fff;
    transform: rotate(15deg);
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
    line-height: 0.8em;
    /*background: #e25a48;*/
    /*background: #279eff;*/
    background: url(../images/promo-pre-summer.svg) no-repeat !important;
    background-size: 90px 90px !important;
    /*
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    */
    position: absolute;
    top: -28px;
    right: -24px;
}
    #Plan .option-padding-59 .button .promovalentine span, #Plan .option-padding-59 .pressed-button .promovalentine span {
        font-size: 70%;
        font-weight: normal;
    }
#Plan .option-padding-29 .opt-long .best {
    width: 90px;
    height: 26px;
    float: right;
    color: #fff;
    text-align: center;
    font-size: 0.5em;
    padding: 0px 0px 0px 0px;
    margin: -3px 10px 0px 0px;
    background: #ec1a00;
}


/* BTC */
#Plan a, #Plan a:hover {
    text-decoration: none !important;
}
#Plan .bitcoin80,
#Plan .bitcoin81,
#Plan .bitcoin82 {
    width: 630px;
    height: 75px;
    margin: 0px 0px 10px 0px;
    position: relative;
    color: #000000;
	background: url(../images/button.png) no-repeat;
}
    #Plan .bitcoin80:hover,
    #Plan .bitcoin81:hover,
    #Plan .bitcoin82:hover {
		background: url(../images/button-hover.png) no-repeat !important;
	}
    #Plan .pressed_button, #Plan .pressed_button:hover {
        color: #464646 !important;
        background: url(../images/button-akt.png) no-repeat !important;
    }
    #Plan .bitcoin80 .btcbutton, #Plan .bitcoin80 .btcbutton:hover,
    #Plan .bitcoin81 .btcbutton, #Plan .bitcoin81 .btcbutton:hover,
    #Plan .bitcoin82 .btcbutton, #Plan .bitcoin82 .btcbutton:hover {
	    width: 630px; /* 531 */
	    height: 75px;
	    margin: 0px;
	    padding: 0px 0px 0px 0px;
	    font-size: 16px;
	    font-weight: bold;
	    line-height: 25px;
	    text-align: left;
		position: absolute;
		background: none;
		top: 0;
		left: 0;
	    cursor: pointer;
	    border: none;
	    border: 0px;
	    border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	}
    #Plan .bitcoin80 .opt-long, #Plan .bitcoin80:hover .opt-long,
    #Plan .bitcoin81 .opt-long, #Plan .bitcoin81:hover .opt-long,
    #Plan .bitcoin82 .opt-long, #Plan .bitcoin82:hover .opt-long {
		    width: 230px;
		    float: none;
		    text-align: left;
		    color: #fff;
		    font-size: 1.9em;
		    font-weight: bold;
		    padding: 23px 0px 8px 115px;
	}
    #Plan .bitcoin82 .opt-long .best, #Plan .bitcoin82:hover .opt-long .best,
    #Plan .bitcoin49 .opt-long .best, #Plan .bitcoin49:hover .opt-long .best {
  		width: 90px;
	    height: 20px;
	    float: right;
	    color: #fff;
	    text-align: center;
	    font-size: 0.5em;
	    padding: 5px 0px 0px 0px;
	    margin: -5px 10px 0px 0px;
	    background: #ec1a00;
	}
    #Plan .bitcoin80 .opt-text, #Plan .bitcoin80:hover .opt-text,
    #Plan .bitcoin81 .opt-text, #Plan .bitcoin81:hover .opt-text,
    #Plan .bitcoin82 .opt-text, #Plan .bitcoin82:hover .opt-text {
		    width: 250px;
		    float: none;
		    color: #fff;
		    font-size: 0.95em;
		    line-height: 1.1em;
		    font-weight: normal;
		    padding: 0px 0px 0px 75px;
	}
    #Plan .bitcoin80 .opt-title, #Plan .bitcoin80:hover .opt-title,
    #Plan .bitcoin81 .opt-title, #Plan .bitcoin81:hover .opt-title,
    #Plan .bitcoin82 .opt-title, #Plan .bitcoin82:hover .opt-title {
	        max-width: 135px;
		    color: #fff;
		    float: right;
		    position: absolute;
		    top: 2px;
		    right: 0;
		    text-align: left;
		    padding: 26px 17px 0px 0px;
		    font-size: 2.9em;
		    font-weight: normal;
	}
    #Plan .bitcoin80 .opt-title span, #Plan .bitcoin80:hover .opt-title span,
    #Plan .bitcoin81 .opt-title span, #Plan .bitcoin81:hover .opt-title span,
    #Plan .bitcoin82 .opt-title span, #Plan .bitcoin82:hover .opt-title span {
	    font-size: 0.41em;
	    line-height: 1.0em;
	    display: block;
	    margin: -26px 0px 0px 75px;
	}
    #Plan .pressed_button .opt-long, #Plan .pressed_button:hover .opt-long,
    #Plan .pressed_button .opt-text, #Plan .pressed_button:hover .opt-text,
    #Plan .pressed_button .opt-title, #Plan .pressed_button:hover .opt-title {
        color: #fff !important;
    }

#Plan .option-padding-42, #Plan .option-padding-46, #Plan .option-padding-45 {
    width: 630px;
    height: 75px;
    margin: 0px 0px 10px 0px;
    position: relative;
}
#Plan .option-padding-42 .button {
    width: 630px; /* 531 */
    height: 75px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    color: #000000;
    background: url(../images/button.png) no-repeat;
    cursor: pointer;
    border: none;
    border: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#Plan .option-padding-42 .button:hover, #Plan .bitcoin .button:hover {
    color: #fff !important;
    background: url(../images/button-hover.png) no-repeat;
}
#Plan .option-padding-46 .button:hover {
    color: #fff !important;
    background: url(../images/button-hover.png) no-repeat;
}
#Plan .option-padding-45 .button:hover {
    color: #fff !important;
    background: url(../images/button-hover.png) no-repeat;
}
#Plan .option-padding-42 .pressed-button {
    width: 630px; /* 531 */
    height: 75px;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    color: #000;
    background: url(../images/button-akt.png) no-repeat;
    cursor: pointer;
    border: none;
    border: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#Plan .option-padding-46 .button {
    width: 630px; /* 531 */
    height: 75px;
    margin: 0px;
    padding: 0px 0x 0px 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    color: #fff;
    background: url(../images/button.png) no-repeat;
    cursor: pointer;
    border: none;
    border: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#Plan .option-padding-46 .pressed-button {
    width: 630px; /* 531 */
    height: 75px;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    color: #000;
    background: url(../images/button-akt.png) no-repeat;
    cursor: pointer;
    border: none;
    border: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#Plan .option-padding-45 .button {
    width: 630px; /* 531 */
    height: 75px;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    color: #fff;
    background: url(../images/button.png) no-repeat;
    cursor: pointer;
    border: none;
    border: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#Plan .option-padding-45 .pressed-button {
    width: 630px; /* 531 */
    height: 75px;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    color: #000;
    background: url(../images/button-akt.png) no-repeat;
    cursor: pointer;
    border: none;
    border: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#Plan .option-padding-42 .button .opt-long {
	width: 230px;
	float: left;
	color: #fff;
    font-size: 1.7em;
    font-weight: bold;
	padding: 23px 0px 0px 115px;
}
#Plan .option-padding-42 .pressed-button .opt-long {
	width: 230px;
	float: left;
	color: #000;
    font-size: 1.7em;
    font-weight: bold;
	padding: 23px 0px 0px 115px;
}
#Plan .option-padding-46 .button .opt-long {
	width: 230px;
	float: left;
    color: #fff;
    font-size: 1.7em;
    font-weight: bold;
	padding: 20px 0px 0px 105px;
}
#Plan .option-padding-46 .pressed-button .opt-long {
	width: 230px;
	float: left;
    color: #000;
    font-size: 1.7em;
    font-weight: bold;
	padding: 25px 0px 0px 115px;
}
#Plan .option-padding-45 .button .opt-long {
	width: 230px;
	float: left;
    color: #fff;
    font-size: 1.7em;
    font-weight: bold;
	padding: 23px 0px 0px 115px;
}
#Plan .option-padding-45 .pressed-button .opt-long {
	width: 230px;
	float: left;
    color: #000;
    font-size: 1.7em;
    font-weight: bold;
	padding: 23px 0px 0px 115px;
}
#Plan .option-padding-42 .pressed-button .opt-text {
	width: 150px;
	float: left;
	color: #000;
    font-size: 0.9em;
	line-height: 1.1em;
    font-weight: normal;
	padding: 23px 0px 0px 0px;
}
#Plan .option-padding-42 .button .opt-text {
	width: 150px;
	float: left;
	color: #fff;
    font-size: 0.9em;
	line-height: 1.1em;
    font-weight: normal;
	padding: 23px 0px 0px 0px;
}
#Plan .option-padding-46 .pressed-button .opt-text {
	width: 150px;
	float: left;
	color: #000;
    font-size: 0.9em;
	line-height: 1.1em;
    font-weight: normal;
	padding: 23px 0px 0px 0px;
}
#Plan .option-padding-46 .button .opt-text {
	width: 150px;
	float: left;
	color: #fff;
    font-size: 0.9em;
	line-height: 1.1em;
    font-weight: normal;
	padding: 18px 0px 0px 0px;
}
#Plan .option-padding-45 .pressed-button .opt-text {
	width: 150px;
	float: left;
	color: #000;
    font-size: 0.9em;
	line-height: 1.1em;
    font-weight: normal;
	padding: 23px 0px 0px 0px;
}
#Plan .option-padding-45 .button .opt-text {
	width: 150px;
	float: left;
	color: #fff;
    font-size: 0.9em;
	line-height: 1.1em;
    font-weight: normal;
	padding: 23px 0px 0px 0px;
}

#Plan .option-padding-42 .pressed-button .opt-title, #Plan .option-padding-42 .button .opt-title,
#Plan .option-padding-46 .pressed-button .opt-title,
#Plan .option-padding-45 .pressed-button .opt-title, #Plan .option-padding-45 .button .opt-title {
    max-width: 135px;
    color: #fff;
	float: left;
    text-align: left;
    padding: 23px 0px 0px 0px;
    font-size: 1.8em;
    font-weight: normal;
}
#Plan .option-padding-46 .button .opt-title {
    max-width: 135px;
    color: #fff;
	float: left;
    text-align: left;
    padding: 18px 0px 0px 0px;
    font-size: 1.8em;
    font-weight: normal;
}
#Plan .option-padding-42 .pressed-button .opt-title,
#Plan .option-padding-46 .pressed-button .opt-title,
#Plan .option-padding-45 .pressed-button .opt-title {
    color: #000;
}

/* by NATS */
#container {
    	width:400px;
    	color:#000000;
    	background:#FFFFFF;
    	}

    	#form2 {
    	width:400px;
    	background:#FFFFFF;
    	height: 305px;}

    	.button2 {
    		width: 130px;
    		height: 30px;
    		font-family: 'Roboto', Arial, sans-serif !important;
    		font-size:16px;
    		font-weight:bold;
    		background:#F00000;
    		color:#FFFFFF;
    		border-style: solid !important;
    		border-width: 1px !important;
    		border-color: #000;
    		}

    	.memberinfo2 {
    	TEXT-ALIGN: right;
    	WIDTH: 120px;
    	PADDING-RIGHT: 1em;
    	FLOAT: left;
    	PADDING-TOP: 0px;
    	font-size:12px;
    	font-family: 'Roboto', Arial, sans-serif !important;
    	font-weight:bold;
    	width:130px
    }
    ul#Info {
        width: 1000px;
        display: block;
        list-style: none;
        padding: 0px !important;
        margin: 50px auto 50px auto !important;
    }
        #Info li {
            width: 33%;
            display: block;
            float: left;
            color: #474747;
            font-weight: bold;
            font-size: 2.1em;
            line-height: 0.9em;
        }
        #Info li.rozdel {
            border-right: 2px solid #d8d8d8;
        }
            #Info li span {
                color: #949494;
                font-size: 70%;
                line-height: 1.0em;
            }
        
    section article.dark h2.ref {
        text-align: center;
        font-size: 2.1em;
        padding: 10px 60px 15px 60px;
        background: none !important;
    }

    #Mobile {
        display: none;
        text-align: center;
    }
    .mobile {
        display: none;
    }
    .mobilespan {
		display: none;
	}
    #Obsah #Stred h2.christmas {
        background: none;
        color: red;
        text-align: center;
        padding: 0px;
        font-size: 2.14em;
        margin: 0px 0px 15px 10px;
    }
    #Obsah #Stred h2.easter {
        background: none;
        color: #ff6a00;
        text-align: center;
        padding: 0px;
        font-size: 2.14em;
        margin: 0px 0px 15px 10px;
    }
    #NadpisPromo {
        display: none !important;
    }
@media only screen and (max-width: 800px) {
    #ListaPromo {
        display: none !important;
    }
    #NadpisPromo {
        width: 100% !important;
        display: block !important;
        text-align: center;
        color: #ff0000;
        padding: 0px !important;
    }
	.desktop {
		display: none;
	}
/*
	#Plan .opt-long, #Plan .opt-text {
		display: none;
	}
*/
    .mobile {
        display: block !important;
    }
    .mobilespan {
		display: inline;
	}
    section, header, footer, #Lista, #Article, #Article .center, #Nadpis {
        width: 100%;
    }
    h3#Info {
        color: #7c7c7c;
        font-weight: bold;
        width: 270px;
        line-height: 1.7em;
        text-align: left;
        margin-left: auto !important;
        margin-right: auto !important;
    }
        h3#Info img {
            margin: 3px 5px -5px 30px;
        }
        h3#Info strong {
            color: #212121;
        }
    #Lista {
        width: 100% !important;
        min-width: 320px !important;
        height: 50px;
        background: #000000;
    }
    #ListaStred {
        width: 100% !important;
        min-width: 320px !important;
        margin: 0px auto;
        color: #00a189;
        font-weight: normal;
        font-size: 1.1em;
    }
        #ListaStred span {
            color: #fff;
        }
        #Logo {
            width: 97px;
            height: 40px;
            position: relative;
            overflow: hidden;
            font-size: 0.4em;
            margin: 5px 10px 0px 10px;
            padding: 0px 0px;
            text-indent: -9999px;
            float: left;
        }
        #Logo span {
            display: block;
		    position: absolute;
		    top: 0;
		    left: 0;
		    background: url(../images/pozadi-logo.svg) no-repeat !important;
		    background-size: 97px 40px;
		    width: 97px;
		    height: 40px;
		    visibility: visible;
		    cursor: pointer;
        }
        #Login {
            width: 130px;
            height: 30px;
            color: #fff;
            margin: 10px 10px 0px 0px;
            float: right;
        }
            #Login a {
                width: 100%;
                height: 20px;
                display: block;
                padding: 5px 0px 5px 0px;
            }
        #ListaLogo, #ListaAccess {
            display: none;
        }
        #ListaAccessMobil {
            width: 180px;
		    height: 41px;
		    font-size: 0.85em;
		    background: url(../images/sejf.png) 0px 18px no-repeat;
		    float: right;
		    text-align: left;
		    display: block;
		    color: #fff;
		    font-weight: bold;
		    padding: 25px 0px 0px 30px;
        }
    #Obsah #Stred h2.christmas {
        background: none;
        color: red;
        text-align: center;
        padding: 0px;
        font-size: 1.50em;
        margin: 15px 0px 15px 10px;
    }
    h1, .nadpis {
        font-size: 1.45em;
    }
    #Obsah article h2 {
        font-size: 1.25em;
    }
    #Obsah article input.pozadi {
        width: 94% !important; /* 331 */
    }
    #form2 {
        width: 96% !important; /* 550 */
        margin: 5% 2% 0 2%;
    }

    section#Obsah {
        width: 100%;
        padding: 0px 0px 10px 0px;
    }
    #Article, #promotionsContainer, #promotionsSlider, #ListaAccess {
        display: none;
    }
    #Obsah .first {
        width: 96% !important; /* 550 */
        margin: 0% 2% 0 2% !important;
    }
    #Obsah .first table {
        width: 100% !important; /* 550 */
        margin: -10px auto 10px auto;
    }
    #Obsah .two {
        width: 96% !important; /* 550 */
        margin: 0% 2% 2% 2%;
    }
    #Stred {
        width: 96% !important;
        padding: 0 2% 0 2%;
    }
    section {
        width: 100% !important;
        min-width: 320px !important;
        height: auto;
    }
    section article {
        width: 100% !important;
        min-width: 320px !important;
        height: auto;
        margin: 0px;
        padding: 20px 0px 20px 0px !important;
        background: #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    section article.dark {
        width: 100% !important;
        min-width: 320px !important;
        height: auto;
        padding: 20px 0px 20px 0px;
        background: #f5f5f5;
        border-top: 1px solid #e0e7ed;
        border-bottom: 1px solid #e0e7ed;
    }
        section article.dark h2 {
            color: #474747;
        }
/*
    section article.dark #Reference {
        width: 95% !important;
        min-width: 342px !important;
        margin: 0px auto;
    }
        #Reference .reference, #Reference .referencetwo {
            width: 100% !important;
            min-width: 342px !important;
            height: auto;
            float: none;
            margin: 0px !important;
        }
        #Reference .reference img, #Reference .referencetwo img {
            width: 100% !important;
            height: auto;
        }
*/
    h3#Benefit {
        color: #474747;
        font-size: 1.4em;
        line-height: 1.3em;
        font-weight: bold;
        margin: 0px 0px 30px 0px;
    }
    ul#Proc {
        width: 100%;
        margin: 30px auto 10px auto;
        list-style: none;
    }
        #Proc li {
            width: 150px;
            height: auto;
            min-height: auto;
            float: left;
            display: block;
            font-size: 1.05em;
            color: #949494;
            margin: 0px auto 30px auto;
            text-align: center;
            font-weight: normal;
            padding: 35px 10px 0px 10px;
            background: url(../images/Icon1.svg) top center no-repeat !important;
            background-size: 25px auto !important;
        }
    #Loga {
        width: 100%;
        margin: 0px auto 20px auto;
    }
        #Loga #CzechVR {
            width: 100%;
            height: 30px;
            float: left;
            margin: 0px 0px 10px 0px;
            text-indent: -9999px;
            background: url(../images/logo-czechvr-trans-hover.png) top center no-repeat !important;
            background-size: 78px 30px !important;
        }
            #Loga #CzechVR:hover {
                width: 100%;
                height: 30px;
                float: left;
                text-indent: -9999px;
                background: url(../images/logo-czechvr-trans.png) top center no-repeat !important;
                background-size: 78px 30px !important;
            }
        #Loga #CzechAR {
            width: 100%;
            height: 30px;
            float: left;
            margin: 0px 0px 10px 0px;
            text-indent: -9999px;
            background: url(../images/logo-czechar.svg) top center no-repeat !important;
            background-size: 78px 30px !important;
        }
            #Loga #CzechAR:hover {
                width: 100%;
                height: 30px;
                float: left;
                text-indent: -9999px;
                background: url(../images/logo-czechar-hover.svg) top center no-repeat !important;
                background-size: 78px 30px !important;
            }
        #Loga #CzechVRCasting {
            width: 100%;
            height: 30px;
            float: left;
            margin: 0px 0px 10px 0px;
            text-indent: -9999px;
            background: url(../images/logo-czechvrcasting-trans-hover.png) top center no-repeat !important;
            background-size: 148px 30px !important;
        }
            #Loga #CzechVRCasting:hover {
                width: 100%;
                height: 30px;
                float: left;
                text-indent: -9999px;
                background: url(../images/logo-czechvrcasting-trans.png) top center no-repeat !important;
                background-size: 148px 30px !important;
            }
        #Loga #CzechVRFetish {
            width: 100%;
            height: 30px;
            float: left;
            margin: 0px 0px 10px 0px;
            text-indent: -9999px;
            background: url(../images/logo-czechvrfetish-trans-hover.png) top center no-repeat !important;
            background-size: 133px 30px !important;
        }
            #Loga #CzechVRFetish:hover {
                width: 100%;
                height: 30px;
                float: left;
                text-indent: -9999px;
                background: url(../images/logo-czechvrfetish-trans.png) top center no-repeat !important;
                background-size: 133px 30px !important;
            }
        #Loga #VRIntimacy {
            width: 100%;
            height: 30px;
            float: left;
            margin: 0px 0px 10px 0px;
            text-indent: -9999px;
            background: url(../images/logo-vrintimacy-trans-hover.png) top center no-repeat !important;
            background-size: 110px 30px !important;
        }
            #Loga #VRIntimacy:hover {
                width: 100%;
                height: 30px;
                float: left;
                text-indent: -9999px;
                background: url(../images/logo-vrintimacy-trans.png) top center no-repeat !important;
                background-size: 110px 30px !important;
            }
    ul#Info {
        width: 100%;
        display: block;
        list-style: none;
        padding: 0px !important;
        margin: 30px auto 20px auto !important;
    }
        #Info li {
            width: 32%;
            display: block;
            float: left;
            color: #474747;
            font-weight: bold;
            font-size: 1.2em;
            line-height: 1.1em;
        }
        #Info li.rozdel {
            border-right: 2px solid #d8d8d8;
            /*border: none;*/
        }
            #Info li span {
                color: #949494;
                font-size: 80%;
                line-height: 1.0em;
            }
    #Card {
        display: block;
        width: 100%;
        float: left;
        margin: 0px auto;
    }

    #Plan .option-padding-59 .button, #Plan .option-padding-59 .pressed-button,
    #Plan .option-padding-28 .button, #Plan .option-padding-28 .pressed-button,
    #Plan .option-padding-29 .button, #Plan .option-padding-29 .pressed-button {
        width: 100% !important;
        height: auto !important;
        margin: 15px auto 40px auto;
        float: none;
        padding: 0px 0px 15px 0px;
        transition: 0s;
        cursor: pointer;
        _cursor: hand;
        position: relative;
        /*background: #333333;*/
        /*background: url(../images/background.svg) 0px -50px no-repeat;*/
        background-size: 100% !important;
        
    }
    #Plan .option-padding-59 .button:hover, #Plan .option-padding-59 .pressed-button, 
    #Plan .option-padding-28 .button:hover, #Plan .option-padding-28 .pressed-button, 
    #Plan .option-padding-29 .button:hover, #Plan .option-padding-29 .pressed-button {
        width: 100% !important;
        height: auto !important;
        margin: 15px auto 40px auto;
        float: none;
        padding: 0px 0px 15px 0px;
        transition: 0s;
        cursor: pointer;
        _cursor: hand;
        position: relative;
        /*background: url(../images/background.svg) 0px -50px no-repeat;*/
        background-size: 100% !important;
        border: none;
        /*
        border-radius: 14px;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        */
    }
    #Plan .option-padding-59 .button .opt-long, #Plan .option-padding-59 .pressed-button .opt-long,
    #Plan .option-padding-28 .button .opt-long, #Plan .option-padding-28 .pressed-button .opt-long,
    #Plan .option-padding-29 .button .opt-long, #Plan .option-padding-29 .pressed-button .opt-long {
        width: calc(100% - 30px);
        height: 30px;
        float: none;
        color: #fff;
        font-size: 1.3em;
        text-align: left;
        position: relative;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 15px;
        padding: 15px 15px 0px 15px;
        font-family: 'Roboto', Arial, sans-serif !important;
    }
    #Plan .option-padding-59 .button .opt-longtext, #Plan .option-padding-59 .pressed-button .opt-longtext,
    #Plan .option-padding-28 .button .opt-longtext, #Plan .option-padding-28 .pressed-button .opt-longtext,
    #Plan .option-padding-29 .button .opt-longtext, #Plan .option-padding-29 .pressed-button .opt-longtext {
        width: 50%;
        height: auto;
        float: left;
        color: #fff;
        font-size: 0.85em;
        line-height: 1.35em;
        font-weight: normal;
        padding: 0px 0px 0px 0px;
    }
    #Plan .option-padding-59 .button .rightmobil, #Plan .option-padding-59 .pressed-button .rightmobil,
    #Plan .option-padding-28 .button .rightmobil, #Plan .option-padding-28 .pressed-button .rightmobil,
    #Plan .option-padding-29 .button .rightmobil, #Plan .option-padding-29 .pressed-button .rightmobil {
        width: 50%;
        height: auto;
        float: left;
        color: #fff;
        font-size: 0.85em;
        line-height: 1.35em;
        font-weight: normal;
        padding: 0px 0px 0px 0px;
    }
        #Plan .option-padding-59 .button .pruh, #Plan .option-padding-59 .pressed-button .pruh,
        #Plan .option-padding-28 .button .pruh, #Plan .option-padding-28 .pressed-button .pruh,
        #Plan .option-padding-29 .button .pruh, #Plan .option-padding-29 .pressed-button .pruh {
            width: calc(100% - 15px);
            height: 20px;
            float: none;
            color: #474747;
            position: relative;
            font-weight: bold;
            text-align: left;
            font-size: 1.0em;
            line-height: 1.35em;
            text-transform: uppercase;
            /*background: #e25a48;*/
            background: #43e1bd;
            padding: 5px 0px 5px 15px;
        }
        /* akce */
        
        #Plan .option-padding-59 .button .pruh, #Plan .option-padding-59 .pressed-button .pruh {
            background: #ff0000;
            color: #fff !important;
        }
        
        #Plan .option-padding-59 .button .opt-longtext ul, #Plan .option-padding-59 .pressed-button .opt-longtext ul,
        #Plan .option-padding-28 .button .opt-longtext ul, #Plan .option-padding-28 .pressed-button .opt-longtext ul,
        #Plan .option-padding-29 .button .opt-longtext ul, #Plan .option-padding-29 .pressed-button .opt-longtext ul {
            width: calc(100% - 15px);
            height: 113px;
            list-style: none;
            position: relative;
            margin: 15px 0px 0px 15px;
        }
            #Plan .option-padding-59 .button .opt-longtext ul li, #Plan .option-padding-59 .pressed-button .opt-longtext ul li,
            #Plan .option-padding-28 .button .opt-longtext ul li, #Plan .option-padding-28 .pressed-button .opt-longtext ul li,
            #Plan .option-padding-29 .button .opt-longtext ul li, #Plan .option-padding-29 .pressed-button .opt-longtext ul li {
                width: calc(100% - 25px);
                font-size: 0.95em;
                text-align: left;
                list-style: none;
                position: relative;
                padding: 2px 0px 2px 25px;
                background: url(../images/Icon2.svg) 0px 3px no-repeat;
                background-size: 15px 15px;
            }
    #Plan .option-padding-59 .opt-long .vanoce,
    #Plan .option-padding-28 .opt-long .vanoce,
    #Plan .option-padding-29 .opt-long .vanoce {
        width: 80px;
        height: 26px;
        float: right;
        color: #fff;
        text-align: center;
        font-size: 0.5em;
        padding: 0px 0px 0px 0px;
        margin: -3px 35px 0px 0px;
        background: #ec1a00;
    }
    #Plan .option-padding-59 .pressed-button .opt-title, #Plan .option-padding-59 .button .opt-title,
    #Plan .option-padding-28 .pressed-button .opt-title, #Plan .option-padding-28 .button .opt-title,
    #Plan .option-padding-29 .pressed-button .opt-title, #Plan .option-padding-29 .button .opt-title {
        width: 100%;
        color: #fff;
        float: none;
        text-align: left;
        position: relative;
        padding: 0px 0px 0px 0px;
        margin: 20px 0px 5px 0px;
        font-size: 1.8em;
        font-weight: bold;
    }
    #Plan .option-padding-59 .pressed-button .opt-title h4, #Plan .option-padding-59 .button .opt-title h4,
    #Plan .option-padding-28 .pressed-button .opt-title h4, #Plan .option-padding-28 .button .opt-title h4,
    #Plan .option-padding-29 .pressed-button .opt-title h4, #Plan .option-padding-29 .button .opt-title h4 {
        width: 100%;
        height: 20px;
        color: #b6b6b6;
        float: none;
        text-decoration: line-through;
        text-align: left;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 5px 0px;
        font-size: 60%;
        line-height: 1.1em;
        font-weight: bold;
    }
    #Plan .option-padding-59 .pressed-button .opt-title span, #Plan .option-padding-59 .button .opt-title span,
    #Plan .option-padding-28 .pressed-button .opt-title span, #Plan .option-padding-28 .button .opt-title span,
    #Plan .option-padding-29 .pressed-button .opt-title span, #Plan .option-padding-29 .button .opt-title span {
        font-size: 0.5em;
        line-height: 1.0em;
        color: #e6e6e6;
        font-weight: normal;
        text-transform: uppercase;
        /*display: block;*/
        margin: 0px 0px 0px 10px;
    }
    #Plan .option-padding-59 .button .opt-text, #Plan .option-padding-59 .pressed-button .opt-text,
    #Plan .option-padding-28 .button .opt-text, #Plan .option-padding-28 .pressed-button .opt-text,
    #Plan .option-padding-29 .button .opt-text, #Plan .option-padding-29 .pressed-button .opt-text {
        width: 100%;
        float: none;
        color: #949494;
        font-size: 0.8em;
        line-height: 1.7em;
        text-align: left;
        font-weight: normal;
        position: relative;
        padding: 0px 0px 0px 0px;
    }
    #Plan .option-padding-59 .button:hover .joinnow, #Plan .option-padding-59 .pressed-button .joinnow,
    #Plan .option-padding-28 .button:hover .joinnow, #Plan .option-padding-28 .pressed-button .joinnow,
    #Plan .option-padding-29 .button:hover .joinnow, #Plan .option-padding-29 .pressed-button .joinnow {
            width: 85% !important;
            height: 25px !important;
            float: none !important;
            font-weight: bold !important;
            text-align: center !important;
            font-size: 1.0em !important;
            line-height: 1.35em !important;
            position: relative !important;
            margin: 5px 30px 0px 0px !important;
            padding: 5px 0px 0px 0px !important;
    }
    #Plan .option-padding-59 .button .joinnow,
    #Plan .option-padding-28 .button .joinnow, 
    #Plan .option-padding-29 .button .joinnow {
            width: 85%;
            height: 25px;
            float: none;
            font-weight: bold;
            text-align: center;
            font-size: 1.0em;
            line-height: 1.35em;
            position: relative;
            margin: 5px 0px 0px 0px;
            padding: 5px 0px 0px 0px;
        }
        /* change plan */
        #Plan .option-padding-59 .button .blank-59,
        #Plan .option-padding-28 .button .blank-28,
        #Plan .option-padding-29 .button .blank-29 {
            width: 100%;
            height: 242px;
            position: absolute;
            display: none;
            top: -242px;
            left: 0px;
            display: none;
        }
        #Plan #blanks-59,
        #Plan #blanks-28,
        #Plan #blanks-29 {
            position: relative;
            display: none;
        }
        #Plan .option-padding-59 .pressed-button .blank-59, #Plan .option-padding-59 .button:hover .blank-59,
        #Plan .option-padding-28 .pressed-button .blank-28, #Plan .option-padding-28 .button:hover .blank-28,
        #Plan .option-padding-29 .pressed-button .blank-29, #Plan .option-padding-29 .button:hover .blank-29 {
            width: 100%;
            height: 242px;
            position: absolute;
            display: block !important;
            top: -221px;
            left: 0px;
            display: none;
        }
            #Plan .option-padding-59 .pressed-button .blank-59 .changenow, #Plan .option-padding-59 .button:hover .blank-59 .changenow,
            #Plan .option-padding-28 .pressed-button .blank-28 .changenow, #Plan .option-padding-28 .button:hover .blank-28 .changenow,
            #Plan .option-padding-29 .pressed-button .blank-29 .changenow, #Plan .option-padding-29 .button:hover .blank-29 .changenow {
                position: absolute;
                bottom: 27px !important;
                left: 50% !important;
                width: 43% !important;
                height: 25px !important;
                font-weight: bold;
                text-align: center;
                font-size: 0.85em;
                line-height: 1.35em;
                margin: 0px 0px 0px 0px !important;
                padding: 5px 0px 0px 0px !important;
            }

    #Plan .option-padding-59 .button .promo, #Plan .option-padding-59 .pressed-button .promo,
    #Plan .option-padding-28 .button .promo, #Plan .option-padding-28 .pressed-button .promo,
    #Plan .option-padding-29 .button .promo, #Plan .option-padding-29 .pressed-button .promo {
        width: 50px;
        height: 37px;
        padding: 13px 0px 0px 0px;
        /*color: #fff;*/
        color: #474747;
        transform: rotate(15deg);
        font-weight: bold;
        text-align: center;
        font-size: 1.0em;
        line-height: 0.7em;
        /*background: #e25a48;*/
        background: #43e1bd;
        border-radius: 35px;
        -moz-border-radius: 35px;
        -webkit-border-radius: 35px;
        position: absolute;
        top: -15px;
        right: -12px;
    }
        #Plan .option-padding-59 .button .promo span, #Plan .option-padding-59 .pressed-button .promo span,
        #Plan .option-padding-28 .button .promo span, #Plan .option-padding-28 .pressed-button .promo span,
        #Plan .option-padding-29 .button .promo span, #Plan .option-padding-29 .pressed-button .promo span {
            font-size: 70%;
            /*font-size: 60%; BEST */
            font-weight: normal;
        }
    #Plan .option-padding-59 .button .promovanoce, #Plan .option-padding-59 .pressed-button .promovanoce {
        width: 50px;
        height: 34px;
        padding: 40px 0px 0px 0px;
        color: #fff;
        transform: rotate(15deg);
        font-weight: bold;
        text-align: center;
        font-size: 1.0em;
        line-height: 0.8em;
        /*background: #e25a48;*/
        /*background: #43e1bd;*/
        background: url(../images/promo-pre-summer.svg) no-repeat !important;
        background-size: 50px 74px !important;
        /*
        border-radius: 35px;
        -moz-border-radius: 35px;
        -webkit-border-radius: 35px;
        */
        position: absolute;
        top: -31px;
        right: -11px;
    }
        #Plan .option-padding-59 .button .promovanoce span, #Plan .option-padding-59 .pressed-button .promovanoce span {
            font-size: 70%;
            font-weight: normal;
        }
    #Plan .option-padding-59 .button .promovalentine, #Plan .option-padding-59 .pressed-button .promovalentine {
        width: 80px;
        height: 66px;
        padding: 25px 0px 0px 0px;
        color: #fff;
        transform: rotate(15deg);
        font-weight: bold;
        text-align: center;
        font-size: 1.0em;
        line-height: 0.8em;
        /*background: #e25a48;*/
        /*background: #279eff;*/
        background: url(../images/promo-pre-summer.svg) no-repeat !important;
        background-size: 80px 66px !important;
        /*
        border-radius: 35px;
        -moz-border-radius: 35px;
        -webkit-border-radius: 35px;
        */
        position: absolute;
        top: -21px;
        right: -25px;
    }
        #Plan .option-padding-59 .button .promovalentine span, #Plan .option-padding-59 .pressed-button .promovalentine span {
            font-size: 70%;
            font-weight: normal;
        }
    #Plan h2 {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }
    #Pos a {
        width: 30px;
        height: 30px;
        display: block;
        color: #fff;
        position: absolute;
        top: 18px;
        right: 10px;
        z-index: 5;
        cursor: pointer;
        _cursor: hand;
        text-indent: -9999px;
    }
    .join-button {
        margin: 0px auto 5px auto;
    }
    .right {
        float: left;
    }
    .none {
        display: none;
    }
    #Mobile, #MobileTop {
        display: block;
    }
    #Menu {
        display: none;
    }

    #Platby {
        width: 96% !important;
        margin: 5% auto 3% auto;
    }
        #Platby img {
            width: auto;
            margin: 0px 7px;
        }
        #Platby img.visa  {
            width: 47px;
            height: 15px;
        }
        #Platby img.paysafe {
            width: 89px;
            height: 15px;
        }
        #Platby img.paypal {
            width: 62px;
            height: 15px;
        }
        #Platby img.maestro {
            width: 26px;
            height: 15px;
        }
        #Platby img.bitcoin {
            width: 15px;
            height: 15px;
        }
    p.zamek {
        height: 20px;
        text-align: center;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
        p.zamek img {
            margin: 0px 10px 0px 0px;
        }
    .join-button {
        width: 100% !important;
        margin: 3% auto 2% auto;
    }
    .join-button .button2 {
        width: 100% !important;
        text-align: center;
        border: none;
        font-size: 1.0em;
        font-weight: bold;
        font-family: 'Roboto', Arial, sans-serif !important;
        cursor: pointer;
        _cursor: hand;
    }
    .join-button .button2:hover {
        text-decoration: none;
		background: #f06552;
    }
    .join_error {
        /*background: #f30400;*/
        /*padding: 10px;*/
        display: block;
        margin: 0px 0px 10px 0px;
        font-weight: bold;
        color: red;
        text-align: left;
    }
    #Payment {
        width: 100% !important;
        padding: 0% 0% 0% 0%;
        background: #fff;
        text-align: center;
        margin-left: 0px;
    }
    #Payment a, #Payment a:hover {
        text-decoration: none;
    }
    #Obsah .card, #Obsah .cardactive, #Obsah .card:hover, #Obsah .cardactive:hover {
		display: block;
		width: 49% !important;
		height: 40px !important;
		cursor: pointer;
		_cursor: hand;
		float: left;
		text-align: center;
        font-weight: bold;
		font-size: 0.9em;
		margin: 0px 0px 10px 0px;
        padding: 5px 0px 0px 0px;
	}
    #Obsah .btc, #Obsah .btcactive, #Obsah .btc:hover, #Obsah .btcactive:hover {
		display: block;
		width: 47% !important;
		height: 33px !important;
		cursor: pointer;
		_cursor: hand;
		margin: 0px 1% 0px 1%;
        padding: 12px 0px 0px 0px;
		padding-left: 0px !important;
		float: right;
        font-size: 0.9em;
        text-align: center;
	}
    #Desc {
        color: #949494 !important;
        text-align: left;
        font-size: 0.9em;
        line-height: 1.4em;
        padding: 0px 0px 0px 0px;
        margin: 50px 0px 20px 0px;
    }
    footer {
        width: 100% !important;
        min-width: 360px !important;
        background: #212121;
        padding: 20px 0px 10px 0px;
        margin: 0px;
    }
        footer #Paticka {
            width: 100% !important;
            min-width: 360px !important;
            margin: 0px !important;
        }
            #Paticka p {
                padding: 0px 15px !important;
            }
            #Paticka #MenuPata {
                width: 100% !important;
                min-width: 360px !important;
                float: none;
            }
            footer .socials {
                width: 241px !important;
                text-align: center;
                margin: 20px auto 0px auto !important;
                float: none !important;
            }
                #MenuPata .first {
                    width: 100%;
                    text-align: center;
                }
                #MenuPata .sloupec {
                    width: 100% !important;
                    min-width: 360px !important;
                    float: none;
                    margin: 0px 0px 20px 0px !important;
                }
                    #MenuPata .sloupec h3 {
                        text-align: center;
                    }
                    #MenuPata .sloupec ul {
                        list-style: none;
                        padding: 0px !important;
                        margin: 0px auto !important;
                    }
                    #MenuPata .sloupec ul li {
                        list-style: none;
                        margin: 7px 0px;
                    }
                    #MenuPata .sloupec ul a {
                        width: 100% !important;
                        min-width: 360px !important;
                        color: #fff;
                        display: block;
                        text-align: center;
                        text-decoration: none;
                    }
                    #MenuPata .sloupec ul a:hover {
                        text-decoration: underline;
                    }
                #MenuPata h3 {
                    font-size: 1.1em;
                    color: #06ffe5;
                }
                #MenuPata #Social {
                    width: 100% !important;
                    min-width: 360px !important;
                    float: none;
                    text-align: center;
                    margin: 20px 0px 0px 0px !important;
                }
                    #MenuPata #Social a {
                        margin-right: 10px;
                    }
                #MenuPata #Pay {
                    width: 100% !important;
                    min-width: 360px !important;
                    color: #a5a5a5;
                    float: none;
                    line-height: 0.8em;
                    text-align: center;
                    padding: 10px 0px 0px 0px;
                    margin: 20px auto !important;
                }
            #Paticka #PataLoga {
                width: 100% !important;
                min-width: 360px !important;
                float: none;
                text-align: center;
                padding: 10px 0px 0px 0px;
            }
                #PataLoga img {
                    margin: 0px 15px 15px 15px;
                }
            #Warning {
                width: 100% !important;
                min-width: 360px !important;
                padding: 25px 0px 25px 0px;
                margin: 15px 0px 25px 0px;
                background: #383838;
                color: #fff;
                text-align: center;
            }
            #Warning p {
                color: #a5a5a5;
            }
            #Warning p a {
                color: #fff;
            }
    #Copyright {
        width: 100% !important;
        min-width: 320px !important;
        height: 35px;
        padding: 20px 0px 0px 0px;
        margin: 0px auto;
        background: #141414;
        color: #fff;
        text-align: center;
    }
}

@media only screen and (max-width: 530px) {
    ul#Proc {
        width: 360px;
        margin: 30px auto 10px auto;
        list-style: none;
    }
}
@media only screen and (min-width: 530px) and (max-width: 800px) {
    ul#Proc {
        width: 530px;
        margin: 30px auto 10px auto;
        list-style: none;
    }
}