html, body{
    font-size: 100%;
	background:	#fff;
	font-family: 'Raleway', sans-serif;
}
p{
	margin:0;
}
h1,h2,h3,h4,h5,h6,a{
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}
/*-- banner-bottom --*/
.banner-bottom,.banner-bottom-position,.slider,.sevices-list,.featured-services,.contact,.typo,.portfolio,.blog,.single,.about,.features{
	padding:5px;
}
.banner-bottom-grid1 {
    background:#FFFFFF;
    padding: 1em;
	width:88.5%;
	box-shadow: 1px 1px 5px #E3E1E1;
	-webkit-box-shadow: 1px 1px 5px #E3E1E1;
	-moz-box-shadow: 1px 1px 5px #E3E1E1;
	-o-box-shadow: 1px 1px 5px #E3E1E1;
	-ms-box-shadow: 1px 1px 5px #E3E1E1;
	-ms-box-shadow: 1px 1px 5px #E3E1E1;
}
.banner-bottom-grid1 h3{
	font-size: 1.5em;
    color:#A0CC59;
    padding-bottom: .5em;
    border-bottom: 5px double #E9E9E9;
    margin: 0;
}
.banner-bottom-grid1 p{
	font-size:14px;
	margin:1em 0 0;
	line-height:1.8em;
	color:#999;
}
.banner-bottom-grid,.banner-bottom-grid1,.banner-bottom-grid-box{
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.banner-bottom-grid{
	position:relative;
	width:30%;
	padding:3px;
	
}
.banner-bottom-grid img{
	width:88.5%;
	padding:0px;
	margin:0px;
	vartical-align:middle;
}
.social_icons_sub,.social_icons_sub1{
	position: absolute;
    top: 20%;
    left: 4%;
    margin: 0;
    display: none;
	width: 93%;
}
.social_icons_sub1{
	top:auto;
	bottom:20%;
}
.banner-bottom-grid:hover .banner-bottom-grid1 {
    background:#83BFA6 ;
}
.banner-bottom-grid:hover .banner-bottom-grid1-sub{
	background:#A0CC59;
}
.banner-bottom-grid:hover .banner-bottom-grid1 h3,.banner-bottom-grid:hover .banner-bottom-grid1 p{
	color:#fff;
}
.banner-bottom-grid:hover .social_icons_sub,.banner-bottom-grid:hover .social_icons_sub1{
	display:block;
}
.social_icons_sub p,.social_icons_sub1 p{
	font-size:14px;
	color:#fff;
	margin:1em 0 0;
	line-height:1.8em;
}
.banner-bottom-grid-box{
	background:#83BFA6 ;
	padding:2em;
	text-align:center;
	width:85.5%;
}
.banner-bottom-grid-box:hover,.banner-bottom-grid-boxs:hover{
	background:#5A6B72;
}
.banner-bottom-grid-boxs1{
	background:#D07B59;
}
.banner-bottom-grid-boxs{
	background:#A0CC59;
}
.banner-bottom-grid-box h1,.banner-bottom-grid-box h2{
	text-transform:capitalize;
	font-size:1.5em;
	color:#fff;
	margin:0;
	line-height:1.37em;
}
.banner-bottom-grid-box:hover .banner-bottom-grid-box1 h1{
	color:#83BFA6 ;
}
.banner-bottom-grid-box:hover .banner-bottom-grid-box1 h2{
	color:#C5D028;
}
.banner-bottom-grid-box:hover .banner-bottom-grid-box1-sub h2{
	color:#D07B59;
}
.banner-bottom-grid-box1 p{
text-align:left;
}
.banner-bottom-grid-box p{
	color:#fff;
	margin:1em 0 0;
	line-height:1.8em;
	font-size:14px;
}
.banner-bottom-grid-box:nth-child(2){
	margin:1em 0;
}
/*-- //banner-bottom --*/
/*-- banner-bottom1 --*/
.banner-bottom1-grids {
	background:#ffffff;
    padding: 2em;
    border-left:10px solid #E6E6E6;
	box-shadow: 1px 0px 6px #E0E0E0;
	-webkit-box-shadow: 1px 0px 6px #E0E0E0;
	-moz-box-shadow: 1px 0px 6px #E0E0E0;
	-o-box-shadow: 1px 0px 6px #E0E0E0;
	-ms-box-shadow: 1px 0px 6px #E0E0E0;
}
.banner-bottom1-grid-left h3{
	text-transform:capitalize;
	margin:0;
	font-size:1.4em;
	color:#29383F;
	position:relative;
	padding: 0 0 1.5em;
}
.banner-bottom1-grid-left h3:after{
	background: #639CB9;
    width: 30%;
    height: 1px;
    content: '';
    position: absolute;
    top: 71%;
    left: 0%;
}
.banner-bottom1-grid-left h3:before{
	background: #639CB9;
    width: 30%;
    height: 1px;
    content: '';
    position: absolute;
    top: 77%;
    left: 0%;
}
.banner-bottom1-grid-left p{
	color:#999;
	margin:.5em 0 0;
	line-height:1.8em;
	font-size:14px;
}
/*-- more --*/
/*--hover effect6--*/
.effect6 {
    cursor: pointer;
    height: auto;
    line-height: 40px ! important;
    text-align: center;
    overflow: hidden;
	padding: 4px 50px;
    background:#83BFA6;
    font-size: 1em;
    border:none;
    border-radius: 0;
}
.effect6{
	color:rgba(0,0,0, 0) !important; 
	transition: all .3s ease;
	text-shadow:0 0 0  #fff, 0 -45px 0 #000 ;
}
@-webkit-keyframes drop {
	0%{text-shadow:0 0 0  #fff, 0 -45px 0 #000 ;}
	20% {text-shadow:0 0 0  #fff, 0 -15px 0 #000 ;}
	30%{text-shadow:0 15px 0  #fff, 0 0px 0 #000 ;}
	40%{text-shadow:0 45px 0  #fff, 0 0px 0 #000 ;}
	41%{text-shadow:0 45px 0  #fff, 0 0px 0 #000 , 0 -45px 0 #fff ;}
	70%{text-shadow:0 45px 0  #fff, 0 15px 0 #000 , 0 0px 0 #fff ;}
	80%{text-shadow:0 45px 0  #fff, 0 45px 0 #000 , 0 0px 0 #fff ;}
	100%{text-shadow:0 45px 0  #fff, 0 45px 0 #000 , 0 0px 0 #fff ;}
}/*safari and chrome*/
@keyframes drop {
	0%{text-shadow:0 0 0  #fff, 0 -45px 0 #000 ;}
	20% {text-shadow:0 0 0  #fff, 0 -15px 0 #000 ;}
	30%{text-shadow:0 15px 0  #fff, 0 0px 0 #000 ;}
	40%{text-shadow:0 45px 0  #fff, 0 0px 0 #000 ;}
	41%{text-shadow:0 45px 0  #fff, 0 0px 0 #000 , 0 -45px 0 #fff ;}
	70%{text-shadow:0 45px 0  #fff, 0 15px 0 #000 , 0 0px 0 #fff ;}
	80%{text-shadow:0 45px 0  #fff, 0 45px 0 #000 , 0 0px 0 #fff ;}
	100%{text-shadow:0 45px 0  #fff, 0 45px 0 #000 , 0 0px 0 #fff ;}
}
.btn.effect6:hover{
  -webkit-animation: drop .6s 1 linear; 
 animation: drop .6s 1 linear;}
/*--end hover--*/
.banner-bottom1-grid-right {
    text-align: right;
    margin: 2.5em 0 0;
}
/*-- //more --*/
/*-- //banner-bottom1 --*/
/*-- banner-bottom-position --*/
.banner-bottom-position-grid{
	padding:0;
	position:relative;
}
.banner-bottom-position-grid-left-pos{
	position: absolute;
    top:40%;
    right: -55%;
    width: 100%;
}
.banner-bottom-position-grid-left-pos h4{
	font-size: 2em;
    color:#83BFA6 ;
    font-weight: 600;
    margin: 0;
    font-family: 'Raleway', sans-serif;
    text-transform: capitalize;
}
.banner-bottom-position-gridr p{
	color: #999;
    margin: 16em 0 0;
    line-height: 1.8em;
    font-size: 14px;
    width: 65%;
}
.banner-bottom-position-gridr.right p{
	color: #999;
    margin: 16em 0 0 18em;
    line-height: 1.8em;
    font-size: 14px;
    width: 65%;
}
.banner-bottom-position-gridr h3{
	font-size: 4em;
    color: #D2D2D2;
    margin: 0;
    letter-spacing: 5px;
}
.banner-bottom-position-gridr.right {
    text-align: right;
    padding-right: 10em;
}
.banner-bottom-position-grid-left-pos.repudiandae {
    right: 80%;
    text-align: right;
}
/*-- //banner-bottom-position --*/