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;

}



a, a:hover, a:focus {

    text-decoration: none;

    outline: none;

}

.svg-wrapper {

    margin: 60px auto 0;

    width: 300px;

}



.back_btn {

    font-size: 19px;

    line-height: 32px;

    letter-spacing: 5px;

    color: #000;

    top: -48px;

    position: relative;

}

.svg-wrapper:hover .shape {

    stroke: #49A32B;

    stroke-width: 2px;

    stroke-dashoffset: 0;

    stroke-dasharray: 760;

}

.svg-wrapper:hover .back_btn {

    color: #49A32B;

}

















/********inner pages******/

.banner p {

    color: #fff;

}

.second_section .portfolio img {

    width: 100%;

}

.second_section .portfolio .hover_effect {

    background: #000;

    display: none;

    position: absolute;

    z-index: 999;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

	opacity: 0.7;

}

.second_section a:hover .hover_effect{

	display:block;

}

.second_section .portfolio .hover_effect h4 {

    color: #fff;

    font-weight: 800;

    text-align: center;

    position: relative;

    top: 50%;

    transform: translate(0,-50%);

}

.second_section .portfolio {

    margin: 34px auto;

}



/******image popup*****/

.fancybox-type-iframe .fancybox-nav {

    width: 60px;       

}



.fancybox-type-iframe .fancybox-nav span {

    visibility: visible;

    opacity: 0.5;

}



.fancybox-type-iframe .fancybox-nav:hover span {

    opacity: 1;

}



.fancybox-type-iframe .fancybox-next {

    right: -60px;

}



.fancybox-type-iframe .fancybox-prev {

    left: -60px;

}

.fancybox-skin a.fancybox-item.fancybox-close {

    top: 0px !important;

    right: 1px !important;

}

.fancybox-wrap.fancybox-desktop.fancybox-type-image.fancybox-opened {

    width: 100% !important;

    top: 0 !important;

    left: 0 !important;

}

.fancybox-wrap .fancybox-inner {

    width: 100% !important;

    height: auto !important;

}

/****/





./* footer p {

    color: #fff;

    margin: 0;	font-size:18px;

}

.footer {

    background: #49a32b;

    text-align: center;

    padding: 15px 0;

} */

.home_btn {  background: #222 none repeat scroll 0 0;  border-radius: 4px;  color: #fff;  display: block;  font-size: 18px;  font-weight: 400;  letter-spacing: 1px;  margin: 40px auto 0;  padding: 14px 0;  text-align: center;  text-transform: capitalize;  width: 260px;}.home_btn:hover{	background:#49A32B;	text-decoration:none;	color:#fff;}





.main {

  /* Prevent vertical gaps */

  line-height: 0;

   

  -webkit-column-count: 3;

  -webkit-column-gap:   15px;

  -moz-column-count:    3;

  -moz-column-gap:      15px;

  column-count:         3;

  column-gap:           15px;  

}



img {

	max-width:100%;

	height:auto;

}

.main  fancybox{

		margin-bottom:15px;

}

.main img {

    border: 2px solid #e4e4e4;

    margin-bottom: 17px;

   /*  box-shadow: 3px -3px 10px #d3d3d3; */

}



.main a.fancybox {

    float: left;

}







/****/

.hovereffect .overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0;

    padding: 120px 20px;

}

.hovereffect a, .hovereffect p {

    color: #FFF;

    text-transform: capitalize;

    font-size: 20px;

    padding-bottom: 7px;

    font-weight: 600;

    opacity: 0;

    transition: transform 0.35s;

}

.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:hover img {

    opacity: 0.4;

    background: #42b078;

}

.hovereffect:hover a, .hovereffect:hover p {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

.hovereffect:hover p:after {

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

.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);

}