@import 'fonts.css';
/* RESET START*/
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot{font-size:100%; margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse; border-spacing:0}*/
/* RESET END*/

/*body {background: grey;}*/
.wrapper {width: 960px;margin: 0 auto;background: white;}


/* Стили для блока с Грамажём Начало */
.weight_block {/*padding: 30px;*/}
.weight_block .title {font-family: ProximaNova-Light;font-size: 28px;text-transform: uppercase;letter-spacing: -0.7px;}
.weight_block table {margin: 10px 0 0 0;font-family: ProximaNova-Regular;font-size: 14px;}
.weight_block table tr th {background: #f8fafb;text-transform: uppercase;border: 1px solid #e5e5e5;text-align: left;width: 370px;padding: 20px 0 15px 35px;}
.weight_block table tr th:last-child {width: 360px;padding: 20px 0 15px 45px;}
.weight_block table tr td {background: white;border: 1px solid #e5e5e5;padding: 20px 0 15px 35px;text-transform: uppercase;}
.weight_block table tr td:last-child {padding: 20px 0 15px 45px;}
.weight_block .text_under_table {margin: 15px 0 0 0;font-family: ProximaNova-Regular;font-size: 14px;line-height: 20px;text-align: justify;width: 820px;}
/* Стили для блока с Грамажём Конец */


/* Стили для блока с Добавкой Отзыва Начало */
#review-form-container {padding:30px 0 0 0;}
#review-form-container .messageSuccess{font-size:16px;color: #0d854a; padding-bottom: 10px}
form.form-review {font-family: ProximaNova-Regular; margin-top: 20px;}
form.form-review .title {font-size: 18px; padding: 0 0 0px 0;text-transform: none;font-weight: 600;}
form.form-review table {margin: 7px 0 0 0;}
form.form-review .rating_options label {font-family: ProximaNova-Semibold; font-size: 16px;}
form.form-review .rating_options {margin: 15px 0 0 0;}
form.form-review .rating_stars table tr,
form.form-review .rating_options table tr {background: none;}
form.form-review .rating_stars table td,
form.form-review .rating_options table td {border-bottom: none;padding: 5px 0;}
form.form-review .rating_stars table tr td:first-child {width: 200px;}
form.form-review .rating_options table tr td:first-child {width: 295px;}
form.form-review .rating_options table tr td:last-child input {cursor: pointer;}
form.form-review table td {padding: 0 10px 0 0;vertical-align: middle;font-size: 13px;}
form.form-review .rating .star-make .jRatingColor {background-color: transparent}
form.form-review.resulted-form table td {padding: 5px 10px 5px 0;}
form.form-review.resulted-form table tr {background: transparent}
form.form-review .customer_info {border-top: 1px solid #e2e2e2;margin: 15px 0 0 0;}
form.form-review .customer_info [class*="customer_"] {padding: 0;margin: 15px 0 0 0;}
form.form-review .customer_info [class*="customer_"] label {text-align:right;display:block;float:left;margin:4px 10px 0 10px;font-size:15px;color: #a9a9a9;}
form.form-review .customer_info .customer_name label,
form.form-review .customer_info .customer_email label {line-height: 28px;}
form.form-review .customer_info .customer_name a.social {margin: 5px;border-radius: 6px;}
form.form-review .customer_info [class*="customer_"] input,
form.form-review .customer_info [class*="customer_"] textarea {font-size: 14px;font-family: monospace;padding: 10px;color: #545454;}
form.form-review .customer_info [class*="customer_"] #customerName {width: 400px;border-radius: 4px;border: 1px solid #efeded;display: inline-block; font-family: 'ProximaNova-Regular';}
form.form-review .customer_info [class*="customer_"] #customerEmail {width: 400px;border-radius: 4px;border: 1px solid #efeded; font-family: 'ProximaNova-Regular';}
form.form-review .customer_info #customerPetsName {width: 23%;border-radius: 4px;border: 1px solid #efeded; font-family: 'ProximaNova-Regular';}
form.form-review .customer_info [class*="customer_"] #customerSalutation { background: #fdfdfd; border-radius: 3px; height: auto; font-size: 15px; font-family: 'ProximaNova-Regular';color: #a9a9a9; border: 1px solid #efeded;}
form.form-review .customer_info [class*="customer_"] #customerComment {width: 400px;border-radius: 4px;border: 1px solid #efeded; font-family: 'ProximaNova-Regular'; resize: vertical}
form.form-review .row {margin-bottom: 25px;}
form.form-review .row.checkbox-container {max-width: 688px; padding-top: 13px; display: flex; flex-direction: column;padding-left:25px}
form.form-review .row.checkbox-container .checkbox-container__top {margin-bottom: 15px}
form.form-review .row.checkbox-container .checkbox-container__bottom {display: flex; align-items: flex-start; justify-content: space-between}
form.form-review .row.checkbox-container .checkbox-container__left {max-width: 470px}
form.form-review .row.checkbox-container input.submit {margin-top: 0px}
form.form-review .row.checkbox-container .checkbox .text{padding-bottom: 0px !important;}
form.form-review .row input.submit {display: inline-block; margin: 13px 0 0 0; padding: 0px 10px; cursor: pointer; background: #ffac01; border: 0px; font-size: 14px; height: 36px; color: #fff; line-height: 36px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
/* Стили для блока с Добавкой Отзыва Конец */

/* Стили для блока с Грамажём Начало */
.comments_block {padding: 15px 0;}
.comments_block .title {font-family: ProximaNova-Regular; font-size: 18px;margin: 30px 0;}
.comments_block .comment {margin: 20px 0 0 0;}
.comments_block .comment .comment_head {}
.comments_block .comment .comment_head [class*='comment_'] {display: inline-block;}
.comments_block .comment .comment_head .comment_rate {}
.comments_block .comment .comment_head .comment_title {font-family: ProximaNova-Semibold;font-size: 18px;vertical-align: top;padding:5px 10px;}
.comments_block .comment .comment_head .comment_date{font-family: ProximaNova-Semibold;font-size: 18px;vertical-align: top;padding:5px 10px;float: right;}
.comments_block .comment .comment_head .comment_date .time {font-size: inherit;}
.comments_block .comment .comment_body {font-family: ProximaNova-Regular;font-size: 15px;padding: 10px 10px 20px 5px;color: #585858;border-bottom:1px solid #e2e2e2;}
.comments_block .text_under_comment {font-family: ProximaNova-Regular;font-size: 14px;color: #627e9a;margin: 25px 0 0 0;}
/* Стили для блока с Грамажём Конец */

.clear {clear: both;}

.social-block {
    display: inline-block;
    height: 34px;
    margin: 0 0 0 15px;
    vertical-align: middle;
}

.form-review.rate-form {
    font-family: ProximaNova-Regular
}

.form-review.rate-form * {
    box-sizing: border-box
}

.form-review.rate-form .title {
    margin: 0 0 12px
}

.form-review.rate-form .rating_table {
    display: table;
    min-width: 305px;
    padding: 0 0 0 11px
}

.form-review.rate-form .rating_table .row {
    display: table-row
}

.form-review.rate-form .rating_table .row:last-child .cell {
    border-bottom: 0
}

.form-review.rate-form .rating_table .cell {
    border-bottom: 1px solid #efeded;
    display: table-cell;
    padding: 9px 0;
    text-align: left;
    vertical-align: middle
}

.form-review.rate-form .rating_table_name.cell {
    font-size: 14px
}

.form-review.rate-form .rating_table_stars.cell {
    font-size: 0;
    text-align: right
}

.form-review.rate-form .customer_info {
    border: 5px solid #efeded;
    padding: 18px;
    max-width: 688px
}

.comment_inpt {
    display: inline-block;
    vertical-align: top
}

.form-review.rate-form .customer_comment .inpt {
    display: inline-block;
    min-height: 68px;
    margin-right: 15px
}

.form-review.rate-form .customer_comment .upload {
    display: inline-block;
    float: none;
    margin: 0;
    position: relative;
    vertical-align: top
}

.upload .note {
    color: #afabab;
    display: inline-block;
    font-size: 14px;
    position: absolute;
    top: 100%;
    left: -15px;
    white-space: nowrap;
}

.form-review.rate-form .inputs {
    margin: 15px 0 0
}

.form-review.rate-form .inputs .inputs_select {
    border-radius: 4px;
    border: 1px solid #efeded;
    float: left;
    font-size: 14px;
    margin-right: 15px;
    padding: 10px;
    width: 23%
}

.form-review.rate-form .inputs .inputs_select:last-child {
    margin-right: 0
}

.rating_table {
    display: inline-block
}

.rating_table_stars .star {
    background: transparent url(/assets/images/star.png) no-repeat 0 0;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    height: 20px;
    width: 23px;
    vertical-align: middle
}

.rating_table_stars .star.active,
.rating_table_stars .star:hover {
    background-color: #f4e17f
}

.social-callee {
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    top: 0
}

.social-callee:hover {
    top: -3px
}

form.form-review .row input.submit {
    display: inline-block;
    margin: 13px 0 0 0;
    padding: 0px 10px;
    cursor: pointer;
    background: #ffac01;
    border: 0px;
    font-size: 14px;
    height: 36px;
    color: #fff;
    line-height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

form.form-review .row input.submit:hover {
    background: #f5a500
}

.form-review.rate-form .customer_comment .inpt {
    display: inline-block;
    min-height: 68px;
    margin-right: 15px;
    vertical-align: top;
    outline: none
}

.form-review.rate-form .customer_comment .upload {
    display: inline-block;
    float: none;
    margin: 0;
    vertical-align: top;
    cursor: pointer
}

.upload_inpt {
    display: none
}