.fact-sec {
float:left;
    margin-top: 0px ;
    text-align: center;
	background:transparent;
	width:100%;
	border-bottom:1px solid #eee;
	
}
.fact-sec i {
    font-size: 42px;
    color: #333;
    line-height: 100px;
    border-radius: 50%;
    margin-bottom: 10px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;

}
.fact-sec h1 {
    color: #333;
    margin-top: 4px;
    font-family: 'sans';
    font-size: 24px; 
    font-weight: 900;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;

}
.fact-sec h2 img {
  width: 20px;
  height: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}
.fact-sec:hover h2 img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);

}
.fact-sec h3 {
    color: transparent;
    margin-top: 4px;
    font-family: lato;
    font-size: 14px; 
    font-weight: 900;
    display: inline-block;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);

}
.fact-sec:hover h3 {
    color: #333;
    margin-top: 4px;
    font-weight: 900;
    display: inline-block;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.fact-sec p {
    color: #777;
    margin-top: 20px;
    font-size: 16px; 
    font-family: 'raleway';
}

.bg-blog-pre-1,.bg-blog-pre-2,.bg-blog-pre-11,.bg-blog-pre-21 {
float:left;
    height: 300px; 
	width:50%;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover;
  background-size: cover !important;
  position:relative;
  border-top:1px solid #eee;
    border-bottom:1px solid #eee;
	overflow:hidden;
}

.bg-blog-pre-11,.bg-blog-pre-21 {
float:right;
    height: 300px; 
	width:50%;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover;
  background-size: cover !important;
  position:relative;
  border-top:1px solid #eee;
    border-bottom:1px solid #eee;
	overflow:hidden;
}


.content-blog{
color:#aaa;
padding:40px;

}

.content-blog h3,.content-blog h2,.content-blog h1{
font-weight:bold;
text-transform:capitalize;

}

div.bg-blog-pre-1 img ,div.bg-blog-pre-11 img {
float:left;
width:100%;
height:100%;
-webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover;
  background-size: cover !important;
  
}


span.overlay-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	 background: rgba(117, 138, 148, 0.6);
	  background: rgba(0, 0, 0, 0.7);
} 



.blog-pre-1 {
position:absolute;
right:0;
top:0;
 height: 300px; 
width:60%;
  
}

.blog-pre-2 {
position:absolute;
left:0;
top:0;
 height: 300px; 
width:60%;
  
}

.blog-pre-1 h2{
color:#fff;
text-align:right;
font-size:55px;
margin:40px 40px;
text-transform:capitalize;
font-family:raleway;
font-weight:400;
  
}

.blog-pre-2 h2{
color:#fff;
text-align:left;
font-size:55px;
margin:40px 40px;
text-transform:capitalize;
font-family:raleway;
font-weight:400;
  
}

.blog-pre-1 h3{
color:#fff;
text-align:right;
font-size:26px;
margin:20px 40px;
text-transform:capitalize;
  font-family:'open sans';
}

.blog-pre-2 h3{
color:#fff;
text-align:left;
font-size:26px;
margin:20px 40px;
text-transform:capitalize;
  font-family:'open sans';
}





.more-p {
    padding: 0px 0 20px 0;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.more-p h1 a {
    font-size: 18px;
    color: #ddd;
    margin: 14px 0 4px 0;
    text-align: center;
    display: inline-block;
    font-family: 'sans';
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.more-p h1 a strong {
    font-size: 14px;
    margin-left: 6px;

}
.more-p:hover h1 a {
    color: #888;

}
.more-p:hover h1 a strong {

    color: #888;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

@media only screen and (max-width: 1200px) {
.blog-pre-1 h2{
color:#fff;
text-align:right;
font-size:30px;
margin:20px 20px;
text-transform:capitalize;
font-family:raleway;
font-weight:400;
  
}

.blog-pre-2 h2{
color:#fff;
text-align:left;
font-size:30px;
margin:40px 40px;
text-transform:capitalize;
font-family:raleway;
font-weight:400;
  
}

.blog-pre-1 h3{
color:#fff;
text-align:right;
font-size:20px;
margin:20px 20px;
text-transform:capitalize;
  font-family:'open sans';
}

.blog-pre-2 h3{
color:#fff;
text-align:left;
font-size:20px;
margin:20px 20px;
text-transform:capitalize;
  font-family:'open sans';
}

.blog-pre-1 {
position:absolute;
right:0;
top:0;
 height: 300px; 
width:100%;
  
}

.blog-pre-2 {
position:absolute;
left:0;
top:0;
 height: 300px; 
width:100%;
  
}



}
@media only screen and (max-width: 800px) {
.bg-blog-pre-1,.bg-blog-pre-2,.bg-blog-pre-11,.bg-blog-pre-21 {
float:left;
    height: 300px; 
	width:100%;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover;
  background-size: cover !important;
  position:relative;
  border-top:1px solid #eee;
    border-bottom:1px solid #eee;
	overflow:hidden;
}


.blog-pre-1 h2{
color:#fff;
text-align:right;
font-size:40px;
margin:20px 20px;
text-transform:capitalize;
font-family:raleway;
font-weight:400;
  
}

.blog-pre-2 h2{
color:#fff;
text-align:left;
font-size:40px;
margin:40px 40px;
text-transform:capitalize;
font-family:raleway;
font-weight:400;
  
}

.blog-pre-1 h3{
color:#fff;
text-align:right;
font-size:20px;
margin:20px 42px;
text-transform:capitalize;
  font-family:'open sans';
}

.blog-pre-2 h3{
color:#fff;
text-align:left;
font-size:20px;
margin:20px 20px;
text-transform:capitalize;
  font-family:'open sans';
}

.blog-pre-1 {
position:absolute;
right:0;
top:0;
 height: 300px; 
width:100%;
  
}

.blog-pre-2 {
position:absolute;
left:0;
top:0;
 height: 300px; 
width:100%;
  
}

}