/*=======================================
    Klean Theme  Header css
======================================*/

html{
	margin-top: 0 !important;
}
html,body{
	width: 100%;
	height: 100%;
	padding: 0;
	margin:0 !important
}

body{

	font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    line-height: 24px;

}

body::-webkit-scrollbar{
    width: 5px;
}

body::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb{
    background-color: #000;
    outline: 1px solid #000;

}
ul{
    list-style: none!important;
    margin: 0!important;
    padding: 0;
}
p{
    font-size: 15px;
    line-height: 25px;
}


/*==========================
 Klean header css
==========================*/
.logo-bg{
	background-color: #004080;
}
.logo{
	text-align: center;
}
.logo h1 a{
	color: #ffcd02;
    font-size: 54px;
    font-weight: 800;
    line-height: 64px;
}
.logo h1 a:hover{
	text-decoration: none;
}
.top-header{
	background: #000;
   color:#fff;
   align-items: center;
}
.header-contact .klean-email{
	display: inline-block;
    width: 30%;
    border-right: 1px solid #ffcd02;
    padding: 7px;
}
.klean-mob{
    display: inline-block;
    width: 64%;
    margin-left: 16px;
}
.header-contact a i{
    color: #ffcd02;
    font-size: 16px;
    line-height: 23px;
    margin-right: 10px;
    vertical-align: middle;
}
.header-contact a{
	 color: #fff!important;
    font-size: 14px;
    line-height: 25px;
}
.header-contact a:hover{
	text-decoration: none;
	color:#ffcd02;
}
.header-social-icon ul{
	 margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    justify-content: flex-end;
    width: 100%;
}
.header-social-icon ul li a{
	color: #ffcd02;
}
.header-social-icon ul li {
	margin: 0 10px;
}
#primary-menu{
	display: flex;
}
#primary-menu li{
	 padding: 12px 15px;
}
#primary-menu li a{
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    color:#000;
}
#primary-menu li a:hover,
#primary-menu li a:focus,
#primary-menu li a:active{
   color: #004080;
   text-decoration: none!important;
}
.menu-button{
	text-align: right;
}
.menu-button a{
    color: black!important;
    background: #ffcd02;
    text-decoration: none!important;
    padding: 13px 30px;
    font-size: 16px;
    border-radius: 85px;
    font-weight: 600;
    line-height: 27px;
}
/*=========================
  klean footer csc
=========================*/
.klean-footer{
    background-color: #071739;
    padding: 60px;
}
.footer-col-one h1{
    font-size: 45px;
    color: #ffcd02;
    font-weight: 800;
    margin: 0;
    line-height: 46px;
}
.footer-col-one p,
.footer-newsletter p{
    color: #fffffff5;
    margin: 20px 0;
}
.footer-col-one h4{
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px
}
.timing small{
    color: #fffffff5;
    display: block;
    font-size: 13px;
    line-height: 23px;
}
.klean-footer h3{
   color: #ffcd02;
    font-size: 20px;
    line-height: 29px;
    margin-top: 15px;
    font-weight: 700;
}
.footer-col-one,
.footer-adress,
.footer-links,
.footer-newsletter,
.footer-social-icon{
    padding: 0 10px;
}
.footer-social-icon{
    margin-top: 25px;
}
.footer-social-icon ul li:first-child{
    padding: 3px 11px;
    display: inline-block;
    margin-right: 9px;
    border-radius: 5px;
    border: 1px solid #fff;
}
.footer-social-icon ul li{
    padding: 3px 9px;
    border-radius: 5px;
    border: 1px solid #fff;
    display: inline-block;
    margin-right: 9px;
}
.footer-social-icon ul li a{
    font-size: 14px;
    line-height: 24px;
    vertical-align: text-top;
    color: #fff;
}
.footer-social-icon ul li:hover{
    background: #ffcd02;
}
.footer-adress ul li{
    margin: 12px 0;
}
.footer-adress ul li a,
.footer-menu-wrap ul li a{
    color: #fffffff5;
    font-size: 15px;
    line-height: 25px;
}
.footer-adress ul li a i{
    color: #ffcd02;
    margin-right: 10px;
}
.address,
.footer-menu-wrap .menu{
    margin: 20px 0!important;
}
.footer-menu-wrap ul li{
    margin-bottom: 5px
}
.email-form form{
    display: flex;
}
.email-form .email{
    width: 79%;
    border-radius: 0;
    height: 40px;
    padding-left: 10px;
}
.email-form .submit-button{
    width: 21%;
    border-radius: 0;
    border: 0;
    background: #ffcd02;
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
}

@media screen and (max-width:600px){
	 .header-contact .klean-email{
        width: 57%!important;
		 padding:2px;!important
    }
	.header-contact .klean-mob {
    width: 38%!important;
		margin-left: 8px!important;
	}
	.navbar-collapse.show{
		position: fixed;
    background: rgb(255, 255, 255);
    width: 100%;
    left: 0px;
    right: 0px;
    z-index: 999;
    top: 0px;
    padding: 21px;
		        height: 100%;
	}
	.navbar-collapse.show .gtranslate_wrapper{
		margin-top: 22px;
	}
	.why-chose-img{
		padding:0!important;
	}
	.klean-footer{
		    padding: 60px 0;
	}
	.year-of-exper{
		    min-height: 340px;
	}
	.testmonial-image{
		margin-top:10px;
	}
	.navbar-collapse.show i{
		display: block;
		    text-align: right;
    float: right;
    /* margin-bottom: 21px; */
    clear: both;
	}
	.navbar-collapse.show .menu-main-menu-container{
		    margin-top: 38px;
	}
	.navbar-collapse.show #primary-menu{
		display: block;
	}
	.navbar-collapse.show #primary-menu li {
		padding: 15px 0;
		border-bottom: 1px solid #d3d3d382;
	}
}