*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
@font-face{font-family:'AA-BebasNeue';src:url("../fonts/BebasNeueBold.eot");src:url("https://blogs-info.info/nutrivix-woman-page/fonts/BebasNeueBold.eot@.html") format('embedded-opentype'), url("../fonts/BebasNeueBold.ttf") format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'Roboto-Bold';src:url("../fonts/Roboto-Bold.eot");src:url("https://blogs-info.info/nutrivix-woman-page/fonts/Roboto-Bold.eot@.html") format('embedded-opentype'), url("../fonts/Roboto-Bold.ttf") format('truetype');font-weight:bold;font-style:normal;}
@font-face{font-family:'Roboto-Regular';src:url("../fonts/Roboto-Regular.eot");src:url("https://blogs-info.info/nutrivix-woman-page/fonts/Roboto-Regular.eot@.html") format('embedded-opentype'), url("../fonts/Roboto-Regular.ttf") format('truetype');font-weight:normal;font-style:normal;}
html, body{width:100%;min-width:100%;}
body{background-color:#f5eded;color:#222;font:16px/22px 'Roboto-Regular', arial, sans-serif;overflow-x:hidden;}
a{color:#28ad3b;}
a img{border:none;}
.bold, b{font-family:'Roboto-Bold', arial, sans-serif;}
p{padding:4px 0 20px 0;text-align:justify;font:16px/22px 'Roboto-Regular', arial, sans-serif;}
img{max-width:100%;height:auto;}

h1{clear:both;color:#28ad3b;font:41px/48px 'AA-BebasNeue', Impact, sans-serif;text-transform:uppercase;text-align:center;letter-spacing:1px;display:block;line-height: 1.2;}
h2{color:#28ad3b;font:26px/36px 'Roboto-Bold', sans-serif;text-transform:uppercase;margin:1px 0 10px 0;}
h3{color:#28ad3b;font:18px/26px 'Roboto-Regular', sans-serif;text-transform:uppercase;padding-bottom:20px;;}
.m-show{display:none;}
#main-span{font:22px/36px 'Roboto', sans-serif;text-transform:none;color:#000;display:block;margin-top:-3px;letter-spacing:normal;}
.green-text{color:#28ad3b;}
.oblique-text{font-style:italic;}
.left-img{margin:9px 20px 0 0;}
.right-img{margin:0 0 10px 10px;max-width:60%;}
.center-img{margin:5px auto 10px auto;display:block;max-width:100%;}
.clear{clear:both;width:100%;height:1px;}
.float-block{float:left;width:67%;font-size:18px;}
.float-block p{text-align:left;padding:5px;}
#header{position:relative;width: 100%;padding: 15px 0;}
#logo{position:absolute;left:44px;top:21px;font-family:'Dancing Script', cursive;font-size:27px;color:#28ad3b;}
#nav{list-style-type:none;width:100%;margin:0 0 0 290px;}
#nav li{float:left;text-align:center;margin-right:32px;padding-top:22px;font:17px/22px 'Roboto-Bold', sans-serif;text-transform:uppercase;font-weight:bold;}
#content{position:relative;width: 800px;max-width:90%;box-shadow:0 5px 20px #cecece;border-top:2px solid #28ad3b;margin:0 auto;background-color:#fff;padding: 20px 15px 20px 15px;}
#main{}
.button{text-transform:uppercase;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font:30px/34px 'AA-BebasNeue', Impact, arial, sans-serif;background:#d62a2a;-moz-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;-webkit-transition:all 0.7s ease-out;padding:16px 5px;min-height:64px;display:block;margin:25px auto 25px auto;color:#fff;text-align:center;max-width:100%;width:500px;text-decoration:none;box-shadow:2px 2px 5px #888;-webkit-box-shadow:2px 2px 5px #888;-moz-box-shadow:2px 2px 5px;}
.button:hover{text-decoration:none !important;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.button__span{color:#fff;padding:1px 11px 0 12px;border:2px solid #fff;border-radius:50%;margin-left:5px;}
#sidebar{width:26.3%;position:absolute;right:23px;top:19px;background-color:#e6e7e8;padding:22px 5px 16px 5px;}
.sidebar img{width:197px;height:197px;margin:0 15px 15px 0;background-color:#d8d6d0;float:left;}
#sidebar a{font-style:normal;text-decoration:none;font-size:17px;color:#5b5b5b;text-align:center;line-height:120%;display:block;margin-bottom:25px;}
#sidebar a img{width:100%;}
#sidebar .button{color:#fff;font-size:40px;letter-spacing:1px;line-height:48px;margin-top:-25px;height:64px;padding-top:11px;}
#comment-title{color:#000;text-align:left;margin:80px 0 0 0;width:100%;text-transform:uppercase;border-bottom:1px solid #c4c4c4;font:18px/37px 'Roboto-Bold', arial, sans-serif;}
.comment{padding:15px 0 20px 75px;position:relative;border-bottom:1px solid #c4c4c4;font-size:100%;}
.ava{position:absolute;left:10px;width:50px;height:50px;top:21px;}
.comment p{font-weight:normal;font-size:16px;}
.comment .center-img{margin-top:10px;width:100%;max-width: 350px;}
.rdate{text-align:left;font-size:14px;color:#c7adad;float:left;width:100%;}
.comment__name{display:block;float:left;width:100%;margin-bottom:5px;}
.comment__name a{text-decoration:none;color:inherit;}
.comment--0{padding-left:105px;}
.comment--0 .ava{left:40px;}
.block-overf {
    height: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
@media screen and (max-width:1110px){h1{}
#main-span{}
}
@media screen and (max-width:900px){.rdate{width:100%;}
.comment__name{width:100%;}
.button__span{display:none;}
}
@media screen and (max-width:820px){#nav, #sidebar{display:none;}
#main{width:100%;border:none;padding-right:0;}
h1{margin-right:0;}
.left-img{max-width:36%;margin-right:12px;}
#header{background-position:left 67px;}
h1{font-size:35px;}
}
@media screen and (max-width:620px){.m-hide{display:none;}
#content, #header{max-width:100%;width:100%}
.comment--0{padding-left:75px;}
.oblique-text{text-align:left;}
.comment--0 .ava{left:10px;}
#logo{position:absolute;left:5%;top:263px;}
h2{font-size:22px;line-height:28px;}
p{padding-bottom:10px;}
.m-show{display:block !important;}
h3{font-size:15px;line-height:22px;padding-bottom:10px;}
h1{font-size:30px;}
#main-span{
    font-size: 17px;
}
}
.ft-page {
    padding: 15px;
    text-align: center;
}
.cursor-text {
    font-size: 12px;
    line-height: 67px;
}

.wheel_input {
    font-size: 16px;
    height: 45px;
    box-sizing: border-box;
}

@media (max-width: 520px) {
    .cursor-text {
        line-height: 47px;
        font-size: 9px !important;
    }
}