@import "home.css";
@import "category.css";
@import "pigu-breadcrumb.css";

.feedback-blocks {
    margin-top: 20px;
}

.title_slider_nav .text {
    margin: 6px 0 0;
}

.feedback-content {
    padding-bottom: 30px;
}

.feedback-blocks-list {
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.feedback-item {
    -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 0 20px 0 rgba(0,0,0,.2);
    box-shadow:0 0 20px 0 rgba(0,0,0,.2);
    background-color:#fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;

    width: calc(50% - 20px);
    margin: 10px;
}

.feedback-item .feedback-item-product {
    width: 230px;
    border-right: 1px solid #ebebeb;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.feedback-item .feedback-item-content {
    width: calc(100% - 230px);
}

.feedback-item .feedback-item-content .review_text {
    width:100%;
    height:100%;
    padding:20px 55px 20px 55px;
    text-align:center;
}
.feedback-item .feedback-item-content .review_text .dt {
    display:table;
    width:100%;
    height:100%
}
.feedback-item .feedback-item-content .review_text .dc {
    display:table-cell;
    vertical-align:middle
}
.feedback-item .feedback-item-content .review_text .name {
    font-size:24px;
    color:#363636;
    font-family:pigu bold
}
.feedback-item .feedback-item-content .review_text .rating_star {
    display:inline-block
}
.feedback-item .feedback-item-content .review_text .rating_star i {
    font-size:22px;
    color:#d7d7d7
}
.feedback-item .feedback-item-content .review_text .rating_star i.yellow {
    color:#ffc208
}
.feedback-item .feedback-item-content .review_text .count {
    display:inline-block;
    font-size:20px;
    color:#363636;
    position:relative;
    top:-1px
}
.feedback-item .feedback-item-content .review_text .count strong {
    font-family:pigu bold
}
.feedback-item .feedback-item-content .review_text .rating_star_count {
    margin-top:10px
}
.feedback-item .feedback-item-content .review_text p {
    font-size:16px;
    color:#636363;
    line-height:26px;
    margin:15px 0 0;
    padding:0 100px;
    position:relative
}
.feedback-item .feedback-item-content .review_text p:before {
    content:"\e932";
    font-size:36px;
    position:absolute;
    top:-12px;
    left:0;
    color:#ebebeb;
    font-family:pigubeakcijos!important;
    speak:never;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.feedback-item .feedback-item-content .review_text p:after {
    content:"\e933";
    font-size:36px;
    position:absolute;
    top:-12px;
    right:0;
    color:#ebebeb;
    font-family:pigubeakcijos!important;
    speak:never;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.feedback-item .feedback-item-content .review_text .date {
    font-size:15px;
    color:#acacac;
    display:block;
    margin-top:20px
}


    .feedback-item .feedback-item-content .review_text p {
     padding:0
    }
    .feedback-item .feedback-item-content .review_text p:before,
    .feedback-item .feedback-item-content .review_text p:after {
     display:none
    }
    .feedback-item .feedback-item-content .review_text {
     padding:20px 15px 20px 15px
    }


    @media (max-width: 991px) {
        .feedback-item {
            width: calc(100% - 20px);
            margin: 10px;
        }
    }

@media (max-width: 767px) {
    .feedback-blocks {
        margin-top: 20px;
    }
    .feedback-item .feedback-item-product {
        width: 100%;
        order: 2;
       }
       .feedback-item .feedback-item-content {
        width: 100%;
        order: 1;
       }
    
    .feedback-item .feedback-item-content .review_text {
     padding:20px 15px
    }
    .feedback-item .feedback-item-content  .review_text .name {
     font-size:22px
    }
    .feedback-item .feedback-item-content  .review_text .rating_star i {
     font-size:20px
    }
    .feedback-item .feedback-item-content  .review_text .count {
     font-size:18px
    }
    .review_product_info {
     padding:20px 15px;
     border-left:0 solid #ebebeb;
     border-top:1px solid #ebebeb
    }
    .review_product_info .title {
     font-size:18px;
     margin-top:-6px;
     margin-bottom:15px
    }
    .review_product_info .wrapper {
     position:relative;
     padding-left:80px;
     min-height:80px
    }
    .review_product_info a.img_wrapper {
     position:absolute;
     top:0;
     left:0;
     width:70px;
     height:70px;
     padding:0;
     text-align:center;
     display:block;
     text-decoration:none
    }
    .review_product_info a.img_wrapper .dt {
     height:100%
    }
    .review_product_info a.img_wrapper img {
     max-width:70px;
     max-height:70px
    }
   }
   @media(max-width:479px) {
    .feedback-item .feedback-item-content .review_text .rating_star_count {
     margin-top:0
    }
    .review_product_info a {
     font-size:13px;
     line-height:18px
    }
    .feedback-item .feedback-item-content .review_text p {
     font-size:13px;
     line-height:20px;
     margin:10px 0 0
    }
    .feedback-item .feedback-item-content .review_text .date {
     font-size:13px;
     margin-top:10px
    }
    .feedback-item .feedback-item-content .new_price {
     font-size:18px;
     line-height:20px
    }
    .feedback-item .feedback-item-content .old_price {
     font-size:12px
    }
   }


   .reviewModal .modal-body {
	padding: 30px;
}

.reviewModal .title {
	font-size: 24px;
	color: #2c2a4f;
	line-height: 24px;
	font-family: 'Pigu SemiBold';
	margin-bottom: 20px;
}

.reviewModal .row {
	margin: 0px -20px;
}

.reviewModal .col-sm-6,
.reviewModal .col-sm-12 {
	padding: 0px 20px;
}

.reviewModal .form-group {
	margin-bottom: 20px;
}

.reviewModal .form-group label {
	font-size: 15px;
	color: #363636;
	margin-bottom: 5px;
}

.reviewModal .form-group label sup {
	font-size: 15px;
	color: #ff3a4b;
	top: 0px;
}

.reviewModal input.form-control {
	border: 2px solid #e1e1e1;
	border-radius: 4px;
	padding: 0px 15px;
	height: 44px;
	box-shadow: none;
	outline: none;
	font-size: 15px;
}

.reviewModal textarea.form-control {
	border: 2px solid #e1e1e1;
	border-radius: 4px;
	padding: 10px 15px;
	box-shadow: none;
	outline: none;
	font-size: 15px;
	resize: none;
}

.reviewModal #stars ul {
	padding: 0px;
	margin: 0px;
}

.reviewModal #stars ul li {
	list-style: none;
	display: inline-block;
}

.reviewModal #stars ul li i {
	text-decoration: none;
	display: block;
	font-size: 26px;
	color: #d7d7d7;
	cursor: pointer;
	margin-right: 2px;
}

