.prometteur-howwork{padding:100px 0px 40px;background-color:#fff;overflow:visible;z-index:1;}
.howwork-post{position:absolute;top: -10%;left: 5%;}
.howwork-post img{max-width:100%;width:75%;}
.prometteur-howwork .home-header{}
.prometteur-howwork .home-header h2{margin: 0 0 40px;font-size: 42px;font-weight: 800;line-height: 50px;color: #000;padding: 0;text-transform:uppercase;} 
.prometteur-howwork .home-header h2 span{color: #f6c40e;} 
.howwork-contain{background-color: #fff;-webkit-box-shadow: 0 5px 50px rgba(156, 185, 226, 0.2);box-shadow: 0 5px 50px rgba(156, 185, 226, 0.2);border-radius: 6px;min-height:600px;padding:30px;}
.howwork-contain img{max-width:100%;display:block;}

.howwork-comman{padding:80px 0px;} 
.howwork-column{position:relative;}
.howwork-layer{background-image:url(../images/sample/pattern-14.png);position: absolute;left: 0px;top: -30px;right: 0px;bottom: 0px;height: 618px;background-repeat: no-repeat;background-position: center top;}
.inner-howwork{position: relative;padding-right: 20px;}
.inner-howwork .image{position: relative;}
.inner-howwork .image img{position: relative;max-width: inherit;float: right;}

.howwork-details{}
.howwork-details h2{margin-bottom:30px;font-size:400;font-size:35px;color:#000000;}
.howwork-details p{font-size:16px;line-height:24px;color: #222222;margin-bottom:15px;}


.howwork-one{background-color: #f9fcff;}
.howwork-two{background-color: #fff;}
.howwork-two .inner-howwork .image img{float:none;}




.prometteur-teambuild{background-color: #fff;}
.prometteur-teambuild img{max-width:100%;display:block;}
.teambuild-content{position:absolute;top:35%;transform:translate(-50%);z-index:1;left: 50%;}
.teambuild-content h2{color:#fff;margin-bottom:30px;font-size:45px;line-height:65px;}
.teambuild-content h2 span{color: #f6c40e;}
.teambuild-content p{color:#fff;font-size:16px;line-height:21px;}


.whychoose-conainer{padding:100px 0px;background-color: #fff;}
.container-sub{position: static;max-width: 1200px;padding: 0px 15px;margin: 0 auto 30px;}
.container-sub .home-header h2{margin: 0 0 20px;font-size: 42px;font-weight: 800;line-height: 50px;color: #000;padding: 0;text-transform:uppercase;}
.container-sub .home-header h2 span{color: #f6c40e;}
.whychoose-content{position: relative;padding-left: 400px;margin-top: -200px;}
.whychoose-col{position: relative;z-index: 1;margin-bottom: 0px;}
.whychoose-col:first-child{position: absolute;left: 0px;top: 260px;}
.whychoose-col:nth-child(3){margin-top: 55px;}
.whychoose-col:nth-child(4){position: absolute;left: 0px;bottom: 40px;top:inherit;}
.whychoose-col:nth-child(6){margin-top: 50px;}

.inner-box {position: relative;overflow: hidden;padding: 45px 45px;border-radius: 10px;background-color: #ffffff;box-shadow: 0px 0px 25px rgba(0,0,0,0.08);}
.inner-box:before {position: absolute;content: '';left: 0px;bottom: 0px;width: 100%;height: 50%;opacity: 0;background-color: #2200bd;-webkit-transition: all 600ms ease;-ms-transition: all 600ms ease;-o-transition: all 600ms ease;-moz-transition: all 600ms ease;transition: all 600ms ease;}
.inner-box .icon-box {position: relative;font-size: 60px;line-height: 1em;color: #8c8c8c;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease;z-index:1;}
.inner-box .icon-box span{position:relative;}
.inner-box h3{position: relative;font-size: 24px;z-index: 2;color: #222222;font-weight: 700;line-height: 1.3em;margin: 35px 0px 28px;}
.inner-box .text {position: relative;color: #222222;z-index: 2;font-size: 16px;line-height: 1.8em;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease;}
.inner-box .shape-one {
    content: '';
    width: 250px;
    height: 250px;
    background: #d858f5;
    border-radius: 50%;
    position: absolute;
    bottom: -145px;
    right: -145px;
    transform: scale(0);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.inner-box .shape-two {
    content: '';
    width: 315px;
    height: 315px;
    background: #c647fe;
    border-radius: 50%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    transform: translate(100% ,100%);
}


.inner-box .shape-three {
    content: '';
    width: 425px;
    height: 425px;
    background: #a461e8;
    border-radius: 50%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    transform: translate(100% ,100%);
}

.inner-box:hover::before {height: 100%;opacity: 1;}
.inner-box:hover h3 a, .inner-box:hover .text {color: #ffffff;}
.inner-box:hover .icon-box{color: #f6c40e;}
.inner-box:hover .shape-one {transform: scale(1);-webkit-transition-delay: 300ms;-ms-transition-delay: 300ms;transition-delay: 300ms;}
.inner-box:hover .shape-two {opacity: 0.6;transform: translate(50% ,50%);-webkit-transition-delay: 600ms;-ms-transition-delay: 600ms;transition-delay: 600ms;}
.inner-box:hover .shape-three {opacity: 0.4;
    webkit-transition-delay: 900ms;
    -ms-transition-delay: 900ms;
    transition-delay: 900ms;
    transform: translate(50% ,50%);
}



.prometteur-counter{}
.counter-container{/*background-color: #212121;*/padding: 2.5rem 0rem 5.5rem;/*background-color: #000000;background-image: linear-gradient(315deg, #000000 0%, #958e69 74%);*/background-color: #c2b6b6;
    background-image: linear-gradient(315deg, #c2b6b6 0%, #576574 74%);}
.counter-main{}
.counter-icon{width:80px;height:80px;margin:0px auto;display: inline-block; background: url(../images/sample/counter-spirit.png) no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;}
.counticon-1{background-position: -0px -0px;}
.counticon-2{background-position: -0px -160px;}
.counticon-3{background-position: -0px -80px;}
.counter-main h3{color:#fff;font-size:20px;font-weight: 400;}
.counter-main p{color:#f6c40e;font-size:50px;font-weight:600;margin:30px 0px;line-height: 20px;}

.counter-contentblog{overflow:visible;background-color: #f9fcff;}
.contentblog{}
.countblog-main{-webkit-transform: translateY(-95px);transform: translateY(-95px);background-color: #fff;-webkit-box-shadow: 0 5px 50px rgba(156, 185, 226, 0.2);box-shadow: 0 5px 50px rgba(156, 185, 226, 0.2);border-radius: 6px;min-height:730px;}

.countblog-main .nav-tabs{width:15%;position:absolute;border-bottom:none;border-right: 1px solid #ddd;margin-left:0px;left:0%;top:0%;bottom:0%;z-index:1;}
.countblog-main .nav-tabs li{display:block;float:none;}
.countblog-main .nav-tabs li a{text-align:center;display:block;border:none;border-bottom:1px solid #ddd;padding:30px;margin-right:0px;color: #8c8c8c;position:relative;z-index:1;}
.countblog-main .nav-tabs li a:before {position: absolute;content: '';left: 0px;top: 0px;width: 0px;height: 100%;display: block;background-color: #eee;-webkit-transition: all 600ms ease;-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;-o-transition: all 600ms ease;transition: all 600ms ease;z-index:-1;}
.countblog-main .nav-tabs li a i{}
.countblog-main .nav-tabs li a img{margin:0px auto;max-width:100%;}
.countblog-main .nav-tabs li a span{display:block;}
.countblog-main .nav-tabs li:hover a:before{width: 100%;display: block;}
.countblog-main .nav-tabs li a:hover{border:none;border-bottom:1px solid #ddd;color:#000 !important;font-weight:600;background-color:transparent;}
.countblog-main .nav-tabs li.active a{border-bottom: 1px solid #f6c40e;/*background-color:#f6c40e;*/color:#000;font-weight:600;background-color: #f39f86;background-image: linear-gradient(315deg, #f39f86 0%, #f9d976 74%);}
.countblog-main .nav-tabs li.active:hover a:before{width: 0px}
.countblog-main .tab-content{padding-left:180px;height:inherit;}
.countblog-main .tab-content .tab-pane{padding: 60px;}
.countblog-main .tab-content .tab-pane .home-header{margin-bottom:40px;}
.countblog-main .tab-content .tab-pane .home-header h2{margin: 0 0 20px;font-size:30px;font-weight: 800;line-height: 50px;color: #000;padding: 0;text-transform:uppercase;}
.countblog-main .tab-content .tab-pane .home-header h2 span{color: #f6c40e;}

.tabontent-leftpost{animation-name: zoom-fade;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: linear;-webkit-animation-name: zoom-fade;-webkit-animation-duration: 3s;-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;position:absolute;bottom:0px;left:200px;z-index:1;background-image: url(../images/sample/pattern-3.png);width: 240px;height:265px;}
@-webkit-keyframes zoom-fade {
  0% {-webkit-transform: scale(0.8);transform: scale(0.8);}
 50% {-webkit-transform: scale(1);transform: scale(1);}
100% {-webkit-transform: scale(0.8);transform: scale(0.8);}
}

@keyframes zoom-fade {
  0% {-webkit-transform: scale(0.8);transform: scale(0.8);}
50% {-webkit-transform: scale(1);transform: scale(1);}
100% {-webkit-transform: scale(0.8);transform: scale(0.8);}
}

.technolist-ul{list-style:none;display:block;}
.technolist-ul li{width:22%;float:left;padding:0px;list-style:none;margin-bottom:20px;margin-right: 3%;}
.technolist-ul li a{display: flex;width: 95%;position: relative;padding: 16px 16px 16px 44px;color: #2b398f;height: 85px;border-radius: 5px;align-items: center;box-shadow: 0 1px 1px 0 rgba(7, 32, 48, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.05);margin: 0 auto;background-color: #fff;/*background-image: linear-gradient(315deg, #f6f6f6 0%, #e9e9e9 74%);*/}
.technolist-icon{/*background-color: #ffffff;*/opacity: 1;align-items: center;margin-top: 0;box-shadow: 0 1px 1px 0 rgba(7, 32, 48, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.05);cursor: default;transition: .3s;text-align: center;border: 1px solid #fff !important;
margin: 0 auto;display: flex;justify-content: center;position: absolute;left: -21px;border-radius: 50%;height: 50px;width: 50px;/*background-color: #f9fcff;background-image: linear-gradient(147deg, #f9fcff 0%, #dee4ea 74%);*/background-color: #f6ecc4;
    background-image: linear-gradient(315deg, #f6ecc4 0%, #f7d4d4 74%);}
.technolist-icon img{max-width:100%;margin:0px auto;opacity: 0.5;transition: all 300ms ease;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;-webkit-filter: grayscale(100%);filter: grayscale(100%);width: 30px;}
.technolist-ul li a:hover{text-decoration:none;}
.technolist-ul li a:hover .technolist-icon img{opacity: 1;-webkit-filter: grayscale(0%);filter: grayscale(0%);}

.technolist-ul li a span{color: #000;font-weight: bold;}

.prometteur-industries {
    background-color: #fff;
    padding: 40px 0;
    background-color: #FFF0F5;
    /*background-image: linear-gradient(315deg, #f6ecc4 0%, #f7d4d4 74%);*/
    z-index: 1;
}

.casestudy-portpolio{padding:100px 0px;/*background-color:#d3d3d3;background-image:linear-gradient(315deg, #d3d3d3 0%, #eccc68 74%);*/background-color: #c2b6b6;background-image: linear-gradient(315deg, #c2b6b6 0%, #576574 74%);}
.casestudy-portpolio .home-header{margin-bottom:60px;}
.casestudy-portpolio .home-header h2{margin: 0 0 20px;font-size: 42px;font-weight: 800;line-height: 1.8;color: #fff;padding: 0;}
.casestudy-portpolio .home-header h2 span{color:#f6c40e;}
.casestudy-portpolio .home-header p{margin-top: 0;margin-bottom: 1rem;color: #fff;font-size: 14px;line-height: 24px;}
.casestudy-conatiner{overflow:visible;}
.slider-carousel{overflow:visible;}
.slider-carousel .owl-stage-outer{overflow:visible !important;}
.slider-carousel .owl-stage{}
.slider-carousel .owl-item{opacity:0.5;}
.slider-carousel .owl-item.active{opacity:1;}
.slider-carousel .item{box-shadow: 0px 1px 38px 0px rgba(0, 0, 0, 0.13);background-color:#fff;border-radius:20px;min-height:700px;}
.slider-carousel .owl-dots{display:none;}
.slider-carousel .owl-nav{margin-top:0px;}
.slider-carousel .owl-nav button{position:absolute;z-index:1;top:0%;bottom:0%;margin:0px auto !important;width: 40px;opacity:0;}
.slider-carousel .owl-nav button:hover,.slider-carousel .owl-nav button:focus{background-color:transparent !important;outline:none;border-color:transparent !important;opacity:0;}
.slider-carousel .owl-nav button i{line-height:0px;}
.slider-carousel .owl-nav button.owl-prev{left:0%;border-radius:0px 20px 20px 0px !important;}
.slider-carousel .owl-nav button.owl-next{right:0%;border-radius:20px 0px 0px 20px !important;}

.itpro-ct{min-height:inherit;}
.ctleft-post{position:absolute;left:0%;top:0%;bottom:0%;}
.ctleft-post img{max-width:100%;}
.ctbottomrigt-post{bottom:-10%;right:5%;position:absolute;}
.ctbottomrigt-post img{max-width:100%;}
.itpro-content{padding:30px;}
.itpro-content h2{margin-bottom:20px;font-weight:600;color:#000;font-size:30px;}
.itpro-content p{color:#222222;line-height:26px;margin-bottom:15px;}

.hcc-content{min-height:inherit;}
.hccpos-img{position:absolute;left:0%;top:0%;right:0%;bottom:0%;z-index:0;}
.hcc-content img{max-width:100%;height: 700px;}
.hcc-content .itpro-content{position:absolute;left:0%;top:55%;z-index:1;width:450px;transform:translateY(-30%);}

.lisungi-content{min-height:inherit;}
.lisungi-left{width:45%;float:left;position:relative;background-color:#bbca89;min-height:inherit;display: flex;align-items: center;}
.lisungi-left .bg-span{ background-color:transparent; background-image:url(../images/sample/lisungi-background.png); background-position:center center; background-repeat:repeat; background-size:cover;opacity: 0.4;}
.lisungi-left .itpro-content{padding:30px;}
.lisungi-left .itpro-content h2{color:#fff;}
.lisungi-left .itpro-content p{color:#222222;}
.lisungi-left .itpro-content p span{font-weight:600;}
.lisungi-right{width:55%;float:left;position:relative;padding:34px 0px;}
.lisungi-right img{max-width:100%;width:auto !important;float:right;}