* {padding: 0;margin: 0;outline:0 none;}


@font-face {
  font-family: 'maven_proregular';
  src: url('//cdn.traq.li/fonts/mavenpro-regular-webfont.eot');
  src: url('//cdn.traq.li/fonts/mavenpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('//cdn.traq.li/fonts/mavenpro-regular-webfont.woff') format('woff'), url('//cdn.traq.li/fonts/fonts/mavenpro-regular-webfont.ttf') format('truetype'), url('//cdn.traq.li/fonts/fonts/mavenpro-regular-webfont.svg#maven_proregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {font-family: 'maven_proregular';}

.traqli-subscribe p.fadein {}
.traqli-subscribe {/*max-width: 580px;*/ margin: 0px; /*width: 98%;*/ }
.traqli-subscribe p.powered {text-align: center; float: left; width: 100% !important; font-family: 'maven_proregular'; margin: 10px 0 0 0 !important; font-size: 14px; color: #323232; padding: 0 !important; }
.traqli-subscribe p.powered a {color: #85277f;text-decoration: underline;}
.traqli-subscribe p.powered a:hover {color: #85277f;text-decoration: none;}

.subscribe-form {position: relative;overflow: hidden;padding: 1px 0 0 0; float: left; width: 100%;background: #F0F0F0; -webkit-border-radius: 15px/12px; -moz-border-radius: 15px/12px; border-radius: 15px/12px; -webkit-box-shadow: 4px 5px 2px -2px #939292; -moz-box-shadow: 4px 5px 2px -2px #939292; box-shadow: 4px 5px 2px -2px #939292; }
.subscribe-form p {font-size: 14px; color: #85277F; font-family: "Georgia", Arial; float: left; padding: 9px 13px; text-align: center; }

.subscribe-form form {float: right; margin: 4.4px;position: relative;}
.subscribe-form form p.error_tip {
-webkit-transition-duration: 0.5s, 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
float: left;
position: absolute;
background: #fff;
cursor: pointer;
height: 15px;
padding: 4px 4px 6px;
margin: 1px 2px;
border-radius: 11px;
color: #BB3A3A;
width: 144px;
font-size: 14px;
}

.subscribe-form form p.error_tip:hover {color: #F57373;}
.subscribe-form form input.error#emailinput {border: 1px solid #851313;color: #851313;}
.subscribe-form form input#emailinput {text-align: left; width: 144px;font-size: 14px;font-family: 'maven_proregular';font-style: italic; float: left; border: 1px solid #D9D9D9;    padding: 5px;margin: 0 35px 0 0; }
.subscribe-form form input#emailgo {float: left;  width: 33px; height: 34px; border: 0 none; margin: -1px -3px 0 5px; cursor: pointer; position: absolute; right: 0; }

.followed form input#emailgo {display: none;}
.followed.changed form input#emailgo {display: block;}

/*  For followed form: */

.traqli-subscribe.followed .subscribe-form > p {color: #333;}
.traqli-subscribe.followed .subscribe-form > p.fadein {color: #333 !important;}
.traqli-subscribe.followed .subscribe-form > p > span.yes {color: #333; background: url("//cdn.traq.li/custom/set_icons.png") bottom left no-repeat; width: 25px; height: 20px; float: left; }
.traqli-subscribe.followed .subscribe-form form input#emailinput {color: #66B245;}
.traqli-subscribe.followed .subscribe-form form span.change_mail {float: left; background: url("//cdn.traq.li/custom/set_icons.png") 2px 0px no-repeat; width: 29px; height: 25px; border: 0 none; margin: 4px 0 0 6px; cursor: pointer; position: absolute; right: 0; }
.traqli-subscribe.followed .subscribe-form form span.change_mail:hover {opacity: 0.8; }
.traqli-subscribe.followed  p.powered a {color: #66B245;}

@media(max-width: 600px) {
    p.text { margin-left: auto; margin-right: auto; }
    div.w  { width: 100%; display: flex; }
    #emailform { margin-left: auto; margin-right: auto; }
}

.traqlitext {
    font-size: 18px;
    font-weight: normal;
}

.subscribe-form {position: relative;overflow: hidden;padding: 1px 0 0 0; float: left; width: 100%;background: #355495 ; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.subscribe-form.followed {background: #355495 ;}
.subscribe-form p {font-size: 18px; color: #FFFFFF; font-family: Arial, Tahoma, Georgia; float: left;  text-align: center; font-weight: bold;}
.subscribe-form form input#emailinput {text-align: left; width: 213px;font-size: 14px;font-family: Arial;font-style: normal; font-weight: normal;float: left; border: 1px solid #cfcfcf;    padding: 0 0 0 6px;margin: 2px 13px 0 0; color: #cccccc;height: 24px;}

input::-webkit-input-placeholder { text-align: left; }
input:-moz-placeholder { text-align: left; }
input::-moz-placeholder {text-align: left; }
input:-ms-input-placeholder {text-align: left;}

.subscribe-form form input#emailinput:focus {border-color: #125a8c; color:#135585}
.subscribe-form form input#emailgo {float: left;  width: 165px; height: 26px; border: 0 none; margin: 2px -3px 0 5px; cursor: pointer; position: static; right: 0; background: none;border: 1px solid #ffffff;color: #ffffff;font-size: 14px;font-family: Arial;font-weight: bold;}
.subscribe-form form input#emailgo:hover{background:#ffffff;color:#00abef;}
.traqli-subscribe.followed .subscribe-form > p {color: #FFFFFF;}
.traqli-subscribe.followed .subscribe-form > p.fadein {color: #FFFFFF !important;}
.traqli-subscribe.followed .subscribe-form > p > span.yes {color: #FFFFFF; background: url("//cdn.traq.li/custom/set_icons3.png") bottom left no-repeat; width: 25px; height: 20px; float: left; }
.traqli-subscribe.followed .subscribe-form form span.change_mail {float: left; background: url("//cdn.traq.li/custom/set_icons3.png") 2px 0px no-repeat; width: 29px; height: 25px; border: 0 none; margin: 4px 0 0 6px; cursor: pointer; position: absolute; right: 0; }
.traqli-subscribe.followed.mini .subscribe-form form span.yes {background: url("//cdn.traq.li/custom/set_icons3.png") bottom left no-repeat; width: 25px; height: 20px; float: left; margin: 3px 4px 0 0; }
.subscribe-form.send{background: #3c3936;}
.subscribe-form.send p{float: none;text-align: center; color: #00abef; font-weight: bold;font-size: 18px;}
#closebtn { opacity:0.6;position:relative;  width: 29px; height: 29px; border: 0 none; margin: 4.4px; cursor: pointer; position: fixed; right: 0; }
#closebtn:before, #closebtn:after{
  border-bottom:1px solid #ffffff; display:block;
  width:29px;
  height:29px;
  position:absolute;
  content:'';
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);  
    top:-10px;
    
  left: 10px;
}
#closebtn:after{
    -moz-transform: rotate(-45deg); /* Для Firefox */
    -ms-transform: rotate(-45deg); /* Для IE */
    -webkit-transform: rotate(-45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-45deg); /* Для Opera */
    transform: rotate(-45deg);  
    top:-10px;
    left: -10px;
     
}
#closebtn:hover{ opacity:1; }

@media(max-width: 900px) {
    p.text { margin-left: auto; margin-right: auto; }
    div.w  { width: 100%; display: flex; }
    #emailform { margin-left: auto; margin-right: auto; float: none;}

    div.wr  { width: 100%; display: flex; }
    #closebtn { position: relative; margin-left: auto; margin-right: auto; }
}

@media(max-width: 768px) {
    .subscribe-form{
        padding-bottom: 10px;
    }
    .subscribe-form form input#emailinput, .subscribe-form form input#emailgo{
        float:none;
        margin: 5px;
        width: 83%;
    }
}

.subscribe-form {
    text-align: center;
}

.w_top {
    display: inline-block;
    padding-top: 4px;
}

.w {
    float: left;
}

.wr {
    float: right;
}

.traqlihiddenonload {
    display: none;
}