/* animate */
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}



.bounceIn {
  animation-name: bounceIn;
}
.slideInDown {
  animation-name: slideInDown;
}
.slideInUp {
animation-name: slideInUp;
}
.slideInLeft {
animation-name: slideInLeft;
}
.slideInRight {
animation-name: slideInRight;
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom: 0;
	background-color: rgba(47,60,78,0.95);
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}

to {
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}

to {
opacity: 1;
transform: none;
}
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}

40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}

60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}

80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}

to {
transform: perspective(400px);
}
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}

to {
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}

to {
transform: translate3d(0, 0, 0);
}
}
.services,
.banner{
width: 100%;
position: relative;
overflow: hidden;
background: url(../img/slider.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
color: #fff
}

.banner{height: 350px;}
.banner .content{
	    width: 60%;
    margin: 0 auto;
    padding-top: 8%;
    position: relative;
}
.banner .content p{
    padding: 3%;
}
.banner .content .btn{background: #e74c3c;color: #fff}
/* Featurs */

.section-title{
margin-bottom: 43px;
position: relative;
text-shadow: 0 1px;
  text-align: center;
}
.section-title:after {
content: '';
position: absolute;
width: 100px;
height: 3px;
background: #e74c3c;
bottom: -13px;
left: calc(50% - 50px);
}
.section-title p{
padding: 20px 15px;
}
.feature{
	padding: 60px 0;
}
.feature-title p{
	width: 50%;
	margin: 0 auto
}
.service-box .desc h3,
.feature-box .title{
margin: 15px 0;
}
.services-box,
.features-box {padding: 50px 0}

.feature-box{
text-align: center;
margin-bottom: 30px;
background: #f5f5f5;
padding: 20px;
border-radius: 30px;
border: 1px solid #e7e7e7;
}

.feature-box .feature-icon{
width: 75px;
height: 75px;
line-height: 70px;
font-size: 36px;
background: #e74c3c;
color: #fff;
border-radius: 50%;
margin: 0 auto;
transition: all 0.3s ease 0s;
}


.feature-box .description{
font-size: 13px;
color :#666;
line-height: 25px;
margin: 0 0 30px 0;
}
.services{padding-top: 60px;}
.services-title{
	position: relative;
	    padding-right: 20px;
	box-shadow: inset -7px 0 0 0 #EC754F
}
.services-title h2{
margin-bottom:10px;
}
.service-box{
	text-align: center;
padding: 20px;
}
.service-box .img{
width: 75px;
height: 75px;
line-height: 70px;
margin: 0 auto;
}
.service-box .desc h3{

}
.service-box .desc p{
font-size: 13px;
line-height: 25px;
margin: 0 0 30px 0;
}
.services-img{
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    height: auto;
    display: none;
}
.bg-white{background: #fff}
.white{color: #fff !important}
.news-slider{padding: 80px 0}
.news-slider .blog-side .post-slide,
.news-slider .block1-slider .post-slide{
overflow: hidden;
position: relative;
}
.news-slider .block1-slider .post-slide{
height: 450px;
}
.news-slider .blog-side .post-slide .post-img img,
.news-slider .block1-slider .post-slide .post-img img{
display: block;
min-height: 100%;
width: 100%;
transition:transform 0.50s linear;
}
.news-slider .blog-side .post-slide .post-content,
.news-slider .block1-slider .post-slide .post-content{
padding: 10px 30px;
position: absolute;
right: 0;
left: 0;
bottom: 0;
margin: 0;
box-shadow: inset -7px 0 0 0 #e74c3c;
background:rgba(47,60,78,0.95)
}
.news-slider .blog-side  .post-slide:hover .post-content,
.news-slider .block1-slider .post-slide:hover .post-content h4{ color: #e74c3c}
.news-slider .blog-side .post-slide .post-content h4,
.news-slider .block1-slider .post-slide .post-content h4{
padding: 10px 0;
}
.news-slider .blog-side .post-slide .post-content p,
.news-slider .block1-slider .post-slide .post-content p{
font-size: 15px;

}
.news-slider .blog-side .post-slide:hover .post-img img,
.news-slider .block1-slider .post-slide:hover .post-img img{
transform: scale(1.1,1.1);
}
.news-slider .blog-side .post-slide,
.news-slider .block2-slider .post-slide{
border: 1px solid rgba(0,0,0,.12);
overflow: hidden;
margin-bottom: 26px;
}
.news-slider .blog-side .post-slide .post-title a:hover,
.news-slider .block2-slider .post-slide .post-title a:hover{
color: #e74c3c
}
.news-slider .blog-side .post-slide .post-img img,
.news-slider .block2-slider .post-slide .post-img img{
width: 100%;
height: 100px;
margin: 0 auto;
height: 210px;
}

.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{
position:relative;
padding-left:15px;
}


@media screen and (min-width:768px){

.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:right}

.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
}
@media screen and (min-width: 992px) {
.services-img{display: block;}
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:right}

.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
}