.iq-emergency .media .iq-title {
    font-size: 18px;
    font-weight: bold;
    color: #0a2154;
    -webkit-animation: color-change 4s infinite;
    -moz-animation: color-change 4s infinite;
    -o-animation: color-change 4s infinite;
    -ms-animation: color-change 4s infinite;
    animation: color-change 4s infinite;
}
.iq-emergency .media .iq-title i{
    margin: 0px 5px;
}

@-webkit-keyframes color-change {
    0% { color: #ffc500; }
    50% { color: #555555; }
    75% { color: #ffffff; }
    100% { color: #555555; }
}
@-moz-keyframes color-change {
    0% { color: #ffc500; }
    50% { color: #555555; }
    75% { color: #ffffff; }
    100% { color: #555555; }
}
@-ms-keyframes color-change {
    0% { color: #ffc500; }
    50% { color: #555555; }
    75% { color: #ffffff; }
    100% { color: #555555; }
}
@-o-keyframes color-change {
    0% { color: #ffc500; }
    50% { color: #555555; }
    75% { color: #ffffff; }
    100% { color: #555555; }
}
@keyframes color-change {
    0% { color: #ffc500; }
    50% { color: #555555; }
    75% { color: #ffffff; }
    100% { color: #555555; }
}

.header-topbar-col ul li {
    line-height: 13px;
}
.scrollup {
    border-radius: 4px;
}

.footer-col ul li {
    margin-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: 0px solid #717171;
}


h2.title{
    text-align: center;
    margin-bottom: 15px;
}

/*********************** Demo - 10 *******************/
.box10{background:#000;overflow:hidden;position:relative;margin-bottom: 30px;}
.box10:after,.box10:before{content: ""; border-width:0 180px 140px;border-style:solid;border-color:transparent transparent #b58200;position:absolute;bottom:0;left:50%;z-index:1;transform:translate(-55%,100%);transition:all .5s 0s cubic-bezier(.6,-.28,.735,.045)}
.box10:after{border-width:150px 250px;border-color: transparent #ffc107 #ffc107 #d2a408;top:25%;transform:translate(-60%,100%)}
.box10.active:before,
.box10:hover:before{
    content: ""; transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-55%,0);transition-delay:.2s}
.box10.active:after,
.box10:hover:after{
    transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-60%,0);transition-delay:0s}
.box10 img{width:100%;height:auto;opacity:1;transform:scale(1.1) translateY(3%);transition:all .5s ease 0s}
.box10.active img,
.box10:hover img{
    transform:scale(1.1) translateY(-3%);opacity:.4}
.box10 .box-content{width: 100%;padding:20px 20px 0 20px;position:absolute;top:0;left:0;opacity:0;z-index:2;transform:translateY(20%);transition:all .5s ease 0s}
.box10.active .box-content,
.box10:hover .box-content{
    opacity:1;transform:translate(0);transition-delay:.1s}
.box10 .title{font-size:23px;font-weight:800;color:#fff}
.box10 .icon{padding:0;margin:0;list-style:none}
.box10 .icon li{display:inline-block}
.box10 .icon li .fa-plus{display:block;width:35px;height:35px;background:#000000;font-size:18px;color:#fff;margin-right:10px;transition:all .3s ease 0s;text-align: center;
                         padding: 7px;}
.box11 .icon li,.box11 .icon li a,.box11 .title,.box12 .icon li,.box12 .title{display:inline-block}
.box10 .icon li .fa-plus:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box10{margin-bottom:20px}
}
@media only screen and (max-width:767px) and (min-width:600px){.box10:before{border-width:0 250px 240px}
                                                               .box10:after{border-width:260px 460px}
}
@media only screen and (max-width:599px) and (min-width:430px){.box:before{border-width:0 220px 120px}
                                                               .box10:after{border-width:260px 460px}
}


/*********************** Demo - 20 *******************/
.box20{position:relative;overflow: hidden; margin-bottom: 30px;direction: ltr;}
.box20:after,.box20:before{position:absolute;content:""}
.box20:before{width:80%;height:220%;background:#000000;top:-50%;left:-100%;z-index:1;transform:rotate(25deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box20.active:before,
.box20:hover:before{
    left:10%}
.box20:after{width:55%;height:175%;background-color:rgba(0,0,0,.8);bottom:-1000%;left:53%;transform:rotate(-33deg);transform-origin:center bottom 0;transition:all .8s ease 0s}
.box20 .box-content,.box20 .icon{width:100%;padding:0 20px;position:absolute;left:0;z-index:2;transition:all 1.1s ease 0s}
.box20.active:after{
    bottom:-70%}
.box20 img{width:100%;height:auto}
.box20 .box-content{top:-100%;color:#fff}
.box20.active .box-content,
.box20:hover .box-content{
    top:30px}
.box20 .title{font-size:24px;margin:0}
.box20 .icon li .fa-plus,.box20 .post{display:inline-block;font-size:14px}
.box20 .post{margin-top:5px}
.box20 .icon{list-style:none;margin:0;bottom:-100%}
.box20.active .icon,
.box20:hover .icon{
    bottom:25px}
.box20 .icon li{display:inline-block}
.box20 .icon li .fa-plus{width:35px;height:35px;line-height:35px;background:#444;border-radius:50%;margin:0 3px;color:#fff;text-align:center;transition:all .5s ease 0s;padding: 2px;}
.box20 .icon li .fa-plus:hover{background:#fff;color:#ff402a}
@media only screen and (max-width:990px){.box20{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box20 .title{font-size:20px;color: #ffffff !important}
                                         .box10 .title{font-size: 20px;}
}


.bg-grey{
    background-color: #f5f5f5;
}


/*********----  Start parallax ----**********/
.parallax{
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 400px;
    text-align: center;
    padding-top: 135px;
}
.parallax:before{
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.5);
    z-index: 9;
}
.parallax h4{
    float: left;
    width: 100%;
    font-size: 40px;
    color: #fff;
    position: relative;
    z-index: 999;
}
.parallax h5{
    font-size: 35px;
    position: relative;
    z-index: 999;
}
.parallax p{
    float: left;
    width: 100%;
    font-size: 20px;
    color: #fff;
    position: relative;
    z-index: 999;
    text-align: center;
}

/******-- Blog --******/
.pb-100 {
    padding-bottom: 100px;
}
.pt-100 {
    padding-top: 100px;
}
.mb-100 {
    margin-bottom: 40px;
}
a {
    text-decoration: none;
    color: #333;
    -webkit-transition: .4s;
    transition: .4s;
}
.section-title {
    width: 100%;
    position: relative;
}
.section-title p {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
}
.section-title h4 {
    font-size: 40px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 20px;
    display: inline-block;
}
.section-title h4::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #d8d8d8;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
}
.section-title h4::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background-color: #FF7200;
    left: 0;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
}
.blog-img {
    position: relative;
}
.blog-img img {
    width: 100%;
}
.post-category a {
    display: inline-block;
    background-color: #FF7200;
    color: #fff;
    font-size: 15px;
    padding: 5px 20px;
}
.single-blog:hover img {
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"
}
.post-category {
    position: absolute;
    left: 0;
    bottom: 0;
}
.blog-content {
    padding: 30px 20px;
}
.single-blog {
    border: 1px solid #eee;
}
.blog-title h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}
.meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.meta {
    margin-bottom: 20px;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.blog-content a.box_btn {
    display: inline-block;
    background-color: #FF7200;
    padding: 5px 15px;
    color: #fff;
    text-transform: capitalize;
    margin-top: 20px;
}
a.box_btn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #CC5B00;
    left: -100%;
    top: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1;
}
a.box_btn {
    overflow: hidden;
    z-index: 2;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    text-decoration:none;
}
a.box_btn:hover::before {
    left: 0;
    z-index: -1;
}

@media (max-width: 767px) {

    .box10:before, .box10:after, .box20:before {
        display: none;
    }
    .box20.active:after{
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background-color: rgba(0,0,0,0.6);
        width: 100%;
        height: 100%;
        transform: rotate(0deg);
    }

}