.reviewModal #stars ul li.hover i,
.reviewModal #stars ul li.selected i {
	color: #ffc208;
}

.reviewModal #stars .count {
	font-size: 22px;
	color: #363636;
	margin-left: 10px;
}

.reviewModal #stars .count b {
	font-family: "Pigu Bold";
}

.reviewModal #stars {
	position: relative;
	top: 10px;
}

.reviewModal .important-field {
	font-size: 15px;
	color: #c2c2c2;
	font-family: 'Pigu SemiBold';
}

.reviewModal .important-field sup {
	font-size: 15px;
	color: #ff3a4b;
	top: 0px;
}

.reviewModal .btn-primary {
	min-width: 160px;
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px;
	font-family: 'Pigu Bold';
	outline: none;
	box-shadow: none;
}

.modal-form-footer {
    margin-top:10px
}
.footerCloseModal,
.footerCloseModal:focus {
    font-size:16px;
    color:#c2c2c2;
    font-family:pigu semibold;
    text-transform:uppercase;
    margin-right:30px;
    cursor:pointer;
    position:relative;
    top:1px
}
.footerCloseModal:hover,
.footerCloseModal:focus:hover {
    color:#363636
}
.footerCloseModal i {
    font-size:11px;
    margin-right:8px
}

@media (max-width: 767px) {
	.reviewModal .modal-body {
		padding: 20px;
	}
	.reviewModal .title {
		font-size: 22px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.reviewModal .important-field {
		margin-top: -5px;
	}
	.reviewModal .btn-primary {
		min-width: 130px;
	}
}

.modal-dialog {
    max-width:100%
}
.modal-content {
    border-radius:4px;
    border:0;
    -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 0 20px 0 rgba(0,0,0,.2);
    box-shadow:0 0 20px 0 rgba(0,0,0,.2);
    overflow:hidden
}
.modal-body {
    padding:0
   }
.product-info-outer {
    position:relative;
    padding:30px
   }
.closeModal,
.closeModal:focus {
    font-size:12px;
    color:#c2c2c2;
    position:absolute;
    top:10px;
    right:10px;
    width:30px;
    height:30px;
    text-align:center;
    line-height:32px;
    cursor:pointer;
    z-index:10
}
.closeModal:hover,
.closeModal:focus:hover {
    color:#363636
}

@media(min-width:768px) {
    .modal-dialog {
        max-width:700px
    }
}
@media(max-width:767px) {
    .modal-dialog {
        max-width:100%;
        margin:.5rem;
    }
}

.reviewSuccessModal .modal-content {
	max-width: 300px;
	margin: auto;
}

.reviewSuccessModal .modal-body {
	padding: 20px 20px 30px 20px;
}

.reviewSuccessModal .title {
	font-size: 22px;
	color: #2c2a4f;
	line-height: 22px;
	font-family: 'Pigu SemiBold';
}

.reviewSuccessModal p {
	font-size: 15px;
	color: #363636;
	margin: 15px 0px 0px 0px;
	line-height: normal;
}

.reviewSuccessModal .icon i {
	font-size: 30px;
	color: #8cc600;
	margin-bottom: 10px;
	display: block;
}

.pigu-close-modal,
.pigu-close-modal:focus {
	display: inline-block;
	font-size: 16px;
	color: #c2c2c2;
	cursor: pointer;
	margin-top: 20px;
	text-transform: uppercase;
}

.pigu-close-modal:hover,
.pigu-close-modal:focus:hover {
	color: #363636;
}

.pigu-close-modal i {
	font-size: 11px;
	margin-right: 8px;
}

.reviewSuccessModal .closeModal,
.reviewSuccessModal .closeModal:focus {
	top: 5px;
	right: 5px;
}

.reviewErrorModal .modal-content {
	max-width: 304px;
	margin: auto;
}

.reviewErrorModal .modal-body {
	padding: 20px 20px 30px 20px;
}

.reviewErrorModal .title {
	font-size: 22px;
	color: #2c2a4f;
	line-height: 22px;
	font-family: 'Pigu SemiBold';
}

.reviewErrorModal p {
	font-size: 15px;
	color: #363636;
	margin: 15px 0px 0px 0px;
	line-height: normal;
}

.reviewErrorModal .icon i {
	font-size: 40px;
	color: #ff3a4b;
	margin-bottom: 10px;
	display: block;
}

.reviewErrorModal .closeModal,
.reviewErrorModal .closeModal:focus {
	top: 5px;
	right: 5px;
}

@media (max-width: 479px) {
	.reviewSuccessModal .modal-content {
		max-width: 100%;
		margin: auto;
	}
	.reviewErrorModal .modal-content {
		max-width: 100%;
		margin: auto;
	}
}

.feedback-item.no-product .feedback-item-product {
    display: none;
}

.feedback-item.no-product .feedback-item-content {
    width: 100%;
}