/*31-10-2022*/
@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Black.eot');
    src: url('../fonts/FiraSans-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-Black.woff2') format('woff2'),
        url('../fonts/FiraSans-Black.woff') format('woff'),
        url('../fonts/FiraSans-Black.ttf') format('truetype'),
        url('../fonts/FiraSans-Black.svg#FiraSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-ExtraBoldItalic.eot');
    src: url('../fonts/FiraSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/FiraSans-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/FiraSans-ExtraBoldItalic.svg#FiraSans-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-BlackItalic.eot');
    src: url('../fonts/FiraSans-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-BlackItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-BlackItalic.woff') format('woff'),
        url('../fonts/FiraSans-BlackItalic.ttf') format('truetype'),
        url('../fonts/FiraSans-BlackItalic.svg#FiraSans-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-BoldItalic.eot');
    src: url('../fonts/FiraSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-BoldItalic.woff') format('woff'),
        url('../fonts/FiraSans-BoldItalic.ttf') format('truetype'),
        url('../fonts/FiraSans-BoldItalic.svg#FiraSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-ExtraBold.eot');
    src: url('../fonts/FiraSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/FiraSans-ExtraBold.woff') format('woff'),
        url('../fonts/FiraSans-ExtraBold.ttf') format('truetype'),
        url('../fonts/FiraSans-ExtraBold.svg#FiraSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-SemiBoldItalic.eot');
    src: url('../fonts/FiraSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-SemiBoldItalic.woff') format('woff'),
        url('../fonts/FiraSans-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/FiraSans-SemiBoldItalic.svg#FiraSans-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-SemiBold.eot');
    src: url('../fonts/FiraSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-SemiBold.woff2') format('woff2'),
        url('../fonts/FiraSans-SemiBold.woff') format('woff'),
        url('../fonts/FiraSans-SemiBold.ttf') format('truetype'),
        url('../fonts/FiraSans-SemiBold.svg#FiraSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-MediumItalic.eot');
    src: url('../fonts/FiraSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-MediumItalic.woff') format('woff'),
        url('../fonts/FiraSans-MediumItalic.ttf') format('truetype'),
        url('../fonts/FiraSans-MediumItalic.svg#FiraSans-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Medium.eot');
    src: url('../fonts/FiraSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-Medium.woff2') format('woff2'),
        url('../fonts/FiraSans-Medium.woff') format('woff'),
        url('../fonts/FiraSans-Medium.ttf') format('truetype'),
        url('../fonts/FiraSans-Medium.svg#FiraSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Italic.eot');
    src: url('../fonts/FiraSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-Italic.woff2') format('woff2'),
        url('../fonts/FiraSans-Italic.woff') format('woff'),
        url('../fonts/FiraSans-Italic.ttf') format('truetype'),
        url('../fonts/FiraSans-Italic.svg#FiraSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-LightItalic.eot');
    src: url('../fonts/FiraSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-LightItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-LightItalic.woff') format('woff'),
        url('../fonts/FiraSans-LightItalic.ttf') format('truetype'),
        url('../fonts/FiraSans-LightItalic.svg#FiraSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Regular.eot');
    src: url('../fonts/FiraSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-Regular.woff2') format('woff2'),
        url('../fonts/FiraSans-Regular.woff') format('woff'),
        url('../fonts/FiraSans-Regular.ttf') format('truetype'),
        url('../fonts/FiraSans-Regular.svg#FiraSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Light.eot');
    src: url('../fonts/FiraSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-Light.woff2') format('woff2'),
        url('../fonts/FiraSans-Light.woff') format('woff'),
        url('../fonts/FiraSans-Light.ttf') format('truetype'),
        url('../fonts/FiraSans-Light.svg#FiraSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-ExtraLightItalic.eot');
    src: url('../fonts/FiraSans-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-ExtraLightItalic.woff') format('woff'),
        url('../fonts/FiraSans-ExtraLightItalic.ttf') format('truetype'),
        url('../fonts/FiraSans-ExtraLightItalic.svg#FiraSans-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-ExtraLight.eot');
    src: url('../fonts/FiraSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-ExtraLight.woff2') format('woff2'),
        url('../fonts/FiraSans-ExtraLight.woff') format('woff'),
        url('../fonts/FiraSans-ExtraLight.ttf') format('truetype'),
        url('../fonts/FiraSans-ExtraLight.svg#FiraSans-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-ThinItalic.eot');
    src: url('../fonts/FiraSans-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-ThinItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-ThinItalic.woff') format('woff'),
        url('../fonts/FiraSans-ThinItalic.ttf') format('truetype'),
        url('../fonts/FiraSans-ThinItalic.svg#FiraSans-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Thin.eot');
    src: url('../fonts/FiraSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FiraSans-Thin.woff2') format('woff2'),
        url('../fonts/FiraSans-Thin.woff') format('woff'),
        url('../fonts/FiraSans-Thin.ttf') format('truetype'),
        url('../fonts/FiraSans-Thin.svg#FiraSans-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/*kalam*/
@font-face {
    font-family: 'Kalam';
    src: url('../fonts/Kalam-Light.eot');
    src: url('../fonts/Kalam-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Kalam-Light.woff2') format('woff2'),
        url('../fonts/Kalam-Light.woff') format('woff'),
        url('../fonts/Kalam-Light.ttf') format('truetype'),
        url('../fonts/Kalam-Light.svg#Kalam-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Kalam';
    src: url('../fonts/Kalam-Regular.eot');
    src: url('../fonts/Kalam-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Kalam-Regular.woff2') format('woff2'),
        url('../fonts/Kalam-Regular.woff') format('woff'),
        url('../fonts/Kalam-Regular.ttf') format('truetype'),
        url('../fonts/Kalam-Regular.svg#Kalam-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body{font-family: 'Fira Sans', sans-serif; }
img{max-width: 100%;}
a {color: #EE3432; }

.header .nav-header{float: left; padding-top:67px;}
.header {padding-top: 20px; border-bottom: 3px solid #ee3432;}
.header .logo-image{float: right;}
.header .logo-image img{height:auto;}
.navbar-inverse .navbar-nav > li > a{font-size: 20px; font-weight: 400; text-transform: uppercase; padding:0px 15px 0px 15px; line-height:46px; position: relative;}
.navbar-inverse .navbar-nav > li.active > a{background-color: #ee3432; color:#fff; position: relative;}
.navbar-inverse .navbar-nav > li > a .fa{padding-left:8px;}
.navbar-inverse .navbar-nav > li{padding: 0 7px; position: relative;}
.navbar-inverse .navbar-nav > li:first-child{padding-left:0px;}
.navbar-inverse .navbar-nav > li:last-child{padding-right:0px;}

ul.suv-nav{position: absolute; top:100%; left:7px; width:234px; border:2px solid #ee3432; z-index: 999; margin:0px; padding: 0px;  padding-left: 11px; padding-right: 24px; padding-top: 18px; padding-bottom: 18px; display: none; background-color:#fff;}
ul.suv-nav li{list-style: none; padding-top: 3px; border-bottom:1px solid #ccd0d9; }
ul.suv-nav li a{font-size: 16px; color:#000000; line-height:25px; text-decoration:none; padding-bottom: 12px; display: inline-block; font-weight: 400;}
ul.suv-nav li a:hover{color:#EE3432;}
ul.suv-nav li.active a{color: #EE3432;}
ul.suv-nav li:last-child{border-bottom:none;}
ul.suv-nav li:last-child a{padding-bottom: 0;}

.banner {min-height:548px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;}
.banner .container{position:relative;}
.banner .container .text{position:absolute; top:230px; left:183px; transform: rotate(-10deg);}
.banner .container .text:after{position: absolute; top:-81px; right:0px; content:""; z-index: -1; background:url(../images/banner-heart-s.png); width:36px; height:45px;}
.banner .container .text:before{position: absolute; top:-36px; right:-67px; content:""; z-index: -1; background:url(../images/banner-heart-b.png); width:57px; height:76px;}
.banner .container .text h2{margin:0px; font-size: 45px; line-height: 60px; color:#EE3432; font-family: 'Kalam', cursive; text-align: center;}
.banner .image img{width: 100%;}

.content{padding-top: 43px;}
.content .social-house{width:100%; display: inline-block;}
.content .left-content{width:70.09%; float: left;}
.left-content h2{margin:0px; font-size:25px; line-height:45px; padding-bottom: 9px; color:#EE3432;}
.left-content .detail{padding-bottom: 30px;}
.left-content p{max-width:837px; font-size:18px; font-weight: 400; line-height:30px; padding-bottom:5px; color:#333333; margin:0px;}
.left-content p a {color: #EE3432; }
.content .right-content{width: 29.71%;   float: left;  margin-top: 8px; z-index: 999;  padding-left: 35px; padding-right: 15px;  background-color: #e42629;  padding-top: 31px;  padding-bottom: 37px; position: relative;}
/* .content .right-content{width: 29.71%;   float: left;  margin-top: 8px; z-index: 999;  padding-left: 35px; padding-right: 15px;  background-color: #ee3432;  padding-top: 16px;  padding-bottom: 27px; position: relative;} */
.content .right-content:after{position: absolute; bottom:0; right:0px; content:""; z-index: -1; background:url(../images/red-heart.png); width:207px; height:209px;}
/* .content .right-content:after{position: absolute; top:54px; right:0px; content:""; z-index: -1; background:url(../images/red-heart.png); width:207px; height:209px;} */
.content .right-content h3{margin:0px; font-size: 25px; font-weight: 400; padding-bottom: 10px; line-height: 35px; color:#fff;}
/* .content .right-content h3{margin:0px; font-size: 25px; font-weight: 400; padding-bottom: 6px; line-height: 35px; color:#fff;} */
.content .right-content p{margin:0px; font-size: 18px; line-height: 30px; color:#fff;}
.content .right-content p a{text-decoration:none; color:#fff;}

.image-information .detail-box{width:20%; float: left; padding:0 11px;}
.image-information .detail-box .image-box{background-color:#8e9198; padding-top: 22px; padding-bottom: 25px; text-align: center;}
.image-information .detail-box .image-box h3{font-size:23px; color:#fff; line-height: 36px; padding-top: 16px; font-weight: 400; margin: 0px;}
.image-information .detail-box .image-box a{text-decoration:none;}
.image-information .detail-box.active .image-box{background-color: #ee3432;}
.image-information  .detail-information{margin: 0 -11px;}
.image-information{padding-top: 35px; display: inline-block; width: 100%;}


.note-info{ padding-top: 38px; }
.note-info ul {padding: 0px; margin: 0px; text-align: center; }
.note-info ul li {list-style: none; font-size:18px;line-height:35px; color:#333333; position: relative; padding-left: 8px; display: inline-block; padding-right: 4px; }
.note-info ul li:after {position: absolute; left: 0px; top: 15px; width: 4px; height: 4px; border-radius: 50%; background: #333333; content: "";} 
.note-info ul li:first-child:after {display: none;}
.note-info ul li:first-child {padding-left: 0px; }
.note-info ul li a {color:#333333; text-decoration: none; }

.image-information .detail-box:hover .image-box{background-color: #ee3432;}


.footer{background-color:#ee3432; padding:22px 0px; text-align: center; margin-top: 11px;}
.footer ul{margin:0px; padding: 0px;}
.footer ul li{display: inline-block; padding:0 20px; }
.footer ul li a:after{width: 2px; height: 14px; background-color: #fff; position: absolute; top: 3px; left: -21px; content: "";}
.footer ul li:first-child a:after{display: none;}
.footer ul li a{text-decoration: none; font-size:15px; line-height:26px; color: #fff; position: relative; text-transform: uppercase;}

.image-information .detail-box .image-box .image{position: relative;}


/* unsere-page */
.our-densite {padding-top: 43px;}
.our-densite .left-content{width:70.07%; float: left; padding-right: 160px;}
.our-densite .left-content h3{margin:0px; color:#EE3431; font-size:20px; font-weight:600; font-size:20px; line-height:30px; padding-bottom: 6px;}
.our-densite .left-content{width:70.07%; float: left;}
.our-densite ul.detail-list{padding:0px 0px 8px 0px; margin:0px;}
.our-densite ul.detail-list li{list-style:none; font-size: 18px; font-weight: 400; line-height: 30px; padding-bottom: 5px; color: #333333; margin: 0px; position: relative; padding-left: 20px;}
.our-densite ul.detail-list li:after{position: absolute; top:0px; left:0px;  width:8px; height:10px; color:#ee3432; font-family:"FontAwesome"; content: "\f105";}
.our-densite .left-content .detail{padding-bottom:36px;}
.our-densite .right-densite{width:29.78%; float: left; padding-top: 86px;}
.our-densite .right-densite .image{padding-bottom: 40px;}
.our-densite .right-densite .image img{width:100%; height:auto; }

/* unsere-page-1*/
.our-densite .title h2{  margin: 0px;  font-size: 25px;  line-height: 45px;  padding-bottom: 34px;  color: #EE3432;}
.our-densite ul.detail-list.inner li{padding-bottom: 28px;}
.information-areal.inner .image-information{padding-top: 60px;}

/* Powermail */
.tx-powermail form input[type="submit"]{background: #ee3432; border-color: #ee3432;}
.tx-powermail form input[type="submit"]:active{background: #ee3432; border-color: #ee3432;outline-color: #ee3432;}
.our-densite.contact .left-content {padding-right: 0px; width: 60%;}
.our-densite.contact .right-densite {width: 40%; padding-top: 36px; }
.our-densite.contact .right-densite  iframe {width: 100%; }

.tel-link {width: 34px; display: block; float: left; margin-left: 10px;  margin-top: 4px; }
.tel-link img {max-width: 100%; height: auto;}
.our-densite .left-content.left-pad {padding-right: 80px; width: 60.07%;}
.our-densite .right-densite.right-pad {width: 39.78%}
/* .our-densite .left-content.full-page  {width: 100%} */
.our-densite .left-content.full-page  {width: 100%;padding-right: 0px;}

@media(min-width: 768px){
  .navbar-nav > li:hover ul.suv-nav{display: block !important;}
  .navbar-nav > li ul.suv-nav{display: none !important;}
  .tel-link {display: none; }
  }

@media (min-width:1200px) and (max-width: 1430px)  {
  .container{padding: 0 15px; width: auto;}
  .navbar-inverse .navbar-nav > li > a{padding: 0px 5px 0px 5px;}
  .navbar-inverse .navbar-nav > li{padding: 0 2px;}
 
  }
 
@media (max-width: 1199px) {
.navbar-inverse .navbar-nav > li > a{font-size: 15px; line-height:42px; padding:0 12px;}  
.header .logo-image img{max-width: 209px;}
.content .left-content p{max-width: 600px;}

.image-information .detail-box .image-box h3{font-size:16px; line-height:25px;}
.image-information .detail-box .image-box{padding-left: 10px; padding-right: 10px;}
}


@media (max-width:991px) {
  .container{padding:0 15px;}  
.content .left-content{width: 100%; float: none;}  
.content .right-content{width:100%; float: none;}
.banner{min-height: 300px;}
.banner .container .text{top:130px; left: 60px;}
.image-information .detail-box{width:50%;}
.image-information .detail-box .image-box{margin-bottom: 22px;}
.our-densite .left-content{padding-right: 30px;}
.navbar-inverse .navbar-nav > li{padding: 0 3px;}
.navbar-inverse .navbar-nav > li > a{font-size:12px; line-height: 32px; padding:0 5px;}
.content .social-house{padding-bottom: 40px;}
.header .logo-image img{max-width: 180px;}
.our-densite .left-content.left-pad {padding-right: 30px; }
}



@media (max-width: 767px) {

.header .nav-header{padding-top: 0;}
.navbar-nav{margin:0}
.header{position: relative; padding-bottom: 20px; }
.banner{min-height: 230px;}
.banner .container .text{top:108px; left: 28px;}
.banner .container .text h2{font-size: 30px; line-height: 40px;}
ul.suv-nav{position: static; border:0; top:auto; left:auto;}
.our-densite .left-content{width:100%; float: none; padding-right: 0;}
.our-densite .right-densite{width:100%; float: none;}
.our-densite .right-densite{padding-top: 15px;}
.image-information .detail-box{width:100%;}
ul.suv-nav{display: none;}
.navbar-nav > li:hover ul.suv-nav{display:none;}
.header .nav-header{float: none; position: absolute; top:23px; left:0px; width:100%;}
ul.nav.navbar-nav{background-color: #fff; z-index: 99999; position: relative; padding: 10px;}
.navbar-inverse .navbar-nav > li > a .fa{position: absolute;  top: 6px;  right: 10px;  font-size: 20px;}
.navbar-inverse .navbar-nav > li > a{font-size:15px;}
.header .container{padding:0px;}
.navbar-inverse .navbar-toggle{margin-left: 15px; margin-top: 4px; margin-bottom: 0px;}
ul.suv-nav{width: 100%;}
.navbar-inverse .navbar-nav > li{padding: 0px 0px 10px 0px;}
.header .logo-image img{max-width:180px;}
.header .logo-image{position: relative; z-index: 9999999; padding-right: 15px; }
.our-densite.contact .left-content {width: 100%;}
.our-densite.contact .right-densite {width: 100%; }
.note-info ul li {width: 100%; padding: 0px;}
.note-info ul li:after {display: none; }
.our-densite .left-content.left-pad {padding-right: 0; width: 100%;}
.our-densite .right-densite.right-pad {width: 100%}
}



@media (max-width:479px) {
  .header .nav-header{top:21px;}
 .header .logo-image img{max-width: 160px;}
}


.cc-btn,.cc-btn:focus{outline:none;}
.ce-gallery figcaption{display: block;}