@import url('../css.css');
@import url('../css-1.css');

@import "animate.css";
@import "jquery.mCustomScrollbar.css";
@import "fontlar.css";
@import "owl.carousel.css";
@import "magnific-popup.css";
@font-face {
    font-family: 'PrometoW04-XBold';
    src: url('font/PrometoW04-XBold.eot');
    src: url('font/PrometoW04-XBold.eot?#iefix') format('embedded-opentype'),
        url('font/PrometoW04-XBold.woff2') format('woff2'),
        url('font/PrometoW04-XBold.woff') format('woff'),
        url('font/PrometoW04-XBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'PrometoW04';
    src: url('font/PrometoW04-Bold.eot');
    src: url('font/PrometoW04-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/PrometoW04-Bold.woff2') format('woff2'),
        url('font/PrometoW04-Bold.woff') format('woff'),
        url('font/PrometoW04-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Prometolight';
    src: url('font/PrometoW04-Light.eot');
    src: url('font/PrometoW04-Light.eot?#iefix') format('embedded-opentype'),
        url('font/PrometoW04-Light.woff2') format('woff2'),
        url('font/PrometoW04-Light.woff') format('woff'),
        url('font/PrometoW04-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
html{    }
body{font-size: 14px;font-family: 'Poppins', sans-serif;background: #eaeaea;background-position: initial;min-height: 100vh;/* width: 100vw; */background-position: center;overflow-x: hidden;}
#dcslider{}
.logo{left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);top: 6px;position: absolute;display: inline-block;background-color: transparent;padding: 10px; height: 100px;}
.logo img{width:180px; }
.bannerscollection_zoominout.opportune .bottomNav,.bannerControls{display: none !important;}
.content{position: absolute;top: 0;left: 0;width: 100%;z-index: 4;height: 100%;}
.content p{color: #ffffff;font-size: 15px;text-align: center;position: relative;background: rgba(56, 56, 56, 0.9);padding: 7px 20px;}
.text-content{margin-top: 169px;position: absolute;z-index: 9;padding: 9px 0;}
.firm{display: inline-block;position: relative;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);margin-top: 30px;/* background: transparent url(../images/firmbg.png) center center no-repeat; */margin-bottom: 20px;}
.firm a{float: left;margin-right: 125px;position: relative;padding: 31px;}
.firm a:before,.firm a:after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);border-radius: 50%;width: 189px;height: 189px;/* background-color: #fff; *//* z-index: -1; *//* -webkit-box-shadow: 0px 3px 5px -1px rgba(211,212,211,1); */-moz-box-shadow: 0px 3px 5px -1px rgba(211,212,211,1);/* box-shadow: 0px 3px 5px -1px rgba(211,212,211,1); *//* border:0px solid #ccc; */}
.firm a img{z-index: 2;}
.firm a:last-of-type{margin-right: 0; }
.firm a:after {text-decoration: none;-webkit-transition: all 0.5s ease-in-out 0s; -moz-transition:   all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;}
.firm a:hover:after{border: 5px solid #afafaf;}
.bannerscollection_zoominout:before{content:'';position:absolute;width:100%;height:100%;z-index: 2;background-image: linear-gradient(84deg, #172969 0%, #ca9b3c 100%);opacity: 0.6;background:#172969;background:-moz-linear-gradient(top,rgba(23, 41, 105) 0%,rgba(249, 117, 52,1) 100%);background: -webkit-linear-gradient(right,rgba(23, 41, 105,1) 0%,rgb(202, 155, 60) 100%);background: linear-gradient(to left,rgb(23, 41, 105) 0%,rgb(202, 155, 60) 100%);}
.header{width: 100%;background-color: rgba(255, 255, 255, 1);padding: 10px 0;float: left;position: absolute;z-index: 12;}
.header .home-contact{display: inline-block;float: left;position: relative;top: 8px;}
.header .home-contact a{float: left;margin-right: 25px;color: #222;}
.header .home-contact a:hover{color: #72442d;text-decoration: none;}
.header .home-contact a span.icon{background: url(../images/sprite.png) no-repeat scroll 0 0;height: 17px;width: 24px;display: inline-block;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.header .home-contact a span.en{background: url(../images/en.png);height: 25px;width: 50px;display: inline-block;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;background-size: 30px;background-repeat: no-repeat;background-position: 17px 7px;}
.header .home-contact a.phone span.icon{background-position: -5px -8px;position: relative;top: 3px;}
.header .home-contact a.phone:hover span.icon{background-position: -5px -33px;}
.header .home-contact a.email span.icon{background-position: -5px -58px;position: relative;top: 3px;}
.header .home-contact a.email:hover span.icon{background-position: -5px -83px;}
.header .home-contact a.fax span.icon{background-position: -33px -58px;position: relative;top: 3px;}
.header .home-contact a.fax:hover span.icon{background-position: -33px -85px;}
.header .home-contact a:last-of-type{margin-right: 0;}
.header .social-media a{display: inline-block;float: right;color: #222;}
.slogan{font-family: 'Prometolight';font-size: 33px !important;/* width: 70%; *//* margin-left: 16%; */margin-bottom: 0;/* text-shadow: 2px 1px 0px rgb(202, 155, 60); */line-height: 39px;display: inline-block;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%;/* border-radius: 10px; */}
.slogan b{font-family: 'PrometoW04';}
.slogan i{ position: relative;  font-size: 42px;}
.slogan .left{left: -12px; top: -5px;  color: #ccc;  font-weight: 100;}
.slogan .right{right: -8px;bottom: -5px; color: #ccc;font-weight: 100;}
.item{height:100vh;float: left;position: relative;transform-origin: bottom;position: relative;}
.item.hafriyat{
    /* background-color:green; */
    background: url(../images/slider/slide1.fw.png) no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition:   all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    border: 20px solid #fff;
    border-right: 10px solid #fff;
    }
.item.insaat{
    background-color:red;
    background: url(../images/slider/gi.jpg) no-repeat;
    background-size: 100%;
    background-position: bottom center;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition:   all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    background-size: cover;
    border: 20px solid #fff;
    border-left: 10px solid #fff;
    }
.content a{    float: left;    display: contents;}
.item h4{
    position: absolute;
    top: 150px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    left: 50%;
    color: #222;
    font-weight: 500;
    font-size: 30px;
    display: none;
}
.item.insaat h4{color:#fff;}
.item h4:before{
    content:'';
    position:absolute;
    width: 14px;
    height: 14px;
    /* background-color: #ca9b3c; */
    bottom: -6px;
    /* transform: translateX(-50%); */
    /* -webkit-transform: translateX(-50%); */
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    /* left: 50%; */
    border-top: 2px solid #ca9b3c;
    border-right: 2px solid #ca9b3c;
    top: -8px;
    right: -15px;
    }
    .item h4:after{
    content:'';
    position:absolute;
    width: 14px;
    height: 14px;
    /* background-color: #ca9b3c; */
    bottom: -6px;
    /* transform: translateX(-50%); */
    /* -webkit-transform: translateX(-50%); */
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    /* left: 50%; */
    border-bottom: 2px solid #ca9b3c;
    border-left: 2px solid #ca9b3c;
    bottom: -8px;
    left: -15px;
    }
    .item:hover{transform: scale(1.05);z-index: 5;}
    
.logoic{
    position:absolute;
    display:inline-block;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    left: 50%;
    bottom: 0;
    }
    .logoic img{
    position: relative;
    top: -8px;
    width: 105px;
}
.logoic:before{
    content:"";
    position:absolute;
    width: 183px;
    height: 122px;
    background-color: #ffffffd9;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    left: 50%;
    bottom: 0;
    z-index: -1;
    border-radius: 50% 50% 0 0;
    }
        
.pdfkatalog {width: 130px;position: relative;top: -8px;}
.pdfkatalogmobil { display: none; }