.overview-block-ptb {
    padding: 80px 0
}

.overview-block-pt {
    padding: 80px 0 0
}

.overview-block-pb {
    padding: 0 0 80px
}

.overview-block-ptb1 {
    padding: 10px 0
}

.overview-block-pt1 {
    padding: 10px 0 0
}

.overview-block-pb1 {
    padding: 0 0 10px
}

.overview-block-ptb2 {
    padding: 20px 0
}

.overview-block-pt2 {
    padding: 20px 0 0
}

.overview-block-pb2 {
    padding: 0 0 20px
}

.overview-block-ptb3 {
    padding: 30px 0
}

.overview-block-pt3 {
    padding: 30px 0 0
}

.overview-block-pb3 {
    padding: 0 0 30px
}

.overview-block-ptb4 {
    padding: 40px 0
}

.overview-block-pt4 {
    padding: 40px 0 0
}

.overview-block-pb4 {
    padding: 0 0 40px
}

.overview-block-ptb5 {
    padding: 50px 0
}

.overview-block-pt5 {
    padding: 50px 0 0
}

.overview-block-pb5 {
    padding: 0 0 50px
}

.overview-block-ptb6 {
    padding: 60px 0
}

.overview-block-pt6 {
    padding: 60px 0 0
}

.overview-block-pb6 {
    padding: 0 0 60px
}

.overview-block-ptb7 {
    padding: 70px 0
}

.overview-block-pt7 {
    padding: 70px 0 0
}

.overview-block-pb7 {
    padding: 0 0 70px
}

.overview-block-ptb9 {
    padding: 90px 0
}

.overview-block-pt9 {
    padding: 90px 0 0
}

.overview-block-pb9 {
    padding: 0 0 90px
}

.overview-block-ptb100 {
    padding: 100px 0
}

.overview-block-pt100 {
    padding: 100px 0 0
}

.overview-block-pb100 {
    padding: 0 0 100px
}

.overview-block-ptb125 {
    padding: 125px 0
}

.overview-block-pt125 {
    padding: 125px 0 0
}

.overview-block-pb125 {
    padding: 0 0 125px
}

.overview-block-ptb150 {
    padding: 150px 0
}

.overview-block-pt150 {
    padding: 150px 0 0
}

.overview-block-pb150 {
    padding: 0 0 150px
}

.iq-pt-0 {
    padding-top: 0
}

.iq-pt-10 {
    padding-top: 10px
}

.iq-pt-15 {
    padding-top: 15px
}

.iq-pt-20 {
    padding-top: 20px
}

.iq-pt-25 {
    padding-top: 25px
}

.iq-pt-30 {
    padding-top: 30px
}

.iq-pt-40 {
    padding-top: 40px!important
}

.iq-pt-50 {
    padding-top: 50px!important
}

.iq-pt-60 {
    padding-top: 60px
}

.iq-pt-70 {
    padding-top: 70px
}

.iq-pt-80 {
    padding-top: 80px
}

.iq-pt-90 {
    padding-top: 90px
}

.iq-pt-100 {
    padding-top: 100px
}

.iq-pt-110 {
    padding-top: 110px
}

.iq-pt-120 {
    padding-top: 120px
}

.iq-pt-130 {
    padding-top: 130px
}

.iq-pt-140 {
    padding-top: 140px
}

.iq-pt-150 {
    padding-top: 150px
}

.iq-pb-0 {
    padding-bottom: 0
}

.iq-pb-10 {
    padding-bottom: 10px
}

.iq-pb-15 {
    padding-bottom: 15px
}

.iq-pb-20 {
    padding-bottom: 20px
}

.iq-pb-25 {
    padding-bottom: 25px
}

.iq-pb-30 {
    padding-bottom: 30px!important
}

.iq-pb-40 {
    padding-bottom: 40px
}

.iq-pb-50 {
    padding-bottom: 50px!important
}

.iq-pb-60 {
    padding-bottom: 60px
}

.iq-pb-70 {
    padding-bottom: 70px
}

.iq-pb-80 {
    padding-bottom: 80px
}

.iq-pb-90 {
    padding-bottom: 90px
}

.iq-pb-100 {
    padding-bottom: 100px
}

.iq-pb-110 {
    padding-bottom: 110px
}

.iq-pb-120 {
    padding-bottom: 120px
}

.iq-pb-130 {
    padding-bottom: 130px
}

.iq-pb-140 {
    padding-bottom: 140px
}

.iq-pb-150 {
    padding-bottom: 150px
}

.iq-pl-0 {
    padding-left: 0
}

.iq-pl-10 {
    padding-left: 10px
}

.iq-pl-15 {
    padding-left: 15px
}

.iq-pl-20 {
    padding-left: 20px
}

.iq-pl-25 {
    padding-left: 25px
}

.iq-pl-30 {
    padding-left: 30px
}

.iq-pl-40 {
    padding-left: 40px
}

.iq-pl-50 {
    padding-left: 50px!important
}

.iq-pl-60 {
    padding-left: 60px
}

.iq-pl-70 {
    padding-left: 70px
}

.iq-pl-80 {
    padding-left: 80px
}

.iq-pl-90 {
    padding-left: 90px
}

.iq-pl-100 {
    padding-left: 100px
}

.iq-pl-110 {
    padding-left: 110px
}

.iq-pl-120 {
    padding-left: 120px
}

.iq-pl-130 {
    padding-left: 130px
}

.iq-pl-140 {
    padding-left: 140px
}

.iq-pl-150 {
    padding-left: 150px
}

.iq-pr-0 {
    padding-right: 0
}

.iq-pr-10 {
    padding-right: 10px
}

.iq-pr-15 {
    padding-right: 15px
}

.iq-pr-20 {
    padding-right: 20px
}

.iq-pr-25 {
    padding-right: 25px
}

.iq-pr-30 {
    padding-right: 30px
}

.iq-pr-40 {
    padding-right: 40px
}

.iq-pr-50 {
    padding-right: 50px
}

.iq-pr-60 {
    padding-right: 60px
}

.iq-pr-70 {
    padding-right: 70px
}

.iq-pr-80 {
    padding-right: 80px
}

.iq-pr-90 {
    padding-right: 90px
}

.iq-pr-100 {
    padding-right: 100px
}

.iq-pr-110 {
    padding-right: 110px
}

.iq-pr-120 {
    padding-right: 120px
}

.iq-pr-130 {
    padding-right: 130px
}

.iq-pr-140 {
    padding-right: 140px
}

.iq-pr-150 {
    padding-right: 150px
}

.iq-mt-0 {
    margin-top: 0
}

.iq-mt-10 {
    margin-top: 10px!important
}

.iq-mt-15 {
    margin-top: 15px
}

.iq-mt-20 {
    margin-top: 20px!important
}

.iq-mt-25 {
    margin-top: 25px
}

.iq-mt-30 {
    margin-top: 30px
}

.iq-mt-40 {
    margin-top: 40px
}

.iq-mt-50 {
    margin-top: 50px
}

.iq-mt-60 {
    margin-top: 60px
}

.iq-mt-70 {
    margin-top: 70px
}

.iq-mt-80 {
    margin-top: 80px
}

.iq-mt-90 {
    margin-top: 90px
}

.iq-mt-100 {
    margin-top: 100px
}

.iq-mt-110 {
    margin-top: 110px
}

.iq-mt-120 {
    margin-top: 120px
}

.iq-mt-130 {
    margin-top: 130px
}

.iq-mt-140 {
    margin-top: 140px
}

.iq-mt-150 {
    margin-top: 150px
}

.iq-mb-0 {
    margin-bottom: 0
}

.iq-mb-10 {
    margin-bottom: 10px
}

.iq-mb-15 {
    margin-bottom: 15px
}

.iq-mb-20 {
    margin-bottom: 20px
}

.iq-mb-25 {
    margin-bottom: 25px
}

.iq-mb-30 {
    margin-bottom: 30px
}

.iq-mb-40 {
    margin-bottom: 40px
}

.iq-mb-50 {
    margin-bottom: 50px
}

.iq-mb-60 {
    margin-bottom: 60px
}

.iq-mb-70 {
    margin-bottom: 70px
}

.iq-mb-80 {
    margin-bottom: 80px!important
}

.iq-mb-90 {
    margin-bottom: 90px
}

.iq-mb-100 {
    margin-bottom: 100px
}

.iq-mb-110 {
    margin-bottom: 110px
}

.iq-mb-120 {
    margin-bottom: 120px
}

.iq-mb-130 {
    margin-bottom: 130px
}

.iq-mb-140 {
    margin-bottom: 140px
}

.iq-mb-150 {
    margin-bottom: 150px
}

.iq-ml-0 {
    margin-left: 0
}

.iq-ml-10 {
    margin-left: 10px
}

.iq-ml-15 {
    margin-left: 15px
}

.iq-ml-20 {
    margin-left: 20px
}

.iq-ml-25 {
    margin-left: 25px
}

.iq-ml-30 {
    margin-left: 30px
}

.iq-ml-40 {
    margin-left: 40px
}

.iq-ml-50 {
    margin-left: 50px
}

.iq-ml-60 {
    margin-left: 60px
}

.iq-ml-70 {
    margin-left: 70px
}

.iq-ml-80 {
    margin-left: 80px
}

.iq-ml-90 {
    margin-left: 90px
}

.iq-ml-100 {
    margin-left: 100px
}

.iq-ml-110 {
    margin-left: 110px
}

.iq-ml-120 {
    margin-left: 120px
}

.iq-ml-130 {
    margin-left: 130px
}

.iq-ml-140 {
    margin-left: 140px
}

.iq-ml-150 {
    margin-left: 150px
}

.iq-mr-0 {
    margin-right: 0!important
}

.iq-mr-10 {
    margin-right: 10px!important
}

.iq-mr-15 {
    margin-right: 15px
}

.iq-mr-20 {
    margin-right: 20px!important
}

.iq-mr-25 {
    margin-right: 25px
}

.iq-mr-30 {
    margin-right: 30px
}

.iq-mr-40 {
    margin-right: 40px
}

.iq-mr-50 {
    margin-right: 50px
}

.iq-mr-60 {
    margin-right: 60px
}

.iq-mr-70 {
    margin-right: 70px
}

.iq-mr-80 {
    margin-right: 80px
}

.iq-mr-90 {
    margin-right: 90px
}

.iq-mr-100 {
    margin-right: 100px
}

.iq-mr-110 {
    margin-right: 110px
}

.iq-mr-120 {
    margin-right: 120px
}

.iq-mr-130 {
    margin-right: 130px
}

.iq-mr-140 {
    margin-right: 140px
}

.iq-mr-150 {
    margin-right: 150px
}

.iq-tw-1 {
    font-weight: 100
}

.iq-tw-2 {
    font-weight: 200
}

.iq-tw-3 {
    font-weight: 300
}

.iq-tw-4 {
    font-weight: 400
}

.iq-tw-5 {
    font-weight: 500
}

.iq-tw-6 {
    font-weight: 600
}

.iq-tw-7 {
    font-weight: 700
}

.iq-tw-8 {
    font-weight: 800
}

.iq-tw-9 {
    font-weight: 900
}

.button {
    background: #0bc9e3;
    font-size: 16px;
    color: #fff;
    padding: 7px 20px;
    margin-right: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    cursor: pointer
}

.button:hover,
.button:focus {
    color: #fff;
    background: #222;
    -webkit-box-shadow: 2px 10px 30px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 2px 10px 30px 5px rgba(0, 0, 0, .1);
    box-shadow: 2px 10px 30px 5px rgba(0, 0, 0, .1)
}

.button.white {
    background: #fff;
    color: #0bc9e3
}

.button.white:hover {
    background: #0bc9e3;
    color: #fff;
    border: inherit
}

.button.orange {
   background: #ea601e;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 30px #ff7a3a;
}

.button.orange:hover {
    background: #333;
    color: #fff;
    border: inherit;
     box-shadow: 0 5px 10px #fff;
}

