body{margin-top:75px;background:#000}
.mainPic{
    position: relative;
}
.theHeader{position:fixed;top:0px;right:0;width: 100%!important;z-index:999;background:#000;margin:0!important;padding:0!important}
.theHeader .left{
    font-size: 28px;
    font-weight: 700;
}
.theHeader .left a {
	color:#57585b;
}
.theHeader .left i{
    margin-left: 20px;
}
.mainPic img{
    width: 100%;
}
.centeredMain{
    text-align: center;
}

.right-text{;text-align:right}
.ma-5{margin-right:5%}
h2{color:#bca681;font-size:32px;font-family:'heebo';font-weight:bold!important}
	.icon{display: block;margin:10px 0.25%;padding: 10px 0;text-align: center;width: 12%;float:right;min-height:170px}
		.icon img{display:block;margin:0 auto 20px auto;min-height:83px}
		.icon span{color:#97aa70;font-size:22px;display:block;text-align:center;font-weight:normal;line-height:normal}
	.bo-right{border-left:solid 1px #e4e4e4}
	.ma-10{margin:10px auto}
table.techni{border-top:solid 1px #f1f1f1;border-right:solid 1px #f1f1f1;border-bottom:solid 1px #f1f1f1;width:95%;margin-right:5%}
	table.techni tr{background:#fcfcfc}
	table.techni tr:nth-child(odd){background:#fff}
		table.techni td{padding:15px 10px;border-bottom:solid 1px #f1f1f1;color:#57585b;font-size:17px;border-left:#f1f1f1 1px solid;line-height:17px}

.grey{color:#57585b}
.grey>a{color:#57585b!important}
.social a, .social a i{color:#fff;font-size:22px}
.social a:hover, .social a:hover i{color:#57585b}
.social a{margin:10px 5px 0 5px;display:inline-block}
.phone1{margin-right:50px}

.slogan{color:#fff;font-size:20px;font-weight:500;text-align:center;display:block;margin-top:10px}
.logoes-wrapper{background-image:url('/wp-content/uploads/2017/06/back-logoes.jpg'); background-attachment: fixed;background-position:center;background-repeat:no-repeat;background-size: cover;height}
/*.machine-wrapper{background-image:url('/wp-content/uploads/2017/06/machine.jpg'); background-attachment: fixed;background-position:center;background-repeat:no-repeat;background-size: cover;height}*/
.machine-wrapper{background-image:url('/wp-content/uploads/2019/06/bg_new.jpg'); background-attachment: fixed;background-position:center;background-repeat:no-repeat;background-size: cover;height}
	.machine-wrapper .container, .logoes-wrapper .container{background:rgba(32,32,32,0.8);}
	.machine-wrapper .container>div{padding:40px 180px}
		.logoes-wrapper .container>div{padding:40px}
	.machine-wrapper .container>div p, .logoes-wrapper .container>div span p{color:#a8a8a8;font-size:20px;line-height:30px;text-align:center}
	.machine-wrapper .container>div p strong, .logoes-wrapper .container>div span p strong{color:#d6d6d6;font-size:22px;line-height:30px;text-align:center}

.mifram{color:#fff;font-size:27px;font-family: 'enspoiler';}

.five{width:19%;padding:1%;float:right}

.types div{position:relative;margin:20px 0;overflow:hidden;min-height:210px}
.types div a{background:#000;overflow:hidden;/*position: absolute;
    */top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10;
}


.types div img{opacity:0.6;-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
height: 100%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
position: relative;-webkit-transform:rotate(0deg) scale(1);-moz-transform: scale(1) rotate(0deg);}
.types div:hover img{opacity:1;-webkit-transform:rotate(0deg) scale(1.2);-moz-transform: scale(1.2) rotate(0deg);}
.types div span{font-size: 24px;
color: #fff;
z-index: 100;
position: absolute;
top: 50%;
left: 0;
text-align: center;
width: 100%;
transform: translateY(-50%);}


@media (min-width: 992px) {
	/*.centeredMain{
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%); /* IE 9 */
		/*-webkit-transform: translate(-50%, -50%); /* Safari */
		/*transform: translate(-50%, -50%);
	}*/
	.theHeader-spe{width:100%;padding:0;margin:0}
}
@media (min-width: 992px) {
    .centeredMain{
        position: absolute;
        top: 5%;
        right: 1%;
        background: rgba(0, 0, 0, .7);
        border: 2px solid #bca681;
    /*    -ms-transform: translate(-50%, -50%); /* IE 9 */
   /* -webkit-transform: translate(-50%, -50%); /* Safari */
    /*transform: translate(-50%, -50%);*/
}
    .theHeader-spe{width:100%;padding:0;margin:0}
}

.centeredMainLevel-1{
    color: white;
    font-size:40px;
    direction: rtl;
    padding: 0 25px;
    /*background-color:#bca681;*/

}
.centeredMainLevel-1>span{
    display: block;

}

.maywayText{
}
.centeredMainLevel-2{
    line-height: 45px;
    font-size:28px;
    /*background-color:#2f2f2f;*/
    color:#fff
}
@media (max-width: 767px) {
	.centeredMainLevel-1{
		font-size:20px;
	}
	.centeredMainLevel-2{
		font-size:16;
	}
	.five{width:24%;padding:1%;float:right}
}
.types{
    font-size:20px;

}
.theBox{
    margin: 20px 0;
    text-align: center;
    position: relative;
}
.theBox h4{
	color:#fff;
	font-size: 23px;

}
.theBox p{
}
.theBox img{
    opacity: 0.6;
    position: absolute;
    left: 0;
	top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 500ms  ;
    -moz-transition: all 500ms  ;
    -o-transition: all 500ms  ;
    transition: all 500ms  ;
}
.theBox:hover img{
    opacity: 1;
}

@media (max-width: 991px) {
	.theBox img{
		opacity: 1;
	}
	.theBox .caption{
		color: white;
		text-shadow: 0 0 10px black;
	}
	.icon{display: block;margin:10px 0.25%;padding: 10px 0;text-align: center;width: 24.5%;float:right}
.machine-wrapper .container>div{padding:20px}
}
.theBox:hover .caption{
    color: white;
	text-shadow: 0 0 10px black;
}

	.theBox .caption h4{font-weight: light;}

.borderedBox{
    position: relative;
	padding-top: 75%;
	cursor: pointer;
	background:#000

}

.content p{line-height:36px!important;color:#fff!important;font-size:18px}
.content ul li{line-height:36px!important;color:#fff!important;font-size:18px;position:relative;padding-right:25px;list-style:none}
.content ul li:before{content:'';position:absolute;top:8px;right:0;height: 15px;width:15px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAXVBMVEUAAAC8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poG8poE/NzX5AAAAHnRSTlMABe4S0yfe9MG4PAycYIpWRR5m5qWCeDEYcEzIr5MAALMzAAACJElEQVRYw51X2XaDIBSUHURx15g0/P9ntj1ddAitXucxh7kyw91SXMFttdzIoIqLKK2Jn5D9Nb6y8RuyucJnFY8/sL6go9HxF0N7wUAbN/CZHmAy+wAT2YBFxx04+R1EFffQC/UCjdnzzciIfGXhArKlCpiBPwTqBVoNAZyi5vCIAmoi39fAN5WnFuEDBZRUAU9MgZWaAvUAAaobVYADvr0zYhFOJkIZCmoOS7jASC2CZYQLyIYowM+Yg1NX0NDaJAWIF+gqDkVUUx3sUUClqA6iAEkV4AMIMGtOAPvAnw6iANtl6DdVlkrkQwiHVdy+HvON4zEOVVYbWzk6yF6PPL+P6Dr3hFiEPGPA9PsJnZm2byigznxi55FU6e3uEeAyKuudRuN84i4WoS6LrIINPOALTGhAYEcB4rDvNKxMUgAUgoQND8U2e0YUUGczRckIqDr2I6DnIKAS+VrbNGC7Y6VFAe2fEwsj6MZ/CQj488yO+g02HN9o3AXUPw0jseGpWMGWzcHDnVCEIbHhVogZHQzi/8FtksktGhylb+VB23WJDX2yTfXsaHQmNnB8mdAdjw5kIB4ntil8dYSp/YnmX2LroA8CdpcxD90eOAi1k8EqTk6wbsrynWKnV/GcDbzxhFU0Y8NTUMbgqw1yIY1S8ZINkMNnjLTIt6Ig4q6xSRdkzMN+oWb0AH7kux5fXIByBv4R0LE4/sVfKQKwKhznMpxaZ98BAmOJrd1+l8wAAAAASUVORK5CYII=);background-size:cover}



.theBox .caption{
    position: absolute;
    top:50%;
    left:50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
    -webkit-transition: all 500ms  ;
    -moz-transition: all 500ms  ;
    -o-transition: all 500ms  ;
    transition: all 500ms  ;
}

.theBox .caption h4{
    font-weight:bold;
}

@media (max-width: 767px) {

	.theBox .caption h4{
		font-size: 14px;
	}
	.theBox .caption p{
		font-size: 12px;
	}
	.icon{display: block;margin:10px 0.25%;padding: 10px 0;text-align: center;width: 32.8%;float:right;min-height:170px}
}
.mywayMenu ul{
    margin: 0;
    padding: 0;
}
.mywayMenu ul li{
    list-style-type: none;
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	.mywayMenu ul li:not(:first-child) {
		border-right: 1px solid #000;
	}
}
@media (max-width: 768px) {
	.mywayMenu ul li:nth-child(2n) {
		border-right: 1px solid #000;
	}
	.h2-m-center{text-align:center!important;width:100%}
}
.mywayMenu ul li a{
    color: #000;

}
.mywayMenu ul li a:hover{
    text-decoration: none;
    color: #000;
}
.logo img{display: block;margin:auto}
/*.mywayMenu ul li:not(:first-child):before {
    content: "\00a0 \00a0 \00a0 \00a0  |\00a0 \00a0 \00a0 \00a0 ";

}*/
.content{
    line-height: 34px;
}
.content h2{
    font-size:32px;
    color:#bca681;
    font-weight:bold!important
}
#footer {
    background-color:#202020;
    color: white;
    padding: 0;
    line-height: 35px;
	font-size: 14px;
	padding: 15px 0;
}
#footer p{
    margin-bottom: 0;
}

#footer a {
    color: white;
    padding: 0 10px;
}
.footerMap .fa-phone{
    margin-left: 15px;
}

input.form-control {
    border: 0;
    outline: 0;
    box-shadow: none;
    border-bottom: 2px solid #232324;
    border-radius: 0;
	color: #a7a7a7;
	background:#000
}
textarea.form-control {
    border: 0;
    outline: 0;
    box-shadow: none;
    border-bottom: 2px solid #232324;
    border-radius: 0;
	color: #a7a7a7;
    height: 70px;
    resize: none;
    background:#000
}
@media (max-width: 991px) {
	textarea.form-control {
		height: 34px;
	}
}
@media (max-width: 800px) {
body{margin-top:160px;background:#000}
}
@media (max-width: 600px) {
.icon{display: block;margin:10px 0.25%;padding: 10px 0;text-align: center;width: 49.5%;float:right;min-height:170px}
.ma-5{margin-right:0}



}
@media (max-width: 550px) {
table.techni td{display:block}
.types div {width:100%;text-align:center}
.five{width:49%;padding:1%;float:right}
}

.text_video {width:100%;height: 50vh}
#contact-mobile {display:none}
.fa-phone {margin-left:10px}

@media (max-width: 800px) {
    .h2-m-center ul {text-align:right;margin-right: 10px}
    .h2-m-center ul li {padding-right: 30px}
    #contact-mobile {display: block}
    .contact-desktop {display: none}
    .social .mail_button {display: none}
    .phone1 {width: 100%;padding: 5px;margin-top: 10px;border: 2px solid #bca681;}
}
