header .logo span span {
    display: inline;
    top: auto;
    margin-left: 0;
}
header .favour-counter {
    position: relative;
    margin: 20px -15px 0 60px;
    float: right;
    color: #fff;
    font: 12px 'Verdana', sans-serif;
    text-decoration: none;
}
header .favour-counter:before {
    display: block;
    width: 16px;
    height: 16px;
    top: -4px;
    left: -24px;
    border: solid transparent;
    background: url(../images/favour-header-icon.png) no-repeat 0 0;
    content: " ";
    position: absolute;
    cursor: pointer;
}
header .favour-counter.active:before {
    background: url(../images/favour-header-icon-active.png) no-repeat 0 0;
}
.subscribe-form {
    display: none;
    width: auto;
    max-width: 380px;
    height: 100%;
    margin: auto;
    background-color: #f3f3f3;
    z-index: 23;
}
.subscribe-form.bottom-subscribe-form {
    display: block;
    position: relative; 
}
.subscribe-form.bottom-subscribe-form > div {
    bottom: 50px;
    background-color: #f4fbf8;
    border: 1px solid #41a85f;
}
.subscribe-form.bottom-subscribe-form button {
    box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
}
.subscribe-form.bottom-subscribe-form h2 span {
    color: #090;
}
.subscribe-form.bottom-subscribe-form div p a {
    font: 14px/18px Arial, sans-serif;
    text-decoration: none;
    float: none;
}
.subscribe-form.bottom-subscribe-form.bottom-subscribe-form-authorised button {
    margin-left: 0;
}
.subscribe-form > div {
    width: 380px;
    padding: 20px;
    position: fixed;
    z-index: 23;
    background-color: #f3f3f3;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2), -1px -1px 0px rgba(0,0,0,0.05), -1px 1px 0px rgba(0,0,0,0.05), 1px -1px 0px rgba(0,0,0,0.05);
    border-radius: 3px;
}
.subscribe-form form {
    position: relative;
    top: 0;
}
.subscribe-form div p:first-of-type {
    display: block;
    margin: 0 0 15px;
    font: 14px/18px Arial, sans-serif;
    color: #333;
}
.subscribe-form div p {
    display: none;
    margin: 17px 0 15px;
    font: 14px/18px Arial, sans-serif;
    color: #333;
}


.subscribe-form div .h2 {
    padding-top: 8px;
    padding-left: 45px;
    position: relative;
    width:100%;
    disply:block;
    margin-bottom:10px;
}
.subscribe-form div .h2:before {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    content: '';
    width: 32px;
    height: 32px;
    background: url(../images/subscribe-icon.png) no-repeat 0 0;
}
.subscribe-form div .h2 span {
    width: auto;
    display: block;
    float: none;
    margin: 0 0 20px;
    font: 18px/18px Arial, sans-serif;
    color: #333;
}
.subscribe-form div .h2 span:nth-child(2) {
    display: none;
}

