.font1{
font-size:22px;
line-height:24px;
text-transform:uppercase;
}

.font1 span{
display:inline-block;
}

.font2{
font-size:16px;
line-height:28px;
}
.font2 span{
display:block;
}

.txt-content1{
padding:5% 10%;
}

.orange-btn{
background-color:#ff9100;
border:2px solid #ff9100;
color:#fff;
transition:Ease-in-out 0.3s;
font-weight:bold;
padding:10px 40px;
}

.orange-btn:hover{
background-color:rgb(0,0,0,0);
color:#ff9100;
}

.imgx2{
transform:scale(0.9);
transition:Ease-in-out 0.3s;
}

.imgx2:hover{
transform:scale(0.85);
box-shadow:0 5px 5px #ccc;
}


.colx3{
width:3%;
margin:0;
float:left;
}

.iconx1{
width:125px;
margin:30px auto 0 auto;
}


.mar{
margin-bottom:20px
}


/* image effect*/



.demo-3 {
    position:relative;
    width:80%;
    height:auto;
    overflow:hidden;
    display:inline-block;
    padding:10px;
}
.demo-3 figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;

}
.demo-3 figure img {
    display:block;
    position:relative;
    z-index:10;
    margin:-15px 0
}
.demo-3 figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.demo-3 figure h2 {
    color:#fff;
    font-size:24px;
    text-align:center;
    margin:20px 0 0 0;
}

.demo-3 figure h3 {
    color:#fff;
    font-size:16px;
    text-align:center;
    margin:0 0 20px 0;
}
.demo-3 figure p {
    display:block;
    font-size:14px;
    line-height:20px;
    margin:0;
    color:#fff;
    text-align:center;
}
.demo-3 figure figcaption {
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:50px 25px;
    background-color:rgba(0,0,0,0.8);
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.demo-3 figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.demo-3 figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.demo-3 figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}

.demo-3 figure figcaption a:hover{
  text-decoration:none !important;
  color:#fff !important;
}

/* end of home css*/


.intro {
    padding: 0 !important;
    overflow-x: auto;
}


.mhomecontent {
    padding-top: 0 !important;
}