@font-face {
    font-family: 'Roboto - Light';
    src: url('fonts/Roboto-Light.eot');
    src: local('Roboto Light'), local('Roboto-Light'),
    url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/Roboto-Light.woff') format('woff'),
    url('fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto - Medium';
    src: url('fonts/Roboto-Medium.eot');
    src: local('Roboto Medium'), local('Roboto-Medium'),
    url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/Roboto-Medium.woff') format('woff'),
    url('fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto - Regular';
    src: url('fonts/Roboto-Regular.eot');
    src: local('Roboto Regular'), local('Roboto-Regular'),
    url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Roboto-Regular.woff') format('woff'),
    url('fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}



.saumal-press-wrapper{

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 110px;
width: 85%;
}
.block_saumal-press{
    width: 55%;
}
.saumal-press-textblock{
    width: 490px;
}
.saumal-press-textline{
   width: 100%;

    color: #0c1934;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}
.saumal-line-delimetr{
    display: block;
    width: 100%;
    border-bottom: 1px solid #d0cfd4;
    opacity: 0.4;
    margin-top: 30px;
    margin-bottom: 30px;
}
.block_saumal-press .block_subtitle{
    margin-bottom: 46px;
}
.saumal-press-textline_title{
    color: #dbb17d;
    font-family: "Roboto - Medium";
    font-weight: 500;
    margin-bottom: 20px;
}
.saumal-press-textline_decs{
    font-family: "Roboto - Light";
    font-weight: 300;
}

.block_saumal-press-img{
    width: 35%;
}


.block_science-info .block_subtitle{
    margin-bottom: 45px;
}
.block_science-row{
    flex-wrap: wrap;
}
.block_science-info{
    width: 100%;
}
.saumal-research-block{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.saumal-research-item_img img{
    width: 103px;
    height: 103px;
}
.saumal-research-item{
    width: 46%;
    margin-top: 28px;
}
.saumal-research-item_first-title{
    color: #124e78;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 50px;
}
.saumal-research-item_second-title{
    color: #dbb17d;
    font-family: "Roboto - Medium";
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 30px;

    margin-top: 28px;
}
.saumal-research-item_text{
    color: #0c1934;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;

    margin-top: 22px;
}

.footer-bottomline{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 50px;
}
.f-b-column-title{
    margin-bottom: 15px;
    font-family: "Roboto - Medium";
    font-weight: 500;
}
.fb-bold{
    font-family: "Roboto - Medium";
    font-weight: 500;
}
.f-b-column a{
    display: block;
    margin: 0;
    line-height: 29px;
    cursor: pointer;
}
.f-b-column a img{
    width: auto;
    height: auto;
}
.f-b-buy1{
    display: block;
}
.f-b-buy2{
    display: inline-flex !important;
    margin-left: 6px !important;
    margin-right: 6px !important;
}
.f-b-buy2:first-child{
    margin-left: 0 !important;
}

.fb-buy-row{
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer{
    padding-top: 28px;
}
.buy-hot-label{
    margin-left: 20px;
    width: 350px;
    height: 51px;
    background-image: url("../img/general/buy_hot-label.png");
    color: #ffffff;
    font-family: Roboto;
    font-size: 16px !important;
    font-weight: 500 !important;padding-left: 50px;
}
.form_button-wrap{
    /* padding-top: 20px; */
    padding-top: 7px;
    padding-bottom: 20px;
    height: 150px;
    align-items: flex-end;
    padding-left: 25px;
    padding-right: 25px;
    width: 638px;
}
.form-sum-order-block{
    display: flex;
    height: 150px;
    flex-direction: column;
    justify-content: space-around;

}
.form-promocode{
    color: #124e78;
    font-size: 24px;
    text-transform: uppercase;
    width: 230px;
}
.form-promo-block{
    position: relative;
}
.used-promo{
    display: none
}
.form-promocode::placeholder{
    font-size: 15px;
    text-transform: lowercase;
}
.timeleft-ico{
    background-image:url("../img/general/time-left_(1).png");
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}
.promo-err{
    position: absolute;
    width: 235px;
    height: 48px;
    border-radius: 3px;
    background-image:url("../img/general/promo-err.png");
    left: -15px;
    background-repeat: no-repeat;

    opacity: 0;
    transition: 0.5s;

    -webkit-box-shadow: -1px 1px 119px -42px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 1px 119px -42px rgba(0,0,0,0.75);
    box-shadow: -1px 1px 119px -42px rgba(0,0,0,0.75);


    color: #ffffff;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 300;

    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;

}
.form-promocode:focus + .promo-err{


}
.form-adress-links{
    color:#1e4f76;
    font-family: "Roboto - Medium";
}
.form_bottom-text{
    width: 655px;
    margin-bottom: 10px;
}
.succes-open-popup-wrapper{

    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(10,10,10,0.25);
   display: none;
    z-index: 1005;


}

.succes-open-popup{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 500px;
    height: 350px;
    padding: 30px;
    padding-top: 80px;
    z-index: 1006;
    background-image: url(../img/general/pattern.jpg);
    background-size: 225px 225px;
    background-repeat: repeat;

    display: none;
}
.success-open-popup_text{
    color: #777777;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    text-align: center;
    margin-top: 15px;

}
.block_popup-form_row-title{
    display: flex;
    flex-direction: column;
}
.succes-open-popup .order-clouse-button{
    border:0;
    width: 100%;
}
.succes-open-popup .order-clouse-button a{
    width: 65%;
    border: 1px solid rgb(127, 158, 179);
}
.form_button-wrap .submite-form {
    width: 297px;
    height: 52px;
    min-height: 52px;
    padding: inherit;
    position: inherit;
    border: 1px solid rgb(127, 158, 179);
}
.succes-pop-close{
    top: 5%;
    right: 4%;
    position: absolute;
    font-size: 16px;
    line-height: 16px;
    color: #999a9e;
    cursor: pointer;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}
.form-adress-links{
    cursor: pointer;
}
.b-c-f-t-secondtext{
    width: 500px;
}


.tfo-row-text{
    color: #124e78;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}
.block_feed-img-pack{
    /*max-width: 360px;*/
}
.ty-for-ordercontainer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.tfo-row{
    display: flex;
    width: 930px;
justify-content: space-around;
    align-items: center;
    margin-bottom:50px;
}
.tfo-row-img{
    max-width: 360px;
}
.tfo-row-textblock{
    max-width: 530px;


}
.tfo-row-title{
    color: #124e78;

    font-size: 34px;
    font-weight: 500;
margin-bottom: 30px;
    letter-spacing: 1.7px;
}
.tfo-poll-second{
    padding-left: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.tfo-poll{
    display: flex;
    flex-direction: column;
    background-color: #f0f0f0;
}
.tfo-poll-title{
    font-size: 24px;
    font-weight: 500;
    color: #124e78;
    letter-spacing: 0.84px;
    margin-bottom: 30px;
}
.tfo-poll-question-title{
    color: #124e78;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
}
.tfo-poll-questions label{
    color: #777777;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 21px;
    margin-top: 13px;
    padding-left: 36px;
    width: 48%;
}
.tfo-own-answer{
    margin-left: 7px;
    width: 65%;
    margin-top: 15px;
}
.tfo-poll-questions{
    display: flex;
    flex-wrap: wrap;
}
.tfo-btn-actions{
    width: 100%;
    margin-top: 39px;
}
.tfo-btn-actions{
    display: flex;height: 54px;
}
.tfo-order-button {
    width: 260px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: "Roboto";
    color: rgb(30, 79, 118);
    font-weight: bold;
    line-height: 1.2;
    margin-right: 15px;
    border: 1px solid #1e4f76;
    transition: 0.35s all;
}
.tfo-btn-yel{
    background-color: #dbb17d;
    border: 1px solid #dbb17d;
    cursor: pointer;
}
.tfo-order-button  {
    color: #1e4f76;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
}

#secondorder-p{
    display: none;
}
#firstorder-p{
    display: none;
}
.tfo-btn-yel a {
    color: #ffffff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
}
.tfo-btn-yel:hover {
    background-color: #1e4f76;
    border: 1px solid  #1e4f76;
}

.tfo-order-button:hover {
    background-color: #1e4f76;
    color: #ffffff;
}
.tfo-order-button:hover a{
    color: #ffffff;
}
.container-tof {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-tof input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark-tof {
    position: absolute;
    top: -2px;
    left: 0;
    height: 26px;
    width: 27px;
    background-color: #ffffff;
    border-radius:3px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    border:1px solid white;
}

/* On mouse-over, add a grey background color */
.container-tof:hover input ~ .checkmark-tof {

}

/* When the checkbox is checked, add a blue background */
.container-tof input:checked ~ .checkmark-tof {
    border:1px solid #124e78;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-tof:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-tof input:checked ~ .checkmark-tof:after {
    display: block;

}

/* Style the checkmark/indicator */
.container-tof .checkmark-tof:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #124e78;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.ty-for-pool{
    display: none;
}
.tfp-rs{
    display: flex;
    flex-direction: column;
    margin-left: 40px;

    max-width: 380px;
}

.tfp-promo{
    display: flex;
    flex-direction: column;
    color: #dbb17d;
    margin-top: 30px;
}
.tfp-promo-item{
    padding: 20px 40px 20px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed #dbb17d;
    background-color: rgba(219,177,125,0.1);
max-width: 220px;
}
.tfp-hint{
    color: #a9a9a9;

    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 29px;
    margin-bottom: 29px;
}
.tfp-promo span{
    margin-bottom: 5px;
}
.tfp-img{
    max-width: 350px;
}
.ty-for-pool .tfo-order-button{
    height: 54px;
}



.eat-slide{

    width: 550px;

}
.eat-slider{
    width: 1100px;
    height: 420px;


}


.eat-wrapper{

   height: 380px;
    width: 560px !important;

}
.eat-wrapper .block_slider-item .block_slider-item_subtitle{
    padding-left: 0;
    line-height: 16px;
}
.prev-slide-eat{
    width: 50px;
    height: 50px;
    display: inline-flex;
    position: absolute;
    z-index: 1000;
left:-20px;
    top: 190px;
    transition: 0.2s;
    border-radius: 50%;
    outline: none;
}
.eat-pagin{
    position: relative;
    width: 100%;
}
.next-slide-eat{
    width: 50px;
    height: 50px;
    display: inline-flex;
    position: absolute;
    right: -20px;
    z-index: 1000;
    top: 190px;
    transition: 0.2s;
    border-radius: 50%;

    outline: none;
}
.next-slide-eat:hover{

    cursor: pointer;
    background-color: #ffffff;
    opacity: 0.8;

}
.prev-slide-eat:hover{
    background-color: #ffffff;
    opacity: 0.8;
    cursor: pointer;
}

.b_a-i-g{
    margin-top: 115px;
}

.contact-form-order input::placeholder{
    font-size: 16px;
}
.contact-form-order textarea::placeholder{
    font-size: 16px;
}

a {
    color: unset;
}

@media (max-width: 1680px) {

    .eat-slider{
        width: 1100px;
        height: 500px;
    }

    .eat-wrapper .block_slider-item_text {

        font-size: 13px;
    }
}
@media (max-width: 1235px) {
    .eat-slider{
        width: 860px;
        height: 500px;
    }
    .next-slide-eat{
        right: 0px;
    }

    .prev-slide-eat{
        left:0px;
    }
    .eat-wrapper .block_slider-item_title{
        font-size: 14px;
    }
    .eat-wrapper .block_slider-item_subtitle{
        font-size: 11px;
    }

    .panel-data-table{
        width: 750px;
    }
.contact-form-order input{
z-index:1010;
}
}

.second-err{
	display:none ;
}
@media (max-width: 1125px) {
	.form-promo-block {
     position: static; 
	}

	
	.promo-err{
		display:none !important;
		
	}
	.second-err{
		
		margin-top: 68px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
		display:flex !important;
	}
}
@media (max-width: 1100px) {

    .img-pack_bot {
        left: 0;
    }
    .block_saumal-press {
        width: 64%;
    }
    .form_bottom-text {
        width: 607px;
    }
    .form_bottom-text {

        font-size: 13px;
    }
    .next-slide-eat {

        right: 5px;
        top:410px;
    }
    .prev-slide-eat {

        left: 5px;
        top:410px;
    }
	
}
@media (max-width: 1025px) {

    .form_button-wrap {
        padding-top: 20px;
        padding-bottom: 20px;
        height: auto;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
        width: auto;
        display: flex;
        flex-direction: column;
    }
    .form-promocode{
        margin-top: 20px;
    }
    .form-sum-order-block{
        margin-bottom: 50px;
    }
    .eat-slider{
        width: 700px;
        height: 500px;
    }
    .eat-wrapper{
        height: 380px;
        width: 460px !important;
    }
    .eat-wrapper .block_slider-item_title{
        font-size: 14px;
    }
    .eat-wrapper .block_slider-item_subtitle{
        font-size: 11px;
    }
    .b_a-i-g {
       margin-top: 0;
    }

    .tfo-poll-questions{
        flex-direction: column;
    }
    .tfo-row
    {
        width: auto;
        justify-content: flex-start;
        margin-left: 10px;
    }
    .tfo-row-img {

        display: none;
    }
    .blpfw-cnt {

        width: 100%;
    }
}

@media (max-width: 960px) {


    .block_science-row {

        flex-direction: column-reverse;
    }
    .block_science-info .block_subtitle {
        margin-bottom: 18px;margin-top: 26px;

    }
    .footer-bottomline{
        flex-wrap: wrap;

    }
    .f-b-column{
        width: 46%;
        margin-top: 30px;
    }
    .block_about-img-heart {
        width: 60%;
        margin-top: 152px;
    }
   .block_about-img-girl{
       width: 60%;

   }
.saumal-press-wrapper{
    flex-direction: column;
}
    .saumal-press-textblock {
        width: 100%;
    }
    .block_saumal-press {
        width: 100%;
    }
    .block_about-info {
        width: 100%;
        margin-top: 30px;
    }
    .block_saumal-press-img {
        width: 42%;
        margin-top: 35px;
    }
    .bsim-right {
        border: 0;
        width: 50%;
    }
    .block_howto-img {
        width: 100%;
    }
    .bsim-left {
        border: 0;
        width: 50%;
    }
    .block_howto-info{
        width:100%;
        padding-left: 0;
    }
    .block_science-wrap {
        margin-top: 85px;
    }
    .block_feed-img-waves {
        top: 6%;
          left: -49%;
        width: 200%;
      }
    .footer_copyright{
        width: auto;
    }

    .form_bottom-text {
        width: 570px;
        font-size: 12px;
    }
    .saumal-research-item_text{
        font-size: 14px;
    }

    .saumal-research-item_second-title {

        font-size: 14px;
    }
}
@media (max-width: 900px) {
    .block_feed-img-waves {
        top: 32%;
        left: -49%;

    }
    .img-pack_top {
        top:0;
        left:0;
        width: 85%;
        height: auto;
    }
    .block_feed-info {

        margin-top: 100px;
    }
    .block_howto-wrap{
        margin-top: 0 !important;
    }
}
@media (max-width: 750px) {
	

    .eat-wrapper{
        height: 290px;
        width: 410px !important;
    }
    .eat-slider{
        width: 580px;
    }
    .eat-wrapper .block_slider-item_text {
        margin-top: 15px;
    }
    .eat-wrapper .block_slider-item_svg {
width: 40px;
        height: 40px;
    }

    .eat-wrapper .block_slider-item_text {
        font-size: 11px;
    }
    .eat-wrapper .block_slider-item_subtitle {
        font-size: 9px;
    }
}
@media (max-width: 740px){

    }
@media (max-width: 665px){

    .tfo-poll-second {
        padding-left: 20px;
    }
    .tfo-btn-actions {
        display: flex;
        flex-direction: column;
        height: 120px;
        justify-content: space-between;
    }
    .tfo-order-button{
        height: 54px;
    }
    .tfo-row {

        margin-left: 0;
    }
    .tfo-row-title {

        font-size: 20px;
    }
    .ty-for-ordercontainer {
        padding-top: 56px;
    }
    .tfo-order-button {
        width: 238px;
    }
    .tfo-own-answer{
         font-size: 13px;
    }
    .tfp-rs {

        margin-left: 15px;
    }
}
@media (max-width: 650px){
    .tfo-row-textblock{
        padding-left: 20px;
    }
    .eat-slider{
        width: 510px;
    }
    .buy-hot-label {

        width: 285px;
        height: 51px;

        font-size: 13px !important;

        padding-left: 49px;
    }
    .form_bottom-text {
        width: auto;
        line-height: 20px;
    }
    .block_about-img-heart{
        margin-top: 0px;
    }
    .block_eat-wrap {
        margin-top: 109px;
    }
    .footer-columns-item {
        min-width: 436px;

    }

}
@media (max-width: 490px) {
    .eat-slider{
        width: 420px;
    }
    .footer_social-wrap{
        margin-top: 10px;
       width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .saumal-research-item {
        width: 100%;
    }

}
@media (max-width: 451px) {
    .f-b-column{
        width: 90%;
        margin-top: 30px;
    }
    .footer-bottomline{
        align-items: center;
        justify-content: center;
    }
    .buy-hot-label {
        margin-top: 20px;
    }
    .form-count-item{
        flex-wrap: wrap;
    }
    .buy-hot-label{
        padding-left: 75px;
    }
    .btn_video {
        top: 424px;
    }
}
@media (max-width: 400px) {
.footer{
    font-size: 12px;
}
    .form_button-wrap .submite-form {
        width: 220px;
    }
}
@media (max-width: 600px) {
    .cost-delivery{
        margin-top: 69px;

    }
}
.block_cost-wrap.container {
    margin-top: 30px;
}
@media (max-width: 450px) {

    .eat-slider{
        width: 300px;
        height: 360px;
    }
    .eat-wrapper{
        height: 310px;
        width: 300px !important;
    }

    .next-slide-eat{top: 320px}
    .prev-slide-eat{top: 320px}
    .footer-columns-item {
        min-width: 271px;
        margin-left: 40px;
    }
    .footer-columns-items {
        justify-content: flex-start;
        margin-top: 16px;
    }

}
@media (max-width: 385px){
    .btn_video {
        top: 340px;
    }
}
@media (max-width: 360px) {

    .buy-hot-label {

        font-size: 12px !important;
    }



}
@media (max-width: 340px) {
    .eat-slider{
        width: 280px;
    }
    .eat-wrapper{
        width: 280px;
    }
    .footer-columns-item {
        min-width: 254px;
    }

    .buy-hot-label {

        font-size: 11px !important;
        margin-left: 0px;
    }
    .btn_video {
        top: 326px;

    }
    }



.admin-authorize-block{
    font-family: "Roboto - Medium";
width: 100%;
   height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.admin-authorize-wrapper{
    display: block;
    width: 400px;
    height: 300px;
    border: 1px solid rgba(0,0,0,0.4);
}
.admin-authorize-wrapper form{
    width: 100%;
    height: 80%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.admin-authorize-wrapper form input{
    margin-top: 12px;
    margin-bottom: 12px;
    outline: none;
    border: none;
    padding-bottom: 3px;
    border-bottom:1px solid rgba(0,0,0,0.4) ;
    width: 50%;
    font-size: 14px;
}
.authorize-admin-btn{
    color: rgba(0,0,0,0.4);
    text-decoration: none;
    font-size: 16px;
    margin-top: 35px;
    cursor: pointer;
    transition: 0.2s;
    user-select: none;
}
.authorize-admin-btn:hover{

    color: rgba(0,0,0,0.8);
}
.aut-title{
    font-size: 18px;
    width: 100%;
    text-align: center;
    padding-top: 15px;
}
.border-warn{
    border-bottom:1px solid red !important;
}
.warn-data{
    font-size: 19px;
    color: firebrick;
    opacity: 0.9;
    margin: 0;
    padding: 0;
}
#result_fnc{
    padding-top: 10px;
    height: 40px;
}
.panel-body{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: block;

}
.panel-block{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.panel-ls{
    font-family: "Roboto - Medium";
    width: 15%;
    border-right: 2px solid rgba(0,0,0,0.3);

    padding: 5px;


}
.panel-ls-wrapper{
background-color: rgba(0,0,0,0.8);
    margin-top: 0;
    height: 99%;
    position: fixed;
    width: 15%;
}
.panel-ls-wrapper ul{
    margin: 0;
    color: white;
    font-size: 19px;
    list-style: none;

}
.panel-ls-wrapper ul li{
    padding-top: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    padding-bottom: 2px;
}
.panel-rs{
    font-family: "Roboto - Light";
    width: 75%;
    padding-top: 70px;

}
.panel-li-selected{
   text-decoration: underline;
}
.panel-data-table{

    width: 1200px;
border: 3px solid grey;
    border-collapse: separate; border-spacing: 0px;
}
.panel-answer-table-wrapper{
    width: 1217px;
    max-height: 600px;
    overflow-y: scroll;
}
.panel-data-table td{

    border: none;
}
.panel-data-table td{


    padding: 5px 7px 5px 13px;
    border-bottom: 1px solid grey;
    border-left: 1px solid grey;

}
.panel-answers-stats h1{
    color: rgba(0,0,0,0.8);
}
.panel-answers-stats{
    margin-top: 60px;
}
.panel-ls-refresh{
    position: absolute;
    bottom:20%;
    width: 100%;
    display: flex;
    justify-content: center;
}
.panel-stat-row{
    display: flex;
    height: 60px;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.panel-stat-title{
    min-width: 300px;
    font-size: 16px;
    font-family: "Roboto - Medium";

}
.panel-stat-value{
    letter-spacing: 2px;
    font-size: 15px;
}
.panel-questions-block{
    display: none;
}
.panel-discounts-block{
    display: none;
}
.panel-promo-block{
    display: none;
}
.panel-answer-pagination{
    margin-top: 12px;
    display: flex;
    justify-content: space-between;

}

.panel-answer-allcount{
    margin-bottom: 9px;
}
.p-q-l-row{
    display: flex;
    width: 600px;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
}
.p-q-l-inp{
    border: none;
    padding-bottom: 3px;
    border-bottom: 1px solid grey;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 18px;
    outline: none;
    width: 400px;
    margin-left: 9px;
}
.panel-questions-list p{
    font-size: 20px;
    font-family: "Roboto - Regular";
    margin-bottom: 40px;
}
.p-q-l-inp-redact{
    cursor: pointer;
}
.p-q-l-inp-delete{
    cursor: pointer;
}
.p-q-l-inp-add{
    margin-top: 40px;
}
.p-q-l-inp-add a{
 margin-left: 25px;
    cursor: pointer;
}
.p-q-l-inp-add input{
    margin-top: 20px;
    border: none;
    padding-bottom: 3px;
    border-bottom: 1px solid grey;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 18px;
    outline: none;
    width: 400px;
    margin-left: 9px;
}
.uniq-promo-block{
    margin-left: 30px;
margin-bottom: 40px;
}
.uniq-promo-title{
    margin-top: 30px;
    font-family: "Roboto - Regular";
}

.uniq-promo-select{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.uniq-promo-select select{
    width: 70px;
    height: 25px;
    font-size: 18px;
    padding: 1px;
}
.uniq-promo-select a{
    text-decoration: underline;
    font-size: 18px;
    cursor: pointer;
    margin-left: 10px;

}

.promo-text-inp{
    border: none;
    border-bottom: 1px solid grey;
    outline: none;
}
.no-uniq-promoblock-table-wrapper table td{
  padding: 10px;
}
.no-uniq-promoblock-table-wrapper{
    max-height: 500px;
    overflow-y: scroll;
    width: 723px;
}
.js-del-pr{
    text-decoration: underline;
    cursor: pointer;
}
.forgot-admin-btn{
    margin-top: 25px;
cursor: pointer;
}
.back-adm{
    text-decoration: underline;
     color: rgba(0,0,0,0.5);
}
.back-adm:hover{
    color: black;

}
.show-that-changed{
    opacity: 0;
margin-left: 250px;
}
.add-promo-block{
    margin-bottom: 100px;
}
.add-pormo-title{
    font-size: 18px;
    font-family: "Roboto - Regular";
}
.add-promo-btn{
    border: 1px solid rgba(0,0,0,0.7);
    padding: 6px;
    margin-top: 10px;
    border-radius: 3px;
    cursor: pointer;
    font-family: "Roboto - Regular";
    transition: 0.2s all;

}
.add-promo-btn:hover{
    background-color: lightgray;
}
.add-pomo-inputs{
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    margin-bottom: 40px;
}
.add-inp-row{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 400px;
    display: flex;
    justify-content: space-between;
}
.promocode_changes-block{
    margin-top: 40px;
    margin-bottom: 40px;
}
.btn-blocked{
    background-color: grey !important;
}
.save-changed-promo{
    border: 1px solid rgba(0,0,0,0.7);
    padding: 6px;
    margin-top: 10px;
    border-radius: 3px;
    cursor: pointer;
    font-family: "Roboto - Regular";

    transition: 0.2s all;
}
.save-changed-promo:hover{
    background-color: lightgray;
}
#result_new_promo{
    padding-left: 10px;
    font-family: "Roboto - Regular";
}
#result_disc-p{
    padding-left: 10px;
    font-family: "Roboto - Regular";
}
@media (max-width: 1611px) {
    .panel-data-table {
        width: 1080px;
    }
    .panel-answer-table-wrapper{
        width: 1097px;
    }
}
@media (max-width: 1487px) {
    .panel-data-table {
        width: 980px;
    }
    .panel-answer-table-wrapper{
        width: 997px;
    }
}
@media (max-width: 1350px) {
    .panel-data-table {
        width: 880px;
    }
    .panel-answer-table-wrapper{
        width: 897px;
    }
}
@media (max-width: 1235px) {

    .panel-data-table {
        width: 750px;
    }
    .panel-answer-table-wrapper{
        width: 767px;
    }

    .panel-rs {
        font-family: "Roboto - Light";
        width: 77%;
        padding-top: 40px;

    }

    .panel-ls {
        font-family: "Roboto - Medium";
        width: 20%;
    }
    .panel-ls-wrapper{
        width: 20%;
    }
    .panel-ls-wrapper ul {
        margin: 0;
        color: white;
        font-size: 16px;
    }
}

.greenborder {
  color: #06d301 !important;
  border-bottom: 1px solid #06d301 !important;
}

@media (min-width: 491px) and (max-width:600px) {
  .saumal-research-item_img img {
    width: 70px;
    height: 70px;
    margin-right: 10px;
  }
  .saumal-research-item_first-title {
    font-size: 17px;
  }
}