.subscribe-form div h2 {
    padding-top: 8px;
    padding-left: 45px;
    position: relative;
} 
.subscribe-form div h2:before {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    content: '';
    width: 32px;
    height: 32px;
    background: url(../images/subscribe-icon.png) no-repeat 0 0;
}
.subscribe-form div h2 span {
    width: auto;
    display: block;
    float: none;
    margin: 0 0 20px;
    font: 18px/18px Arial, sans-serif;
    color: #333;
}
.subscribe-form div h2 span:nth-child(2) {
    display: none;
}
.subscribe-form form input[type="password"], .subscribe-form form input[type="email"] {
    float: left;
    width: 200px;
    padding: 4px;
    font: 14px/22px Arial, sans-serif;
    color: #333;
    border: 1px solid #cccccc;
    overflow: hidden;
}
.subscribe-form form input.error {
    border: 1px solid #C4161C;
}
.subscribe-form form input[type="password"] {
    display: none;
}
.subscribe-form span.error {
    position: relative;
    top: -7px;
    display: none;
    width: auto;
    color: #C4161C;
    font: 11px Arial, sans-serif;
}
.subscribe-form span.error + span.error {
    display: none;
}
.subscribe-form form label, .subscribe-form form span {
    margin-top: 10px;
    width: 62px;
    font: 13px 'Tahoma', sans-serif;
    color: #333;
    float: left;
    clear: both;
}
.subscribe-form form label.error {
    position: relative;
    margin: 3px 0 0 63px;
    width: auto;
    color: #A70B00;
    font: 11px 'Tahoma', sans-serif;
}
.subscribe-form form div  span {
    margin: 20px 0 0 0;
    width: 132px;
}
.subscribe-form form input[type="text"] {
    width: 205px;
    margin-top: 10px;
    float: left;
    border: 1px solid #d9d9d9;
}
.subscribe-form form input[type="text"].error {
    border: 1px solid #A70B00;
}
.subscribe-form form input[type="submit"] {
    display: none;
}
.subscribe-form form button  {
    margin-left: 15px;
}
/*.subscribe-form form .error + button  {
    margin: -32px 0 0 0px;
}*/
.subscribe-form form input[type="submit"], .subscribe-form form button  {
    float: left;
    margin: 0 0 0 15px;
    padding: 4px 26px;
    background: #41a85f;
    border: 1px solid #41a85f;
    border-radius: 4px;
    font: 13px/22px 'Verdana', sans-serif;
    color: #fff;
    box-shadow: 2px 2px 6px -4px #454445;
    cursor: pointer;
}
.subscribe-form form a {
    float: left;
    clear: both;
    font: 11px 'Tahoma', sans-serif;
    color: #2761D8;
}
.subscribe-form form .remind-pass {
    float: right;
    clear: none;
    margin: 15px 0 0 0;
}
.subscribe-form form .remind-pass, .subscribe-form form .reg {
    margin-top: 20px;
}
.subscribe-form form .reg {
    font-size: 13px;
    clear: none;
}
.subscribe-form form .social {
    float: left;
    clear: none;
    margin: 13px 7px 13px 0;
}
.subscribe-form form .hr {
    width: 312px;
    position: relative;
    left: -20px;
    float: left;
    clear: both;
    border-top: 1px solid #ddd;
}
.subscribe-form form .close {
    position: absolute;
    width: auto;
    top: -29px;
    right: -14px;
    font: 23px 'Verdana', sans-serif;
    color: #999;
    cursor: pointer;
}
.subscribe-activation-block {
    border-top: 1px solid #dcdcdc;
    padding-top: 30px;
}
.subscribe-activation-block .subscribe-activation {
    border: 1px solid #090;
    padding: 20px;
}
.subscribe-activation-block .subscribe-activation .title {
    display: block;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font: 16px Arial, sans-serif;
    color: #090;
}
.subscribe-activation-block .subscribe-activation p, .subscribe-activation-block .subscribe-activation a {
    font: 14px Arial,sans-serif;
}
.page-actions > span.subscribe .activated {
    display: none;
}
.page-actions > span.subscribe.active .activated {
    display: inline;
}
.page-actions > span.subscribe.active {
    background: url(../images/letter-icon-green.png) no-repeat 0 -1px;
}
.page-actions > span.subscribe.active span {font-size: 0;color: #090;border-bottom: none;}
.page-actions > span.subscribe.active span span {font-size: 13px;border-bottom: none;}
.page-actions > span.subscribe.active span span a {display: inline-block; margin-left: 5px;}

@media screen and (max-width: 1100px) { 
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .subscribe-form form input[type="submit"], .subscribe-form form button {
        /* float: none; */
        /* margin: 15px 0 0 0; */
    }
    .subscribe-form > div {
        left: 22%;
        width: 50%;
    }

    header .favour-counter {
        display: none;
    }
    .subscribe-form.bottom-subscribe-form {
        max-width: none;
        width: 100%;
        height: 100%;
    }
    .subscribe-form.bottom-subscribe-form > div {
        width: 51%;
        margin: auto;
        left: 22%;
        bottom: 50px;
    }
}
@media only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: landscape) {
}
@media only screen and (max-device-width: 736px) and (min-device-width: 320px) {
    .subscribe-form form input[type="submit"], .subscribe-form form button {
        float: none;
        margin: 15px 0 0 0;
        padding: 4px 14px;
    }
    .subscribe-form.bottom-subscribe-form {
        width: 320px;
    }
    .subscribe-form.bottom-subscribe-form form input[type="submit"] {
        margin: 0 0 0 15px;
    }
    .subscribe-form form button {
        display: block;
        clear: both;
        float: none;
        margin: 62px 0 0 0;
    }
    .subscribe-activation-block .subscribe-activation {
        margin: 0 10px;
        padding: 20px;
    }
    .subscribe-form.bottom-subscribe-form form input[type="email"] {
        width: 125px;
        width: 45%;
        float: left;
    }
    .subscribe-form div h2 span:nth-child(2) {
        line-height: 38px;
    }
    .subscribe-form.bottom-subscribe-form form input[type="password"] {
        width: 60%;
    }
    .subscribe-form.bottom-subscribe-form form button {
        float: right;
        margin: 0px 0 0 15px;
        clear: none;
    }
    .subscribe-form > div {
        width: 278px;
        /* left: 3%; */
    }
    .subscribe-form div h2 {
        padding-left: 0;
    }
    .subscribe-form div h2:before {
        display: none;
    }
    .subscribe-form.bottom-subscribe-form div h2 {
        padding-left: 45px;
    }
    .subscribe-form.bottom-subscribe-form div h2:before {
        display: block;
        top: 9px;
    }
    header .favour-counter {
        display: none;
    }
    .subscribe-form.bottom-subscribe-form.bottom-subscribe-form-authorised form input[type="password"], .subscribe-form.bottom-subscribe-form.bottom-subscribe-form-authorised form input[type="email"] {
        display: none;
    }
    .subscribe-form.bottom-subscribe-form.bottom-subscribe-form-authorised form button {
        margin-top: -7px;
        margin-left: 46px;
        float: left;
    }
    .subscribe-form.bottom-subscribe-form div p {
        display: none;
    }
} 