body {
	font-family: 'Raleway', sans-serif !important;
}
.banner {
    background: #49a32b;
    text-align: center;
    padding: 76px 0px ;
}
/* .banner_1{
	background:url(office-space-america.jpg) no-repeat center/cover;
	
} */

.banner h1 {
	color: #fff;
	font-family: 'Fredoka One', cursive !important;
	margin: 0px;
	font-size: 34px;
	font-weight: 400 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: -moz-fit-content;
	margin: auto;
	padding: 30px;
	letter-spacing: 5px;
	background-color: rgb(69, 156, 40);
	display: inline-block;
}

.second_section {
	padding: 45px 0;
	width: 90%;
	margin: auto;
}	

.second_section .service img {
    height: 64px;
    width: 64px;
	margin-bottom: 10px;
}
.second_section .service {
    height: 190px;
    text-align: center;
    border-radius: 13px;
    padding: 19px 14px;
    border: 4px solid transparent;
	cursor: pointer;
}
 
 .second_section .service h3 {
	font-size: 19px;
	color: #333;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
}
.second_section .service:hover {
    border: 5px solid #e1e1e1;
    padding: 18px 13px;
}

.float_none{
	float:none;
}

.footer p {
    color: #fff;
    margin: 0;	
	font-size:13px;
}
.footer {
    background: #000;
	width:100%;
	float:left;	
    text-align: center;
	margin-top:25px;
    padding: 11px 0;
}
.shape {
	stroke-dasharray: 140 540;
	stroke-dashoffset: -474;
	stroke-width: 8px;
	fill: transparent;
	stroke: #000;
	border-bottom: 5px solid black;
	transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}


/********inner pages******/
.banner p {
    color: #fff;
}
.second_section .portfolio img {
    width: 100%;
}

.second_section .portfolio {
	margin: 34px auto;
}




/* Back Button Css */

a, a:hover, a:focus{
	text-decoration:none;
	outline:none;
}

.back_btn {
	font-size: 19px;
	line-height: 32px;
	letter-spacing: 5px;
	color: #000;
	top: -48px;
	position: relative;
}

.svg-wrapper{
  margin: 60px auto 0;
  width: 300px;
}

.svg-wrapper:hover .shape {
  stroke: #49A32B;
  stroke-width: 2px;
  stroke-dashoffset: 0;
  stroke-dasharray: 760;
}

.svg-wrapper:hover .back_btn {
  color: #49A32B;
}


/* Portfolio Image hover effect */

.hovereffect {
  width: 85%;
  height: 100%;
  margin: auto;
  border: 1px solid #ddd;
  padding: 3px;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #fff;
}

.hovereffect:hover {
  background: #333;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 120px 20px;
}


.hovereffect:hover img {
  opacity: 0.4;
  background: #42b078;
}


.hovereffect p:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover p:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
	color: #FFF;
	text-transform: capitalize;
	font-size: 20px;
	padding-bottom: 7px;
	font-weight: 600;
	opacity: 0;
	/* filter: alpha(opacity=0);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; */
	transition: transform 0.35s;
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}





/*******************************/
.chooser-content {
	width: 100%;
	height: 250px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	margin-bottom: 50px;
	border: 1px solid #f1f1f1;
	transition: .3s all ease-in-out;
}

.chooser-content:hover img {
	-webkit-transform: translateY(-80%);
	-moz-transform: translateY(-80%);
	-ms-transform: translateY(-80%);
	-o-transform: translateY(-80%);
	transform: translateY(-80%);
}
.chooser-img img {
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease;
}
.second_section .portfolio h3 {
    margin: 0;
    font-weight: normal;
    line-height: 1.5;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.side-bar-post-title {
    margin-bottom: 25px;
}