/*------------ ABOUT ----------- */
.about_part {
	width: 100%;
	background-color: #CCC;
	margin:0 auto;
}
.about_container {
	width: 100%;
	max-width: 1297px;
	background-image: url(../img/BG-black-marble.jpg);
	background-position: center;
	margin:0 auto;
}
.about_content {
	width: 1000px;
	display: flex;
	margin: 0 auto;
}
                 /*------------ SCALE IMG ----------- */
.scale_image {
    overflow:hidden;
    width: 100%;
}
.scale_image img {
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    -webkit-transition: all 2s ease-out;
}
.scale_image img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
}
                 /*------------ BUTTON ORDER ----------- */
.button_order_call_text {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	color: #333;
	font-weight: 500;
}
.button_order_call {
	border: 2px solid #FFF;
	height: 50px;
	width: 500px;
}
                   /*------------ STATISTIC ----------- */
.statistic_part {
	width: 100%;
	background-color: #CCC;
	margin:0 auto;
}
.statistic_container {
	width: 100%;
	max-width: 1297px;
	background-color: #FFF;
	margin:0 auto;
}
.statistic_content {
	width: 1000px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 auto;
	align-items: baseline;
}
.statistic {
	width: 125px;
	height: 125px;
	text-align: center;
	vertical-align: middle;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}
.statistic_text_big {
	font-family: 'Montserrat', sans-serif;
	font-size: 48px;
	font-weight: 600;
	color: #000;
}
.statistic_text_small {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000;
}
                   /*------------ PORTFOLIO ----------- */
.portfolio_part {
	width: 100%;
	background-color: #CCC;
	margin:0 auto;
}
.portfolio_container {
	width: 100%;
	max-width: 1297px;
	background-image: url(../img/bg_portfolio.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin:0 auto;
}
.portfolio_content {
	width: 100%;
	max-width: 1220px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 auto;
}
.portfolio_header {
	width: 100%;
}
.cell_order_black {
	background: none;
}
.cell_order_black:hover{
	background: url(../img/bg_bottom_order_black.png);
}
.portfolio_link {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFF;
}

                   /*------------ PORTFOLIO GALERY IMG ----------- */
.portfolio_row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 0 1px;
  justify-content: space-between;
}
.portfolio_column {
  flex: 25%;
  max-width: 25%;
  padding: 0 1px;
}
.portfolio_column-review {
  flex: 25%;
  max-width: 25%;
  padding: 0 1px;
}
.portfolio_column-review img {
  margin-top: 2px;
  vertical-align: middle;
  width: 100%; 
}  
.portfolio_column img {
  margin-top: 2px;
  vertical-align: middle;
  width: 100%; 
}  
.portfolio_column_tip-A {
  flex: 50%;
  max-width: 50%;
  padding: 0 1px;
}
.portfolio_column_tip-A img {
  margin-top: 2px;
  vertical-align: middle;
  width: 100%; 
}
.portfolio_column_tip-A-1 {
  flex: 100%;
  max-width: 100%;
  padding: 0 1px;
}

.portfolio_column_tip-X {
  flex: 100%;
  max-width: 100%;
  padding: 0 1px;
}
.portfolio_column_tip-X img {
  margin-top: 2px;
  vertical-align: middle;
  width: 100%; 
}
.portfolio_column_tip-X-1 {
  flex: 100%;
  max-width: 50%;
  padding: 0 1px;
}


                   /*------------ PORTFOLIO IMG SCALE ----------- */
.port_image {
    overflow:hidden;
    width: 100%;
    height:100%;
}
.port_image img {
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
}
.port_image img:hover{
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
}				   
				   

                   /*------------ PORTFOLIO IMG HOVER IMG # 01  ----------- */
.gallery_img_01 {
  display: block;
  text-align: center;
 }
.gallery_img_01:hover {
  background: url(../img_gallery/titul/01/gall_1_titul-00_link.jpg) no-repeat 50% 50%;
  background-size: 100%;
  background-position:center;
 }
.gallery_img_01:hover img {
  background: transparent;
  visibility: hidden;
}
                   /*------------ PORTFOLIO IMG HOVER IMG # 02  ----------- */
.gallery_img_02 {
  display: block;
  text-align: center;
 }
.gallery_img_02:hover {
  background: url(../img_gallery/titul/02/gall_2_titul-00_link.jpg) no-repeat 50% 50%;
  background-size: 100%;
  background-position:center;
 }
.gallery_img_02:hover img {
  background: transparent;
  visibility: hidden;
}
                   /*------------ PORTFOLIO IMG HOVER IMG # 03  ----------- */
.gallery_img_03 {
  display: block;
  text-align: center;
 }
.gallery_img_03:hover {
  background: url(../img_gallery/titul/03/gall_3_titul-00_link.jpg) no-repeat 50% 50%;
  background-size: 100%;
  background-position:center;
 }
