/*------------ REVIEWS ----------- */
.reviews_part {
	width: 100%;
	background-color: #CCC;
	margin:0 auto;
}
.reviews_container {
	width: 100%;
	max-width: 1297px;
	background-color: #FFF;
	background-image: none;
	background-position: center;
	margin:0 auto;
}

.reviews_content {
	width: 1000px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
}
.letter_review {
}
.padding-cell {
	padding: 10px; 
	padding-left: 30px;
}
.letter_style {
	background-image: url(../img/review-01-small.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.letter_style:hover {
	background-image: url(../img/review-01-small-hover.jpg);
}
.stars-reviews {
	width: 275px;

}

                           /*------------ TRUST ----------- */
.trust_part {
	width: 100%;
	background-color: #CCC;
	margin:0 auto;
}
.trust_container {
	width: 100%;
	max-width: 1297px;
	background-image: url(../img/bg_portfolio.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin:0 auto;
}

.trust_content {
	width: 1000px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 auto;
}

.trust-tick {
	width: 35px;
	height: 35px;
	margin-left: 20px;
	background-image: url(../img/trust-tick.png);
	background-size: 100%;
}
                        /*------------ SERVICE  ----------- */
.service_part {
	width: 100%;
	background-color: #CCC;
	margin:0 auto;
}
.service_container {
	width: 100%;
	max-width: 1297px;
	background-image: url(../img/BG-black-marble.jpg);
	background-position: center;
	margin:0 auto;
}

.service_content {
	width: 100%;
	max-width: 1297px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
}

.service_avatar_img {
	width: 300px;
	height: 150px;
	margin-top: 5px;
}

.service_decor_img {
	width: 250px;
	height: 100px;
	margin-top: 25px;
}
.spoiler_service {
	display:none;
	background: url(../img/BG-black-marble.jpg);
	height: 100%;
	width:100%;
	padding: 10px;
}
.spoiler_serv_links {
	cursor:pointer;
}
                                 /*------------ SERVICE BUTTON MY BUTTON----------- */
.service_but_cont{
	width: 1000px;
	margin-bottom: 15px; 
	margin-top: 2px;
}
.service-btn-my {
    display: inline-flex;
    margin: 8px;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 20px;
    color: #FFF;
    font-weight: 400;
    text-transform: none; 
	font-family: 'Montserrat', sans-serif;
    background: url(../img/bg_menu_black.png);
    cursor: pointer;
    border: 1px solid   #CCC;
    text-shadow: none;
}
.service-btn-my:hover,
.service-btn-my:active,
.service-btn-my:focus {
    box-shadow: inset 0 0 20px #FFF ;
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 2px;
    color: #CCC;
}




                            /*------------ FAQ  ----------- */
.faq_part {
	width: 100%;
	background-color: #CCC;
	margin:0 auto;
}
.faq_container {
	width: 100%;
	max-width: 1297px;
	background-color: #FFF;
	background-image: none;
	background-position: center;
	margin:0 auto;
}

.faq_content {
	width: 1000px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
}
.faq_visibility {
}

.faq_sign {
	background-image: url(../img/FAQ.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
                                 /*------------ FAQ BUTTON MY BUTTON----------- */
.atuin-btn-my {
    display: inline-flex;
    margin: 8px;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 20px;
    color: #000;
    font-weight: 400;
    text-transform: none; 
	font-family: 'Montserrat', sans-serif;
    background: url(../img/bg_bottom_inf.png);
    cursor: pointer;
    border: 1px solid  #666;
    text-shadow: none;
}
.atuin-btn-my:hover,
.atuin-btn-my:active,
.atuin-btn-my:focus {
    box-shadow: inset 0 0 20px #FFF ;
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 2px;
    color: #666;
}
	
	

                                 /*------------ FAQ BUTTON ----------- */
.atuin-btn {
    display: inline-flex;
    margin: 10px;
    text-decoration: none;
    position: relative;
    font-size: 20px;
    line-height: 20px;
    padding: 10px 20px;
    color: #000;
    font-weight: 400;
    text-transform: none; 
	font-family: 'Montserrat', sans-serif;
    background: #f1f1f1;
    cursor: pointer;
    border: 2px solid  #666;
    outline: 1px solid;
    outline-color: #337AB7;
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);  
}
.atuin-btn:hover,
.atuin-btn:active,
.atuin-btn:focus {
    box-shadow: inset 0 0 20px #FFF ;
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
    color: #000;
}


                                 /*------------ FAQ HIDE ----------- */
.spoiler_body {
	display:none;
	background-color:#f1f1f1;
	height: 100%;
	width:100%;
	padding: 10px;
}
.spoiler_links {
	cursor:pointer;
}
                                 /*------------ GUARANTEE  ----------- */
.guarant_part {
	width: 100%;
	background-color: #CCC;
	margin:0 auto;
}
.guarant_container {
	width: 100%;
	max-width: 1297px;
	background-image: url(../img/bg_portfolio.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin:0 auto;
}
.guarant_content {
	width: 1000px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 auto;
}
.guarant_blocks {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	justify-content: space-between;
	margin: 0 auto;
}

.guarant_face {
	margin-top: 25px;
	width: 300px;
	height: 300px;
	background-image: url(../img/bg_bottom_order.png);
	background-size: 100%;
	order:1; 
	flex-grow:1
}
.guarant_cont {
	margin-top: 25px;
	width: 100%;
	background-image: url(../img/bg_bottom_order.png);
	background-size: 100%;
	padding: 10px;
	order:2; 
	flex-grow:2;
}
                                 /*------------ REPAIR  ----------- */
.repair_part {
	width: 100%;
	background-color: #CCC;
	margin:0 auto;
}
.repair_container {
	width: 100%;
	max-width: 1297px;
	background-image: url(../img/bg_portfolio.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin:0 auto;
}
.repair_content {
	width: 1000px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 auto;
}
.repair_blocks {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	justify-content: space-between;
	margin: 0 auto;
}
.repair_face {
	margin-top: 25px;
	width: 300px;
	height: 300px;
	background-image: url(../img/bg_bottom_order.png);
	order:1; 
	flex-grow:1
}
.repair_cont {
	margin-top: 25px;
	width: 100%;
	background-image: url(../img/bg_bottom_order.png);
	padding: 10px;
	order:2; 
	flex-grow:2;
}


                                 /*------------1240 ----------- */
@media (max-width: 1240px){
.reviews_content, .service_content, .faq_content, .guarant_content, .service_but_cont, .repair_content {
	width: 900px;
}
.service_decor_img {
	display: none;
}

}
                                  /*------------991 ----------- */
@media (max-width: 991px){
.reviews_content, .service_content, .faq_content, .guarant_content, .service_but_cont, .repair_content {
	width: 760px;
}
.trust_content {
	width: 760px;
}
.service_avatar_img {
	width: 150px;
	height: 75px;
	margin-top: 50px;
}

}
                                  /*------------767 ----------- */
@media (max-width: 767px){
.reviews_content, .service_content, .faq_content, .guarant_content, .service_but_cont, .repair_content {
	width: 470px;
}
.stars-reviews {
	width: 225px;
}
.trust_content {
	width: 470px;
}
.letter_review {
	display: none;
}
.padding-cell {
	padding-left: 10px;
}
.trust-tick {
	width: 30px;
	height: 30px;
	background-image: url(../img/trust-tick.png);
	background-size: 100%;
}
.service_avatar_img {
	display: none;
}
.guarant_blocks, .repair_blocks {
	flex-wrap: wrap;
	justify-content: center;
}
.guarant_face, repair_face {
	margin-top: 25px;
	width: 100%;
	height: 300px;
	order:1; 
	flex-grow:1
}


}
                       
                                 /*------------479 ----------- */
@media (max-width: 479px){
.reviews_content, .service_content, .faq_content, .guarant_content, .service_but_cont, .repair_content {
	width: 315px;
}
.stars-reviews {
	width: 175px;
}
.trust_content {
	width: 315px;
}
.trust-tick {
	width: 10px;
	height: 10px;
	background-image: url(../img/trust-point.png);
	background-size: 100%;
}
.service_avatar_img {
	display: none;
}
}