/*

	Specify additional rules

	e.g.:

	MyTag {
	position:
	display:
	margin:
	padding:
  }
  
  #MyId {

  }

  .MyClass {

  }
faysaltanim-2021
*/
html {
font-size: 15px;
}
body {
  font-family: "Open Sans", sans-serif;
  background-color: white;
}



*{box-sizing:border-box}body{padding:0;margin:0;font-family:'Open Sans', sans-serif;line-height:1.88;color:#02124d}h4{font-size:1.28rem}.fsize{font-size:17px}.about-fsize{font-size:2.2rem !important}.mt{margin-top:30px}.green-text{color:#3dba62;font-size:15px;font-weight:bold}.orange-text{color:orangered;font-weight:bold}.red-text{color:#d83e18;font-size:15px;font-weight:bold}.meroon-text{color:#800000;font-size:15px;font-weight:bold}.sticky{position:fixed;top:0;width:100%;background:#fff;z-index:5;box-shadow:0 0 10px rgba(0,0,0,0.3)}.content-section{padding:70px 0}.border-bott{border-bottom:1px solid #dff1fb;padding-bottom:7.5px}.to-the-top{position:fixed;right:30px;bottom:30px;z-index:10001;display:none}.to-the-top a{display:inline-block;height:60px;line-height:60px;text-align:center;width:60px;border-radius:50%;background-color:#fff;color:#ffce00;box-shadow:0 0 30px #777;transition:all 0.3s ease}.to-the-top a:hover{background-color:#ffce00}.to-the-top a:hover i{color:#fff}.mobile-nav{display:none}.overlay{width:100%;height:100vh;z-index:50;background:black;position:fixed;top:0;left:0;right:0;opacity:0.8;transition:1s ease}.logo{margin:30px 0}.logo img{max-height:55px}
.ul-check{list-style:none;padding:0;
margin-left: 0;}
.ul-check li{line-height: 3;}
.ul-check .fa-check {
    color: #00b1f5;
    margin-right: 1px;
    margin-top: 7px;
}
header ul{padding:0;margin:0;list-style:none}
header .top-header{background-color:#ffce00}header .top-header ul{padding:15px 0;display:flex;justify-content:flex-end;align-items:center;margin:0}header .top-header ul li{display:inline-block;margin-left:15px;padding: 16px 0;}header .top-header ul li img{width:17px;height:17px}header .top-header ul li:first-child{margin-left:0}header .top-header ul li:first-child a{font-size:1.2em;font-weight:bold}header .top-header ul li a{color:#000}header .top-header ul li a:hover{text-decoration:none}header .main-header nav{display:flex;align-items:center;flex-direction:row-reverse}header .main-header nav>ul{position:relative}header .main-header nav>ul:after{position:absolute;right:0;top:50%;height:30px;margin-top:-15px;width:1px;background-color:#ffce00;content:''}


nav ul ul {
	display: none;
	position: absolute; 
	top: 60px; /* the height of the main nav */
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:100%;
	float:none;
	display:list-item;
	position: relative;
}

.slider-wrapper { 
	width: 80%; 
	margin: 100px auto;
}
.owl-item{
    
    float: left !important;
    position: relative;
}

header .main-header nav>ul>li{display:inline-block;margin-right:22px}
header .main-header nav>ul>li .dropdown-menu{width:300px;border:none;background-color:#ffce00;padding:0;margin:0;border-radius:0}
header .main-header nav>ul>li .dropdown-menu li a{color:#FFF;display:block;padding:7px 30px}
header .main-header nav>ul>li .dropdown-menu li a:hover{text-decoration:none;background-color:#000}
header .main-header nav>ul>li>a{color:#000;font-weight:800;text-transform:uppercase;transition:0.3s;height:115px;display:flex;align-items:center;font-size: 15px;}
header .main-header nav>ul>li>a:hover{text-decoration:none;color:#ffce00}.nav-button{cursor:pointer;display:none}
.nav-button span{width:22px;height:3px;margin:2px 0;background-color:#00b1f5;display:block;border-radius:20px}
.slider{position:relative}
.slider .homepage-slider-nav{position:absolute;top:0;width:60px;height:100%;z-index:4;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:2rem;color:#fff}
.slider .homepage-slider-nav span{cursor:pointer;transition:0.3s ease}
.slider .homepage-slider-nav span:hover{color:#ffce00}
.slider .homepage-slider-nav.right{right:0}.slider .homepage-slider-nav.left{left:0}
.slider .home-carousel .fa-long-arrow-right:before{content:"\f178"}
.slider .home-carousel .owl-nav button{outline:none;transition:0.3s}
.slider .home-carousel .owl-nav button:hover{background-color:transparent;color:#ffcd00}.slider .home-carousel .owl-nav button:nth-child(1){margin-left:15px}.slider .home-carousel .owl-nav button:nth-child(2){margin-right:15px}.slider .home-carousel .owl-item .first-slider{background:url(/userfiles/images/slider-1.jpg) no-repeat;background-size:cover;background-position:center}.slider .home-carousel .owl-item .second-slider{background:url(/userfiles/images/slider-2.png) no-repeat;background-size:cover;background-position:center}.slider .home-carousel .owl-item .homepage-slider{display:flex;align-items:center;height:400px}.slider .home-carousel .owl-item .homepage-slider:after{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.6;content:'';z-index:2}.slider .home-carousel .owl-item .homepage-slider-content{color:#fff !important;position:relative;z-index:3;padding-left:30px;border-left:2px solid #ffcd00}
.slider .home-carousel .owl-item .homepage-slider-content .top-text{font-size:1.5rem;text-transform:capitalize;font-weight:300}
.slider .home-carousel .owl-item .homepage-slider-content .title-text{font-size:3rem;font-weight:800;letter-spacing:-2px;text-transform:uppercase;line-height:1}
.slider .home-carousel 
.owl-item .homepage-slider-content a{
    font-weight:800;
    color:#fff;
    text-decoration:underline}
.slider .home-carousel .owl-item .homepage-slider-content a:hover{text-decoration:none}
.communication{padding:70px 0}
.communication .text-decor-1{font-size:.7rem;text-transform:uppercase;font-weight:800;letter-spacing:2px;color:#000;margin-top:30px}
.text-decor-2{font-size:2.5rem;line-height:1.4;color:#02124d;margin-top:30px}

/*.widget-content  a{
    color:#fff;
    background-color:#ffce00 ;
    border-color:#ffce00;
    border-radius:2px;
    font-weight:800;text-transform:capitalize;
    border:0;
    padding:15px 30px;
    text-decoration:none;
    font-size:1rem;transition:all 0.3s ease
}
.widget-content a:hover{
    background-color:#000;
    color:#fff}*/
.btn-ft{
    color:#fff;
    background-color:#ffce00 ;
    border-color:#ffce00;
    border-radius:2px;
    font-weight:800;
    border:0;
    padding:15px 30px;
    text-decoration:none;
    font-size:1rem;transition:all 0.3s ease
}
.btn-ft:hover{
    background-color:#000;
    color:#fff}
.btn{
    color:#fff;
    background-color:#ffce00 ;
    border-color:#ffce00;
    border-radius:2px;
    font-weight:800;text-transform:capitalize;
    border:0;
    padding:15px 30px;
    text-decoration:none;
    font-size:1rem;transition:all 0.3s ease
}

.btn:hover{
    background-color:#000;
    color:#fff}
.btn-2{color:#fff;
    background-color:#ffce00 ;
    border-color:#ffce00;
    border-radius:2px;
    font-weight:800;text-transform:capitalize;
    border:0;
    padding:15px 30px;
    text-decoration:none;
    font-size:1rem;transition:all 0.3s ease}
.btn1{color:#fff;background-color:#000;border-color:#ffce00;border-radius:2px;font-weight:800;text-transform:capitalize;border:0;padding:15px 30px;text-decoration:none;font-size:1rem;transition:all 0.3s ease}
.btn1:hover{background-color:#ffce00;color:#fff;text-decoration:none}

.widget-content p a{
     color:#fff;
    background-color:#ffce00 ;
    border-color:#ffce00;
    border-radius:2px;
    font-weight:800;text-transform:capitalize;
    border:0;
    padding:15px 30px;
    text-decoration:none;
    font-size:1rem;transition:all 0.3s ease
}
.widget-content-foot{
    color:#fff;
    
    border-radius:2px;
    font-weight:800;text-transform:capitalize;
    border:0;
  
    text-decoration:none;
    font-size:1rem;transition:all 0.3s ease
}
.widget-content-foot i{
  
    color: #ffce00;
    margin-top: 6px;
}
}
.widget-content-foot p{
    color: #fff;
}
.widget-content-foot p a{
    color: #fff;
}
.widget-content-foot p a:hover{
    color: #000;
}
h1,h3,h4,h5,h6{margin-top:30px;font-weight:800}h3{font-size:1.71rem}p{margin-top:30px}
.mission{background:url(/userfiles/images/bg-img2.jpg) no-repeat;background-size:cover;background-position:center;position:relative;color:#fff;padding:70px 0}
.mission:after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;opacity:.6;background-color:#000;content:''}
.mission .content{z-index:3;position:relative}
.mission .content a{color:#fff}
.mission .content .right{display:flex;align-items:center;justify-content:flex-end}
.mission .mission-text-1 {
    font-size: 1.5rem;
    
    font-weight: 300;
    color: #fff;
}
.mission h2 {
    font-size: 5rem;
    font-weight: 800 !important;
    letter-spacing: -2px;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 0;
    color: #fff;
}
.mission p{
    color: #fff;
}
.service{padding:70px 0}
.service h2{font-family:'Open Sans', sans-serif;font-weight:800;color:#02124d;line-height:1.504}
.service .icon-service {
    margin-top: 30px;
    width: 93px;
    height: 31px;
}
.service .description{
    font-weight:300;font-size:1.2rem;
    color:#02124d}
.service .box{margin:20px 0;position:relative}
.service .box img{max-width:100%;height:auto}
.service .box .content{position:absolute;left:0;top:50%;background-color:#ffce00;padding:30px;padding-top:0;color:#fff;transition:all 0.3s ease}.service .box .content h4{margin-bottom:0}.service .box .content p{opacity:0;display:none;transition:all 0.3s ease;transition-delay:0.3s;color:#fff}.service .box .content a{color:#FFF;text-decoration:underline;font-weight:800}.service .box .content a:hover{text-decoration:none}.service .box .content .title{font-weight:800}.service .box:hover .content{width:100%;left:0;top:0;bottom:0;background-color:rgba(0,0,0,0.6)}.service .box:hover p{opacity:1;display:block}.clients{background-color:#ffce00;padding:70px 0}.clients .home-carousel-two{box-shadow:0 30px 60px rgba(0,0,0,0.6);background:#fff}.clients .owl-item .testimonial-item{background-color:#FFF;padding:60px;padding-top:30px;color:#02124d;padding-bottom:30px}.clients .owl-item .testimonial-item h4{font-weight:800}.clients .owl-item .testimonial-item p{color:#02124d}.clients .owl-nav{font-size:35px;margin-top:30px}.clients .owl-nav div{margin:0 10px;cursor:pointer}.clients h2{font-size:2.14rem;font-weight:800;margin-bottom:90px;margin-top:0}.clients .description{font-size:1.2rem;font-weight:300}.partner span{color:#ffce00}.partner h2{font-weight:800}.partner .partner-carousel{padding:70px 0}.partner .partner-carousel img{width:60% !important;margin:auto}.partner .partner-carousel .owl-item{display:flex;align-items:center}footer{background-color:#8a8a8a;padding-top:30px;padding-bottom:40px}footer .site-footer-logo{display:flex;flex-direction:column;justify-content:space-between}footer .site-footer-logo .copy{color:#fff}.widget.category-widget{padding:50px;background-color:#f6fbfe;padding-top:30px}
.widget.category-widget .widget-content ul{
    padding:0;
    list-style:none;
    margin-left: 0;
}
.widget.category-widget .widget-content ul li{padding:10px 0}
.widget.category-widget .widget-content ul li a{
    color:#000;text-decoration:underline;
}
.widget.contact-bg{background:url(/userfiles/images/contact.jpg) no-repeat;background-size:cover;background-position:center;position:relative;padding:42px}
.widget.contact-bg:after{position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background-color:#000;opacity:.6;content:'';z-index:2}
.widget.contact-bg .widget-content{position:relative;z-index:3}
.widget.contact-bg .widget-content .widget-title{color:#fff}
.widget .widget-title{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;font-weight:800}
.widget .widget-title:after{margin-top:30px;content:'';width:30px;height:3px;background-color:#ffcd00}.widget .widget-content p{color:#fff;display:flex}.widget .widget-content p a{color:#fff}.widget .widget-content p a:hover{text-decoration:none}.widget .widget-content i{width:35px;color:#ffce00;margin-top:6px}.widget .widget-content .footer-mention a{text-decoration:underline;font-size:1.2rem}
.widget .links i {
    color: #fff;
    font-size: 1.6rem;
    line-height: 56px;
    width: 55px;
    height: 55px;
    background: #ffce00;
    border-radius: 50%;
    
}
.widget .links a{text-align:center;color:#fff;margin-top:30px;margin-right:15px;}
.widget .links a i:hover{background-color:#000}
.page-atf{position:relative;display:flex;align-items:center}
.page-atf.distribution-bg{background:url(/userfiles/images/bg-img2.jpg) no-repeat;background-size:cover;background-position:center}
.page-atf.impression-bg{background:url(/userfiles/images/banner_for_Impression.jpg) no-repeat;background-size:cover;background-position:center}.page-atf.example-bg{background:url(/userfiles/images/our-works-banner.png) no-repeat;background-size:cover;background-position:center}.page-atf.street-bg{background:url(/userfiles/images/Banner_Street_marketing.jpg) no-repeat;background-size:cover;background-position:center}.page-atf.email-bg{background:url(/userfiles/images/email.jpg) no-repeat;background-size:cover;background-position:center}.page-atf.about-bg{background:url(/userfiles/images/bg-img.jpg) no-repeat;background-size:cover;background-position:center}.page-atf:after{position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background-color:#000;opacity:.6;content:'';z-index:2}.page-atf .text-atf{position:relative;z-index:3;color:#fff;padding:60px 0}.page-atf .text-atf h1{font-size:4rem;font-weight:800;letter-spacing:-2px;text-transform:uppercase;line-height:1}.page-atf .text-atf a{color:#fff;font-weight:800}.page-atf .text-atf ul{list-style:none;display:flex;padding:0;margin-top:30px}.page-atf .text-atf ul li:nth-child(2):before{content:'\/';padding:0 8px;color:#ccc}#lightgallery a{display:block;height:180px;overflow:hidden;margin:10px 0}#lightgallery a img{width:100%}.map-iframe{width:100%;height:450px;border:0}.recaptcha{width:304px;height:78px;overflow-x:hidden;border:none}.contact-shadow{box-shadow:0 30px 30px rgba(0,0,0,0.2)}.contact-us-page{margin-bottom:70px}.contact-us-page .nos-contacts{background-color:#ffce00;color:#000}
.contact-us-page .nos-contacts h3 {
    color: #FFF;
    font-size: 34px;
    font-weight: 800 !important;
}
.contact-us-page .nos-contacts p {
    display: flex;
    color: black;
    line-height: 35px;
}
.contact-box h3 {
    font-size: 37px;
    font-weight: 800 !important;
    color: navy;
}
.contact-us-page .nos-contacts i{margin:6px 12px 0 0}
.contact-us-page .nos-contacts a{color:#000}
.contact-us-page .nos-contacts .links a{margin-right:30px;font-size:1.5rem}
.contact-us-page .contact-box{padding:60px;padding-top:30px}
.contact-us-page .demande{background-color:#f6fbfe}.contact-us-page .demande .input{width:100%;margin-top:30px;border-radius:2px;padding:15px;font-size:1rem;border:0;height:auto;box-shadow:inset 0 0 0 1px #dff1fb;outline:none;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.contact-us-page .demande .input::placeholder{font-style:italic;color:#999}.contact-us-page .demande .input:focus{border-color:#66afe9;box-shadow:inset 0 0 0 5px #00b1f5,0 15px 15px rgba(0,0,0,0.2)}@media (min-width: 1500px){.container{max-width:1400px}}@media (max-width: 1200px){header .main-header nav{display:none}.show-nav{transform:translateX(0) !important}.mobile-nav{transition:0.4s ease;position:fixed;left:0;top:0;z-index:100;background-color:#ffce00;height:100vh;overflow-y:scroll;width:256px;transform:translateZ(0) translateX(-100%);display:block;padding:30px 0 0 15px}.mobile-nav .mob-navheader{display:flex;justify-content:space-around;align-items:center;margin:20px 0}.mobile-nav .mob-navheader h4{margin:0;color:#fff;font-weight:800}.mobile-nav .mob-navheader .close-btn span{width:20px;height:5px;background-color:#fff;margin:3px 0;display:block;border-radius:5px}.mobile-nav .mob-navheader .close-btn span.a{transform:rotate(45deg);position:absolute}.mobile-nav .mob-navheader .close-btn span.b{transform:rotate(-45deg)}.mobile-nav ul{list-style:none}.mobile-nav nav>ul{padding:0}.mobile-nav nav>ul a{color:#fff}.mobile-nav nav>ul>li>a{display:block;margin:20px 0}.mobile-nav nav>ul>li>ul>li{margin:10px 0}.mobile-nav nav>ul>li>ul>li>a{text-decoration:underline}.nav-button{display:flex;flex-direction:column;justify-content:center}}.page-content.about-bg-color{background-color:#f6fbfe}.page-content .stats{border:1px solid;width:100%;text-align:center}.page-content .stats th{text-align:center;font-size:12px;padding:5px}.page-content .stats tr{border-bottom:1px solid}.page-content .stats tr td{border-right:1px solid}.page-content .stats tr th{border-right:1px solid}.page-content .stats.calender-table-1 th{font-size:16px}.page-content .prix-table{margin-top:20px}.page-content .prix-table div{border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:8px}.page-content .prix-table div:nth-child(2n){border-left:none}.page-content .prix-table div:nth-child(1){border-bottom:1px solid #ddd}.page-content .prix-table div:nth-child(2){border-bottom:1px solid #ddd}.page-content .prix-table div:nth-child(17){border-bottom:1px solid #ddd}.page-content .prix-table div:nth-child(18){border-bottom:1px solid #ddd}@media (max-width: 768px){h3{font-size:1.6rem}.content-section{padding:0}header .top-header ul{flex-direction:column}header .main-header .logo-link{text-align:center;width:120px}.nav-button{margin:20px auto;align-items:center;padding-bottom:10px}
    .slider .home-carousel .owl-item .homepage-slider-content .title-text{font-size:2rem}.mission h2{font-size:2rem}.page-atf .text-atf h1{font-size:1.9rem}.contact-us-page{margin:0;padding-top:120px}.contact-us-page .contact-box{padding:30px}}

/* ---------------------------------------HEADER---------------------------------------- */