.gallery_img_03:hover img {
  background: transparent;
  visibility: hidden;
}
                   /*------------ PORTFOLIO IMG HOVER IMG # 04  ----------- */
.gallery_img_04 {
  display: block;
  text-align: center;
 }
.gallery_img_04:hover {
  background: url(../img_gallery/titul/04/gall_4_titul-00_link.jpg) no-repeat 50% 50%;
  background-size: 100%;
  background-position:center;
 }
.gallery_img_04:hover img {
  background: transparent;
  visibility: hidden;
}
                   /*------------ PORTFOLIO IMG HOVER IMG # 05  ----------- */
.gallery_img_05 {
  display: block;
  text-align: center;
 }
.gallery_img_05:hover {
  background: url(../img_gallery/titul/05/gall_5_titul-00_link.jpg) no-repeat 50% 50%;
  background-size: 100%;
  background-position:center;
 }
.gallery_img_05:hover img {
  background: transparent;
  visibility: hidden;
}
                   /*------------ PORTFOLIO IMG HOVER IMG # 06  ----------- */
.gallery_img_06 {
  display: block;
  text-align: center;
 }
.gallery_img_06:hover {
  background: url(../img_gallery/titul/06/gall_6_titul-00_link.jpg) no-repeat 50% 50%;
  background-size: 100%;
  background-position:center;
 }
.gallery_img_06:hover img {
  background: transparent;
  visibility: hidden;
}
                   /*------------ PORTFOLIO IMG HOVER IMG # 07  ----------- */
.gallery_img_07 {
  display: block;
  text-align: center;
 }
.gallery_img_07:hover {
  background: url(../img_gallery/titul/07/gall_7_titul-00_link.jpg) no-repeat 50% 50%;
  background-size: 100%;
  background-position:center;
 }
.gallery_img_07:hover img {
  background: transparent;
  visibility: hidden;
}
                   /*------------ PORTFOLIO IMG HOVER IMG # 08  ----------- */
.gallery_img_08 {
  display: block;
  text-align: center;
 }
.gallery_img_08:hover {
  background: url(../img_gallery/titul/08/gall_8_titul-00_link.jpg) no-repeat 50% 50%;
  background-size: 100%;
  background-position:center;
 }
.gallery_img_08:hover img {
  background: transparent;
  visibility: hidden;
}
                   /*------------ PORTFOLIO IMG HOVER IMG # REPAIR  ----------- */
.repair_img_01 {
  display: block;
  text-align: center;
 }
.repair_img_01:hover {
  background: url(../img_gallery/titul/repair/repair_00-02.jpg) no-repeat 50% 50%;
  background-size: 100%;
  background-position:center;
 }
.repair_img_01:hover img {
  background: transparent;
  visibility: hidden;
}

                                /*------------1240 ----------- */
@media (max-width: 1240px){
.about_content, .statistic_content {
    width: 900px;
}

.portfolio_header {
	width: 900px;
}
/*---.image {
    width: 900px;
    height: 545px;
}------- */

}
                   /*------------991 ----------- */
@media (max-width: 991px){
.about_content, .statistic_content {
    width: 760px;
}

.portfolio_header {
	width: 760px;
}
.portfolio_content {
	max-width: 990px;
}
/*---.image {
    width: 760px;
    height: 460px;
}-- */

}
                   /*------------767 ----------- */
@media (max-width: 767px){
.about_content, .statistic_content {
    width: 470px;
}

.portfolio_header {
	width: 470px;
}
.portfolio_content {
	max-width: 766px;
}
.portfolio_column {
    flex: 50%;
    max-width: 50%;
}
.portfolio_column-review {
  flex: 50%;
  max-width: 50%;
}
.portfolio_column_tip-A {
  flex: 100%;
  max-width: 100%;
  padding: 0 1px;
}
/*---.image {
    width: 470px;
    height: 284px;
}-- */
.button_order_call {
	border: 2px solid #FFF;
	height: 50px;
	width: 400px;
}
.statistic_text_big {
	font-size: 36px;
}

}

                   /*------------479 ----------- */
@media (max-width: 479px){
.about_content, .statistic_content {
    width: 315px;
}

.portfolio_header {
	width: 315px;
}
.portfolio_content {
	max-width: 478px;
}
.portfolio_column {
    flex: 50%;
    max-width: 50%;
}
.portfolio_column-review {
  flex: 100%;
  max-width: 100%;
}


/*---.image {
    width: 315px;
    height: 190px;
}-- */

.button_order_call_text {
	font-size: 18px;
}
.button_order_call {
	border: 2px solid #FFF;
	height: 50px;
	width: 300px;
}
.statistic {
	width: 75px;
	height: 75px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1px;
	margin-right: 1px;

}
.statistic_text_big {
	font-size: 24px;
}
.statistic_text_small {
	font-size: 12px;
}
}