.button.black {
    background: #333;
    color: #fff
}

.button.black:hover {
    background: #ea601e;
    color: #fff;
    border: inherit
}

.read-more a {
    color: #fff
}

.read-more a:hover {
    color: #333
}

.iq-font-blue {
    color: #0bc9e3
}

.iq-font-white {
    color: #fff
}

.iq-font-orange {
    color: #ea601e
}

.iq-font-black {
    color: #000
}

.white-bg {
    background: #fff
}

.grey-bg {
    background: #f6f6f6
}

.orange-bg {
    background: #ea601e
}

.blue-bg {
    background: #0bc9e3
}

.black-bg {
    background: #333
}

.darkblack-bg {
    background: #222
}

.heading-title {
    margin-bottom: 30px
}

.heading-title .title {
    position: relative;
    padding-bottom: 10px
}

.heading-title p {
    padding: 0 100px;
    display: block;
    margin-bottom: 50px;
    margin-top: 10px;
    line-height: 30px
}

.heading-title:hover img {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.heading-title:hover img {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

ul.listing-mark {
    padding: 0;
    margin: 0
}

ul.listing-mark li {
    position: relative;
    list-style-type: none;
    padding-left: 25px;
    margin: 10px 0
}

ul.listing-mark li:after {
    content: "\f00c"
}

.iq-over-blue-10:before {
    background: rgba(11, 201, 227, .1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-blue-20:before {
    background: rgba(11, 201, 227, .2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-blue-30:before {
    background: rgba(11, 201, 227, .3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-blue-40:before {
    background: rgba(11, 201, 227, .4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-blue-50:before {
    background: rgba(11, 201, 227, .5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-blue-60:before {
    background: rgba(11, 201, 227, .6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-blue-70:before {
    background: rgba(11, 201, 227, .7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-blue-80:before {
    background: rgba(11, 201, 227, .95);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-blue-90:before {
    background: rgba(11, 201, 227, .9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-blue-95:before {
    background: rgba(11, 201, 227, .95);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-orange-10:before {
    background: rgba(235, 97, 32, .1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-orange-20:before {
    background: rgba(235, 97, 32, .2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-orange-30:before {
    background: rgba(235, 97, 32, .3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-orange-40:before {
    background: rgba(235, 97, 32, .4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-orange-50:before {
    background: rgba(235, 97, 32, .5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-orange-60:before {
    background: rgba(235, 97, 32, .6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-orange-70:before {
    background: rgba(235, 97, 32, .7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-orange-80:before {
    background: rgba(235, 97, 32, .8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-orange-90:before {
    background: rgba(235, 97, 32, .9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-orange-95:before {
    background: rgba(235, 97, 32, .95);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-black-10:before {
    background: rgba(0, 0, 0, .1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-black-20:before {
    background: rgba(0, 0, 0, .2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-black-30:before {
    background: rgba(0, 0, 0, .3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-black-40:before {
    background: rgba(0, 0, 0, .4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-black-50:before {
    background: rgba(0, 0, 0, .5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-black-60:before {
    background: rgba(0, 0, 0, .6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-black-70:before {
    background: rgba(0, 0, 0, .7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-black-80:before {
    background: rgba(0, 0, 0, .8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-black-90:before {
    background: rgba(0, 0, 0, .9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.iq-over-black-95:before {
    background: rgba(0, 0, 0, .95);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

[class*=iq-over-]:before {
    z-index: 0
}

.isotope-filters {
    display: table;
    margin: 0 auto 40px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.isotope-filters button {
    margin: 4px;
    cursor: pointer;
    padding: 8px 20px;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: 0 0;
    color: #fff;
    border: none;
    font-weight: 400;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.isotope-filters button.active,
.isotope-filters button:hover {
    background: #0bc9e3;
    color: #fff!important;
    -webkit-box-shadow: 0 6px 20px -5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 6px 20px -5px rgba(0, 0, 0, .2);
    box-shadow: 0 6px 20px -5px rgba(0, 0, 0, .2)
}

.isotope-filters button:focus {
    outline: none;
    outline-style: none;
    outline-offset: 0
}

.isotope-filters.black-text button {
    color: #666
}

.isotope.no-padding .iq-grid-item {
    padding: 0!important
}

.iq-masonry.no-padding .iq-masonry-item {
    padding: 0!important
}

.isotope,
.iq-masonry {
    margin: 0 -15px 0 0;
    float: left;
    width: 100%
}

.isotope .iq-grid-item {
    padding: 0 15px 15px 0
}

.isotope .iq-grid-item img,
.iq-masonry .iq-masonry-item img {
    width: 100%
}

.isotope.iq-columns-1 .iq-grid-item {
    width: 100%
}

.isotope.iq-columns-2 .iq-grid-item {
    width: 50%
}

.isotope.iq-columns-3 .iq-grid-item {
    width: 33.33333333%
}

.isotope.iq-columns-4 .iq-grid-item {
    width: 25%
}

.isotope.iq-columns-5 .iq-grid-item {
    width: 20%
}

.iq-masonry.iq-columns-2 .iq-masonry-item {
    width: 50%;
    padding: 0 15px 15px 0
}

.iq-masonry.iq-columns-3 .iq-masonry-item {
    width: 33.33333333%;
    padding: 0 15px 15px 0
}

.iq-masonry.iq-columns-4 .iq-masonry-item {
    width: 25%;
    padding: 0 15px 15px 0
}

.iq-masonry.iq-columns-5 .iq-masonry-item {
    width: 20%;
    padding: 0 15px 15px 0
}

.isotope.full-grid,
.iq-masonry.full-grid {
    margin: 0 -15px 0 0
}

.isotope.full-grid .iq-grid-item {
    padding: 0 15px 15px 0
}

.isotope.full-grid.no-padding,
.iq-masonry.full-grid.no-padding {
    margin: 0
}

.isotope.full-grid.no-padding .iq-grid-item {
    padding: 0!important
}

.iq-masonry.iq-columns-4 .iq-masonry-item h5 {
    font-size: 20px;
    line-height: normal
}

.iq-masonry.iq-columns-5 .iq-masonry-item h5 {
    font-size: 18px;
    line-height: normal
}

.isotope.iq-columns-2.full-grid .iq-grid-item .category {
    font-size: 20px;
    padding-bottom: 5px;
    display: inline-block;
    width: 100%
}

.iq-masonry.iq-columns-2 .iq-masonry-item h5 {
    font-size: 28px
}

.iq-masonry.iq-columns-2 .iq-portfolio-02 .iq-portfolio-icon li a {
    font-size: 24px
}

.iq-masonry.iq-columns-4.full-grid .iq-masonry-item h5 {
    font-size: 24px;
    line-height: normal
}

.iq-masonry.iq-columns-5.full-grid .iq-masonry-item h5 {
    font-size: 22px;
    line-height: normal
}

@media(max-width:1199px) {
    .isotope.iq-columns-4 .iq-grid-item {
        width: 33.3%
    }
    .isotope.iq-columns-5 .iq-grid-item {
        width: 25%
    }
}

@media(max-width:992px) {
    .isotope.iq-columns-4 .iq-grid-item {
        width: 50%
    }
    .isotope.iq-columns-3 .iq-grid-item,
    .isotope.iq-columns-5 .iq-grid-item {
        width: 50%
    }
}

@media(max-width:767px) {
    .isotope.iq-columns-4 .iq-grid-item,
    .isotope.iq-columns-2 .iq-grid-item,
    .isotope.iq-columns-3 .iq-grid-item,
    .isotope.iq-columns-5 .iq-grid-item {
        width: 100%
    }
}

.isotope-filters.isotope-tooltip {
    margin: 30px auto 50px
}

.isotope-filters.isotope-tooltip button {
    position: relative
}

.isotope-filters.isotope-tooltip button span {
    width: 40px;
    height: auto;
    line-height: 14px;
    padding: 10px;
    left: 50%;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    text-align: center;
    background: #0bc9e3;
    text-indent: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    pointer-events: none;
    bottom: 0;
    opacity: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.isotope-filters.isotope-tooltip button span:after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #0bc9e3;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.isotope-filters.isotope-tooltip button:hover span,
.isotope-filters.isotope-tooltip button.active span {
    opacity: 1;
    bottom: 55px
}

.isotope-filters.isotope-button {
    display: table;
    margin: 0 auto 40px;
    text-align: center;
    border: 1px solid #f2f2f2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px
}

.isotope-filters.isotope-button button {
    margin: 4px;
    cursor: pointer;
    padding: 8px 20px;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: 0 0;
    color: #666;
    border: none;
    font-weight: 400;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.isotope-filters.isotope-button button.active,
.isotope-filters.isotope-button button:hover {
    background: #0bc9e3;
    color: #fff;
    -webkit-box-shadow: 0 6px 20px -5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 6px 20px -5px rgba(0, 0, 0, .2);
    box-shadow: 0 6px 20px -5px rgba(0, 0, 0, .2)
}

.isotope-filters.isotope-button button:focus {
    outline: none;
    outline-style: none;
    outline-offset: 0
}

.isotope-filters.isotope-line button {
    border: none;
    border-bottom: 2px solid transparent;
    background: 0 0;
    color: #666;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 10px 30px
}

.isotope-filters.isotope-line button.active,
.isotope-filters.isotope-line button:hover {
    border-bottom: 2px solid #0bc9e3;
    color: #0bc9e3
}

.isotope-filters.isotope-border button {
    border: 1px solid transparent;
    background: 0 0;
    color: #666;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.isotope-filters.isotope-border button.active,
.isotope-filters.isotope-line button:hover {
    border: 1px solid #0bc9e3;
    color: #0bc9e3
}

.isotope-filters.isotope-dots button {
    position: relative;
    color: #777
}

.isotope-filters.isotope-dots button:before {
    position: absolute;
    top: -6px;
    left: 50%;
    content: "";
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #0bc9e3;
    opacity: 0;
    transition: all .5s ease-in-out;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.isotope-filters.isotope-dots button.active:before,
.isotope-filters.isotope-dots button:hover:before {
    opacity: 1
}

.isotope-filters.isotope-dots button.active,
.isotope-filters.isotope-dots button:hover {
    background: 0 0;
    box-shadow: none;
    color: #0bc9e3
}

.isotope-filters.isotope-text button {
    color: #777
}

.isotope-filters.isotope-text button.active,
.isotope-filters.isotope-text button:hover {
    background: 0 0;
    box-shadow: none;
    color: #0bc9e3
}

.iq-portfolio-02 {
    position: relative;
    overflow: hidden
}

.iq-portfolio-02 .iq-portfolio-img img {
    object-fit: cover; object-position: center; height: 220px;
    width: 100%;
    transition: all .35s ease 0s
}

.iq-portfolio-02:hover .iq-portfolio-img img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2)
}

.iq-portfolio-02 .iq-portfolio-content span,
.iq-portfolio-02 .iq-portfolio-content a {
    color: #fff
}

.iq-portfolio-02 .iq-portfolio-content a:hover {
    color: #222
}

.iq-portfolio-02 .iq-portfolio-content {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: left;
    background: rgba(11, 201, 227, .8);
    padding: 30px;
    opacity: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.iq-portfolio-02 .iq-portfolio-content .iq-zoom {
    position: absolute;
    bottom: 25px;
    right: 30px;
    font-size: 24px;
    color: #fff
}

.iq-portfolio-02 .iq-portfolio-content:hover {
    opacity: 1
}

ul {
    padding: 0;
    margin: 0;
    padding-left: 20px
}

ul li:after {
    position: absolute;
    color: #0bc9e3;
    content: "";
    font-family: fontawesome;
    left: 0;
    top: 0
}

ul li.dark:after {
    color: #222
}

ul.listing-mark {
    padding: 0;
    margin: 0
}

ul.listing-mark li {
    position: relative;
    list-style-type: none;
    padding-left: 25px;
    margin: 10px 0
}

ul.listing-mark li:after {
    content: "\f00c"
}

.iq-skill1 .skill-blog {
    background-color: #fff;
    width: 100%;
    height: 6px;
    margin: 60px 0 20px
}

.iq-skill1 .progress-bar {
    background: #0bc9e3;
    height: 100%;
    box-shadow: none;
    padding: 0;
    display: inherit;
    transition: width .9s ease;
    -webkit-transition: width .9s ease;
    -o-transition: width .9s ease;
    -ms-transition: width .9s ease;
    -moz-transition: width .9s ease
}

.iq-skill1 .heading {
    position: absolute;
    color: #222;
    font-size: 15px;
    text-align: left;
    font-weight: 400;
    margin-top: -28px;
    margin-left: 0
}

.iq-skill1 .heading.white {
    color: #fff
}

.iq-skill1 .heading.green {
    color: #0bc9e3
}

.iq-skill1 .heading>i {
    margin-right: 8px
}

.iq-skill1 .progress-bar .progress-type,
.iq-skill1 .progress-bar .progress-number {
    position: relative;
    color: #fff;
    float: right;
    top: -15px;
    font-size: 14px;
    margin-top: -18px;
    background: #222;
    width: 20px;
    display: inline-block;
    padding: 0 3px
}

.iq-skill1 .progress-bar.white .progress-type,
.iq-skill1 .progress-bar.white .progress-number {
    color: #222;
    background: #fff
}

.iq-skill1 .progress-bar.white .progress-type:before {
    border-top: 8px solid #fff;
    border-left: 10px solid transparent
}

.iq-skill1 .progress-bar .progress-type:before {
    content: "";
    position: absolute;
    z-index: 9;
    bottom: -8px;
    left: 10px;
    height: 0;
    width: 0;
    border-top: 8px solid #222;
    border-left: 10px solid transparent
}

.iq-skill1.white .progress-bar .progress-type:before {
    border-top: 8px solid #fff
}

.iq-skill1.white .progress-bar .progress-type,
.iq-skill1.white .progress-bar .progress-number {
    color: #222;
    background: #fff
}

.iq-feature1 {
    position: relative;
    overflow: hidden;
    color: #fff;
    padding: 30px 20px;
    margin-top: -20px; 
}

.iq-feature1:before {
    z-index: 9
}

.iq-feature1.emergency-call:before {
    background: rgba(235, 97, 32, .9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.iq-feature1.time-table:before {
    background: rgba(0, 0, 0, .8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.iq-feature1.appointment-request:before {
    background: rgba(11, 201, 227, .9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.iq-feature1 i {
    font-size: 54px;
    color: #fff; 
    width:90px;
    height: 90px;
    line-height: 90px;
    border-radius: 50%;
    text-align: center;
    background: rgba(0,0,0,0.3);
}

.iq-feature1 a i {
    font-size: 12px;
    margin-left: 5px
}

.iq-feature1 img {
    margin-bottom: 10px
}

.iq-feature1 .content-blog {
    z-index: 9;
    position: relative
}

.iq-feature1 .content-blog h4 {
    font-weight: 600;
    color: #fff;
    line-height: 30px
}

.iq-feature1 .content-blog h5 {
    color: #fff;
    margin-top: 20px
}

.iq-feature1 .content-blog p {
    padding-top: 10px
}

.iq-feature1 .feature-img {
    bottom: 0;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    background-size: cover;
    background-position: center center;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.iq-feature1:hover .feature-img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transition: scale(1.1);
    -ms-transform: scale(1.1)
}

.iq-feature1.bg-overlay-green-90 a:hover {
    color: #222
}

.iq-feature1.time-table .time-box {
    padding: 10px 0
}

.iq-feature1.time-table .time-box li {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding: 7px 0
}

.iq-feature1.appointment-request form .form-control {
    border: inherit;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    padding: 0
}

.iq-feature1.appointment-request form select.form-control {
    height: 45px
}

.iq-feature1.appointment-request form .form-control:focus {
    color: #fff;
    background-color: inherit
}

.iq-feature1.appointment-request form input::-webkit-input-placeholder {
    color: #fff
}

.iq-feature1.appointment-request form input::-moz-placeholder {
    color: #fff
}

.iq-feature1.appointment-request form input:-moz-placeholder {
    color: #fff
}

.iq-feature1.appointment-request form input:-ms-input-placeholder {
    color: #fff
}

.iq-feature1.appointment-request form input:focus {
    outline: none
}

.iq-feature1.appointment-request option {
    color: #333
}

.iq-feature1.appointment-request .button {
    margin-top: 10px;
    width: 100%;
    text-align: center
}

.iq-doctors {
    margin-top: 30px
}

.iq-doctors .doctor-blog {
    position: relative;
    text-align: center;
    overflow: hidden
}

.iq-doctors .doctor-blog img {
    width: 100%;
    vertical-align: bottom
}

.iq-doctors .doctor-blog:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(11, 201, 227, .8);
    opacity: 0;
    z-index: 9
}

.iq-doctors .doctor-blog .doctor-description {
    position: absolute;
    width: 100%;
    top: -10%;
    left: 0;
    color: #fff;
    margin-top: -20px;
    padding: 0;
    opacity: 0;
    z-index: 99
}

.iq-doctors .doctor-blog .doctor-description a:hover {
    color: #222
}

.iq-doctors .doctor-blog:hover:before {
    opacity: 1
}

.iq-doctors .doctor-blog:hover .doctor-description {
    top: 60%;
    opacity: 1
}

.iq-doctors .doctor-blog:hover .doctor-social {
    bottom: 40px;
    opacity: 1
}

.iq-doctors .doctor-blog .doctor-social {
    position: absolute;
    left: 0;
    bottom: -10%;
    width: 100%;
    opacity: 0
}

.iq-doctors .doctor-blog .doctor-social ul {
    background: #ea601e;
    width: 100%;
    display: inline-block
}

.iq-doctors .doctor-blog .doctor-social ul li {
    display: inline-block
}

.iq-doctors .doctor-blog .doctor-social ul li a {
    color: #fff
}

.iq-doctors .doctor-blog .doctor-social ul li a:hover {
    color: #222
}

.iq-doctors .doctor-blog .doctor-social ul li a i {
    font-size: 16px;
    width: 45px;
    height: 45px;
    display: inline-block;
    float: none;
    line-height: 45px;
    text-align: center;
    background: 0 0
}

.iq-doctors,
.iq-doctors .doctor-blog:before,
.iq-doctors .doctor-blog:hover:before,
.iq-doctors .doctor-blog:hover .doctor-description,
.iq-doctors .doctor-blog:hover .doctor-social,
.iq-doctors .doctor-blog .doctor-social {
    z-index: 99;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.iq-doctors .doctor-content {
    background: #fff;
    padding: 15px;
    border: 1px solid #eaeaea;
    border-top: inherit
}

#wrapper {
    text-align: center;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

#animated_div {
    padding: 60px;
    width: 100%;
    height: 100%;
    background: url(../images/bg/lifeline.html) repeat-x;
    background-size: contain;
    background-position: bottom;
    -webkit-animation: animatebackground 60s linear infinite;
    animation: animatebackground 60s linear infinite;
    -ms-animation: animatebackground 60s linear infinite;
    -moz-animation: animatebackground 60s linear infinite
}

@keyframes animatebackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 1000px 0
    }
}

@-webkit-keyframes animatebackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 1000px 0
    }
}

@-ms-keyframes animatebackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 1000px 0
    }
}

@-moz-keyframes animatebackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 1000px 0
    }
}

.doctors-full {
    text-align: center
}

.iq-testimonial .owl-prev,
.iq-testimonial .owl-next {
    float: left;
    display: inline-block!important
}

.iq-testimonial .owl-prev i,
.iq-testimonial .owl-next i {
    color: #fff
}

.iq-testimonial .owl-prev:hover i,
.iq-testimonial .owl-next:hover i {
    color: #ea601e
}

.iq-testimonial .feedback .iq-avtar {
    width: 100px;
    display: inline-block;
    text-align: center;
    border-radius: 100%
}

.iq-testimonial .feedback .iq-avtar img {
    border-radius: 100%
}

.iq-testimonial .feedback .avtar-name .name {
    color: #222;
    font-size: 20px
}

.iq-testimonial .feedback .iq-info {
    position: relative;
    background: 0 0;
    padding: 10px 65px 20px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 30px
}

.iq-testimonial .feedback .iq-info i {
    font-size: 40px;
    color: #ea601e
}

.iq-testimonial .feedback .iq-info.brd-none {
    border: none
}

.iq-testimonial .feedback .iq-info.light {
    background: rgba(255, 255, 255, .2);
    border: none
}

.iq-testimonial .feedback .iq-info.light:before {
    border-top: 15px solid rgba(255, 255, 255, .2)
}

.iq-testimonial .feedback p {
    margin-bottom: 0;
    font-style: italic
}

.iq-testimonial .feedback p.black {
    color: #222
}

.iq-accordion.accordion-one.light .iq-ad-block {
    border: 1px solid #ddd;
    margin-top: 20px
}

.iq-accordion.accordion-one.light .iq-ad-block.no-mt {
    margin-top: 0
}

.iq-accordion.accordion-one.light.right-icon .ad-title {
    display: inline-flex!important;
    font-size: 16px;
    background: rgba(11, 201, 227, .9);
    padding: 10px;
    font-weight: 600;
    color: #fff;
    width: 100%
}

.iq-accordion.accordion-one.light.right-icon .ad-title:before {
    content: "\f146";
    margin-right: 10px;
    font-family: FontAwesome;
    width: 30px;
    height: 30px;
    left: 0;
    display: inline-block;
    line-height: 28px;
    font-weight: 600;
    top: 0;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    font-size: 24px;
    vertical-align: middle
}

.iq-accordion .iq-ad-block.ad-active .ad-title:before {
    content: "\f00c"!important
}

.iq-accordion.accordion-one.light.right-icon .ad-details {
    padding-left: 30px;
    margin: 15px 15px 15px 0
}

.iq-accordion.accordion-one.light span {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px
}

.iq-accordion.accordion-one.light .avtar img {
    display: inline-block;
    border-radius: 50%;
    float: left;
    width: 60px
}

.iq-accordion.accordion-one.light.right-icon .ad-details.dark {
    color: #222
}

.iq-tools-box {
    position: relative
}

.iq-tools-box .iq-tools1 {
    position: absolute;
    left: 60px;
    bottom: -1px;
    width: 530px
}

.iq-faq-box {
    padding: 20px
}

.iq-faq-box.grey-bg {
    background: #f6f6f6
}

.iq-faq-box.blue-bg {
    background: #0bc9e3
}

.iq-faq-box .read-more {
    margin-top: 15px;
    display: inline-block
}

.iq-faq-box .read-more span {
    color: #222;
    font-size: 18px;
    font-weight: 700
}

.iq-faq-box .read-more:hover span {
    color: #fff
}

.iq-tab-faq .nav-pills .nav-item {
    width: 18%;
    text-align: center;
    margin-right: 10px
}

.iq-tab-faq .nav-pills .nav-item:last-child {
    margin-right: 0
}

.iq-tab-faq .nav-pills .nav-link {
    border: 1px solid #ebebeb;
    padding: 15px;
    margin-bottom: 10px;
    font-weight: 600
}

.iq-tab-faq .nav-pills .nav-link img {
    width: 40px;
    margin-right: 10px
}

.iq-tab-faq .nav-pills .nav-link span {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.iq-tab-faq .nav-pills .nav-link:hover span {
    color: #ea601e
}

.iq-tab-faq .nav-pills .nav-link.active,
.iq-tab-faq .nav-pills .show>.nav-link,
.iq-tab-faq .nav-pills .nav-link:hover {
    border: 1px solid #ea601e;
    background: #ea601e;
    color: #fff;
    -webkit-box-shadow: 2px 10px 30px 5px rgba(234, 96, 30, .1);
    -moz-box-shadow: 2px 10px 30px 5px rgba(234, 96, 30, .1);
    box-shadow: 2px 10px 30px 5px rgba(234, 96, 30, .1)
}

.iq-blog-box {
    position: relative;
    border-radius: 5px;
    border: 1px solid #f5f5f5
}

.iq-blog-box .iq-blog-image {
    position: relative
}

.iq-blog-box .iq-blog-image img {
    width: 100%
}

.iq-blog-detail {
    padding: 20px 15px 15px; 
    text-align: justify;
    position: relative;
    border: 0 solid #000
}

.iq-blog-detail    h5 {
    font-size: 20px;
    color: #23292c;
    font-weight: 600;
    line-height: 24px; 
    margin-bottom: 15px;
    transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.iq-blog-detail .date-icon a {
    background: #0bc9e3;
    position: absolute;
    top: 0;
    left: 10px;
    margin-top: -17px;
    text-align: center;
    padding: 5px 20px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.iq-blog-detail .date-icon a:hover {
    background: #ea601e;
    color: #fff
}

.iq-blog-detail .blog-title a:hover h5 {
    color: #0bc9e3
}

.iq-blog-meta {
    margin: 15px 0 5px;
    border-top: 1px solid #9edbe2;
    padding-top: 15px
}

.iq-blog-meta ul li {
    margin: 0 15px 0 0;
    padding: 0;
    font-size: 16px
}

.iq-blog-meta ul li:last-child {
    margin: 0
}

.iq-blog-meta ul li a {
    font-size: 14px;
    font-weight: 600
}

.owl-carousel.arrow-1 .owl-nav {
    position: absolute;
    display: block;
    text-indent: inherit;
    margin-top: -22px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    left: 0;
    width: 100%
}

.owl-carousel.arrow-1 .owl-nav i {
    background: #fff;
    color: #ea601e;
    border: 1px solid #e3e3e3;
    font-size: 20px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: -1px 6px 13px rgba(0, 0, 0, .1);
    display: inline-block;
    line-height: 42px;
    padding-left: 2px;
    text-align: center;
    font-weight: 400;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.owl-carousel.arrow-1 .owl-nav i:hover {
    background: #ea601e;
    color: #fff;
    border-color: #ea601e
}

.owl-carousel.arrow-1 .owl-nav .owl-prev {
    position: absolute;
    display: block;
    cursor: pointer;
    width: auto;
    text-indent: inherit;
    left: 10px;
    -webkit-transition: opacity .5s ease 0s, left .5s ease 0s;
    -moz-transition: opacity .5s ease 0s, left .5s ease 0s;
    -ms-transition: opacity .5s ease 0s, left .5s ease 0s;
    -o-transition: opacity .5s ease 0s, left .5s ease 0s;
    transition: opacity .5s ease 0s, left .5s ease 0s
}

.owl-carousel.arrow-1 .owl-nav .owl-next {
    position: absolute;
    display: block;
    cursor: pointer;
    width: auto;
    text-indent: inherit;
    right: 10px;
    -webkit-transition: opacity .5s ease 0s, right .5s ease 0s;
    -moz-transition: opacity .5s ease 0s, right .5s ease 0s;
    -ms-transition: opacity .5s ease 0s, right .5s ease 0s;
    -o-transition: opacity .5s ease 0s, right .5s ease 0s;
    transition: opacity .5s ease 0s, right .5s ease 0s
}

.owl-carousel.arrow-1:hover .owl-nav {
    opacity: 1
}

.owl-carousel.arrow-1:hover .owl-nav .owl-prev {
    left: 20px
}

.owl-carousel.arrow-1:hover .owl-nav .owl-next {
    right: 20px
}

.owl-carousel.arrow-2 .owl-nav {
    float: right;
    display: inline-flex;
    margin-top: -34px;
    position: relative;
    z-index: 9
}

.owl-carousel.arrow-2 .owl-nav i {
    background: #222;
    color: #fff;
    font-size: 24px;
    width: 34px;
    height: 34px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.owl-carousel.arrow-2 .owl-nav i:hover {
    background: #ea601e;
    color: #fff;
    border-color: #ea601e
}

.owl-carousel.arrow-2 .owl-prev,
.owl-carousel.arrow-4 .owl-next {
    float: left;
    margin: 0
}

.iq-pricing .pricing-blog {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f1f1f1;
    padding-bottom: 30px
}

.iq-pricing .pricing-blog.border {
    border: 1px solid #f1f1f1
}

.iq-pricing .price-head {
    background: #d8d8d8;
    color: #222;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 0;
    margin-bottom: 20px
}

.iq-pricing .price {
    color: #222;
    display: inline-block;
    width: 100%;
    padding: 10px 0 30px
}

.iq-pricing .price .currency {
    font-size: 32px;
    font-weight: 700;
    vertical-align: top;
    display: inline-block
}

.iq-pricing .price strong {
    display: inline-block;
    font-weight: 700;
    font-size: 50px;
    margin-top: 15px
}

.iq-pricing .price .month {
    font-size: 14px;
    font-weight: 700
}

.iq-pricing .listing ul li {
    border-top: 1px solid #f1f1f1;
    padding: 13px 0
}

.iq-pricing .active {
    background: rgba(11, 201, 227, .8);
    color: #fffff;
    border: none
}

.iq-pricing .active .price {
    color: #fff
}

.iq-pricing .active .listing ul li {
    border-top: 1px solid #14bfd6;
    color: #fff
}

.iq-feature2 {
    overflow: hidden;
    color: #fff;
    padding: 60px 40px
}

.con-nospace .container-fluid {
    padding-left: 0
}

.iq-feature2:before {
    z-index: 9
}

.iq-feature2.appointment-request:before {
    background: rgba(11, 201, 227, .9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.iq-feature2.appointment-request form {
    margin-top: 20px
}

.iq-feature2 .content-blog {
    z-index: 9;
    position: relative
}

.iq-feature2 .content-blog h2 {
    font-weight: 600;
    color: #fff
}

.iq-feature2 .content-blog h5 {
    color: #fff
}

.iq-feature2 .content-blog p {
    padding-top: 10px
}

.iq-feature2 .feature-img {
    bottom: 0;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    background-size: cover;
    background-position: center center
}

.iq-feature2.appointment-request form .form-control {
    border: inherit;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    padding: 0;
    height: 45px
}

.iq-feature2.appointment-request form .form-control:focus {
    color: #fff;
    background-color: inherit
}

.iq-feature2.appointment-request form select.form-control {
    height: 45px
}

.iq-feature2.appointment-request form input::-webkit-input-placeholder {
    color: #fff
}

.iq-feature2.appointment-request form input::-moz-placeholder {
    color: #fff
}

.iq-feature2.appointment-request form input:-moz-placeholder {
    color: #fff
}

.iq-feature2.appointment-request form input:-ms-input-placeholder {
    color: #fff
}

.iq-feature2.appointment-request form input:focus {
    outline: none
}

.iq-feature2.appointment-request option {
    color: #333
}

.iq-feature2.appointment-request form label {
    color: #fff;
    font-size: 16px
}

.iq-feature2.appointment-request .button {
    margin-top: 30px;
    width: 100%;
    text-align: center;
    padding: 15px 0
}

.iq-tab-services.light-tab .nav-pills .nav-link {
    border: 1px solid #ebebeb;
    padding: 15px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.iq-tab-services.light-tab .nav-pills .nav-link img {
    width: 40px;
    margin-right: 10px
}

.iq-tab-services.light-tab .nav-pills .nav-link span {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.iq-tab-services.light-tab .nav-pills .nav-link:hover span {
    color: #ea601e
}

.iq-tab-services .nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-pills .nav-link:hover {
    border: 1px solid #ea601e;
    background: 0 0;
    color: #fff;
    -webkit-box-shadow: 2px 10px 30px 5px rgba(234, 96, 30, .1);
    -moz-box-shadow: 2px 10px 30px 5px rgba(234, 96, 30, .1);
    box-shadow: 2px 10px 30px 5px rgba(234, 96, 30, .1)
}

.iq-tab-services .department-box .boder-img img {
    z-index: 9
}

.iq-tab-services .nav-item {
    width: 100%
}

.iq-tab-services .tab-content .button {
    margin-bottom: 10px;
    margin-top: 20px
}

.departments-list {
    margin-top: 20px
}

.departments-list .iq-title {
    font-weight: 600;
    font-size: 20px
}

.departments-list li {
    border-bottom: 1px dashed #dcdcdc;
    padding: 8px 0
}

.departments-list .iq-price {
    float: right
}

.departments-list .iq-services {
    font-weight: 600
}

.services-box ul {
    padding: 8px;
    margin: 0;
    background: #f5f5f5;
    border: 1px solid #eee
}

.services-box ul li a {
    padding: 15px;
    margin-bottom: 8px;
    display: inline-block;
    width: 100%;
    background: #fff;
    color: #222;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    -webkit-transition: all 0s ease-out 0s;
    -moz-transition: all 0s ease-out 0s;
    -ms-transition: all 0s ease-out 0s;
    -o-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s
}

.services-box ul li a:hover,
.services-box ul li.active a {
    background: #0bc9e3;
    color: #fff
}

.services-box ul li:last-child a {
    margin-bottom: 0
}

.services-box ul li a:hover:before,
.services-box ul li.active a:before {
    content: "";
    position: absolute;
    right: -19px;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #0bc9e3;
    border-bottom: 10px solid transparent
}

.services-box ul li a:hover:after,
.services-box ul li.active a:after {
    content: "";
    position: absolute;
    right: -9px;
    top: 0;
    width: 10px;
    height: 100%;
    background: #0bc9e3
}

.iq-time {
    position: relative;
    overflow: hidden;
    color: #fff;
    padding: 30px 20px;
    margin-top: 30px
}

.iq-time:before {
    background: rgba(235, 97, 32, .8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.iq-time i {
    font-size: 70px;
    color: #fff
}

.iq-time a i {
    font-size: 12px;
    margin-left: 5px
}

.iq-time .content-blog {
    z-index: 9;
    position: relative
}

.iq-time .content-blog h4 {
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #fff
}

.iq-time .content-blog h5 {
    color: #fff
}

.iq-time .content-blog p {
    padding-top: 10px
}

.iq-time .iq-title {
    font-weight: 600;
    margin-bottom: 20px
}

.iq-time .time-box li {
    margin: 10px 0
}

.iq-counter1 .iq-counter {
    margin: 20px 0
}

.iq-counter1 .iq-counter span {
    display: block;
    font-size: 36px;
    margin: 10px 0;
    margin-bottom: 5px;
    line-height: 40px
}

.iq-counter1 .iq-counter .counter-name {
    font-size: 22px;
    line-height: 24px;
    padding: 15px 0 0
}

.con-nospace2 .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.dark-bg {
    background: #333
}

.iq-quickcontact {
    padding: 20px 0 10px;
    text-align: center
}

.iq-quickcontact .content-blog i {
    font-size: 30px;
    color: #fff
}

.iq-quickcontact h4,
.iq-quickcontact p {
    color: #fff
}

.iq-quickcontact h4 {
    padding-top: 0;
    font-size: 22px;
    line-height: 35px
}

.iq-quickcontact p {
    font-size: 16px;
    padding-top: 5px
}

.darkblue-bg {
    background: #0384ce
}

.darkpurple-bg {
    background: #3057a9
}

.iq-breadcrumb1 {
    padding: 80px 0
}

.iq-breadcrumb1.text-left .heading-title {
    text-align: left
}

.iq-breadcrumb1.text-left .heading-title .title:before {
    left: 0;
    margin-left: 0
}

.iq-breadcrumb1.text-left .breadcrumb {
    z-index: 99;
    text-align: left;
    position: relative;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
    background: rgba(255, 255, 255, .2);
    display: inline;
    padding: 15px 30px
}

.iq-breadcrumb1.text-left .breadcrumb li {
    display: inline-block
}

.iq-breadcrumb1.text-left .breadcrumb li a i {
    font-size: 18px;
    margin-right: 6px
}

.iq-breadcrumb1.text-left .breadcrumb li,
.iq-breadcrumb1.text-left .breadcrumb li a:hover {
    color: #0bc9e3
}

.iq-breadcrumb1.text-left .breadcrumb li a,
.iq-breadcrumb1.text-left .breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
    margin-bottom: 0
}

.iq-featureline .feature-content {
    position: relative;
    margin-left: 60px
}

.iq-featureline .feature-content:before {
    position: absolute;
    content: "";
    background: #0bc9e3;
    height: 3px;
    width: 40px;
    left: -60px;
    top: 9px
}

.iq-featureline .feature-content .tag {
    background: #0bc9e3;
    position: absolute;
    top: -47px;
    left: 0;
    color: #fff;
    padding: 5px 15px
}

.iq-footer .logo img {
    width: 200px
}

.iq-footer .small-title {
    margin-bottom: 25px
}

.iq-footer hr {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e9e9e9;
    border-top: 0
}

.iq-footer .menu li {
    margin: 0 10px
}

.iq-footer .menu li a {
    color: #ffff;
    font-weight: 500
}

.iq-footer .menu li a:hover {
    color: #0bc9e3
}

.iq-footer .iq-copyright {
    text-align: right
}

.iq-footer .iq-copyright a {
    color: #0bc9e3
}

.iq-footer .iq-copyright a:hover {
    color: #ffff
}

.iq-footer .iq-contact-box .iq-icon {
    float: left;
    text-align: center;
    margin-right: 15px;
    color: #0bc9e3
}

.iq-footer .iq-contact-box .iq-icon i {
    font-size: 40px
}

.iq-footer .iq-contact-box .iq-icon span {
    font-size: 30px
}

.iq-footer .iq-contact-box .iq-content {
    display: table-cell
}

.iq-footer .iq-contact-box h6 {
    line-height: inherit
}

.iq-footer .iq-media-blog {
    margin: 15px 0 0;
    padding: 0;
    text-align: left
}

.iq-footer .iq-media-blog li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 4px
}

.iq-footer .iq-media-blog li a {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    background: 0 0;
    border: 1px solid #666;
    text-align: center
}

.iq-footer .iq-media-blog li a:hover {
    background: #0bc9e3;
    border-color: #0bc9e3;
    color: #fff
}

.iq-footer2 .logo img {
    width: 200px
}

 

.footer-top .small-title {color:#fff; margin-bottom: 25px}

.iq-footer2 .footer-top {
    padding: 60px 0
}

.iq-footer2 .footer-bottom {
    background: #181818;
    padding: 30px 0
}

.iq-footer2 .schedule .header {
    background: rgba(255, 255, 255, .2);
    color: #0bc9e3;
    padding: 8px;
    text-align: center;
    border-radius: 5px 5px 0 0;
    font-size: 18px
}

.iq-footer2 .schedule-blog {
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 10px
}

.iq-footer2 ul li {
    color: #fff
}

.iq-footer2 .iq-post li {
    width: 100%;
    float: left;
    margin-top: 30px;
    display: inline-block
}

.iq-footer2 .iq-post li:first-child {
    margin-top: 0
}

.iq-footer2 .post-blog {
    display: table-cell
}

.iq-footer2 .post-blog a {
    vertical-align: top;
    font-size: 14px;
    color: #fff
}

.iq-footer2 .post-blog a:hover {
    color: #0bc9e3
}

.iq-footer2 .post-blog .iq-date {
    font-size: 13px;
    display: table
}

.iq-footer2 .post-blog i {
    font-size: 14px
}

.iq-footer2 .iq-post li:last-child {
    border-bottom: none
}

.iq-footer2 .post-img {
    display: table;
    float: left;
    margin-right: 15px
}

.iq-footer2 .post-img img {
    vertical-align: top;
    height: 74px;
    width: 74px;
    border-radius: 2px
}

.iq-footer2 .menu li {
    margin: 0 10px
}

.iq-footer2 .menu li a {
    color: #ffff;
    font-weight: 500
}

.iq-footer2 .menu li a:hover {
    color: #0bc9e3
}

.iq-footer2 .iq-copyright {
    text-align: right
}

.iq-footer2 .iq-copyright a {
    color: #0bc9e3
}

.iq-footer2 .iq-copyright a:hover {
    color: #ffff
}

.iq-footer2 .iq-contact {
    margin-top: 50px
}

.iq-footer2 .iq-contact .blog {
    color: #fff
}

.iq-footer2 .iq-contact .blog .title {
    font-size: 20px
}

.iq-footer2 .iq-contact .blog span {
    font-size: 20px
}

.iq-footer2 .iq-contact .blog i {
    color: #0bc9e3;
    font-size: 40px;
    line-height: 40px;
    vertical-align: middle;
    margin-right: 15px;
    display: table;
    float: left
}

.iq-footer2 .iq-contact .blog .content {
    display: table-cell
}

.iq-footer2 .iq-contact-box .iq-icon {
    float: left;
    text-align: center;
    margin-right: 15px;
    color: #0bc9e3
}

.iq-footer2 .iq-contact-box .iq-icon i {
    font-size: 40px
}

.iq-footer2 .iq-contact-box .iq-icon span {
    font-size: 30px
}

.iq-footer2 .iq-contact-box .iq-content {
    display: table-cell
}

.iq-footer2 .iq-contact-box h6 {
    line-height: inherit
}

.iq-footer2 .iq-media-blog {
    margin: 10px 0 0;
    padding: 0;
    text-align: left
}

.iq-footer2 .iq-media-blog li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 10px 10px 10px 0
}

.iq-footer2 .iq-media-blog li a {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    background: 0 0;
    border: 1px solid #666;
    text-align: center
}

.iq-footer2 .iq-media-blog li a:hover {
    background: #0bc9e3;
    border-color: #0bc9e3;
    color: #fff
}

.iq-footer2 .newsletter-form .button {
    margin-right: 0;
    padding: 0 20px;
    line-height: 45px
}

.iq-footer2 .newsletter-form .button:hover {
    color: #fff;
    background: #ea601e
}

.iq-footer3 {
    overflow: hidden;
    background:url(../images/footer-bg.jpg);
    background-attachment: fixed;
}

.iq-footer3 .footer-top {
    padding: 54px 0 60px
}

.iq-footer3 .slidingDiv {
    height: 300px;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 9
}

.iq-footer3 .show_hide {
    display: none
}

.iq-footer3 hr {
    border-bottom: 1px solid #333
}

.iq-footer3 .owl-carousel {
    margin-bottom: 20px
}

.iq-footer3 .dark-bg {
    background-color: #191919
}

.iq-footer3 .newsletter-form .button {
    background: #0bc9e3;
    padding: 0 20px;
    line-height: 45px
}

.iq-footer3 .newsletter-form .button:hover,
.iq-footer3 .newsletter-form .button:focus {
    background: #eb6024
}

.iq-footer3 .menu li {
    display: block;
    border-bottom: 0;
    margin-bottom: 10px;
    line-height: 24px;
    padding: 0
}

.iq-footer3 .menu li a {
    color: #fff
}

.iq-footer3 .menu li a:hover,
.iq-footer3 .menu li.active a {
    color: #0bc9e3
}

.contact-menu li{display: block;
    border-bottom: 0;
    margin-bottom: 20px;
    line-height: 24px;
    padding: 0; color: #fff;
margin-left: 28px;}

.contact-menu li a{color: #fff; transition: all 0.15s ease-in-out}
.contact-menu li a:hover{color: #0bc3dd; }

.contact-menu li i{background-color: #fff; width:20px; height: 20px; margin-top: 1px;
color:#4b4b4b; border-radius: 2px; position: absolute; margin-left: -28px;
text-align: center; line-height: 20px}


.iq-footer3 .input-group .form-control,
.iq-footer3 .input-group .form-control:active,
.iq-footer3 .input-group .form-control:focus,
.iq-footer3 .input-group .form-control:hover {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    margin-right: -1px;
    background: inherit!important;
    color: #fff;
    border: 1px solid #3c3c3c
}

.iq-footer3 .iq-newsletter .button {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.iq-footer3 .iq-post li {
    width: 100%;
    float: left;
    margin-top: 0;
    border-bottom: 1px solid #333;
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.iq-footer3 .post-blog {
    display: table-cell
}

.iq-footer3 .post-blog a {
    vertical-align: top;
    font-size: 14px;
    color: #fff
}

.iq-footer3 .post-blog a:hover {
    color: #0bc9e3
}

.iq-footer3 .post-blog .iq-date {
    font-size: 13px;
    display: table
}

.iq-footer3 .post-blog i {
    font-size: 14px
}

.iq-footer3 .iq-post li:last-child {
    border-bottom: none
}

.iq-footer3 .post-img {
    display: table;
    float: left;
    margin-right: 15px
}

.iq-footer3 .post-img img {
    vertical-align: top;
    height: 74px;
    width: 74px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.iq-footer3 .iq-contact-box .iq-icon {
    float: left;
    text-align: center;
    margin-right: 15px;
    color: #0bc9e3
}

.iq-footer3 .iq-contact-box .iq-icon i {
    font-size: 40px
}

.iq-footer3 .iq-contact-box .iq-content {
    display: table-cell
}

.iq-footer3 .iq-contact-box .iq-content span {
    color: #fff
}

.iq-footer3 .iq-contact-box .iq-lead {
    color: #fff
}

.iq-footer3 .iq-contact-box {
    padding-left: 20px;
    padding-right: 20px
}

.iq-footer3 .iq-contact .blog {
    color: #fff
}

.iq-footer3 .iq-contact {
    margin: 20px 0 0
}

.iq-footer3 .iq-contact .blog .title {
    font-size: 24px
}

.iq-footer3 .iq-contact .blog span {
    font-size: 20px
}

.iq-footer3 .iq-contact .blog i {
    color: #fff;
    font-size: 24px;
    line-height: 50px;
    vertical-align: middle;
    margin-right: 15px;
    display: table;
    float: left;
    background: #0bc9e3;
    width: 50px;
    height: 50px;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.iq-footer3 .iq-contact .blog .content {
    display: table-cell
}

.iq-footer3 .iq-media-blog {
    margin: 0;
    padding: 0;
    text-align: right
}

.iq-footer3 .iq-media-blog li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 4px
}

.iq-footer3 .iq-media-blog li a {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    background: 0 0;
    border: 1px solid #666;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.iq-footer3 .iq-media-blog li a:hover {
    background: #0bc9e3;
    border-color: #0bc9e3;
    color: #fff
}
 

.iq-footer3 .footer-bottom {
    background-color: rgba(0,0,0,0.8);
    padding: 10px
}

.iq-blog-entry {
    margin: 20px 0;     background: #e3fcff;
}

.iq-blog-entry:hover {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.iq-entry-image {
    position: relative
}

.iq-entry-image img,
.iq-entry-image .owl-carousel .owl-item img {
    width: 100%
}

.iq-entry-image .tag {
    position: absolute;
    left: 0;
    bottom: -1px;
    background: #ea601e;
    padding: 5px 10px;
    color: #fff;
    z-index: 9
}

.iq-entry-image .tag i {
    margin-right: 5px
}

.iq-entry-image .date {
    position: absolute;
    right: 15px;
    top: 15px;
    background: #222;
    border-radius: 90%;
    height: 60px;
    width: 60px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: normal;
    text-transform: uppercase;
    padding-top: 10px;
    z-index: 9
}

.iq-entry-image .date small {
    display: block
}

 

.iq-entry-title {
    margin: 10px 0
}

.iq-entry-title  h5 {
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.iq-entry-title:hover h5 {
    color: #0bc9e3
}

.iq-entry-meta {
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

.iq-entry-meta li {
    float: left;
    margin-right: 15px
}

.iq-entry-meta li a {
    color: #666;
    font-size: 15px
}

.iq-entry-meta li a:hover {
    color: #0bc9e3
}

.iq-entry-meta li:last-child {
    margin-right: 0
}

.iq-blog-detail {
    z-index: 99
}

.iq-blog-entry.iq-blockquote {
    position: relative
}

.iq-blog-entry.iq-blockquote .iq-entry-title h5 a,
.iq-blog-entry.iq-blockquote .iq-entry-meta a {
    color: #fff
}

.iq-blog-entry.iq-blockquote .iq-entry-title h5 a:hover,
.iq-blog-entry.iq-blockquote .iq-entry-meta a:hover {
    color: #222
}

.iq-blog-entry.iq-blockquote .iq-entry-content {
    color: #fff
}

.iq-blog-entry.iq-blockquote .iq-blog-detail .date {
    background: #fff;
    padding: 6px 15px;
    margin-bottom: 15px;
    display: inline-block;
    color: #222
}

.iq-blog-entry.iq-blockquote .iq-blog-detail .tag {
    background: #fff;
    padding: 6px 15px;
    margin-bottom: 15px;
    display: inline-block;
    color: #222
}

.iq-blog-entry.iq-blockquote.white {
    position: relative;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.iq-blog-entry.iq-blockquote.white .iq-entry-title h5 a,
.iq-blog-entry.iq-blockquote.white .iq-entry-meta a {
    color: #222
}

.iq-blog-entry.iq-blockquote.white .iq-entry-title h5 a:hover,
.iq-blog-entry.iq-blockquote.white .iq-entry-meta a:hover {
    color: #0bc9e3
}

.iq-blog-entry.iq-blockquote.white .iq-entry-content {
    color: #222
}

.iq-blog-entry.iq-blockquote.white .iq-blog-detail .date {
    background: #0bc9e3;
    padding: 6px 15px;
    margin-bottom: 15px;
    display: inline-block;
    color: #fff
}

.iq-blog-entry.iq-blockquote.white .iq-blog-detail .tag {
    background: #0bc9e3;
    padding: 6px 15px;
    margin-bottom: 15px;
    display: inline-block;
    color: #fff
}

.iq-blog-entry.iq-blockquote.img .iq-entry-title h5 a,
.iq-blog-entry.iq-blockquote.img .iq-entry-meta a {
    color: #fff
}

.iq-blog-entry.iq-blockquote.img .iq-entry-title h5 a:hover,
.iq-blog-entry.iq-blockquote.img .iq-entry-meta a:hover {
    color: #0bc9e3
}

.iq-blog-entry.iq-video .iq-blog-detail .date,
.iq-blog-entry.iq-video .iq-blog-detail .tag {
    background: #0bc9e3;
    color: #fff;
    padding: 6px 15px;
    margin-bottom: 15px;
    display: inline-block
}

.pagination-box .page-item {
    margin-left: -1px
}

.pagination-box .page-item .page-link {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
    margin: 0;
    color: #222;
    font-size: 18px
}

.pagination-box .page-item .page-link span {
    font-size: 24px
}

.pagination-box .page-item:hover .page-link,
.pagination-box .page-item.active .page-link {
    background-color: #0bc9e3;
    border-color: #0bc9e3;
    color: #fff
}

.iq-post-sidebar {
    height: 100%;
    margin-top: 20px
}

.iq-post-sidebar.iq-m {
    margin-top: 0
}

.iq-sidebar-widget {
    margin-bottom: 30px; 
    border: 1px solid #eb601e
}

.iq-sidebar-widget h5 {background-color: #eb601e; color:#fff;
font-size: 18px; text-transform: uppercase; padding-left: 20px}

.iq-sidebar-widget:last-child {
    margin-bottom: 0
}

.iq-sidebar-widget .iq-widget-title {
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 24px
}

.iq-blog-entry.iq-audio .players audio {
    width: 100%;
    position: absolute;
    padding: 0 15px;
    top: -80px
}

.iq-blog-entry .tag,
.iq-blog-entry .date {
    background: #0bc9e3;
    color: #fff;
    padding: 6px 15px;
    display: inline-block
}

.video-box {
    height: 0;
    padding-bottom: 55.5%;
    margin-bottom: 0;
    position: relative;
    overflow: hidden
}

.video-box.vimeo {
    padding-top: 0
}

.video-box iframe,
.video-box object,
.video-box embed,
.video-box video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.iq-sidebar-widget .iq-widget-search {
    position: relative
}

.iq-sidebar-widget .iq-widget-search input {
    padding-right: 40px;
    box-shadow: none;
    border-radius: 3px;
    color: #2c3e50;
    height: 50px;
    border: 2px solid #f2f2f2;
    background: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.iq-sidebar-widget .iq-widget-search input:focus {
    background: #fff
}

.iq-sidebar-widget .iq-widget-search i {
    position: absolute;
    right: 8px;
    color: #0bc9e3;
    cursor: pointer;
    padding: 16px 12px;
    font-size: 18px
}

.iq-sidebar-widget .iq-widget-search input:focus {
    border-color: #0bc9e3
}

.iq-sidebar-widget .iq-recent-post {
    margin-top: 20px
}

.iq-sidebar-widget .iq-recent-post .media-body>a {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #2c3e50
}

.iq-sidebar-widget .iq-recent-post .media-body>a:hover {
    color: #0bc9e3
}

.iq-sidebar-widget .iq-recent-post .media-body span {
    color: #666
}

.iq-sidebar-widget .iq-recent-post .media-body span .fa {
    color: #333;
    margin-right: 5px
}

.iq-widget-archives li {
    margin: 10px 0 10px 20px
}

.iq-widget-archives li a {
    color: #666
}

.iq-widget-archives li a i {
    font-size: 16px;
    margin-right: 5px
}

.iq-widget-archives li a:hover {
    margin-left: 5px;
    color: #0bc9e3
}

.iq-sidebar-widget {
    position: relative
}

.iq-sidebar-widget ul li a {
    font-size: 14px;
    display: block;
    color: #222;
    position: relative
}

.iq-sidebar-widget .iq-widget-menu i {
    padding-top: 4px;
    position: absolute;
    right: 18px
}

.iq-sidebar-widget ul li a span {
    padding: 5px 10px 5px 0;
    display: block;
    font-size: 16px
}

.iq-sidebar-widget ul li a span:hover {
    text-decoration: none;
    color: #0bc9e3
}

.iq-sidebar-widget ul li.active {
    border-bottom: none
}

.iq-sidebar-widget ul li.hover a {
    color: #0bc9e3
}

.iq-sidebar-widget ul li.hover a span {
    background: 0 0;
    color: #0bc9e3
}

.iq-sidebar-widget ul ul li a span {
    color: #333
}

.iq-sidebar-widget ul ul li a span:hover {
    color: #0bc9e3
}

.iq-sidebar-widget ul ul {
    display: none;
    padding-left: 20px
}

.iq-sidebar-widget ul ul a {
    display: block;
    color: #333;
    font-size: 14px
}

.iq-sidebar-widget ul ul a:hover {
    color: #0bc9e3
}

.iq-sidebar-widget ul li.active i {
    transform: rotate(90deg)
}

.iq-sidebar-widget ul.iq-tag li {
    display: inline-block;
    margin: 5px 5px 5px 0
}

.iq-sidebar-widget ul.iq-tag li a {
    display: block;
    background: #f3f3f3;
    color: #222;
    padding: 5px 15px;
    border-radius: 3px
}

.iq-sidebar-widget ul.iq-tag li a:hover {
    background: #0bc9e3;
    color: #fff
}

.iq-comment-list li {
    margin-top: 25px;
    margin-bottom: 0;
    vertical-align: top;
    padding: 0;
    position: relative
}

.iq-comment-list .iq-comments-media {
    padding: 15px 15px 30px;
    border-radius: 0;
    border-bottom: 1px solid #eee
}

.iq-comment-list .iq-comments-media img {
    width: 85px
}

.iq-comment-list li:last-child .iq-comments-media {
    border-bottom: none;
    padding-bottom: 0
}

.iq-comment-list ul {
    padding-left: 60px
}

.iq-comment-list .reply {
    position: absolute;
    line-height: 22px;
    margin: 0;
    padding: 2px 16px;
    font-size: 11px;
    right: 0;
    top: 0;
    font-weight: 500;
    color: #fff
}

.iq-comment-list .reply:hover {
    color: #fff
}

.iq-comment-list .iq-comments-media .iq-comments-info .reply {
    color: #fff
}

.info-block img {
    width: 100px
}

.info-block {
    padding: 30px
}

.blog-contact .formmessage {
    display: none
}

.blog-contact .contact-form .section-field {
    width: 100%;
    float: left
}

.blog-contact .contact-form textarea {
    min-height: 140px;
    border: 1px solid #f6f6f6;
    background: #f6f6f6
}

.blog-contact .contact-form .section-field input {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 4px;
    padding-left: 20px;
    height: 45px;
    line-height: 45px;
    clear: both;
    color: #333;
    border: 1px solid #f6f6f6;
    background: #f6f6f6
}

.blog-contact .contact-form .section-field input:focus,
.blog-contact .contact-form .section-field.textarea textarea:focus {
    border: 1px solid #0bc9e3;
    box-shadow: none;
    outline: none
}

.iq-portfolio {
    position: relative;
    overflow: hidden
}

.iq-portfolio .iq-portfolio-img img {
    width: 100%;
    transition: all .35s ease 0s
}

.iq-portfolio:hover .iq-portfolio-img img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2)
}

.iq-portfolio .iq-portfolio-content span,
.iq-portfolio .iq-portfolio-content a {
    color: #fff
}

.iq-portfolio .iq-portfolio-content a:hover {
    color: #222
}

.iq-portfolio .iq-portfolio-content {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: left;
    background: rgba(11, 201, 227, .8);
    padding: 30px;
    opacity: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.iq-portfolio .iq-portfolio-content .iq-zoom {
    position: absolute;
    bottom: 25px;
    right: 30px;
    font-size: 24px;
    color: #fff
}

.iq-portfolio .iq-portfolio-content:hover {
    opacity: 1
}

.iq-portfolio-img {
    overflow: hidden
}

.iq-port-single .iq-tag li {
    display: inline-block;
    margin-left: 5px;
    margin-top: 10px
}

.iq-port-single .iq-tag li a {
    display: block;
    background: #f3f3f3;
    color: #222;
    padding: 5px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.iq-port-single .iq-tag li a:hover {
    background: #0bc9e3;
    color: #fff
}

.iq-port-single .portfolio-meta li {
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 0
}

.iq-port-single .portfolio-meta li span {
    display: inline-block;
    font-weight: 600;
    margin-left: 10px
}

.iq-port-single .portfolio-meta li span.lead {
    font-size: 16px
}

.iq-port-single .owl-carousel .item span {
    font-size: 24px;
    font-weight: 600
}

.iq-port-single .owl-carousel .owl-item img {
    width: 100%!important
}

.iq-port-single .owl-carousel .iq-portfolio-05 .hoverdir .likes span {
    font-size: 14px
}

.iq-port-single hr {
    margin: 30px 0
}

.iq-port-single .button {
    margin: 0 0 20px
}

.iq-error {
    padding-top: 100px
}

.iq-error h2 {
    font-weight: 600;
    margin-top: 30px;
    font-size: 50px;
    color: #0bc9e3
}

.iq-error h5 {
    margin-top: 20px
}

.iq-error p {
    margin-top: 10px
}

.iq-maintenance h2 {
    text-align: center;
    font-weight: 600;
    font-size: 80px;
    line-height: 100px;
    color: #0bc9e3
}

.iq-maintenance h5 {
    margin-top: 30px
}

.iq-maintenance p {
    margin-top: 15px
}

.iq-maintenance-2 h2 {
    text-align: center;
    font-weight: 600;
    font-size: 65px;
    line-height: 80px;
    color: #0bc9e3
}

.iq-maintenance-2 h5 {
    margin-top: 30px
}

.iq-maintenance-2 .input-group {
    width: 65%;
    display: inline-flex;
    margin: 40px 0
}

.iq-maintenance-2 .input-group input {
    border: 1px solid #0bc9e3
}

.iq-maintenance-2 .button {
    padding: 10px 79px
}

.iq-our-touch{ padding:80px 0 60px 0; }
.iq-contact1 #contact .button.black {
    margin-top: 20px
}

.iq-contact1 .iq-get-in .media {
    margin: 25px 0
}

.iq-contact1 .contact-form {
    margin-top: 30px
}

.iq-contact1 .iq-map iframe {
    border: 0;
    width: 100%;
    height: 350px
}

.iq-contact1 .iq-get-in {
    padding: 30px;
    position: relative; 
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15)
}

.iq-contact1 .contact-form .section-field {
    position: relative;
    width: 100%;
    float: left
}

.iq-contact1 .contact-form .section-field input {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-left: 20px;
    height: 45px;
    line-height: 45px;
    clear: both;
    border: 1px solid #f6f6f6;
    background: #f6f6f6
}

.iq-contact1 .contact-form .section-field input:focus,
.contact-form .section-field.textarea textarea:focus {
    border: 1px solid #0bc9e3;
    box-shadow: none;
    outline: none;
    background: #f6f6f6
}

.iq-contact1 .contact-form .section-field.textarea textarea {
    width: 100%;
    float: left;
    color: #b6b6b6;
    border: 1px solid #f6f6f6;
    background: #f6f6f6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 15px 0 0 20px;
    resize: none
}

#contact1 #success {
    display: none
}

.iq-contact1 .contact-info {
    position: relative
}

.iq-contact1 .contact-info:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: 15px;
    top: 0;
    background: #e5e5e5
}

.iq-contact1 .info-share {
    margin: 40px 0 0;
    padding: 0;
    text-align: left
}

.iq-contact1 .info-share li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 5px;
    width: inherit
}

.iq-contact1 .info-share li a {
    margin-top: 10px;
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #666;
    background: 0 0;
    border: 1px solid #666;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.iq-contact1 .info-share li a:hover {
    background: #0bc9e3;
    border-color: #0bc9e3;
    color: #fff
}

.iq-contact1 i {
    font-size: 20px
}

.iq-contact1 .heading-left {
    position: relative
}

.iq-contact1 .heading-left:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 4px;
    background: #0bc9e3;
    display: inline-block
}

.iq-contact1 .left {
    float: left;
    margin-right: 20px;
    text-align: center;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.iq-contact1 .left i {
    color: #0bc9e3;
    font-size: 32px;
    display: block;
    line-height: 60px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.iq-contact1 .contact-box .right {
    display: table-cell;
    margin-top: 10px;
    vertical-align: top
}

.iq-contact1 .contact-box .right p {
    margin-top: 0
}

.iq-contact1 .button {
    background: #ea601e;
    color: #fff;
    outline: none!important;
    border: none!important
}

.iq-contact1 .button:hover {
    background: #222;
    color: #fff
}

.iq-contact2 .contact {
    padding: 30px;
    padding-left: 50px
}

.iq-contact2 .contact-box {
    margin-bottom: 30px
}

.iq-contact2 .contact-box:last-child {
    margin-bottom: 0
}

.iq-contact2 .contact-form {
    margin-top: 30px
}

.iq-contact2 .contact-form .button.black {
    margin-top: 20px
}

.iq-contact2 input,
.iq-contact2 textarea {
    width: 100%;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ddd
}

.iq-contact2 textarea {
    min-height: 100px
}

.iq-contact2 textarea:focus {
    box-shadow: none;
    border: none
}

.iq-contact2 .iq-map iframe {
    border: 0;
    width: 100%;
    height: 607px;
    z-index: 1;
    float: left;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}

.iq-contact2 #formmessage {
    display: none
}

.iq-contact2 .contact-form .section-field {
    position: relative;
    width: 100%;
    float: left
}

.iq-contact2 .contact-form .section-field input {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-left: 20px;
    height: 45px;
    line-height: 45px;
    clear: both;
    color: #b6b6b6;
    border: 1px solid #f6f6f6;
    background: #f6f6f6
}

.iq-contact2 .contact-form .section-field input:focus,
.contact-form .section-field.textarea textarea:focus {
    border: 1px solid #0bc9e3
}

.iq-contact2 .contact-form .section-field.textarea textarea {
    width: 100%;
    float: left;
    color: #b6b6b6;
    border: 1px solid #f6f6f6;
    background: #f6f6f6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 20px 0 0 20px;
    resize: none
}

.iq-contact2 .contact-form .section-field.textarea textarea:focus {
    border: 1px solid #0bc9e3
}

.iq-contact2 .left {
    margin-right: 15px;
    float: left;
    text-align: center;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.iq-contact2 .left i {
    color: #fff;
    font-size: 32px;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.iq-contact2 .right {
    display: table-cell;
    margin-top: 10px;
    vertical-align: top
}

.iq-contact2 .right p {
    margin-top: 0;
    color: #fff
}

.iq-contact2 .right span {
    font-size: 18px
}

.iq-contact2 .heading-left {
    position: relative
}

.iq-contact2 .heading-left:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 4px;
    background: #fff;
    display: inline-block;
    margin-left: 20px
}

.iq-contact2 .button {
    background: #ea601e;
    color: #fff;
    outline: none!important;
    border: none!important
}

.iq-contact2 .button:hover {
    background: #222;
    color: #fff
}

.iq-coming-1 .big-text {
    font-size: 60px;
    text-transform: uppercase;
    color: #ea601e;
    line-height: 80px
}

.iq-coming-1 img {
    width: 140px
}

.iq-coming-1 .iq-subscribe .form-group {
    width: 40%
}

.iq-coming-1 .iq-subscribe .form-control {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    height: 48px;
    width: 100%;
    display: inline-block;
    padding-left: 25px;
    box-shadow: none;
    border: none;
    background: #f2f2f2
}

.iq-coming-1 .countdown-timer {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    max-width: 300px;
    margin: 50px auto
}

.iq-coming-1 .countdown-timer h5 {
    font-size: 14px;
    letter-spacing: .5px;
    text-align: center;
    padding-top: 10px;
    text-shadow: none
}

.iq-coming-1 .countdown-timer .timer {
    padding: 10px;
    text-align: center;
    padding-top: 15px
}

.iq-coming-1 .countdown-timer .timer .timer-wrapper {
    display: inline-block;
    width: 200px;
    height: 50px
}

.iq-coming-1 .countdown-timer .timer .timer-wrapper .time {
    font-size: 80px;
    font-weight: 700;
    color: #333;
    margin: 0 50px;
    float: left
}

.iq-coming-1 .countdown-timer .timer .timer-wrapper .text {
    font-size: 20px
}

.iq-coming-1 #countdown {
    list-style: none;
    margin: 20px 0 30px;
    padding: 0;
    display: block;
    text-align: center;
    display: inline-block
}

.iq-coming-1 #countdown li {
    display: inline-block;
    margin: 0 20px
}

.iq-coming-1 #countdown li span {
    font-size: 50px;
    font-weight: 800;
    line-height: 80px;
    color: #222
}

.iq-coming-1 #countdown li.seperator {
    font-size: 50px;
    line-height: 40px;
    vertical-align: top;
    margin: 35px 0;
    color: #222
}

.iq-coming-1 #countdown li h6 {
    color: #222;
    font-size: 20px;
    padding-right: 30px
}

.iq-coming-1 .particles-bg {
    position: relative;
    overflow: hidden
}

.iq-coming-1 .particles-bg #canvas {
    position: absolute;
    display: block;
    color: rgba(255, 255, 255.0.9)
}

.iq-coming-1 #countdown li p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #222
}

.iq-coming-1 .button {
    margin-left: 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    padding: 11px 20px
}

.iq-coming-blog {
    padding: 100px 0
}

.iq-coming-1 .iq-media-blog li {
    margin: 0;
    margin-left: 0
}

.iq-coming-1 .iq-media-blog li a {
    height: 45px;
    width: 45px;
    font-size: 18px;
    line-height: 45px;
    background: #02d871;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    float: left;
    border: 1px solid #ea601e
}

.iq-coming-1 .iq-media-blog li a:hover {
    background: transparent;
    color: #ea601e
}

.mega-menu .menu-mobile-collapse-trigger {
    width: 30px
}

.mega-menu .drop-down-multilevel a {
    margin: 0;
    padding: 8px 20px
}

header.header-1 .mega-menu.menuFullWidth.desktopTopFixed {
    background: #32668c;
    padding: 10px 0;
    z-index: 99999
}

header.header-1 .mega-menu.menuFullWidth.desktopTopFixed .menu-logo img {
    display: block;
    height: 40px;
    margin-top: 8px
}

header.header-1 .mega-menu.menuFullWidth.desktopTopFixed .menu-links {
    float: right
}

header.header-1 .mega-menu.menuFullWidth.desktopTopFixed .menu-list-items {
    padding: 0 40px;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15)
}

header.header-1 .mega-menu.menuFullWidth.desktopTopFixed .menu-links>li>a {
    padding: 17px 0 13px 0
}

header.header-1 a.iq-cart {
    color: #0bc9e3;
    font-size: 24px
}

header.header-1 a.iq-cart:hover {
    color: #ea601e!important
}

header.header-1 .shop-cart {
    top: 0
}

header.header-1 .mega-menu .menu-links>li {
    padding: 0 20px 0px 20px;
    transition: all 0.15s ease-in-out
}

header.header-1 .mega-menu .menu-links>li>a {
 padding: 17px 0 13px 0;
    transition: all 0.15s ease-in-out
}

header.header-1 .mega-menu .menu-links>li.active a,
header.header-1 .mega-menu .menu-links>li:hover a {
    color: #fff;border-bottom: 4px solid #fff;
}

 

header.header-1 .mega-menu .drop-down-multilevel * {
    color: #222
}

header.header-1 .mega-menu .menu-links>li .drop-down-multilevel li a {
    background: #fff;
    color: #222
}

header.header-1 .mega-menu .menu-mobile-collapse-trigger {
    width: 50px;
    margin-right: 30px;
    background: #0bc9e3;
    height: 50px
}

header.header-1 .mega-menu.menuFullWidth.mobileTopFixed .menu-mobile-collapse-trigger {
    background: #222
}

header.header-1 .mega-menu .menu-mobile-collapse-trigger:before,
header.header-1 .mega-menu .menu-mobile-collapse-trigger:after,
header.header-1 .mega-menu .menu-mobile-collapse-trigger span {
    width: 40px
}

header.header-1 .mega-menu .menu-links>li .drop-down-multilevel li.active a,
header.header-1 .mega-menu .menu-links>li .drop-down-multilevel li:hover a {
    color: #fff;
    background: #ea601e
}

header.header-1 .mega-menu .menu-links>li .drop-down-multilevel li.active .drop-down-multilevel a,
header.header-1 .mega-menu .menu-links>li .drop-down-multilevel li:hover .drop-down-multilevel a {
    background: #fff;
    color: #222
}

header.header-1 .mega-menu .menu-links>li .drop-down-multilevel li.active .drop-down-multilevel li.active a,
header.header-1 .mega-menu .menu-links>li .drop-down-multilevel li:hover .drop-down-multilevel li:hover a {
    background: #ea601e;
    color: #fff
}

header section .heade-hide {
    display: none
}

header.header-1 {
    position: relative
}

header.header-1 .header-top {
    background: #222;
    padding: 8px 0
}

header.header-1 .header-top .iq-social {
    text-align: right
}

header.header-1 .header-top .iq-social li a {
    color: #fff;
    margin-right: 15px
}

header.header-1 .header-top .iq-social li a:hover {
    color: #0bc9e3
}

header.header-1 .header-top .topbar-left.iq-contact {
    color: #fff
}

header.header-1 .header-top .topbar-left.iq-contact i {
    font-size: 18px;
    margin-right: 6px;
    text-align: center
}

header.header-1 .header-middle {
    padding: 10px 0;
    position: relative;
    background: #32668c
}

header.header-1 .header-middle ul {
    margin: 0;
    padding: 0
}

header.header-1 .header-middle .menu-logo img {
    width: 300px
}

header.header-1 .header-middle .iq-emergency .media {
    float: right
}

header.header-1 .header-middle .iq-emergency .media a {
    font-size: 36px;
    color: #0bc9e3
}

header.header-1 .header-middle .iq-emergency .media p {
    font-weight: 600;
    margin-bottom: 0
}

header.header-1 .header-middle .iq-emergency .media .iq-title {
    font-size: 1.1vw;
    font-weight: 700;
    color: #222;
    -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
}
header.header-1 .header-middle .iq-emergency .media .iq-title a{font-size:1.5vw }

@-webkit-keyframes color-change {
    0% {
        color: #fff
    }
    50% {
        color: #0bc9e3
    }
    100% {
        color: #fff
    }
}

@-moz-keyframes color-change {
    0% {
        color: #fff
    }
    50% {
        color: #0bc9e3
    }
    100% {
        color: #fff
    }
}

@-ms-keyframes color-change {
    0% {
        color: #fff
    }
    50% {
        color: #0bc9e3
    }
    100% {
        color: #fff
    }
}

@-o-keyframes color-change {
    0% {
        color: #fff
    }
    50% {
        color: #0bc9e3
    }
    100% {
        color: #fff
    }
}

@keyframes color-change {
    0% {
        color: #fff
    }
    50% {
        color: #0bc9e3
    }
    100% {
        color: #fff
    }
}

header.header-1 .header-bottom {
    background: #0bc9e3
}

header.header-1 .header-bottom .mega-menu>section.menu-list-items {
    background: inherit
}

header.header-1 .header-bottom .menu-logo img {
    display: none
}

header.header-1 .header-bottom .shop-cart {
    top: 25px;
    right: 30px
}

header.header-1 .header-bottom .iq-link a {
    background: #ea601e;
    color: #fff;
    padding: 20px 10px
}

header.header-1 .header-bottom .iq-link a:hover {
    background: #222
}

header.header-1 .header-bottom .mega-menu .menu-logo>li>a {
    padding: 0
}

header.header-1 .header-bottom .mega-menu .menu-logo>li>a img {
    width: auto;
    height: 55px;
    position: inherit;
    top: 0;
    left: 0;
    bottom: 0
}

header.header-1 .mega-menu .menu-links li.hoverTrigger>.drop-down-multilevel.effect-fade {
    margin-top: 40px;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15)
}

header.header-1 .mega-menu .menu-links li.hoverTrigger:hover>.drop-down-multilevel.effect-fade {
    margin-top: 0
}

header.header-2 {
    position: relative
}

header.header-2 .header-top {
    background: #222
}

header.header-2 .header-top .iq-social li a {
    color: #fff;
    margin-right: 15px
}

header.header-2 .header-top .iq-social li a:hover {
    color: #0bc9e3
}

header.header-2 .header-top .iq-link {
    text-align: right
}

header.header-2 .header-top .iq-link li a {
    background: #0bc9e3;
    color: #222;
    position: relative;
    padding: 13px 30px
}

header.header-2 .header-top .iq-link li a:hover {
    background: #eb6024;
    color: #0bc9e3
}

header.header-2 .header-top .iq-link li a i {
    margin-right: 10px;
    color: #fff
}

header.header-2 .topbar-left.iq-contact li {
    color: #fff;
    margin: 10px 20px 10px 0
}

header.header-2 .cart-product .cart-price {
    text-align: left
}

header.header-2 .cart-product .cart-close i {
    color: #222!important
}

header.header-2 .header-middle {
    padding: 20px 0
}

header.header-2 .header-middle ul {
    margin: 0;
    padding: 0
}

header.header-2 .header-middle .menu-logo img {
    width: 200px
}

header.header-2 .header-middle .topbar-left.iq-contact {
    text-align: right;
    font-weight: 600;
    color: #222
}

header.header-2 .header-middle .topbar-left.iq-contact i {
    background: #0bc9e3;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 100%;
    font-size: 18px;
    margin-right: 6px;
    color: #fff;
    text-align: center
}

header.header-2 .header-bottom .mega-menu>section.menu-list-items {
    background: inherit
}

header.header-2 .header-bottom .mega-menu .menu-logo>li>a:hover {
    background-color: inherit
}

header.header-2 .mega-menu .menu-links>li a {
    color: #222;
    padding: 15px 0 20px 40px
}

header.header-2 .mega-menu .menu-links>li.active a,
header.header-2 .mega-menu .menu-links>li:hover a {
    color: #ea601e
}

header.header-2 .mega-menu .menu-links>li .drop-down-multilevel li a {
    color: #222
}

header.header-2 .mega-menu .menu-links>li .drop-down-multilevel li:hover a,
header.header-2 .mega-menu .menu-links>li .drop-down-multilevel li.active a {
    background: #0bc9e3;
    color: #fff
}

header.header-2 .mega-menu .menu-links>li .drop-down-multilevel li.active .drop-down-multilevel a,
header.header-2 .mega-menu .menu-links>li .drop-down-multilevel li:hover .drop-down-multilevel a {
    background: #fff;
    color: #222
}

header.header-2 .mega-menu .menu-links>li .drop-down-multilevel li.active .drop-down-multilevel li.active a,
header.header-2 .mega-menu .menu-links>li .drop-down-multilevel li:hover .drop-down-multilevel li:hover a {
    background: #0bc9e3;
    color: #fff
}

header.header-2 .header-bottom .shop-cart {
    top: 25px;
    right: 30px
}

header.header-2 .header-bottom {
    margin: 20px 0
}

header.header-2 .header-bottom .mega-menu .menu-logo>li>a {
    padding: 0
}

header.header-2 .header-bottom .mega-menu .menu-logo>li>a img {
    width: auto;
    height: 55px;
    position: inherit;
    top: 0;
    left: 0;
    bottom: 0
}

header.header-2 .mega-menu .menu-links li.hoverTrigger>.drop-down-multilevel.effect-fade {
    margin-top: 40px;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15)
}

header.header-2 .mega-menu .menu-links li.hoverTrigger:hover>.drop-down-multilevel.effect-fade {
    margin-top: 0
}

header.header-2 .mega-menu .menu-links {
    float: right
}

header.header-2 .mega-menu .menu-links>li.active {
    background: inherit
}

header.header-2 .mega-menu .menu-mobile-collapse-trigger:before,
header.header-2 .mega-menu .menu-mobile-collapse-trigger:after,
header.header-2 .mega-menu .menu-mobile-collapse-trigger span {
    background: #222
}

header.header-2 .header-bottom .mega-menu.menuFullWidth.desktopTopFixed>section.menu-list-items {
    background: #fff;
    padding: 10px 40px;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15)
}

header.header-2 .mega-menu .drop-down-multilevel li:hover>a,
header.header-2 .mega-menu .drop-down-multilevel li.active>a {
    color: #fff
}

header.header-2 .header-top .shop-cart {
    top: 10px
}

header.header-2 .header-top .iq-link li {
    margin-left: 50px
}

header.header-2 .header-top .iq-link li:first-child a {
    color: #fff
}

header.header-2 .header-top .iq-link .shop-cart a {
    background: inherit!important;
    padding: inherit
}

header.header-2 .header-top .cart-count {
    background-color: #eb6024
}

header.header-2 .header-top .cart-box .cart-header div {
    text-align: left;
    font-weight: 600
}

header.header-2 .mega-menu .menu-links li.hoverTrigger>.drop-down-multilevel.effect-fade li a {
    padding: 10px 15px
}

.deps-sec{
background: url(../images/deps-bg.jpg) no-repeat;padding:100px 0; 
 background-size: 100%;   background-attachment: fixed;

}

.deps-box{display: table;}
.deps-box .heading{display: table-cell; vertical-align: middle;max-width: 300px;
background: #fff; padding:60px 30px ; font-size: 24px; font-weight: 800; color: #4b4b4b}

.deps-box .heading p{ font-size: 14px;}

.deps-box .deps-list{display: table-cell; vertical-align: middle; width: 100%;
font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px;
text-transform: none; height: 300px; background: rgba(0,0,0,0.7);
padding:20px 20px  20px 40px;}

.deps-box .deps-list li {width: 50%;
    display: inline-block;
    margin: 10px 15px ;
    padding: 10px 30px;
    background: #fff;
    border-radius: 10px;
    max-width: 200px;
    text-align:left
}

.deps-box .deps-list li i{position: absolute; margin-left: -20px;margin-top: 3px;
color:#d83434;}



@media(max-width:767px) {
	.deps-box{display: block;}
.deps-box .heading{display: block; vertical-align: middle;max-width: 100%; text-align:center;
background: #fff; padding:60px 30px ; font-size: 24px; font-weight: 800; color: #4b4b4b}
	
	.deps-box .deps-list{display: block; vertical-align: middle; width: 100%;
font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px;
text-transform: none; height:100%; background: rgba(0,0,0,0.7);
padding:20px 20px  20px 40px;}
	
	.deps-box .deps-list li {width: 100%;  max-width: 250px;
    text-align:left}
	
}


.critical-banner{font-family: Montserrat; font-size: 36px; line-height: 1; 
font-weight: 500; text-transform: uppercase; text-align: center;
margin-top: 40px}

.critical-banner  span{background: #ea3030; display:block; color:#fff; padding:2px 10px;  line-height: 1; max-width: 400px; margin:10px auto; text-align: center;
animation: pulse  4s   infinite;}


@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    animation-name: pulse
}

.socials li{ display: inline-block; color: #fff; margin-top: 5px; }
.socials li a{ font-weight:bold; color: #fff; font-size: 12px;
padding:0 5px;}

.docs-deps {background: /*#e3ecf3*/; 
background: url(../images/doc-bg.jpg); background-position: center bottom; 
 padding:60px 0;}

.docs-intro { background: rgba(255,255,255,0.95); border-radius: 10px; padding-bottom: 20px;
    box-shadow: 0 10px 30px rgba(50, 102, 139, 0.1)}
.docs-intro h3{background: #32668c;
    color: #fff;
    padding: 6px 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 550;
    line-height: 30px; 
    border-top-right-radius: 10px; border-top-left-radius: 10px}
.docs-intro p{ text-align: justify; padding:10px 20px; font-size: 14px; 
margin-bottom: 0}
.docs-intro a{ margin-left: 20px}

.docs-bx{ }
.docs-bx img{max-height: 180px; display: block; margin:10px auto; 
    box-shadow: 0  0 30px rgba(50, 102, 139, 0.3)}
.docs-bx p{ background: #8eabc1; padding: 30px 15px 10px 15px; color:#fff; 
    font-size:14px;text-align: center; margin-top: -30px;

border-top:6px solid #32668c;}
    .docs-bx p b {font-size: 16px; text-transform: uppercase;}
.docs-bx p span{ }

.form-bx{ border: 2px solid #ea601e;
    box-shadow: 15px 15px 0 4px #ea601e;
    padding: 15px 40px 30px 40px;}

.facs-page-list{margin:0 0 20px 0; padding: 0}
.facs-page-list li{list-style: none; margin:0 0 15px 30px; 
font-size: 16px; font-weight: normal;}
.facs-page-list li:before{position: absolute; font-family: 'FontAwesome';
 content: '\f055'; margin-left: -30px; color: #ea601e; font-size: 18px;}

.dep-txt-img{max-width: 100%;     margin: 0 auto -1% -15px;    display: block;}
.dep-txt{border:1px solid #32668c; padding:30px 20px;}
.dep-txt h4{font-size: 24px; text-transform: uppercase; color: #ea601e;
margin-bottom: 25px; border-bottom: 1px solid #ea601e; font-weight: bold}
.dep-txt h2{font-size: 24px; text-transform: uppercase; color: #ea601e;
margin-bottom: 25px; border-bottom: 1px solid #ea601e; font-weight: bold}
.dep-txt{font-size: 15px; text-align: justify;}