:root {
	--green-color:#006600;
	--txt-color:#30373f;
	--white-color:#ffffff;
	--dark-grey:#58585a;
	--tab-color:#313945;
}

@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
body{
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.6;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0px;
	text-align: left;
	color: var(--txt-color);
}

h1 , h2 , h3 , h4 , h5 , h6{
	margin: 15px 0;
	padding: 0px;
}

h2{
	color: var(--green-color);
	font-family: 'Exo', sans-serif;
	font-size: 56px;
	font-weight: 900;
	text-transform: none;
	font-style: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

h2{
	font-family: "Roboto", Sans-serif;
	font-size: 56px;
	font-weight: 700;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 1.2em;
	letter-spacing: 0px;
}

h3{
	font-family: "Roboto", Sans-serif;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
	line-height: 1.2em;
	letter-spacing: 6.62px;
    text-align: center;
}

h4{
	color: #6f6a6a;
    font-family: "Roboto", Sans-serif;
    font-size: 36px;
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    letter-spacing: 6.62px;
}

h5{
	color: var(--white-color);
	font-family: "Roboto", Sans-serif;
	font-size: 30px;
	font-weight: 900;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
}

section{
	clear: both;
	padding: 80px 0;
	position: relative;
}

section:before , section:after{
	clear: both;
	display: table;
	content: "";
}

img{
	max-width: 100%;
}

ul , ol{
	margin: 0 0 0 10px;
	padding: 0px;
}

ul li , ol li{
	margin: 0 0 0 10px;
	padding: 0px;	
}

a , a:hover , a:visited , a:focus{
	text-decoration: none;
	outline: none;
}

input{
	outline: none !important;
}

@media(min-width: 1260px){
	.container{
		max-width: 1230px;
	}
}

.header-part{
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 999;
	width: 100%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
background-color: var(--dark-grey);
}

.header-part.sticky-fixed{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: var(--dark-grey);
	position: fixed;
}

.header-inner{
	display: flex;
	width: 100%;
	align-items: center;
}

.logo{
	display: flex;
	width: auto;
	margin-right: auto;
    margin-top: 7px;
    margin-bottom: 7px;
}
.menu-main{
	display: flex;
	width: auto;
	align-items: center;
}

.menu-main ul , .menu-main li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.menu-main li{
	display: inline-block;
	width: auto;
	position: relative;
}

.menu-main li a{
	padding: 38px 15px;
	display: block;
	font-family: "Roboto", Sans-serif;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
	color: var(--white-color);
}

/* LANGUAGE MENU */

.lang-choose{
	margin-left: 15px;
}

.lang-choose .dropdown-toggle{
	padding: 8px 0px;
	display: block;
	font-family: "Roboto", Sans-serif;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
	color: var(--white-color);
}

/* LANGUAGE MENU */

@media(min-width: 786px){
	.menu-main li .sub-menu{
		position: absolute;
		left: 0px;
		top: 100%;
		background: var(--dark-grey);
		z-index: 1;
		display: none;
	}

	.menu-main ul li:hover > .sub-menu{
		display: block;
	}

	.menu-main li .sub-menu li{
		width: 100%;
		white-space: nowrap;
	}

	.menu-main li .sub-menu li a{
		border-bottom: 1px solid var(--white-color);
		padding: 8px 15px;
	}

	.menu-main li .sub-menu li:last-child a{
		border-bottom: none;
	}
}

.menu-main li:hover > a , .menu-main li.active > a{
	color: var(--green-color);
}

.slider-part{
	padding: 0px;
}

.slider-part .item{
	height: 600px;
}

.slider-part .item:before{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 1;
	content: "";
}

.banner-bg{
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.slider-info{
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	text-align: center;
	width: 100%;
}

.slider-part .owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 0;
	position: absolute;
	left: 0px;
	bottom: 0;
	width: 100%;
}

.owl-theme .owl-dots .owl-dot span{
	width: 15px;
	height: 15px;
	background: rgba(255,255,255,0.5);
	margin: 5px 5px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #000;
}

/* SERVICE PART */

.service-part{
	background: #FFF;
	color: #ce5f1c;
}

.service-part a{
	color: #090909;
}

.service-inner{
	display: inline-block;
	width: 100%;
	position: relative;
}

.service-blog{
	display: flex;
	width: 100%;
	color: #090909;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	margin: 10px 0;
}

.service-icon{
	font-size: 70px;
	margin-right: 10px;
}

.service-icon i{
	vertical-align: top;
	margin-top: -10px;
    color: var(--green-color);
}

.service-blog h5{
	margin-bottom: 30px;
color: #ce5f1c;
}

.service-blog p:last-child{
	margin-bottom: 0px;
}

/* BANNER PART BG */

.banner-bg-part{
	padding: 140px 0;
}

.banner-bg-inner{
	display: inline-block;
	width: 100%;
	padding: 10px 0;
}

.banner-bg-inner h2{
	margin-bottom: 50px;
}

.banner-bg-inner h5{
	font-weight: 300;
	line-height: 40px;
	text-transform: inherit;
	margin: 0px;
}

/* WHAT WE DO */

.what-we-do{
	padding: 150px 0;
}

.title-show{
	display: inline-block;
	width: 100%;
	text-align: center;
}

.title-show h1 , .title-show h2 , .title-show h3 ,.title-show h4 , .title-show h5 , .title-show h6{
	margin: 0px;
	color: var(--green-color);
}

.what-we-inner{
	display: inline-block;
	width: 100%;
	position: relative;
}

.what-we-blog{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 55px;
}

.what-icon{
	float: left;
	width: 100%;
}

.what-icon{
	float: left;
	width: 100%;
}

.what-info{
	float: left;
	width: 100%;
	color: var(--white-color);
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
}

.what-info h3{
	color: var(--green-color);
	font-size: 20px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.what-info .theme-btn{
	margin-top: 15px;
}

.theme-btn{
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
	line-height: 1.2em;
	color: var(--white-color);
	background-color: var(--green-color);
	border-radius: 0px 0px 0px 0px;
	padding: 15px 30px 15px 30px;
	display: inline-block;
	width: auto;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	border: none;
}

.theme-btn:hover{
	color: var(--dark-grey);
	background-color: var(--white-color);
}

/* PROJECT */

.project-part{
	padding: 150px 0;
}

.project-inner{
	display: inline-block;
	width: 100%;
}

.project-slider{
	display: inline-block;
	width: 100%;
	margin-top: 50px;
}

.project-blog-show{
	float: left;
	width: 100%;
	position: relative;
	border: 1px solid #dfe6e4;
}

.project-blog-show img{
	width: 100%;
}

.project-blog-show a{
	color: var(--white-color);
}

.banner-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background: rgba(0,0,0,0.4);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: opacity 0.35s;
	-o-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.project-blog-show:hover .banner-overlay{
	opacity: 1;
}

.project-blog-show:hover .jet-banner-content{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.project-blog-show:hover .jet-banner-content h5{
	bottom: 0px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.jet-banner-content:before{
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.jet-banner-content {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-flow: column;
	-ms-flex-flow: column;
	flex-flow: column;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 24px;
	position: absolute;
	z-index: 11;
	top: 30px;
	left: 30px;
	text-align: center;
	color: var(--white-color);
	bottom: 30px;
	right: 30px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	border: 1px solid #dfe6e4;
	padding: 20px 0;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.jet-banner-content h5{
	font-size: 20px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 1.2em;
	margin-bottom: 10px;
	position: relative;
	bottom: -30px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.jet-banner-content p{
	margin-bottom: 0px;
}

.project-slider .owl-theme .owl-dots .owl-dot span{
	width: 12px;
	height: 12px;
}

.project-slider .owl-theme .owl-nav.disabled + .owl-dots{
	margin-top: 20px;
}

.project-slider .owl-theme .owl-dots .owl-dot span{
	background: var(--white-color);
}

.project-slider .owl-theme .owl-dots .owl-dot.active span, .project-slider .owl-theme .owl-dots .owl-dot:hover span{
	background: #000;
}

/* WHAT WE DO */

.team-inner{
	display: inline-block;
	width: 100%;
}

.team-part{
	padding: 150px 0;
}

.team-blog{
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 50px;
}

.team-social , .team-img , .team-info{
	float: left;
	width: 100%;
	color: var(--white-color);
}

.team-info{
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 5px;
}

.team-social{
	padding: 5px 0;
	margin-top: 10px;
	background: var(--green-color);
}

.team-social ul , .team-social li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.team-social li{
	display: inline-block;
	width: auto;
}

.team-social li a{
	color: var(--white-color);
	padding: 0.3em;
	font-size: 18px;
	display: block;
}

.team-social li:hover a{
	color: #222222;
}

.small-title{
	color: var(--green-color);
	font-size: 20px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.small-title a{
	color: #efefef;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

/* EVENT PART */

.event-part{
	padding: 150px 0;
}

.event-inner{
	display: inline-block;
	width: 100%;
}

.event-blog{
	float: left;
	width: 100%;
	margin-top: 50px;
}

.event-img{
	float: left;
	width: 100%;
	position: relative;
}

.event-info{
	float: left;
	width: 100%;
	color: var(--white-color);
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	margin-top: 10px;
}

.event-info p:last-child{
	margin-bottom: 0px;
}

.event-blog .small-title{
	text-align: left;
	margin-bottom: 15px;
}

.event-blog .small-title:hover a{
	color: #5dd7d4;
}

/* CONTACT FORM */

.contact-part{
	padding: 0px;
}

.map-frame{
	float: left;
	width: 100%;
}

.map-frame iframe{
	width: 100% !important;
	height: 700px !important;
	-webkit-filter: brightness( 48% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
	filter: brightness( 48% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}

.contact-form{
	position: absolute;
	top: 50px;
	left: 0px;
	width: 100%;
	z-index: 99;
}

.contact-form-inner{
	display: inline-block;
	width: 100%;
}

.form-field{
	float: left;
	width: 100%;
	position: relative;
	margin: 40px 0 0 0;
}

textarea {
    min-height: 150px;
    resize: vertical;
    overflow: auto;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], select, textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 8px 12px;
	border: none;
	border-bottom: 2px solid #ebeced;
	background-color: #fff;
	background-color: rgba(145,145,145,0.01);
	padding: 10px;
	color: var(--white-color);
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
}

::-webkit-input-placeholder { 
  	opacity: 1 !important;
}
::-moz-placeholder { 
  	opacity: 1 !important;
}
:-ms-input-placeholder {
  	opacity: 1 !important;
}
:-moz-placeholder {
  	opacity: 1 !important;
}

.form-field .theme-btn{
	width: 100%;
}

/* FOOTER PART */

.footer-part{
	float: left;
	width: 100%;
	background-color: var(--dark-grey);
	color: var(--white-color);
	padding: 45px 0;
	margin-top: -7px;
}

.footer-part a{
	color: var(--white-color);
}

.footer-inner{
	display: flex;
	width: 100%;
	align-items: center;
}

.footer-inner p{
	margin: 0px;
}

.footer-left{
	display: flex;
	width: auto;
	margin-right: auto;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
}

.footer-right{
	display: flex;
	width: auto;
	align-items: center;
	justify-content: center;
}

.footer-right ul , .footer-right li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.footer-right li{
	display: inline-block;
	width: auto;
}

.footer-right li a{
	display: block;
	color: var(--white-color);
	font-size: 20px;
	padding: 0.5em;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.footer-right li:hover a{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	color: var(--green-color);
}

/* ABOUT US */

.header-inner-page{
	position: relative;
	background-color: var(--dark-grey);
}

.bread-crumb-pad{
	padding: 150px 0 100px 0;
	margin-top: -110px;
}

.bread-crumb-part{
	padding: 20px 0px 20px 0px;
	position: relative;
	z-index: 99;
}

.bread-crumb-flex{
	display: flex;
	width: 100%;
	padding: 10px;
	align-items: center;
}

.bread-crumb-left{
	display: flex;
	width: auto;
	margin-right: auto;
}

.bread-crumb-left h3{
	font-family: 'Exo', sans-serif;
	font-size: 37px;
	font-weight: 900;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
	color: var(--white-color);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.bread-crumb-right{
	display: flex;
	width: auto;	
}

.bread-crumb-right ul , .bread-crumb-right li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.bread-crumb-right li{
	display: inline-block;
	width: auto;
}

.bread-crumb-right li a{
	display: block;
	color: var(--dark-grey);
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	font-style: normal;
}

.bread-crumb-right li:hover a{
	color: var(--green-color);
}

.bread-crumb-right li span{
	display: block;
	color: var(--dark-grey);
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	font-style: normal;	
}

.bread-crumb-right li a:after{
	content: "/";
	display: inline-block;
	width: auto;
	margin: 0 2px 0 8px;
	color: var(--dark-grey) !important;
}

.bread-crumb-right li:last-child a:after{
	display: none;
}

.about-inner{
	display: inline-block;
	width: 100%;
	margin-top: 50px;
	color: var(--white-color);
	font-family: "Roboto Slab", Sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	line-height: 19px;
}

.about-left{
	float: left;
	width: 100%;
}

.about-left img{
	border: 2px solid #dfe6e4;
}

.about-right{
	float: left;
	width: 100%;
}

.about-right h5{
	margin: 0 0 20px 0;
}

.about-right p{
	margin: 0 0 20px 0;	
}

.link-list , .link-list li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.link-list li a{
	font-family: 'Exo', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 2em;
    letter-spacing: 0.2px;
    display: block;
    color: var(--white-color);
}

.link-list li:hover a{
	color: #5dd7d4;
}

.link-list li{
	position: relative;
	padding-left: 22px;
}

.link-list li i{
	position: absolute;
	left: 0px;
	top: 8px;
}

.quote-icon{
	display: inline-block;
	width: auto;
	font-size: 40px;
	text-align: center;
	margin: 5px;
}

.testimonials-comment{
	display: inline-block;
	width: 100%;
}

.testimonials-comment h5{
	color: var(--white-color);
	font-family: 'Exo', sans-serif;
	font-size: 30px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 1.2em;
	width: 80%;
	background-color: rgba(0,0,0,0);
	border-radius: 5px 5px 5px 5px;
	padding: 25px 15px 25px 15px;
	align-self: center;
	text-align: center;
	margin: 0 auto;
}

.testimonials-name{
	display: inline-block;
	width: 100%;
	color: var(--white-color);
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	font-style: normal;
	text-align: center;
}

.testimonials-position{
	display: inline-block;
	width: 100%;
	color: var(--white-color);
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	text-align: center;	
}

.quote-icon{
	color: var(--white-color);
}

.heritage-inner{
	display: inline-block;
	width: 100%;
}

.heritage-blog{
	float: left;
	width: 100%;
	margin-top: 40px;
	color: var(--white-color);
	color: var(--white-color);
	font-family: "Roboto Slab", Sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	line-height: 19px;
	text-align: center;
}

.heritage-blog p:last-child{
	margin-bottom: 0px;
}

.numscroller{
	font-family: "Roboto Slab", Sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	line-height: 2.7em;
}

.heritage-blog .small-title{
	margin: 0px;
}

.choose-us-inner{
	display: inline-block;
	width: 100%;
}

.choose-us-blog{
	float: left;
	width: 100%;
	margin: 40px 0px 0px 0px;
	padding: 30px 100px 30px 30px;
	background-color: var(--green-color);
	color: var(--white-color);
    font-family: "Roboto Slab", Sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.8em;
    position: relative;
}

.choose-info p:last-child{
	margin-bottom: 0px;
}

.choose-us-wrap{
	float: left;
	width: 100%;
	position: relative;
}

.choose-icon{
	position: absolute;
	top: 50%;
	left: 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: var(--white-color);
	font-size: 50px;
}

.choose-info{
	float: left;
	width: 100%;
	padding-left: 100px;
}

/* PROJECT PAGE */

.filter-blog{
	display: inline-block;
	width: 100%;
	text-align: center;
}

.filter-blog ul , .filter-blog li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.filter-blog li{
	display: inline-block;
	width: auto;
}

.filter-blog li a{
	padding: 13px 20px 13px 20px;
	display: block;
	background-color: var(--tab-color);
	margin: 0px 2px 0 2px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: rgba(0,0,0,0);
	color: var(--white-color);
	font-family: "Roboto Slab", Sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.filter-blog li a.is-checked , .filter-blog li:hover a{
	background-color: var(--white-color);
	color: #9b9b9b;
}

.project-blog{
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 40px;
}

.project-blog-img{
	float: left;
	width: 100%;
}

.project-blog-info{
	float: left;
	width: 100%;
	color: var(--white-color);
	font-family: "Roboto Slab", Sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
}

.project-blog-info h3{
	margin: 15px 0 5px 0;
	text-transform: uppercase;
}

/* CONTACT PART */

.contact-inner{
	display: inline-block;
	width: 100%;
}

.contact-iframe{
	display: inline-block;
	width: 100%;	
}

.contact-iframe iframe{
	height: 500px !important;
	width: 100% !important;
}

.contact-form-wrap{
	display: inline-block;
	width: 100%;
	margin-top: 50px;
}

.contact-form-l1{
	float: left;
	width: 40%;
	padding-right: 35px;
}

.contact-form-l2{
	float: left;
	width: 60%;
}

.contact-form-l1 h3 , .contact-form-l2 h3{
	margin: 0 0 30px 0;
	text-align: center;
	color: var(--white-color);
}

.contact-info-show{
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}

.contact-info-show h5{
	font-family: "Exo", Sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	color: var(--white-color);
	margin: 0px;
}

.contact-info-show p{
	margin: 20px 0;
	color: var(--white-color);
	font-family: "Exo", Sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
}

.contact-ph-em{
	display: inline-block;
	width: 100%;
	color: var(--white-color);
	font-family: "Exo", Sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	font-style: normal;
}

.contact-ph-em p{
	margin: 0px;
}

.contact-ph-em strong{
	font-size: 14px;
}

.contact-ph-em a{
	color: var(--white-color);
}

.contact-ph-em a:hover{
	color: #5dd7d4;
}

.contact-form-inner .form-form .col-xs-12:first-child .form-field{
	margin-top: 0px;
}

/* BLOG */

.bread-crumb-black .bread-crumb-left h3{
	color: #2d2d2d;
}

.bread-crumb-black .bread-crumb-right li a , .bread-crumb-black .bread-crumb-right li span{
	color: #2d2d2d;	
}

.bread-crumb-black .bread-crumb-right li:hover a{
	color: #5dd7d4;
}

.bread-crumb-black .bread-crumb-right li a::after{
	color: #2d2d2d !important;		
}

.blog-page-wrap{
	display: inline-block;
	width: 100%;
}

.blog-page-left{
	float: left;
	width: 100%;
	position: relative;
}

.blog-page-right{
	float: left;
	width: 100%;
	position: relative;	
}

.blog-page-left h3{
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.4;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0px;
	text-align: inherit;
	color: #2d2d2d;
	margin: 0 0 18px 0;
}

.blog-page-left h3 a{
	color: #2d2d2d;	
}

.entry-meta{
	display: inline-block;
	width: 100%;
	margin-bottom: 22px;
	font-size: .875rem;
}

.entry-meta span{
	padding-right: 16px;
}

.entry-meta span:last-child{
	padding-right: 0px;
}

.entry-meta a{
	color: #2d2d2d;	
}

.entry-meta a:hover{
	color: var(--green-color);
}

.blog-list-wrap{
	display: inline-block;
	width: 100%;
	position: relative;
	margin-bottom: 45px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ebeced;
}

.blog-list-wrap:last-child{
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

.blog-list-main{
	display: inline-block;
	width: 100%;	
}

.blog-list-img{
	float: left;
	width: 100%;
	margin-bottom: 26px;
}

.blog-list-img img{
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.blog-list-info{
	float: left;
	width: 100%;
	font-size: 18px;
}

.blog-list-info p{
	margin-bottom: 1em;
}

.meta-comment{
	display: flex;
	width: 100%;
}

.meta-comment-left{
	display: flex;
	width: auto;
	margin-right: auto;
}

.meta-comment-left a{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding: 10px 12px;
	font-size: 11px;
	font-size: .6875rem;
	line-height: 1.2;
	background-color: #f1f4f6;
	color: var(--txt-color);
	display: inline-block;
	white-space: nowrap;
}

.meta-comment-left a i{
	font-size: .8rem;
	margin-right: 2px;
}

.meta-comment-right{
	display: flex;
	width: auto;
}

.meta-comment-right a{
	font-style: normal;
	font-weight: 900;
	font-size: 11px;
	line-height: 1;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 1px;
	display: inline-block;
	max-width: 100%;
	padding: 12px 20px;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase;
	text-overflow: ellipsis;
	text-decoration: none;
	border: none;
	border-radius: 4px;
	box-shadow: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color: var(--white-color);
	background-color: var(--green-color);
}

.meta-comment-right a:hover{
	background-color: rgb(255,190,38);
	color: var(--white-color);
}

.orange-btn{
	font-style: normal;
	font-weight: 900;
	font-size: 11px;
	line-height: 1;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 1px;
	display: inline-block;
	max-width: 100%;
	padding: 12px 20px;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase;
	text-overflow: ellipsis;
	text-decoration: none;
	border: none;
	border-radius: 4px;
	box-shadow: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color: var(--white-color);
	background-color: var(--green-color);
}

.orange-btn:hover{
	background-color: rgb(255,190,38);
	color: var(--white-color);
}

.search-right-bar{
	display: inline-block;
	width: 100%;
}

.search-form{
	display: flex;
	width: 100%;
}

.search-form input[type="text"] , .search-form input[type="search"]{
	width: 100%;
	font-size: 14px;
	padding: 6px 12px;
	border: 1px solid #ebeced;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	color: #2d2d2d;
	font-family: 'Roboto', sans-serif;
}

.search-form input[type="text"]:focus , .search-form input[type="search"]:focus{
	-webkit-box-shadow: 0 5px 32px rgba(103,122,141,.17);
	-moz-box-shadow: 0 5px 32px rgba(103,122,141,.17);
	-ms-box-shadow: 0 5px 32px rgba(103,122,141,.17);
	-o-box-shadow: 0 5px 32px rgba(103,122,141,.17);
	box-shadow: 0 5px 32px rgba(103,122,141,.17);
}

.search-form-submit.orange-btn {
	padding: 11px;
	margin-left: 10px;
	font-size: 13px;
	font-size: .8125rem;
}

.recent-post-blog{
	display: inline-block;
	width: 100%;
	margin-top: 45px;
	padding-top: 40px;
	border-top: 1px solid #ebeced;
}

.recent-post-blog h4{
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 25px;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0px;
	text-align: inherit;
	color: #2d2d2d;
}

.recent-post-blog ul , .recent-post-blog li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.recent-post-blog li{
	margin-bottom: 20px;
	display: block;
}

.recent-post-blog li:last-child{
	margin-bottom: 0px;
}

.recent-post-blog li a{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0px;
	color: #2d2d2d;
}

.recent-post-blog .recent-ul li a{
	font-weight: 300;
	font-size: 14px;
	line-height: 1.6;
	font-family: Roboto, sans-serif;
	display: block;
}

.recent-post-blog .recent-ul li{
	margin-bottom: 4px;
}

.recent-post-blog .recent-ul li:last-child{
	margin-bottom: 0px;
}

.recent-post-blog .recent-ul li:hover a{
	color: var(--green-color);
}

/* DETAIL PAGE */

.author-info h3{
	font-family: 'Exo', sans-serif;
	font-weight: 900;
	text-transform: inherit;
	margin: 10px 0;
	font-size: 28px;
}

.author-info p:last-child{
	margin-bottom: 0px;
}

.comments-area.comments h4{
	font-family: 'Exo', sans-serif;
	font-weight: 900;
	text-transform: inherit;
	color: #2d2d2d;
	font-size: 25px;
}

.comment-list{
	margin-top: 35px !important;
}

.comment-list li p{
	margin: 0px;
}

.comment-list li{
	margin-top: 15px;
}

#comment-form {
	margin-top: 35px;
}

.form-control:focus{
	box-shadow: none !important;
}

.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"],
.comment-form input[type="password"], .comment-form input[type="search"], .comment-form input[type="number"],
.comment-form input[type="tel"], .comment-form input[type="range"], .comment-form input[type="date"], .comment-form select, .comment-form textarea{
	border-width: 1px;
}

.comment-form #submit{
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
	line-height: 1.2em;
	color: var(--white-color);
	background-color: #293247;
	border-radius: 0px 0px 0px 0px;
	padding: 15px 30px 12px 30px;
	display: inline-block;
	width: auto;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	border: none;
}

.comment-form #submit:hover{
	background-color: var(--txt-color);
	color: var(--white-color);
}

/* MEDIA QUERY */

@media(max-width: 1200px){
	.service-icon{
		font-size: 50px;
	}

	.service-icon i{
		margin-top: 0px;
	}

	.team-inner .row , .what-we-inner .row{
		margin-left: -7px;
		margin-right: -7px;
	}

	.team-inner .col-xs-12 , .what-we-inner .col-xs-12{
		padding-left: 7px;
		padding-right: 7px;
	}

	.contact-form-l1 h3, .contact-form-l2 h3{
		font-size: 32px;
	}

	.menu-main li a{
		padding: 8px 12px;
	}
}

@media(min-width: 768px){
	.burger-icon , .close-menu{
		display: none;
	}
}

@media(max-width: 767px){
	h2{
		font-size: 40px;
	}

	h3{
		font-size: 28px;
	}

	h4{
		font-size: 26px;
	}

	h5{
		font-size: 24px;
	}

	section{
		padding: 50px 0;
	}

	.container{
		max-width: 100%;
	}

	.burger-icon , .close-menu{
		color: var(--white-color);
		cursor: pointer;
	}

	.close-menu{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 9999;
		padding: 10px;
		line-height: 1;
		cursor: pointer;
		color: var(--white-color);
	}

	.slider-info h2{
		font-size: 28px;
	}

	.slider-info h4{
		font-size: 18px;
	}

	.slider-part .item{
		height: 400px;
	}

	.service-blog{
		display: inline-block;
		width: 100%;
		text-align: center;
	}

	.service-icon{
		line-height: 50px;
	}

	.banner-bg-inner h5{
		font-size: 25px;
	}

	.banner-bg-part , .what-we-do , .project-part , .team-part , .event-part{
		padding: 50px 0;
	}

	.banner-bg-inner h2 {
		margin-bottom: 20px;
	}

	.what-we-inner .col-xs-12 , .team-inner .col-xs-12 , .choose-us-inner .col-xs-12{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.footer-inner , .footer-left , .footer-right{
		display: inline-block;
		width: 100%;
		text-align: center;
	}

	.footer-left{
		margin-bottom: 10px;
	}

	.menu-main{
		position: fixed;
		top: 0;
		z-index: 9999;
		display: block;
		width: 270px;
		max-width: 100%;
		height: 100vh;
		padding: 10px 5px;
		margin-top: 0;
		will-change: transform;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		background-color: var(--dark-grey);
		right: -100%;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}

	.menu-main.active{
		right: 0px;
	}

	.menu-main li{
		width: 100%;
		text-align: center;
	}

	.logo img {
		max-width: 140px;
margin-left: 78%;
	}

	.about-right{
		margin-top: 20px;
	}

	.about-inner{
		margin-top: 20px;
	}

	.testimonials-comment h5{
		font-size: 20px;
	}

	.choose-icon {
		position: relative;
		top: 0;
		left: 0px;
		transform: translate(0,0) !important;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.choose-us-wrap{
		text-align: center;
	}

	.choose-info{
		padding-left: 0px;
	}

	.choose-us-blog{
		padding: 20px;
		margin-top: 20px;
	}

	.bread-crumb-pad {
		padding: 120px 0 50px 0;
	}

	.testimonials-comment h5{
		width: 100%;
	}

	.contact-form-l1 {
		float: left;
		width: 100%;
		padding-right: 0;
	}

	.contact-form-l2{
		width: 100%;
		margin-top: 30px;
	}

	.contact-info-show h5{
		font-size: 20px;
	}

	.blog-page-right{
		margin-top: 40px;
	}

	.blog-page-left h3{
		font-size: 21px;
	}

	.header-part{
		
	}
}

@media(max-width: 576px){
	.bread-crumb-flex {
		padding: 0px; 
		flex-direction: column;
	}

	.bread-crumb-left , .bread-crumb-right{
		width: 100%;
	}

	.bread-crumb-part {
		padding: 15px 0px 15px 0px;
	}

	.filter-blog li{
		margin: 5px 0;
	}
}