body {
}

a {
    text-decoration: none;
}

.clearfix {
    clear: both;
}

.iconIntoPage {
    color: #32C8EE;
    width: 50px;
    font-size: 22px;
    float: right;
}

.textIntoPage {
    margin: 10px;
    float: right;
}

.titleDtl {
    background-color: #ffffff;
    color: #393939;
    padding: 3px 0px;
    text-align: center;
    float: right;
    font-size: 15px;
    border-top: 1px solid #32C8EE;
    border-right: 1px solid #32c8ee;
    border-left: 1px solid #32c8ee;
    border-radius: 4px 4px;
    margin-top: 15px;
}

.subjectDtl {
    background-color: #393939;
    color: #ffffff;
    padding: 1px 0px;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid #fff;
}

    .subjectDtl a {
    }

.DataDtl {
    background-color: #fff;
    color: #393939;
    padding: 5px 0px;
    text-align: center;
    font-size: 13px;
    border-left: 1px solid #393939;
    border-bottom: 1px solid #393939;
}

.DataItemBox {
    padding: 5px;
}

.titleTxt {
    float: right;
    color: #ffffff;
    background: #009ab0;
    padding: 0px 1% 4px 0;
    height: 22px;
    font-size: 14px;
    width: 35%;
    direction: ltr;
    /*border: 1px solid #009ab0;*/
}

.txtBox {
    float: right;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-right: 1.5%;
    direction: rtl;
    color: #393939;
    height: 22px;
    font-size: 14px;
    width: 58%;
}

.titleTxt2 {
    float: right;
    color: #ffffff;
    background: #009ab0;
    padding: 0px 1% 4px 0;
    height: 22px;
    font-size: 14px;
    width: 17%;
    /*border: 1px solid #009ab0;*/
}

.txtBox2 {
    float: right;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-right: 1.5%;
    direction: rtl;
    color: #393939;
    height: 22px;
    font-size: 14px;
    width: 78%;
}

.titleTxt3 {
    float: right;
    color: #ffffff;
    background: #009ab0;
    padding: 0px 1% 4px 0;
    height: 22px;
    font-size: 14px;
    width: 11%;
    /*border: 1px solid #009ab0;*/
}

.txtBox3 {
    float: right;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-right: 1.5%;
    direction: rtl;
    color: #393939;
    height: 22px;
    font-size: 14px;
    width: 85%;
}

.txtBox3_link {
    float: right;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-right: 1.5%;
    direction: ltr;
    text-align: left;
    color: #393939;
    height: 22px;
    font-size: 14px;
    width: 85%;
}

.txtBoxDateStatus {
    float: right;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-right: 1.5%;
    direction: rtl;
    color: #393939;
    height: 22px;
    font-size: 14px;
    width: 28%;
}

.RadioList {
    direction: rtl;
    text-align: right;
    width: 60%;
}

    .RadioList tr {
        background: #e2e2e2;
        border-top: 3px #eeeeee solid;
    }

        .RadioList tr td input {
            width: 24px;
            font-size: 26px;
            height: 16px;
            margin-top: 3px;
        }

.RadioListSmalleTitle tr td label {
    font-size: 12px;
}
/*---------- radio2 -------------*/

.RadioList2 {
    direction: rtl;
    text-align: right;
    width: 60%;
    float: right;
    margin: 10px;
}

    .RadioList2 tr {
        text-align: center;
    }

        .RadioList2 tr td input {
            width: 24px;
            font-size: 26px;
            height: 16px;
            margin: 10px 32px;
            text-align: center;
        }

.RadioListSmalleTitle tr td label {
    font-size: 12px;
}

/*------------ radio 2 ------------*/

.DDlistFilter {
    float: right;
    margin-bottom: 10px;
    padding-right: 5px;
    direction: rtl;
    color: #393939;
    height: 26px;
    font-size: 14px;
    width: 61%;
}

.DDlistFilter2 {
    float: right;
    margin-bottom: 10px;
    padding-right: 5px;
    direction: rtl;
    color: #393939;
    height: 26px;
    font-size: 14px;
    width: 80%;
}

.chBox {
    width: 20%;
    float: right;
}

.fluBox3 {
    border: 1px solid #a9a9a9;
    height: 24px;
    float: right;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-right: 1.5%;
    color: #393939;
    font-size: 14px;
    width: 85%;
}

.btnFilter {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #69d136;
    background-image: -webkit-linear-gradient(top,#70e039,#69d136);
    background-image: linear-gradient(top,#70e039,#69d136);
    border: 1px solid transparent;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    height: 26px;
    font-size: 14px;
    padding: 0 19px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
}

.printMetod {
    background: #34f355;
    font: bold 14px Tahoma,arial,sans-serif;
    margin-right: 10px;
    cursor: pointer;
    width: 100px;
    height: 28px;
    border: 1px solid #c3fba1;
    border-radius: 3px;
    float: right;
    margin: 5px;
}

    .printMetod a {
        color: #494e4b;
        float: left;
        font-family: iransans;
        font-size: 15px;
        line-height: 25px;
        margin: 0 14px 0 14px;
    }

    .printMetod:hover {
        background: #17e45f;
        color: #fff;
        transition: ease 0.2s;
    }

.btnEditFile {
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #009ab0;
    background-image: -webkit-linear-gradient(top,#009ab0,#009ab0);
    background-image: linear-gradient(top,#009ab0,#009ab0);
    border: 1px solid transparent;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    height: 26px;
    text-align: center;
    direction: rtl;
    font-size: 13px;
    padding: 0 19px;
    margin: 2px 0px 0px 2px;
    /* margin-right: 10px; */
    /* margin-bottom: 10px; */
    /* margin-left: 5px; */
}

}

.btnEditFile:hover {
    background-color: #009ab0;
    background-image: -webkit-linear-gradient(top,#357e9a,#009ab0);
    background-image: linear-gradient(top,#393939,#009ab0);
    /* border: 1px solid #48b01a; */
    color: #f3a2a2;
}

.btnFilter:hover {
    background-color: #c53727;
    background-image: -webkit-linear-gradient(top,#70e039,#45c527);
    background-image: linear-gradient(top,#70e039,#45c527);
    border: 1px solid #48b01a;
    color: #393939;
}

.txtId {
    background-color: #e2e2e2;
    /* position: static; */
    border: 2px solid #d4d4d4;
}


.btnNoFilter {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #d14836;
    background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
    background-image: linear-gradient(top,#dd4b39,#d14836);
    border: 1px solid transparent;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    height: 26px;
    font-size: 14px;
    padding: 0 12px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .btnNoFilter:hover {
        background-color: #c53727;
        background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
        background-image: linear-gradient(top,#dd4b39,#c53727);
        border: 1px solid #b0281a;
        color: #393939;
    }


.boxFile {
    width: 30%;
    float: right;
    border: 1px solid #aaa;
    padding: 8px 3px 1px 3px;
    border-top: 3px solid #7d7a7a;
    margin: 1%;
    cursor: pointer;
    height: 137px;
}

    .boxFile:hover {
        box-shadow: 0 0 2px 2px #c1c1c1;
        border: 1px solid #009ab0;
        border-top: 3px solid #009ab0;
    }

.boxFileTxt {
    width: 70%;
    float: right;
}

.boxFilePic {
    width: 30%;
    display: block;
}

.boxFile a {
    display: block;
    direction: rtl;
    color: #c12f1c;
    font-size: 13px;
    margin-right: 5px;
}

.chboxCss input {
    width: 18px;
    height: 18px;
    margin-top: 3px;
}

.chboxCss label {
    line-height: -13px;
    position: absolute;
    margin-left: 7px;
}


.chboxCss2 input {
    width: 15px;
    height: 15px;
    margin-top: 3px;
    margin-right: 120px;
}

.chboxCss2 label {
    margin-left: 11px;
    position: absolute;
    width: 120px;
    text-align: left;
    /* left: 120px; */
    margin-left: -110px;
}


.bodyPrint {
    margin: 10px auto;
    width: 980px;
    height: 1400px;
    padding: 20px;
    border: 2px solid #a9a9a9;
}
/*hosseinmodabber*/
.widthimg {
    width: 100%;
}


/*Style New HB_1400*/

body {
/*    font-family: 'Roboto', sans-serif;
    color: #656565;
*/}

    body.bg-cover {
        background: #FFF !important;
        background-image: none;
    }

.container, .jumbotron .container {
    width: auto;
    max-width: 1140px;
}

.site-wrapper {
    background: #fff;
    margin: auto;
    overflow: hidden;
    width: 100%;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin: 0;
}

.container, .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
/*---------------------------------------------------
	HEADER
------------------------------------------------------*/

.logo_holder {
    float: left;
    width: 100%;
    height: 64px;
}
/* Logo */
.navbar-brand.logo {
    background: url(/template/img/mohalla/logomohalla.png) no-repeat left 19px;
}
    /* Logo Black */
    .navbar-brand.logo.blacklogo {
        background: url(/template/img/logo-black.png) no-repeat left 19px;
    }
    /* Logo White */
    .navbar-brand.logo.logo-white {
        background: url(/template/img/logo-white.png) no-repeat left 19px;
        margin-top: 3px;
    }

.col-topbar {
    background: #f9f8f8;
    border-bottom: solid 1px #e4e4e4;
}

    .col-topbar.padding {
        padding: 8px 0;
    }

    .col-topbar.cblue {
        background: #1cbac8;
        border-bottom: solid 0px #e4e4e4;
        color: #FFF;
    }

        .col-topbar.cblue ul li a, .col-topbar.cblue ul li, .col-topbar.cblue ul li i {
            color: #FFF;
            transition: all 0.3s ease-out 0s;
        }

            .col-topbar.cblue ul li a:hover, .col-topbar.cblue ul li a:hover i, .col-topbar.cblue ul li i:hover {
                color: #000;
            }

ul.col-top-menu {
    text-align: right;
    margin: 0;
    padding: 8px 0 0 0;
    direction: rtl;
}

    ul.col-top-menu li {
        display: inline-block;
        color: #9f9e9e;
        margin-right: 32px;
    }

        ul.col-top-menu li a {
            color: #9f9e9e;
        }

            ul.col-top-menu li a:hover {
                color: #1cbac8;
            }

.col-topbar.black-bg {
    background: #222222;
    border-bottom: solid 0px #e4e4e4;
}

    .col-topbar.black-bg ul.col-top-menu li a {
        color: #808080;
    }

        .col-topbar.black-bg ul.col-top-menu li a:hover {
            color: #c9c9c9;
        }

.col-topbar-white {
    background: #fff;
    border-top: solid 5px #f05d6b;
}

    .col-topbar-white.noborder {
        border-top: solid 0px #f05d6b;
    }

ul.col-top-menu.one li {
    margin-left: 15px;
}

    ul.col-top-menu.one li span {
        padding: 0 0px 0 15px;
    }

    ul.col-top-menu.one li.sign-in a {
        background: #f05d6b;
        color: #FFF;
        padding: 6px 18px;
    }

    ul.col-top-menu.one li.sign-in:hover a {
        background: #101010;
    }

.skroll-header ul li.skroll-active a {
    color: #009ff0;
}

.col-topbar.dark-bg {
    background: #000;
    border-bottom: solid 0px #e4e4e4;
}
/*---------------------------------------------------
	ICONS
------------------------------------------------------*/
.icon {
    height: 60px;
    width: 60px;
    line-height: 58px !important;
    z-index: 5;
    font-size: 20px !important;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #888888;
    transition: all 0.3s ease-out 0s;
}

    .icon.circle {
        border-radius: 100px;
    }

    .icon.circle-white {
        height: 50px;
        width: 50px;
        line-height: 45px !important;
        z-index: 5;
        vertical-align: middle;
        text-align: center;
        border: solid 1px #fff;
        background: #FFF;
        transition: all 0.3s ease-out 0s;
        float: right;
        margin-left: 15px;
    }

    .icon.shape {
        border-radius: 0 50px 50px 50px;
        background: #efefef;
        border: 0;
        line-height: 70px !important;
        width: 70px;
        height: 70px;
    }

.feature-info {
    padding-right: 0px;
}

    .feature-info.p-left85 {
        padding-left: 85px;
        padding-right: 0;
    }

.box-icon {
    width: 80px;
    height: 80px;
    text-align: center;
    text-transform: uppercase;
}

    .box-icon.date {
        background-color: #009ff0;
        position: absolute;
        right: 35px;
        top: 20px;
        padding-top: 23px;
    }

        .box-icon.date.d-one {
            position: static;
        }

    .box-icon.one {
        width: 55px;
        height: 55px;
        line-height: 55px;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        position: static;
        margin-top: 15px;
    }

    .box-icon.coments {
        background-color: #222222;
        position: absolute;
        right: 35px;
        top: 100px;
        padding-top: 23px;
    }

        .box-icon.coments.one {
            width: 55px;
            height: 55px;
            line-height: 55px;
            padding: 0;
            text-align: center;
            text-transform: uppercase;
            position: static;
            margin-top: 0;
        }

    .box-icon.cats {
        background-color: #3e3e3e;
        position: absolute;
        right: 15px;
        top: 160px;
        line-height: 80px;
    }

.icon.box-big {
    height: 80px;
    width: 80px;
    line-height: 75px !important;
    z-index: 5;
    font-size: 25px !important;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #fff;
    transition: all 0.3s ease-out 0s;
}

    .icon.box-big.greybro {
        border: solid 1px #656565;
        transition: all 0.3s ease-out 0s;
        color: #656565;
    }

.col-feature-box:hover .icon.box-big, .col-feature-box.active .icon.box-big {
    border: solid 1px #009ae8;
    background: #009ae8;
}

.icon.box-border {
    height: 76px;
    width: 80px;
    line-height: 72px !important;
    z-index: 5;
    font-size: 20px !important;
    vertical-align: middle;
    text-align: center;
    border: 0;
    border-bottom: solid 4px #d5d5d5;
    transition: all 0.3s ease-out 0s;
}

.col-amg-services:hover .icon.box-border, .col-amg-services.active .icon.box-border {
    border-bottom: solid 4px #0081c2;
    background: #009ae8;
    color: #FFF;
}

.icon.border-right {
    height: 90px;
    width: 90px;
    line-height: 85px !important;
    z-index: 5;
    vertical-align: middle;
    text-align: center;
    border: 0;
    border-right: solid 1px #c9c9c9;
    transition: all 0.3s ease-out 0s;
}

.icon.border-left {
    height: 90px;
    width: 90px;
    line-height: 85px !important;
    z-index: 5;
    vertical-align: middle;
    text-align: center;
    border: 0;
    border-left: solid 1px #c9c9c9;
    transition: all 0.3s ease-out 0s;
}

.div-line {
    width: 1px;
    height: 100%;
    background: #dedede;
    position: absolute;
    left: 50%;
}

.post-dis small {
    color: #adadad;
    font-size: 13px;
}

    .post-dis small span {
        margin: 0 15px;
    }
/*---------------------------------------------------
	SECTIONS
------------------------------------------------------*/
section {
    width: 100%;
    float: left;
    height: auto !important;
}

.section-lg {
    width: 100%;
    float: left;
    margin-top: 80px;
}

.section-full {
    width: 100%;
    float: left;
}

.section-lg.one {
    width: 100%;
    float: left;
    margin-top: 70px;
}

.section-lg.two {
    width: 100%;
    float: left;
    margin-top: 0px;
}

.section-lg.three {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.section-lg.four {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.section-lg-1 {
    width: 100%;
    float: left;
    margin-top: 50px;
    background-color: #f2f2f2;
}

    .section-lg-1.one {
        width: 100%;
        float: left;
        margin-top: 80px;
        background-color: transparent;
    }

    .section-lg-1.two {
        width: 100%;
        float: left;
        margin-top: 20px;
        background-color: transparent;
    }

.section-lg-2 {
    width: 100%;
    float: left;
    margin-top: 40px;
    padding: 70px 0 50px 0;
    border-bottom: solid 1px #d9d9d9;
    border-top: solid 1px #d9d9d9;
    background-color: #f2f2f2;
}

    .section-lg-2.one {
        padding: 50px 0 20px 0;
    }

.section-lg.section-lg-grey {
    padding-top: 80px;
    background: #f7f7f7;
    border-top: solid 1px #e6e6e6;
}

.section-lg.section-lg-grey1 {
    background: #f7f7f7;
    margin-top: 0;
}

.section-lg.section-lg-grey2 {
    background: #e7e7e7;
    margin-top: 20px;
    padding: 100px 0;
}

.section-lg.section-lg-grey3 {
    background: #f7f7f7;
    margin-top: 0;
    padding: 60px;
    border-bottom: solid 1px #e6e6e6;
}

.section-lg.section-lg-black {
    background: #1a1a1a;
    margin-top: 0;
    padding: 100px 0;
}

.section-lg.section-lg-green {
    background: #91c400;
    margin-top: 0;
    padding: 45px 0 70px 0;
}
/*hosseinmodabber*/
.section-lg.section-lg-blue {
    background: #009ff0;
    margin-top: 0;
    padding: 45px 0 70px 0;
}

.section-lg.section-lg-green.one {
    padding: 50px 0 50px 0;
}

.section-lg.grey-bg {
    padding: 50px 0 40px 0;
    background: #eeeeee;
    border-bottom: solid 1px #e2e1e1;
}

    .section-lg.grey-bg.col-nob {
        padding: 27px 0 0px 0;
    }

/* content feature sections */
.box-border-1 {
    border-bottom: solid 1px #e3e2e2;
    border-top: 0;
}

.box-border-3 {
    border: solid 1px #e3e2e2;
    border-top: 0;
}

.box-border-2 {
    border: solid 1px #e3e2e2;
    border-top: 0;
    border-bottom: 0;
}

.content-feature-1 {
    padding: 0;
}

    .content-feature-1 > h3 {
        margin: 20px 0;
    }

.fea-box {
    transition: all 0.3s ease-out 0s;
}

    .fea-box:hover, .fea-box.active-box {
        background: #009ff0;
        color: #FFF !important;
    }

.counters::before {
    background-color: #009ff0;
    content: "";
    height: 2px;
    right: 0px;
    position: absolute;
    top: 130px;
    width: 35px;
}

.content-feature-col.one .feature-icon-col::before {
    left: 100px;
}

.sec-titiel::before {
    background-color: #009ff0;
    content: "";
    height: 2px;
    right: 18px;
    position: absolute;
    top: 68px;
    width: 50px;
}

.sec-titiel.test::before {
    left: 0px;
    top: 160px;
}

.icon-box-col {
    width: 70px;
    height: 70px;
    line-height: 62px;
    font-size: 24px;
    color: #242424;
    border: solid 5px #e6e6e6;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    float: left;
    transition: all 0.3s ease-out 0s;
}

.content-feature-col:hover .icon-box-col, .content-feature-col.active .icon-box-col {
    border: solid 5px #009ff0;
    background: #009ff0;
    color: #fff;
}

.two-color-boxes {
    background: #242424 none repeat scroll 0 0;
    float: right;
    padding: 70px 0 20px 0;
    position: relative;
    width: 100%;
    z-index: 9;
}

    .two-color-boxes::before {
        background: url(/template/img/site-img-130.jpg) no-repeat left top fixed;
        background-size: cover;
        bottom: 0;
        content: "";
        right: 0;
        position: absolute;
        left: 50%;
        top: 0;
        z-index: -1;
    }

.two-color-boxes-two {
    background: #009ff0 none repeat scroll 0 0;
    float: right;
    padding: 70px 0 40px 0;
    position: relative;
    width: 100%;
    z-index: 9;
}

    .two-color-boxes-two::before {
        background: #000000 none repeat scroll 0 0;
        background-size: cover;
        bottom: 0;
        content: "";
        right: 0;
        position: absolute;
        left: 50%;
        top: 0;
        z-index: -1;
    }

.two-color-boxes-bgimg {
    background: url(/template/img/parallax_bg_2.jpg) no-repeat left top fixed;
    background-size: cover;
    float: right;
    padding: 55px 0 20px 0;
    position: relative;
    width: 100%;
    z-index: 9;
}

    .two-color-boxes-bgimg.one {
        background: url(/template/img/parallax_bg_28.jpg) no-repeat left top fixed;
        background-size: cover;
    }

    .two-color-boxes-bgimg::before {
        background: #009ae8;
        background-size: cover;
        bottom: 0;
        content: "";
        right: 0;
        position: absolute;
        left: 62%;
        top: 0;
        z-index: -1;
    }

.two-boxes-bgimg {
    background: url(/template/img/site-img-136.jpg) no-repeat right top fixed;
    background-size: cover;
    float: right;
    padding: 55px 0 20px 0;
    position: relative;
    width: 100%;
    z-index: 9;
}

    .two-boxes-bgimg::before {
        background: #f4f4f4;
        bottom: 0;
        content: "";
        right: 0;
        position: absolute;
        left: 50%;
        top: 0;
        z-index: -1;
    }

.small-thumb {
    float: right;
    margin: -40px 0 0 25px;
    position: relative;
    z-index: 9999;
}

    .small-thumb img {
        border: solid 4px #FFF;
        border-radius: 100%;
    }

.property {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
    position: relative;
    transition: box-shadow 0.2s ease-in-out 0s;
}

    .property:hover {
        box-shadow: 0 39px 56.4px 3.6px rgba(0, 0, 0, 0.24);
        transition: box-shadow 0.2s ease-in-out 0s;
    }

        .property:hover img {
            opacity: 0.5;
            transition: all 0.3s ease-out 0s;
        }

.property-dis {
    padding: 10px 30px 20px 30px;
}

.property-price {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 20px;
    ;
    font-weight: bold;
    padding: 5px 25px;
    position: absolute;
    right: 0;
    margin-top: -38px;
    text-transform: uppercase;
    z-index: 9;
}

.two-color-box-img {
    background: url(/template/img/site-img-141.jpg) no-repeat right top fixed;
    background-size: cover;
    float: left;
    padding: 70px 0 20px 0;
    position: relative;
    width: 100%;
    z-index: 9;
}

    .two-color-box-img::before {
        background: #f4f4f4 none repeat scroll 0 0;
        bottom: 0;
        content: "";
        right: 0;
        position: absolute;
        left: 50%;
        top: 0;
        z-index: -1;
    }

.dotlines {
    color: #999;
    margin: auto;
}

ul.list-mid-line li {
    background: url(/template/img/dot-lines.png) no-repeat center 18px;
}





/* content feature 2 */
.content-feature-2 {
    padding: 0px 0 40px 0;
}

.feature-info > h3 {
    margin: 0px 0 18px 0;
    font-size: 18px;
    transition: all 0.3s ease-out 0s;
}

.content-feature-2 i.icon {
    color: #fff;
    border: solid 1px #fff;
}

.content-feature-2:hover i.icon, .content-feature-2.active i.icon {
    color: #fff;
    border: solid 1px #009ae8;
    background: #009ae8;
}

.content-feature-2:hover .feature-info > h3, .content-feature-2.active .feature-info > h3 {
    color: #009ae8;
}
/* content feature 3 */
.grid-col {
    padding: 100px 0px !important;
    text-align: left !important;
    width: 100%;
}

.col-mdl-1 {
    width: 50%;
}

.col-mdl-2 {
    margin-left: 55%;
}

.fbox-image {
    border-bottom: solid 4px #dedede;
    padding-bottom: 30px;
    transition: all 0.3s ease-out 0s;
}

.col-sm-3:hover .fbox-image {
    border-bottom: solid 4px #1cbac8;
}
/* content feature 4 */
.how-works {
    padding-bottom: 50px;
}

    .how-works > i {
        transition: all 0.3s ease-out 0s;
    }

    .how-works:hover i {
        color: #009ff0 !important;
    }

.icon-circle {
    width: 130px;
    height: 130px;
    line-height: 170px;
    color: #656565;
    background: #FFF;
    border-radius: 100%;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s ease-out 0s;
}

.how-works:hover .icon-circle {
    color: #fff;
    background: #009ff0;
}

.small-circle-no {
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    background: #009ff0;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s ease-out 0s;
    margin: -55px 60% 0 0;
}

.how-works:hover .small-circle-no {
    color: #009ff0;
    background: #fff;
}

.team-list:hover img {
    opacity: 0.7;
    transition: all 0.3s ease-out 0s;
}

/* content feature 6 */
.f-list:hover .shape, .f-list.active .shape {
    background: #009ff0;
    color: #FFF;
}

.f-list:hover h3, .f-list.active h3 {
    color: #009ff0;
}
/* content feature 4 */
.col-video {
    background: #1cbac8;
    padding: 20px 0;
    padding-left: 7%;
}

    .col-video.black-bg {
        background: #000;
        padding: 20px 0;
        padding-right: 7%;
    }

    .col-video i {
        padding: 15px 30px 0 0;
    }

.col-parallax {
    background: #0896a2;
    padding: 20px 0;
    padding-right: 7%;
}

    .col-parallax.grey-bg {
        background: #3e3e3e;
    }

    .col-parallax i {
        padding: 15px 0 0 30px;
    }
/*testimonial home*/
.col-test {
    background: url(/template/img/bg-texture-4.png) repeat left top;
    padding: 100px 40px 150px 80px;
}

    .col-test .carousel-inner img {
        display: inline;
    }

    .col-test .carousel-inner p {
        line-height: 35px;
    }

    .col-test .carousel-indicators {
        bottom: -60px;
    }

.small-test {
    font-size: 13px;
    color: #9e9e9e;
    font-style: italic;
}

.col-test .carousel-indicators li {
    background-color: #cecece;
    border: 0;
    width: 12px;
    height: 12px;
    margin: 0 6px 0 0;
}

.col-test .carousel-indicators .active {
    background-color: #009ff0;
    border: 0 !important;
}

.col-testi {
    padding: 100px 80px 0px 80px;
}
/*testimonial app home*/
.col-test-2 {
    margin: 100px auto auto auto;
}

    .col-test-2 p {
        line-height: 35px;
    }

    .col-test-2 .carousel-inner {
        width: 85%;
        margin: auto;
    }

    .col-test-2 .carousel-indicators {
        bottom: -60px;
    }
/*testimonial home 1*/
.col-test-3 {
    margin: auto;
    float: none;
}

    .col-test-3 .item p {
        line-height: 30px;
    }

    .col-test-3 .carousel-indicators {
        bottom: -45px;
        right: 0;
        width: 45%;
    }

        .col-test-3 .carousel-indicators li {
            background-color: #7d7c7c;
            border-color: #7d7c7c;
            border-radius: 5px;
            height: 4px;
            margin: 0;
            width: 60px;
        }

        .col-test-3 .carousel-indicators .active {
            background-color: #009ff0;
            border: 0 !important;
        }
/*testimonial home 3*/
.col-test-4 {
    margin: auto;
    float: none;
    width: 85%;
}

    .col-test-4 p {
        line-height: 35px;
    }

    .col-test-4 .carousel-indicators {
        bottom: -50px;
    }
/*testimonial home 4*/
.col-test-5 {
    margin: 0;
}

    .col-test-5 .carousel-indicators {
        bottom: -80px;
    }

        .col-test-5 .carousel-indicators li {
            border-color: #f67b00;
        }

        .col-test-5 .carousel-indicators .active {
            background: #f67b00;
            border-color: #f67b00;
        }

.img-shape {
    background: url(/template/img/site-img-44.png) no-repeat left top;
    width: 50px;
    height: 100%;
    z-index: 999;
    position: absolute;
    left: 0;
    float: left;
}

.review-info {
    background: #FFF;
    text-align: right;
    padding: 12px 10px 32px 10px;
    left: 0;
}
/*testimonial home 5*/
.clent-thumb {
    text-align: left;
    margin-top: -15px;
}

.review-info5 {
    padding: 25px;
    background: #FFF url(/template/img/site-img-137.jpg) no-repeat left top;
    text-align: justify;
}

.col-test-5.one .carousel-indicators li {
    border-color: #f05d6b;
}

.col-test-5.one .carousel-indicators .active {
    background: #f05d6b;
    border-color: #f05d6b;
}

/* features section side image */
.side-image {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
    margin-top: 0px;
}

    .side-image .background-image-holder {
        top: 0;
    }

    .side-image .col-scon-info {
        padding: 50px 7% 50px 30px;
        text-align: left;
    }

.side-image {
    background: url(/template/img/parallax_bg_13.jpg) no-repeat center bottom fixed;
    background-size: cover;
    padding-bottom: 50px;
}

.col-simg {
    width: 40%;
}

.col-scon-info {
    margin-left: 42.500%;
}

.side-image .image-container {
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
}

.background-image-holder {
    background-position: 50% 50% !important;
    background-size: cover !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 95px;
    width: 100%;
    z-index: 0;
    background: url(/template/img/site-img-126.jpg) repeat scroll 50% 0 rgba(0, 0, 0, 0);
}

.u-line {
    background: #e8e8e8;
    display: block;
    height: 4px;
    margin: 0 auto;
    position: relative;
    top: 15px;
    width: 50px;
}

.figure-box {
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.fig-title {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.table {
    display: table;
    height: 100%;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}

    .table .inner {
        display: table-cell;
        vertical-align: middle;
    }

        .table .inner span {
            height: 1px;
            width: 30px;
            background: #FFF;
            display: inline-block;
            transition: all 0.3s ease-out 0s;
        }

.p-box:hover .table .inner span {
    width: 120px;
}

.table .inner a {
    font-size: 30px;
    color: #fff;
}



/* newsletter */
.newsletter {
    margin: auto;
    float: none;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 56px;
    font-size: 16px;
    padding: 10px 20px;
    transition: all 0.3s ease-out 0s;
}

    .input-group-lg > .form-control.one {
        height: 42px;
        font-size: 14px;
        padding: 10px 20px;
        border-radius: 0;
        transition: all 0.3s ease-out 0s;
    }

.input-group-lg.one > .form-control, .input-group-lg.one > .input-group-addon, .input-group-lg.one > .input-group-btn > .btn {
    height: 45px;
}

.searchbox {
    width: 80%;
    float: right;
    right: 10%;
}

.col-date-comment {
    width: 60px;
    float: left;
}

.col-post-dis {
    padding-right: 85px;
}

    .col-post-dis.noleftpad {
        padding-left: 0px;
    }

    .col-post-dis.norightpad {
        padding-right: 0px;
    }

.box-one {
    background: #1e9a5f;
    padding: 70px 35px;
}

.box-two {
    background: #27a66a;
    transition: all 0.3s ease-out 0s;
}

.box-three {
    background: #2cae70;
}

.section-full .box-one:hover {
    background: #000;
}

button.form-button {
    background-color: #f8f8f8;
    border: solid 1px #cccccc;
    border-radius: 0;
    border-right: 0;
    height: 42px;
    left: auto;
    margin: 0;
    padding: 13px;
    position: absolute;
    width: 58px;
    color: #666666;
}
/* search domain */
.dom-list {
    display: inline-block;
    float: right;
    position: relative;
    margin-left: 40px;
}

.dom-but {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
    color: #656565;
    display: inline-block;
    float: left;
    margin-right: 20px;
    overflow: hidden;
    padding: 4px 10px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-out 0s;
    z-index: 1;
}

    .dom-but::before {
        background: #fff none repeat scroll 0 0;
        border-radius: 50%;
        content: "";
        height: 20px;
        left: 50%;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: scale(0);
        transition: all 0.2s ease-out 0s;
        width: 20px;
        z-index: -1;
    }

    .dom-but span {
        display: block;
        font-size: 14px;
        font-weight: 700;
        transition: all 0.2s ease-out 0s;
        z-index: 1;
    }

    .dom-but p {
        color: #656565;
        display: block;
        font-size: 14px;
        font-weight: 300;
        transition: all 0.2s ease-out 0s;
        z-index: 1;
        margin-bottom: 0;
    }

    .dom-but:hover {
        background: #fff none repeat scroll 0 0;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
        color: #3c3c3c;
    }

        .dom-but:hover::before {
            opacity: 1;
            transform: scale(6);
        }

.input-text {
    color: #656565;
    font-size: 14px;
    height: 50px;
    min-width: 340px;
    padding-left: 15px;
}

.input-text-full {
    color: #656565;
    font-size: 14px;
    height: 50px;
    width: 100%;
    padding-left: 15px;
    margin-bottom: 10px;
}

.input-text-70 {
    color: #656565;
    font-size: 14px;
    height: 50px;
    width: 70%;
    padding-left: 15px;
}

select.selectpicker {
    color: #656565;
    font-size: 14px;
    height: 50px;
    min-width: 160px;
    margin-left: 10px;
    padding-left: 15px;
}

select.selectpicker-full {
    color: #656565;
    font-size: 14px;
    height: 50px;
    width: 100%;
    margin-right: 0px;
    padding-right: 15px;
    margin-bottom: 10px;
}
/*---------------------------------------------------
	Page titles
------------------------------------------------------*/
.title1 h2 {
    color: #222222;
    font-size: 30px;
    font-weight: normal;
    position: relative;
    margin: 0 0 50px 0;
}

    .title1 h2 em {
        color: #656565;
        display: block;
        font-style: normal;
        font-weight: normal;
        line-height: 20px;
        margin: 50px auto 0;
        text-transform: none;
        width: 80%;
        font-size: 15px;
    }

.title1 .line {
    background: #009ae8;
    display: block;
    height: 2px;
    margin: 0 auto;
    position: relative;
    top: 85px;
    width: 50px;
}

    .title1 .line.greyline {
        background: #7c7b7b;
        display: block;
        height: 4px;
        margin: 0;
        position: relative;
        top: 135px;
        width: 80px;
    }

        .title1 .line.greyline.one {
            top: 75px;
        }

    .title1 .line.one {
        top: 135px;
    }
/* page sub headers */
.page-header {
    background: url(/template/img/site-img-95.jpg) no-repeat scroll center top;
    background-size: cover;
    float: left;
    height: 200px;
    margin: 0;
    padding-top: 65px;
    width: 100%;
}

    .page-header.one {
        background: url(/template/img/site-img-96.jpg) no-repeat scroll center top;
        background-size: cover;
    }

    .page-header.two {
        background: url(/template/img/site-img-97.jpg) no-repeat scroll center top;
        background-size: cover;
    }

    .page-header.three {
        background: url(/template/img/site-img-98.jpg) no-repeat scroll center top;
        background-size: cover;
    }

    .page-header.four {
        background: url(/template/img/site-img-99.jpg) no-repeat scroll center top;
        background-size: cover;
    }

    .page-header.five {
        background: url(/template/img/site-img-100.jpg) no-repeat scroll center top;
        background-size: cover;
    }

    .page-header.six {
        background: url(/template/img/site-img-101.jpg) no-repeat scroll center top;
        background-size: cover;
        height: 95px;
        padding-top: 30px;
    }

    .page-header.seven {
        background: url(/template/img/site-img-199.jpg) no-repeat scroll center top;
        background-size: cover;
        height: auto;
        padding-top: 30px;
    }
    /*hosseinmodabber*/
    .page-header.contact {
        background: url(/template/img/site-img-mohalla1.jpg) no-repeat scroll center top;
        background-size: cover;
    }

    .page-header.video {
        background: url(/template/img/site-img-mohallavideo.jpg) no-repeat scroll center top;
        background-size: cover;
    }

.pagenation {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin: 23px 0 0 0;
    text-align: left !important;
    text-transform: uppercase;
}

    .pagenation.one {
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        margin: 8px 0 0 0;
        text-align: right !important;
        text-transform: uppercase;
    }

    .pagenation a:hover {
        color: #fff;
    }

    .pagenation i {
        color: #a2a2a2;
        padding: 0 5px;
    }

.pagenation-blog {
    text-align: center;
}

ul.pagenation-list {
    display: inline-block;
    margin: 0;
    padding: 0;
}

    ul.pagenation-list > li {
        display: inline-block;
        list-style: outside none none;
        ;
    }

    ul.pagenation-list li a {
        background-color: #e4e4e4;
        border-radius: 100%;
        color: #161616;
        display: inline-block;
        height: 35px;
        line-height: 35px;
        margin: 0 10px 0 0;
        padding: 0;
        text-align: center;
        width: 35px;
    }

        ul.pagenation-list li a:hover {
            background-color: #666;
            color: #fff;
        }
/* countdown headers */
.countdown-header {
    background: url(/template/img/parallax_bg_12.jpg) no-repeat scroll center top;
    float: left;
    margin: 0;
    padding: 60px 0 80px 0;
    width: 100%;
    text-align: center;
}
/*-------- overlay bgs --------*/
.bg-overlay {
    background: url(/template/img/shape.png) no-repeat center top;
    padding: 100px 0 20px 0;
}

    .bg-overlay.one {
        padding: 100px 0 0px 0;
    }

    .bg-overlay.two {
        background: #000;
        padding: 20px 0 20px 0;
    }

.bg-overlay-black {
    background: rgba(0, 0, 0, 0.7);
    display: inline-block;
    padding: 25.200% 0px 15px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.bg-overlay-black1 {
    background: rgba(0, 0, 0, 0.95);
    display: inline-block;
    padding: 100px 0px 50px 0;
    width: 100%;
    height: 100%;
    top: 0;
}

.bg-overlay-black2 {
    background: rgba(0, 0, 0, 0.95);
    display: inline-block;
    padding: 100px 0px;
    width: 100%;
    height: 100%;
    margin-bottom: -5px;
    top: 0;
}
/*hosseinmodabber*/
.bg-overlay-gray {
    background: #c9c9c9;
    display: inline-block;
    padding: 100px 0px;
    width: 100%;
    height: 100%;
    margin-bottom: -5px;
    top: 0;
}


.bg-overlay-black1.one {
    margin-bottom: -5px;
}

.callto-action {
    background: #45be84;
    padding: 20px 0 30px 0;
}

.callto-action-blue1h {
    background: #1cbac8;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.callto-action-blue1 {
    background: #009ff0;
    padding: 10px 0;
}

.callto-action-blue2 {
    background: #009ff0;
    padding: 20px 0 30px 0;
}

.callto-action-black {
    background: url(/template/img/bg-texture-4.png) repeat center top;
    padding: 20px 0 30px 0;
}
/*---------------------------------------------------
	parallax and textures
------------------------------------------------------*/

.bg-mohallaa {
    background: url(/template/img/mohalla/mohalla-texture.jpg) no-repeat center bottom fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 50px 0;
}

.bg-parallax {
    background: #009ff0;
    width: 100%;
    float: left;
}

.bg-parallax1 {
    background: url(/template/img/parallax_bg_2.jpg) no-repeat center bottom fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 50px 0;
}

    .bg-parallax1.one {
        background: url(/template/img/parallax_bg_2.jpg) no-repeat center bottom fixed;
        background-size: cover;
        width: 100%;
        float: left;
        padding: 0px;
    }

    .bg-parallax1.two {
        background: url(/template/img/parallax_bg_2.jpg) no-repeat center bottom fixed;
        background-size: cover;
        width: 100%;
        float: left;
        padding: 0px 0 30px 0;
    }

    .bg-parallax1.three {
        background: url(/template/img/parallax_bg_2.jpg) no-repeat center bottom fixed;
        background-size: cover;
        width: 100%;
        float: left;
        padding: 60px 0 80px 0;
        margin-top: 0;
    }

.bg-parallax2 {
    background: url(/template/img/parallax_bg_3.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 0;
}

    .bg-parallax2.one {
        background: url(/template/img/parallax_bg_9.jpg) no-repeat center top fixed;
        background-size: cover;
        margin-top: 40px;
    }

    .bg-parallax2.two {
        background: url(/template/img/parallax_bg_16.jpg) no-repeat center top fixed;
        background-size: cover;
        margin-top: 45px;
    }

    .bg-parallax2.three {
        background: url(/template/img/parallax_bg_19.jpg) no-repeat center top fixed;
        background-size: cover;
    }

.bg-parallax3 {
    background: url(/template/img/parallax_bg_4.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 0 0;
}

    .bg-parallax3.one {
        padding: 60px 0 0 0;
        margin-top: 0;
    }

    .bg-parallax3.two {
        padding: 60px 0 45px 0;
        margin-top: 30px;
    }

.bg-parallax4 {
    background: url(/template/img/parallax_bg_5.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 60px 0;
}

    .bg-parallax4.one {
        padding: 60px 0 80px 0;
        margin-top: 50px;
    }

    .bg-parallax4.greycolor {
        background: #f8f8f8;
    }

.bg-parallax5 {
    background: url(/template/img/parallax_bg_6.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 140px 0;
}

    .bg-parallax5.one {
        background: url(/template/img/parallax_bg_6.jpg) no-repeat center top fixed;
        background-size: cover;
        width: 100%;
        float: left;
        padding: 50px 0 80px 0;
    }

    .bg-parallax5.two {
        background: url(/template/img/parallax_bg_25.jpg) no-repeat center top fixed;
        background-size: cover;
        width: 100%;
        float: left;
        padding: 50px 0 80px 0;
    }

.bg-parallax6 {
    background: url(/template/img/parallax_bg_7.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 0;
}

.bg-parallax7 {
    background: url(/template/img/parallax_bg_8.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 0;
}

.bg-parallax8 {
    background: url(/template/img/parallax_bg_10.jpg) repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 100px 0;
}

    .bg-parallax8.one {
        background: url(/template/img/parallax_bg_24.jpg) repeat center top fixed;
        margin-top: 40px;
    }

.bg-parallax9 {
    background: url(/template/img/parallax_bg_11.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 0;
}

.bg-parallax10 {
    background: url(/template/img/parallax_bg_12.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 50px 0;
}

.bg-parallax11 {
    background: url(/template/img/parallax_bg_13.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 80px 0;
    margin-top: 50px;
}

.bg-parallax12 {
    background: url(/template/img/parallax_bg_14.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 80px 0;
    margin-top: 50px;
}

.bg-parallax13 {
    background: url(/template/img/parallax_bg_15.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 50px 0 80px 0;
    margin-top: 50px;
}

.bg-parallax14 {
    background: url(/template/img/parallax_bg_17.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 80px 0;
    margin-top: 50px;
}

.bg-parallax15 {
    background: url(/template/img/parallax_bg_18.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 80px 0;
    margin-top: 50px;
}

.bg-parallax16 {
    background: url(/template/img/parallax_bg_20.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 60px 0;
    margin-top: 80px;
}

.bg-parallax17 {
    background: url(/template/img/parallax_bg_18.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 30px 0;
    margin-top: 20px;
}

.bg-parallax18 {
    background: url(/template/img/parallax_bg_22.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 60px 0 30px 0;
    margin-top: 20px;
}

.bg-parallax19 {
    background: url(/template/img/parallax_bg_26.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 80px 0;
}

.bg-parallax20 {
    background: url(/template/img/parallax_bg_27.jpg) no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 80px 0 80px 0;
    margin-top: 30px;
}

.bg-shape-half {
    background: #009ff0;
    background-size: cover;
    float: left;
    padding: 50px 0 70px 0;
    position: relative;
    width: 100%;
    z-index: 9;
}

    .bg-shape-half::before {
        background: url(/template/img/bg-texture-5.png) repeat right top;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 51%;
        top: 0;
        z-index: -1;
    }

.bg-shape-half-white {
    background: #ffffff;
    background-size: cover;
    float: left;
    padding: 50px 0 70px 0;
    position: relative;
    width: 100%;
    z-index: 9;
}

    .bg-shape-half-white::before {
        background: url(/template/img/bg-texture-5.png) repeat right top;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 51%;
        top: 0;
        z-index: -1;
    }

.bg-shape-image {
    background: url(/template/img/parallax_bg_9.jpg) repeat right top;
    background-size: cover;
    float: left;
    padding: 70px 0 70px 0;
    position: relative;
    width: 100%;
    z-index: 9;
}

    .bg-shape-image::before {
        background: rgba(0, 0, 0, 0.9);
        bottom: 0;
        content: "";
        right: 0;
        position: absolute;
        left: 50%;
        top: 0;
        z-index: -1;
    }

    .bg-shape-image.style-one {
        background: #dee3e9 url(/template/img/parallax_bg_16.jpg) no-repeat center top;
    }

    .bg-shape-image.style-two {
        background: #181818 url(/template/img/parallax_bg_19.jpg) no-repeat center top;
    }

    .bg-shape-image.style-three {
        background: #181818 url(/template/img/parallax_bg_3.jpg) no-repeat center top;
        padding-bottom: 40px;
    }

    .bg-shape-image.style-four {
        background: #181818 url(/template/img/parallax_bg_23.jpg) no-repeat center top fixed;
        padding-bottom: 40px;
    }
/*textures and bg colors*/
.bg-texture {
    background: url(/template/img/bg-texture-1.jpg) repeat center top;
    width: 100%;
    float: left;
    padding: 70px 0 30px 0;
}
/*hosseinmodabber*/
.p-top {
    padding: 10px 0 0 0;
}

.bg-texture1 {
    background: url(/template/img/footer-texture-2.png) repeat center top;
    width: 100%;
    float: left;
    padding: 80px 0 60px 0;
    margin-top: 60px;
}

    .bg-texture1.one {
        padding: 70px 0 80px 0;
        margin-top: 10px;
    }

.bg-texture2 {
    background: url(/template/img/bg-texture-1.jpg) repeat center top;
    width: 100%;
    float: left;
    padding: 80px 0;
    margin-top: 80px;
}

    .bg-texture2.one {
        padding: 80px 0 60px 0;
    }

    .bg-texture2.two {
        padding: 60px 0 60px 0;
    }

.bg-texture3 {
    background: url(/template/img/bg-texture-3.jpg) repeat center top;
    width: 100%;
    float: left;
    /*padding: 80px 0;*/ /*hosseinmodabber*/
    margin-top: 0px;
}

    .bg-texture3.one {
        background: url(/template/img/bg-texture-3.jpg) repeat center top;
        width: 100%;
        float: left;
        padding: 60px 0 70px 0;
        margin-top: 0px;
    }

.bg-texture5 {
    background: url(/template/img/bg-texture-4.png) repeat center top;
    width: 100%;
    float: left;
    padding: 80px 0;
    margin-top: 0px;
}

.bg-texture6 {
    background: url(/template/img/footer-texture-2.png) repeat center top;
    width: 100%;
    float: left;
    padding: 80px 0;
    margin-top: 0px;
}

    .bg-texture6.one {
        background: url(/template/img/bg-texture-1.jpg) repeat center top;
    }

.bg-texture4 {
    background: url(/template/img/bg-texture-5.png) no-repeat right top;
}

.bg-topshape {
    background: url(/template/img/shape.png) no-repeat scroll center top;
    width: 100%;
    float: left;
    padding-top: 100px;
}

.bg-color {
    background: #009ff0;
    width: 100%;
    float: left;
}

.bg-shape {
    background: url(/template/img/shape-blue.jpg) no-repeat center top;
    padding-top: 110px;
    width: 100%;
    float: left;
}

.col-padd {
    padding: 50px 0 80px 0;
}
/*---------------------------------------------------
	counters
------------------------------------------------------*/
.counters1 {
    padding: 50px 0;
    /*background:#e8e8e8;
	border:solid 0px #FFF;*/
    transition: all 0.3s ease-out 0s;
}

    .counters1:hover {
        /*background:#fff;*/
    }

    .counters1 i {
        display: block;
        margin-bottom: 10px;
    }

    .counters1 p {
        margin-bottom: 0;
        margin: auto;
    }

.counters2 {
    margin-bottom: 50px;
}

    .counters2 .circle {
        border: solid 5px #1cbac8;
        border-radius: 100%;
        width: 215px;
        height: 215px;
        padding-top: 15%;
        margin: auto;
    }

    .counters2 span {
        color: #fff !important;
        font-size: 60px;
    }

.counters3 {
    margin: 0;
}

.seperator-small {
    border-bottom: 1px solid #eee;
    height: 0.65em;
    margin: 0 auto;
    vertical-align: top;
    width: 10%;
}
/*---------------------------------------------------
	tabs
------------------------------------------------------*/
.tab-style1 {
    margin: 0;
    padding: 0;
}

.nav-tabs > li {
    float: right;
}

.tab-style1 .nav-tabs {
    border: 0;
    padding-right: 9.200%;
}

    .tab-style1 .nav-tabs > li > a {
        margin-right: 0;
        transition: all 0.3s ease-out 0s;
        font-size: 13px;
        text-align: center;
    }

.tab-style1 .nav > li:first-child > a {
    border-left: solid 1px #e3e2e2;
}

.tab-style1 .nav-tabs > li > a, .tab-style1 .nav-tabs > li > a:focus {
    color: #656565;
    border-right: solid 1px #e3e2e2;
    border-radius: 0;
    border-bottom: 0;
    border-top: 0;
}

.tab-style1 .nav > li > a:focus, .tab-style1 .nav > li > a:hover {
    background: #FFF;
    border-bottom: 0;
    border-top: 0;
}

.tab-style1 .nav-tabs > li.active > a, .tab-style1 .nav-tabs > li.active > a:focus, .tab-style1 .nav-tabs > li.active > a:hover {
    color: #656565;
    border-bottom: 0;
    border-top: 0;
    border-color: #e3e2e2;
}

    .tab-style1 .nav-tabs > li.active > a > i {
        color: #009ff0;
    }

.tab-style1 .nav > li > a {
    padding: 10px 65px !important;
}

    .tab-style1 .nav > li > a > i {
        display: inherit;
        color: #dcdcdc;
        transition: all 0.3s ease-out 0s;
    }

.tab-style2 {
    background: #FFF;
    padding: 30px;
    border: solid 1px #dddddd;
    border-top: 0;
}

.nav > li > a {
    color: #666;
}

    .nav > li > a:hover {
        color: #009ff0;
    }

.nav.tabs-style1 > li:last-child > a {
    padding-right: 20px;
}

.nav-tabs.tabs-style2 {
    border: 0;
}

    .nav-tabs.tabs-style2 > li {
        margin: 0 10px 30px 0;
    }

        .nav-tabs.tabs-style2 > li > a {
            padding: 18px 45px;
            border-width: 0px;
            color: #222222;
            border-radius: 0;
            background-color: #fff;
        }

        .nav-tabs.tabs-style2 > li.active > a, .nav-tabs.tabs-style2 > li.active > a:focus, .nav-tabs.tabs-style2 > li.active > a:hover {
            background-color: #45be84;
            border-color: #ddd #ddd transparent;
            border-image: none;
            border-style: solid;
            border-width: 0px;
            color: #fff;
            border-radius: 0;
            padding: 18px 45px;
        }

        .nav-tabs.tabs-style2 > li:last-child a {
            padding: 18px 45px;
        }

.tab-style3 {
    padding: 0px;
    border-top: 0;
}

.nav.tabs-style4 {
    border: 0;
}

    .nav.tabs-style4 > li {
        float: none;
        display: inline-block;
    }

        .nav.tabs-style4 > li.active > a, .nav.tabs-style4 > li.active > a:focus, .nav.tabs-style4 > li.active > a:hover {
            border: 0;
            color: #f05d6b;
            background-color: transparent;
        }

        .nav.tabs-style4 > li a {
            padding: 5px;
            background-color: transparent;
            border: 0;
        }

        .nav.tabs-style4 > li > a:hover {
            background-color: transparent;
            border: 0;
        }

        .nav.tabs-style4 > li a span {
            padding: 0 5px 0 15px;
            color: #666666;
        }
/*---------------------------------------------------
	collaps
------------------------------------------------------*/
.collaps1 {
    width: 100% !important;
}

    .collaps1 .panel-default > .panel-heading {
        background-color: #009ff0;
        border: 0;
        border-radius: 0 !important;
        color: #fff;
    }

    .collaps1 .panel-heading {
        padding: 18px;
    }

    .collaps1 .panel-default, .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
        border-color: #009ff0;
    }

    .collaps1 .panel {
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
    }

    .collaps1 .panel-group .panel + .panel {
        margin-top: 10px !important;
    }

.ser-panel .panel-group {
    width: 100%;
}

.ser-panel .panel-heading {
    padding: 15px;
}

.progress {
    height: 14px;
}

.progress-info {
    margin-bottom: 10px;
}
/* page headers */
.header-section {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
    margin-top: 0px;
}

.page_header {
    background: url("/template/img/site-img32.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    float: left;
    height: 300px;
    margin: 0;
    padding: 95px 0 0 0;
    text-align: center;
    width: 100%;
}
/*team */
.team {
    position: relative;
    width: 100%;
    margin: 0px;
    float: left;
}

.team-img {
    opacity: 1;
    width: 100%;
    height: 100%;
    margin: 0px;
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0px;
    overflow: hidden;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

    .team-img .team-image {
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
        height: 100%;
    }

        .team-img .team-image.circle img {
            border-radius: 100%;
        }

    .team-img .team-social {
        position: absolute;
        background: #000;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #fff;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: opacity .50s ease-in-out;
        -moz-transition: opacity .50s ease-in-out;
        -ms-transition: opacity .50s ease-in-out;
        -o-transition: opacity .50s ease-in-out;
        transition: opacity .50s ease-in-out;
    }

        .team-img .team-social:hover {
            opacity: 1;
            -webkit-transition: opacity .25s ease-in-out;
            -moz-transition: opacity .25s ease-in-out;
            -ms-transition: opacity .25s ease-in-out;
            -o-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
            background: url(/template/img/site-img17.png) left top repeat;
        }

        .team-img .team-social.textinfo {
            line-height: 250px;
        }

        .team-img .team-social a.so-circle {
            position: absolute;
            width: 45px;
            height: 45px;
            left: 57px;
            top: 0px;
            padding: 0px;
            margin: 0px;
            background-color: #3b5998;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            overflow: hidden;
            transition-property: background-color, color;
            transition: top .3s ease-in-out;
            transition-timing-function: ease-out;
        }

            .team-img .team-social a.so-circle:hover, .team-img .team-social a.so-circle.two:hover, .team-img .team-social a.so-circle.three:hover {
                background-color: #fff;
                transition-property: background-color, color;
                transition-duration: 0.3s;
                transition-timing-function: ease-out;
            }

                .team-img .team-social a.so-circle:hover i, .team-img .team-social a.so-circle.two:hover i {
                    color: #272727;
                    transition-property: color;
                    transition-duration: 0.3s;
                    transition-timing-function: ease-out;
                }

            .team-img .team-social a.so-circle i {
                color: #fff;
                font-size: 20px;
                text-align: center;
                line-height: 50px;
            }

        .team-img .team-social:hover .so-circle {
            transition: top .3s ease-in-out;
            left: 57px;
            top: 112px;
        }

        .team-img .team-social a.so-circle.two {
            left: 112px;
            top: 0px;
            transition: top .5s ease-in-out;
            background-color: #00acee;
        }

        .team-img .team-social:hover .so-circle.two {
            transition: top .5s ease-in-out;
            left: 112px;
            top: 112px;
        }

        .team-img .team-social a.so-circle.three {
            left: 167px;
            top: 0px;
            transition: top .5s ease-in-out;
            background-color: #dd4b39;
        }

        .team-img .team-social:hover .so-circle.three {
            transition: top .5s ease-in-out;
            left: 167px;
            top: 112px;
        }

.team:hover .team-desc {
    background: #e6e6e6;
}

.team-desc {
    border: solid 1px #e6e6e6;
    border-top: 0;
    padding: 30px 0;
    transition: all 0.3s ease-out 0s;
}

    .team-desc h4 {
        margin-top: 0;
    }

    .team-desc.style1 {
        border: 0;
        border-bottom: solid 1px #e6e6e6;
        border-top: solid 1px #e6e6e6;
        padding: 20px 0;
        transition: all 0.3s ease-out 0s;
    }

.team-col {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

    .team-col.imgbox {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .team-col .team-overlay {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 345px;
        transition: top 0.3s ease-in-out 0s;
        width: 100%;
        z-index: 100;
        text-align: center;
    }

.team-thumb:hover .team-col .team-overlay, .team-thumb.active .team-col .team-overlay {
    position: absolute;
    top: 217px;
    background: #009ae8;
    padding: 13px 0;
}

.team-thumb .team-col .team-overlay a {
    color: #fff;
    padding: 0 10px;
}

    .team-thumb .team-col .team-overlay a:hover {
        color: #000;
    }

.team-thumb .team-dis {
    border-bottom: solid 1px #e6e6e6;
    padding: 20px;
    width: 100%;
    float: left;
    transition: top 0.3s ease-in-out 0s;
}

.team-thumb:hover .team-dis, .team-thumb.active .team-dis {
    border-bottom: solid 1px #dcdcdc;
    background: #f6f6f6;
}


/*image hovers */
.col-img-hover {
    position: relative;
    width: 100%;
    padding: 10px;
    margin: 0px;
    float: left;
    border: 1px solid #e1e1e1;
}

.img-hover-st-1 {
    position: relative;
    width: 100%;
    height: 235px;
    padding: 0px;
    margin: 0px;
    float: left;
    overflow: hidden;
}

    .img-hover-st-1 .text {
        position: absolute;
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
        height: 233px;
        left: 0px;
        top: 0px;
        z-index: 10;
        background-color: #1cbac8;
        transition: left .3s ease-in-out;
    }

        .img-hover-st-1 .text.red {
            background-color: #e71a1a;
        }

.img-hover-st-11 .text.green {
    background-color: #3fc35f;
}

.img-hover-st-1 .text.violet {
    background-color: #8a5ed9;
}

.img-hover-st-1 .imgbox {
    position: absolute;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    height: 235px;
    left: 0px;
    top: 0px;
    z-index: 100;
    transition: top .3s ease-in-out;
}

.imgbox img {
    width: 100%;
}

.img-hover-st-1 .text .title {
    color: #fff;
    margin: 15px 19px 0 0;
}

.img-hover-st-1 .text p {
    color: #fff;
    font-weight: normal;
    margin: 5px 15px 0 19px;
}

.img-hover-st-1 .text a {
    color: #FFF;
    margin: 15px 15px 0 19px;
}

    .img-hover-st-1 .text a:hover {
        color: #161616;
    }

.img-hover-st-1:hover .imgbox {
    position: absolute;
    top: 250px;
    transition: top .3s ease-in-out;
}
/*style 2*/
.img-hover-st-2 {
    opacity: 1;
    width: 100%;
    height: 235px;
    margin: 0px;
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0px;
    overflow: hidden;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

    .img-hover-st-2 .imgbox {
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
        height: 235px;
    }

    .img-hover-st-2 .text {
        position: absolute;
        background: #000;
        width: 100%;
        height: 235px;
        text-align: center;
        color: #fff;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: opacity .50s ease-in-out;
        -moz-transition: opacity .50s ease-in-out;
        -ms-transition: opacity .50s ease-in-out;
        -o-transition: opacity .50s ease-in-out;
        transition: opacity .50s ease-in-out;
    }

        .img-hover-st-2 .text:hover {
            opacity: 1;
            -webkit-transition: opacity .25s ease-in-out;
            -moz-transition: opacity .25s ease-in-out;
            -ms-transition: opacity .25s ease-in-out;
            -o-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
            background: url(/template/img/site-img5.png) left top repeat;
        }

        .img-hover-st-2 .text a.hov_circle {
            position: absolute;
            width: 50px;
            height: 50px;
            left: 63px;
            top: 0px;
            padding: 0px;
            margin: 0px;
            background-color: #1cbac8;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            overflow: hidden;
            transition-property: background-color, color;
            transition: top .3s ease-in-out;
            transition-timing-function: ease-out;
        }

            .img-hover-st-2 .text a.hov_circle:hover, .img-hover-st-2 .text a.hov_circle.two:hover {
                background-color: #fff;
                transition-property: background-color, color;
                transition-duration: 0.3s;
                transition-timing-function: ease-out;
            }

                .img-hover-st-2 .text a.hov_circle:hover i, .img-hover-st-2 .text a.hov_circle.two:hover i {
                    color: #272727;
                    transition-property: color;
                    transition-duration: 0.3s;
                    transition-timing-function: ease-out;
                }

            .img-hover-st-2 .text a.hov_circle.two {
                left: 118px;
                top: 0px;
                transition: top .5s ease-in-out;
                background-color: #8dba13;
            }

            .img-hover-st-2 .text a.hov_circle i {
                color: #fff;
                font-size: 20px;
                text-align: center;
                line-height: 50px;
            }

        .img-hover-st-2 .text:hover .hov_circle {
            transition: top .3s ease-in-out;
            left: 65px;
            top: 100px;
        }

            .img-hover-st-2 .text:hover .hov_circle.two {
                transition: top .5s ease-in-out;
                left: 122px;
                top: 100px;
            }
/*style 3*/
.img-hover-st-3 {
    opacity: 1;
    width: 100%;
    height: 235px;
    margin: 0px;
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0px;
    overflow: hidden;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

    .img-hover-st-3 .imgbox {
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
        height: 220px;
    }

    .img-hover-st-3 .text {
        width: 100%;
        height: 235px;
        position: absolute;
        background: #000;
        color: #fff;
        top: 0;
        left: 0;
        opacity: 0;
        overflow: hidden;
        -webkit-transition: opacity .50s ease-in-out;
        -moz-transition: opacity .50s ease-in-out;
        -ms-transition: opacity .50s ease-in-out;
        -o-transition: opacity .50s ease-in-out;
        transition: opacity .50s ease-in-out;
    }

        .img-hover-st-3 .text:hover {
            opacity: 1;
            -webkit-transition: opacity .25s ease-in-out;
            -moz-transition: opacity .25s ease-in-out;
            -ms-transition: opacity .25s ease-in-out;
            -o-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
            background: url(/template/img/site-img5.png) left top repeat;
        }

        .img-hover-st-3 .text h3 {
            position: absolute;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            left: 5px;
            top: 220px;
            margin: 15px 0 0 19px;
            transition: top .4s ease-in-out;
        }

        .img-hover-st-3 .text p {
            position: absolute;
            color: #fff;
            font-size: 14px;
            font-weight: normal;
            left: 5px;
            line-height: 18px;
            top: 255px;
            text-align: left;
            margin: 15px 0 0 19px;
            transition: top .6s ease-in-out;
        }

        .img-hover-st-3 .text a {
            position: absolute;
            font-weight: normal;
            left: 0px;
            top: 320px;
            text-align: left;
            margin: 0px 0 0 19px;
            transition: top .7s ease-in-out;
            overflow: hidden;
        }

        .img-hover-st-3 .text:hover h3 {
            position: absolute;
            right: 5px;
            top: 20px;
            transition: top .4s ease-in-out;
        }

        .img-hover-st-3 .text:hover p {
            position: absolute;
            left: 5px;
            top: 50px;
            transition: top .6s ease-in-out;
        }

        .img-hover-st-3 .text:hover a {
            position: absolute;
            left: 0px;
            top: 136px;
            transition: top .7s ease-in-out;
        }
/*style 4*/
.img-hover-st-4 {
    position: relative;
    width: 100%;
    height: 235px;
    padding: 0px;
    margin: 0px;
    float: left;
    overflow: hidden;
}

    .img-hover-st-4 .imgbox {
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
        height: 220px;
    }

    .img-hover-st-4 .text {
        position: absolute;
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
        height: 235px;
        left: 0px;
        top: 192px;
        z-index: 100;
        background: url(/template/img/site-img5.png) left top repeat;
        transition: top .3s ease-in-out;
    }

        .img-hover-st-4 .text h3 {
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            margin: 15px 19px 0 0;
        }

            .img-hover-st-4 .text h3 span {
                color: #fff;
                font-size: 13px;
                text-transform: none;
            }

        .img-hover-st-4 .text p {
            color: #fff;
            font-weight: normal;
            margin: 5px 15px 0 19px;
        }

        .img-hover-st-4 .text a {
            margin: 8px 15px 0 19px;
        }

    .img-hover-st-4:hover .text {
        position: absolute;
        top: 20px;
        transition: top .3s ease-in-out;
    }

    .img-hover-st-4 .container {
        border-top: 1px solid #e1e1e1;
        padding-top: 50px;
    }
/*style 5*/
.img-hover-st-5 {
    position: relative;
    width: 100%;
    height: 235px;
    padding: 0px;
    margin: 0px;
    float: left;
    overflow: hidden;
}

    .img-hover-st-5 .imgbox {
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
        height: 220px;
    }

    .img-hover-st-5 .text {
        position: absolute;
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
        height: 235px;
        left: -270px;
        top: 0px;
        z-index: 100;
        transition: left .5s ease-in-out;
        background: url(/template/img/site-img5.png) left top repeat;
    }

        .img-hover-st-5 .text h3 {
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            margin: 15px 19px 0 0;
        }

        .img-hover-st-5 .text p {
            color: #fff;
            font-weight: normal;
            margin: 5px 15px 0 19px;
        }

        .img-hover-st-5 .text a {
            margin: 8px 15px 0 19px;
        }

    .img-hover-st-5:hover .text {
        position: absolute;
        left: 0px;
        transition: left .5s ease-in-out;
    }
/*style 6*/
.img-hover-st-6 {
    position: relative;
    width: 100%;
    height: 235px;
    padding: 0px;
    margin: 0px;
    float: left;
    overflow: hidden;
}

    .img-hover-st-6 .imgbox {
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
        height: 235px;
    }

    .img-hover-st-6 .text {
        position: absolute;
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
        height: 235px;
        left: 0px;
        top: 250px;
        z-index: 100;
        transition: top .3s ease-in-out;
        background: url(/template/img/site-img5.png) left top repeat;
    }

        .img-hover-st-6 .text h3 {
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            margin: 15px 0 0 19px;
        }

        .img-hover-st-6 .text p {
            color: #fff;
            font-weight: normal;
            margin: 5px 15px 0 19px;
        }

        .img-hover-st-6 .text a.readmore_small {
            margin: 10px 0px 0 28px;
            padding: 4px 15px;
        }

            .img-hover-st-6 .text a.readmore_small.green {
                margin: 10px 0px 0 5px;
            }

    .img-hover-st-6:hover .text {
        position: absolute;
        top: 185px;
        transition: top .3s ease-in-out;
    }
/*buttons*/
.btn {
    padding: 10px 35px;
    font-size: 13px;
}
/*Black btn*/
.black {
    border: 1px solid #121212;
    background-color: #121212;
    color: #fff;
}

    .black:after {
        background-color: #000;
    }

    .black:hover {
        border-color: #000;
        background-color: transparent;
        color: #000;
    }
/*white bordere*/
.button a.whte-border {
    border: solid 1px #FFF;
    border-radius: 30px;
    padding: 15px 45px;
    color: #FFF;
}

    .button a.whte-border:hover {
        border: solid 1px #009ff0;
        background: #009ff0;
    }
/*grey bordere*/
.button a.grey-border {
    border: solid 1px #8d8d8d;
    border-radius: 30px;
    padding: 10px 20px;
    color: #8d8d8d;
}

    .button a.grey-border:hover {
        border: solid 1px #8d8d8d;
        color: #707070;
    }
/*white small bordere*/
.button a.white-bordersmal {
    border: solid 1px #fff;
    border-radius: 30px;
    padding: 10px 20px;
    color: #fff;
}

    .button a.white-bordersmal:hover {
        border: solid 1px #555555;
        color: #555555;
    }
/*grey bordere large*/
.button a.grey-border-large {
    border: solid 1px #8d8d8d;
    border-radius: 30px;
    padding: 8px 30px;
    color: #8d8d8d;
}

    .button a.grey-border-large:hover, .pricing-box.one:hover .button a.grey-border-large, .pricing-box.one.active .button a.grey-border-large {
        border: solid 1px #fff;
        background: #FFF;
        color: #1cbac8;
    }
/*blue btn*/
.button a.blue-btn {
    border: 0;
    background: #009ae8;
    border-radius: 0px;
    padding: 18px 35px;
    color: #fff;
    font-size: 14px;
}

    .button a.blue-btn:hover {
        border: solid 0;
        background: #424a4c;
        color: #fff;
    }

    .button a.blue-btn.active {
        border: solid 0;
        background: #fff;
        color: #009ae8;
    }
/*black button*/
.black-button {
    border: solid 1px #222222;
    border-radius: 30px;
    background: #222222;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    padding: 14px 25px;
    margin-left: 10px;
    margin-top: -2px;
    transition: all 0.3s ease-out 0s;
}

    .black-button:hover {
        border: solid 1px #222222;
        color: #fff;
        background: #000;
    }

    .black-button.fullwide {
        width: 100%;
    }

    .black-button.small {
        border: solid 1px #222222;
        border-radius: 30px;
        background: #222222;
        padding: 10px 15px !important;
        color: #fff;
        border-radius: 0px;
        margin-left: 10px;
        margin-top: -2px;
        transition: all 0.3s ease-out 0s;
    }

        .black-button.small:hover {
            background: #525252;
        }

    .black-button.small-xs {
        border: solid 1px #fff;
        border-radius: 30px;
        background: #fff;
        padding: 6px 15px !important;
        color: #000;
        border-radius: 0px;
        margin-right: 20px;
        margin-top: 9px;
        transition: all 0.3s ease-out 0s;
    }

        .black-button.small-xs:hover {
            background: #3d3d3d;
            border: solid 1px #3d3d3d;
            color: #FFF;
        }
/*blue btn*/
.button a.boxed-color {
    border: 0;
    background: #009ff0;
    border-radius: 0px;
    padding: 18px 25px;
    color: #fff;
    font-size: 24px;
    /*font-size:14px;*/
    /*hossein modabber*/
}

    .button a.boxed-color:hover {
        border: solid 0;
        background: #fff;
        color: #000;
    }

    .button a.boxed-color.active {
        border: solid 0;
        background: #fff;
        color: #000;
    }

    .button a.boxed-color.one {
        border: 0;
        background: #91c400;
        border-radius: 5px;
        padding: 15px 40px;
        color: #fff;
        font-size: 14px;
    }

        .button a.boxed-color.one:hover {
            border: solid 0;
            background: #000;
            color: #fff;
        }

        .button a.boxed-color.one.active {
            border: solid 0;
            background: #000;
            color: #fff;
        }
/*brn style large*/
.button a.boxed-color-lg {
    border: 0;
    background: #1cbac8;
    border-radius: 0px;
    padding: 18px 45px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 30px;
}

.button a.round {
    border-radius: 6px !important;
}

    .button a.round.border {
        border-radius: 6px !important;
        background-color: transparent;
        border: solid 1px #414141;
        color: #414141;
    }

        .button a.round.border:hover {
            border: solid 1px #414141;
        }

.button a.boxed-color-lg.red {
    background: #ff2023;
}

.button a.boxed-color-lg.blue {
    background: #009ff0;
}

.button a.boxed-color-lg.green {
    background: #449d44;
}

.button a.boxed-color-lg.orange {
    background: #f67b00;
}

.button a.boxed-color-lg:hover {
    border: solid 0;
    background: #000;
    color: #fff;
}

.button a.boxed-color-lg.active {
    border: solid 0;
    background: #000;
    color: #fff;
}
/*brn style small*/
.button a.boxed-color-sm {
    border: 0;
    background: #1cbac8;
    border-radius: 0px;
    padding: 15px 30px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 30px;
}

    .button a.boxed-color-sm.red {
        background: #ff2023;
    }

    .button a.boxed-color-sm.blue {
        background: #009ff0;
    }

    .button a.boxed-color-sm.green {
        background: #449d44;
    }

    .button a.boxed-color-sm.orange {
        background: #f67b00;
    }

    .button a.boxed-color-sm:hover {
        border: solid 0;
        background: #000;
        color: #fff;
    }

    .button a.boxed-color-sm.active {
        border: solid 0;
        background: #000;
        color: #fff;
    }
/*brn style extra small*/
.button a.boxed-color-xs {
    border: 0;
    background: #1cbac8;
    border-radius: 0px;
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 30px;
}

    .button a.boxed-color-xs.red {
        background: #ff2023;
    }

    .button a.boxed-color-xs.blue {
        background: #009ff0;
    }

    .button a.boxed-color-xs.green {
        background: #449d44;
    }

    .button a.boxed-color-xs.orange {
        background: #f67b00;
    }

    .button a.boxed-color-xs:hover {
        border: solid 0;
        background: #000;
        color: #fff;
    }

    .button a.boxed-color-xs.active {
        border: solid 0;
        background: #000;
        color: #fff;
    }
/*lists style 1*/
.list-items li {
    margin-bottom: 15px;
}

.list-st1 {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}

    .list-st1 .fa-icon {
        background-color: #1cbac8;
        border-radius: 100%;
        color: #fff;
        float: left;
        height: 32px;
        line-height: 32px;
        margin: 0 10px 0 0;
        padding: 0;
        text-align: center;
        transition: all 0.3s ease-out 0s;
        width: 32px;
    }

    .list-st1:hover .fa-icon {
        background-color: #222222;
    }

    .list-st1 .text {
        display: block;
        margin: 0;
        padding: 5px 0 0 42px;
    }

    .list-st1.two {
        float: left;
        margin: 0 0 10px;
        padding: 0;
        width: 100%;
    }

        .list-st1.two .fa-icon {
            background-color: #fff;
            border: 1px solid #1cbac8;
            border-radius: 100%;
            color: #1cbac8;
            float: left;
            height: 32px;
            line-height: 30px;
            margin: 0 10px 0 0;
            padding: 0;
            text-align: center;
            width: 32px;
        }

        .list-st1.two:hover .fa-icon {
            border: 1px solid #222222;
            color: #222222;
        }

        .list-st1.two .text {
            display: block;
            margin: 0;
            padding: 0 0 0 42px;
        }

.list-st3 {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}

    .list-st3 .fa-icon {
        border: 1px solid #1cbac8;
        border-radius: 100%;
        color: #1cbac8;
        float: left;
        font-size: 12px;
        height: 18px;
        line-height: 15px;
        margin: 3px 0 0;
        padding: 0;
        text-align: center;
        width: 18px;
    }

    .list-st3 .text {
        display: block;
        margin: 0;
        padding: 0 0 0 28px;
    }
/*call to action*/
.call-to-action {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    float: left;
    margin: 0 0 30px;
    padding: 20px;
    width: 100%;
}
/*------------------*/
/*flip boxes styles */
/*------------------------------------------------------*/
.flip {
    -webkit-perspective: 800;
    -ms-perspective: 800;
    -moz-perspective: 800;
    -o-perspective: 800;
    width: 100%;
    height: 298px;
    position: relative;
    margin: 25px auto;
}

    .flip .card.flipped {
        transform: rotatey(-180deg);
        -ms-transform: rotatey(-180deg); /* IE 9 */
        -moz-transform: rotatey(-180deg); /* Firefox */
        -webkit-transform: rotatey(-180deg); /* Safari and Chrome */
        -o-transform: rotatey(-180deg); /* Opera */
    }

    .flip .card {
        width: 100%;
        height: 298px;
        -webkit-transform-style: preserve-3d;
        -webkit-transition: 0.5s;
        -moz-transform-style: preserve-3d;
        -moz-transition: 0.5s;
        -ms-transform-style: preserve-3d;
        -ms-transition: 0.5s;
        -o-transform-style: preserve-3d;
        -o-transition: 0.5s;
        transform-style: preserve-3d;
        transition: 0.5s;
    }

        .flip .card .face {
            width: 100%;
            height: 298px;
            position: absolute;
            z-index: 2;
            text-align: center;
            backface-visibility: hidden; /* W3C */
            -webkit-backface-visibility: hidden; /* Safari & Chrome */
            -moz-backface-visibility: hidden; /* Firefox */
            -ms-backface-visibility: hidden; /* Internet Explorer */
            -o-backface-visibility: hidden; /* Opera */
        }

        .flip .card .front {
            position: absolute;
            z-index: 1;
            background: black;
            color: white;
            cursor: pointer;
        }

        .flip .card .back {
            background: #009ff0;
            color: #fff;
            cursor: pointer;
            padding: 30px;
            transform: rotatey(-180deg);
            -ms-transform: rotatey(-180deg); /* IE 9 */
            -moz-transform: rotatey(-180deg); /* Firefox */
            -webkit-transform: rotatey(-180deg); /* Safari and Chrome */
            -o-transform: rotatey(-180deg); /* Opera */
        }
/*flip verticle*/
.flip {
    -webkit-perspective: 800;
    -ms-perspective: 800;
    -moz-perspective: 800;
    -o-perspective: 800;
    width: 100%;
    height: 298px;
    position: relative;
    margin: 25px auto;
}

    .flip .cardv.flippedv {
        transform: rotatex(-180deg);
        -ms-transform: rotatex(-180deg); /* IE 9 */
        -moz-transform: rotatex(-180deg); /* Firefox */
        -webkit-transform: rotatex(-180deg); /* Safari and Chrome */
        -o-transform: rotatex(-180deg); /* Opera */
    }

    .flip .cardv {
        width: 100%;
        height: 298px;
        -webkit-transform-style: preserve-3d;
        -webkit-transition: 0.5s;
        -moz-transform-style: preserve-3d;
        -moz-transition: 0.5s;
        -ms-transform-style: preserve-3d;
        -ms-transition: 0.5s;
        -o-transform-style: preserve-3d;
        -o-transition: 0.5s;
        transform-style: preserve-3d;
        transition: 0.5s;
    }

        .flip .cardv .face {
            width: 100%;
            height: 298px;
            position: absolute;
            z-index: 2;
            text-align: center;
            backface-visibility: hidden; /* W3C */
            -webkit-backface-visibility: hidden; /* Safari & Chrome */
            -moz-backface-visibility: hidden; /* Firefox */
            -ms-backface-visibility: hidden; /* Internet Explorer */
            -o-backface-visibility: hidden; /* Opera */
        }

        .flip .cardv .front {
            position: absolute;
            z-index: 1;
            background: black;
            color: white;
            cursor: pointer;
        }

        .flip .cardv .back {
            background: #009ff0;
            color: #fff;
            cursor: pointer;
            padding: 30px;
            transform: rotatex(-180deg);
            -ms-transform: rotatex(-180deg); /* IE 9 */
            -moz-transform: rotatex(-180deg); /* Firefox */
            -webkit-transform: rotatex(-180deg); /* Safari and Chrome */
            -o-transform: rotatex(-180deg); /* Opera */
        }
/*------------------*/
/*Divider lines */
/*------------------------------------------------------*/
.divider-ls {
    border-top: 1px solid #ff7713;
    height: 25px;
    margin: 0 auto 45px;
    opacity: 0.5;
    width: 12%;
}

.divider-d-dashed {
    border-bottom: 1px dashed #d7d7d7;
    border-top: 1px dashed #d7d7d7;
    float: left;
    height: 5px;
    margin: 10px 0 45px;
    width: 100%;
}

.divider-s-line {
    border-bottom: 1px solid #e5e5e5;
    float: left;
    margin-bottom: 45px;
    padding-top: 0;
    width: 100%;
}

.divider-d-line {
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    float: left;
    height: 5px;
    margin: 20px 0 45px;
    width: 100%;
}

.divider-s-dashed {
    border-top: 1px dashed #d7d7d7;
    float: left;
    margin: 15px 0 45px;
    width: 100%;
}
/*------------------*/
/*widget styles */
/*------------------------------------------------------*/

/*twitter widget*/
.twitter {
    margin: 0;
}

    .twitter ul {
        margin: 0;
        padding: 0;
    }

        .twitter ul li i {
            font-size: 16px;
            color: #FFF;
            padding-right: 5px;
        }

        .twitter ul li {
            border-bottom: solid 1px #3d3d3d;
            margin-bottom: 25px;
            padding-bottom: 25px;
        }

            .twitter ul li:last-child {
                border-bottom: 0;
            }

            .twitter ul li a {
                color: #727272;
                font-size: 12px;
            }

                .twitter ul li a:hover {
                    color: #fff;
                }
/*flickr widget	*/
.flickr_widget {
    width: 100%;
    padding: 30px 30px 17px 30px;
    margin: 0 0 40px 0;
    float: left;
    border: 1px solid #d9d9d9;
}

    .flickr_widget img {
        width: 65px;
        height: 65px;
        margin-right: 8px;
        margin-bottom: 8px;
        border: 0px solid #999 !important;
        transition-property: background-color, color;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
    }

        .flickr_widget img:hover {
            border: 2px solid #009ff0 !important;
            transition-property: background-color, color;
            transition-duration: 0.3s;
            transition-timing-function: ease-out;
        }
/*products widget*/
.cat-title {
    background: #000;
    padding: 20px;
}

.cat-list ul {
    margin: 0;
    padding: 0;
}

    .cat-list ul li {
        border: solid 1px #dddddd;
        border-top: solid 0px #dddddd;
        padding: 15px 20px;
    }

        .cat-list ul li a {
            color: #656565;
        }

.pro-list h2 {
    padding-bottom: 10px;
    border-bottom: solid 1px #dddddd;
    margin: 0 0 30px 0;
}

.pro-list .product-desc {
    float: left;
    width: 100%;
}

.product-title {
    font-size: 20px;
}

    .product-title a {
        color: #222222;
        font-weight: 300;
    }

.pro-imgage {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

    .pro-imgage.imgbox {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .pro-imgage .product-overlay {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 345px;
        transition: top 0.3s ease-in-out 0s;
        width: 100%;
        z-index: 100;
        text-align: center;
    }

        .pro-imgage .product-overlay a.add-to-cart {
            padding: 12px 10px;
            background: #efefef;
            color: #15181a;
            font-family: 'Aviny', sans-serif;
        }

        .pro-imgage .product-overlay a:hover.add-to-cart {
            padding: 12px 16px;
            background: #15181a;
            color: #FFF;
        }

.product:hover .pro-imgage .product-overlay {
    position: absolute;
    top: 287px;
    transition: top 0.3s ease-in-out 0s;
}

.product-desc {
    float: left;
    width: 100%;
}

.white-bg-color {
    background: #FFF;
}

.recommend-content .item {
    border-bottom: solid 1px #dddddd;
    padding-bottom: 15px;
    margin-bottom: 5px;
    overflow: hidden;
}

    .recommend-content .item.lst {
        border: 0;
    }

.item-thumb {
    border: 1px solid #e1e1e1;
    float: left;
    margin-left: 20px;
}

.item-content a {
    color: #222222;
    font-size: 16px;
}

    .item-content a:hover {
        color: #000;
        font-size: 16px;
    }
/*------------------*/
/*404 error */
/*------------------------------------------------------*/
.error404 {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 60%;
}
/*------------------*/
/*Pricing tables */
/*------------------------------------------------------*/
.pricing-box {
    border: solid 1px #e3e3e3;
    padding: 40px 0;
}

    .pricing-box.active {
        border: solid 1px #009ae8;
        background: #009ae8;
        padding: 40px 0;
    }

.price h4 {
    line-height: 40px;
}

ul.plan-list {
    padding: 0;
    margin: 0;
}

    ul.plan-list li {
        margin: 25px 0;
    }

    ul.plan-list.one li {
        margin: 15px 0;
    }

    ul.plan-list.two li {
        padding: 11px 25px;
        margin: 0;
        border-top: solid 1px #e3e2e2;
    }

        ul.plan-list.two li:last-child {
            border-bottom: solid 1px #e3e2e2;
        }

.pricing-box.one {
    border: 0;
    background: #f4f4f4;
    padding: 60px 0;
    transition: all 0.3s ease-out 0s;
}

    .pricing-box.one:hover, .pricing-box.one.active {
        background: #1cbac8;
        color: #FFF;
        transform: scale(1.1);
    }

.pack-title {
    background: #1cbac8;
    width: 40%;
    padding: 4px 0;
    margin: auto;
    color: #fff;
}

.pricing-box.one:hover .pack-title, .pricing-box.one.active .pack-title {
    background: #fff;
    color: #1cbac8;
}

.price h4 span.align-top {
    margin-right: -20px;
    margin-top: -25px;
    position: absolute;
}

.pricing-box.one h4 span {
    color: #1cbac8;
}

.pricing-box.one:hover h4 span, .pricing-box.one.active h4 span {
    color: #fff;
}

.pricing-box.two {
    border: solid 1px #e3e2e2;
    background: #fff;
    padding: 60px;
    transition: all 0.3s ease-out 0s;
}

    .pricing-box.two.active {
        border: solid 1px #009ae8;
        background: #009ae8;
        transform: scale(1.1);
    }

.price-info {
    background: #FFF;
    border-radius: 100%;
    text-align: center;
    font-size: 18px;
    font-style: italic;
    color: #979898;
    width: 120px;
    height: 120px;
    padding-top: 30px;
    position: absolute;
    z-index: 999;
}

.pricing-box.three {
    border: solid 0px #e3e2e2;
    background: #fff;
    padding: 0px;
    transition: all 0.3s ease-out 0s;
}

    .pricing-box.three.active {
        border: solid 0px #e3e2e2;
        background: #fff;
        padding: 20px 0px;
        transform: scale(1.1);
        -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.28);
        -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.28);
        box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.28);
        z-index: 99;
    }

.price-info.black-bg {
    background: #000;
    border-radius: 100%;
    text-align: center;
    font-size: 18px;
    font-style: italic;
    color: #fff;
    width: 120px;
    height: 120px;
    padding-top: 30px;
    position: absolute;
    z-index: 999;
    margin-left: 50px;
}
/*------------------*/
/*foms styles */
/*------------------------------------------------------*/
form .input-b-line {
    border: none;
    border-bottom: solid 1px #515151;
    background-color: transparent;
    height: 45px;
    width: 100%;
    font-size: 14px;
    color: #656565;
    padding: 5px;
}

    form .input-b-line.gery, form textarea.gery {
        border: none;
        border-bottom: solid 1px #c2c2c2;
    }

form textarea {
    border: none;
    border-bottom: solid 1px #515151;
    background-color: transparent;
    height: 125px;
    width: 100%;
    font-size: 14px;
    color: #656565;
    padding: 5px;
}

form .submit-btn {
    font-size: 16px;
    font-weight: bold;
    border: 0;
    color: #fff;
    width: 200px;
    height: 55px;
    background: #009ff0;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease-out 0s;
}

    form .submit-btn:hover {
        background: #fff;
        color: #009ff0;
        transition: all 0.3s ease-out 0s;
    }
/*------------------*/
/*footer styles */
/*------------------------------------------------------*/
footer {
    width: 100%;
    float: left;
    padding: 70px 0 30px 0;
    margin: 0;
    color: #727272;
}

.footer-bg {
    background: url(/template/img/footer-texture-1.jpg) repeat left top;
}

    .footer-bg.one {
        background: url(/template/img/footer-texture-2.jpg) repeat center top;
    }

.footer-bg-color {
    background: #161616;
    padding: 65px 0 20px 0;
}
    /*hosseinmodabber*/
    .footer-bg-color.whitebg {
        background: #fff;
        padding: 65px 0 20px 0;
        border-top: solid 3px #009ff0;
    }

.title-line {
    background-color: #727272;
    height: 2px;
    margin: 0 0 25px auto;
    padding: 0;
    width: 36px;
}

    .title-line.wide50 {
        height: 2px;
        width: 50px;
    }

    .title-line.color {
        background-color: #009ff0;
    }

    .title-line.white {
        background-color: #fff;
    }

ul.address-info {
    margin: 0;
    padding: 0;
}

    ul.address-info.map {
        background: url(/template/img/map.png) no-repeat center bottom;
        padding-bottom: 20px;
    }

    ul.address-info li {
        margin-bottom: 15px;
    }

    ul.address-info i {
        font-size: 20px;
        margin-left: 10px;
    }

    ul.address-info.one li {
        margin-bottom: 40px;
    }

ul.list-info {
    margin: 0;
    padding: 0;
}

    ul.list-info li {
        margin-bottom: 15px;
    }

        ul.list-info li a, footer a {
            color: #727272;
        }

            ul.list-info li a:hover, footer a:hover {
                color: #fff;
            }

    ul.list-info.one li a:hover, .c-post-content a:hover {
        color: #5a5a5a;
    }

.c-post {
    border-bottom: solid 1px #3d3d3d;
    margin-bottom: 25px;
}

    .c-post.one {
        border-bottom: solid 1px #dddddd;
        margin-top: 25px;
        padding-bottom: 10px;
    }

.whitebg .col-md-3 .c-post {
    border-bottom: solid 1px #d8d8d8;
}

    .c-post.c-post-last, .whitebg .col-md-3 .c-post.c-post-last {
        border-bottom: solid 0px #3d3d3d;
    }

.c-post-img {
    float: left;
    height: 72px;
    position: relative;
    width: 68px;
}

.c-post-content {
    padding-left: 80px;
}

    .c-post-content p span {
        font-size: 12px;
    }

.post-info {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    float: left;
    margin: 0 0 20px;
    padding: 10px 0;
    width: 100%;
}

.comment-list {
    margin-bottom: 25px;
}

.tags-b {
    border: 1px solid #505050;
    border-radius: 6px;
    color: #727272;
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: 8px 14px;
}

.tags-s {
    border: solid 1px #505050;
    border-radius: 4px;
    color: #727272;
    padding: 8px 14px;
    margin: 0 5px 5px 0;
    display: inline-block;
}

    .tags-s:hover {
        border: solid 1px #000;
        background: #000;
        border-radius: 4px;
        color: #fff;
        padding: 8px 15px;
        margin: 0 5px 5px 0;
        display: inline-block;
    }

.con-icons {
    width: 18%;
    float: left;
    padding-left: 30px;
}

.con-info {
    float: right;
    width: 78%;
}

    .con-info h3 {
        margin-top: 0;
        color: #222222;
    }

.content-container {
    background: rgba(255, 0, 0, 0.1) none repeat scroll 0 0;
    margin-top: 10px;
    text-align: center;
    width: 100%;
    border: 0;
}

iframe {
    border: 0;
}

.panel-group.fullwide {
    width: 100%;
}
/* social medai iocns */
.fa-social-icons {
    text-align: center;
    font-size: 45px;
    padding: 20px 0;
    transition: all 0.3s ease-out 0s;
}

    .fa-social-icons a, .fa-social-icons a:hover {
        color: #FFF;
    }

.facebook-icon {
    background: #1852a9;
}

.twitter-icon {
    background: #26d3f9;
}

.google-icon {
    background: #da4835;
}

.linkedin-icon {
    background: #007ab9;
}

.instagram-icon {
    background: #4878a0;
}

.vimeo-icon {
    background: #0a9cc1;
}

    .facebook-icon:hover, .twitter-icon:hover, .google-icon:hover, .linkedin-icon:hover, .instagram-icon:hover, .vimeo-icon:hover {
        background: #222222;
    }

ul.social-icons {
    margin: 20px 0 0 0;
    padding: 0;
    float: left;
}

    ul.social-icons li {
        float: left;
        margin: 0 8px 0 0;
        padding: 0;
    }

        ul.social-icons li i {
            color: #919191;
        }

        ul.social-icons li a {
            background-color: #595959;
            border-radius: 100%;
            color: #919191;
            float: left;
            font-size: 14px;
            height: 36px;
            line-height: 36px;
            margin: 0;
            padding: 0;
            text-align: center;
            width: 36px;
        }

            ul.social-icons li a:hover {
                background-color: #fff;
            }

                ul.social-icons li a:hover i {
                    color: #009ae8;
                }

    ul.social-icons.style-two {
        margin: 0px 0 0 0;
        padding: 0;
        float: left;
    }

        ul.social-icons.style-two li a {
            background-color: transparent;
            width: auto;
            padding-right: 5px;
            margin-right: 10px;
        }

    ul.social-icons.style-three {
        margin: 0;
        float: left;
    }

        ul.social-icons.style-three li a {
            height: 30px;
            line-height: 30px;
            width: 30px;
        }

    ul.social-icons.style-four {
        float: none;
    }

        ul.social-icons.style-four li {
            float: none;
            display: inline-block;
        }

    ul.social-icons.style-five {
        float: left;
        display: inline-block;
        margin-top: 14px;
    }

        ul.social-icons.style-five.one {
            float: left;
        }

        ul.social-icons.style-five li {
            margin-left: 5px;
            margin-right: 0px;
        }

            ul.social-icons.style-five li a, ul.social-icons.style-five li i {
                border-radius: 0;
                color: #FFF;
            }

        ul.social-icons.style-five.one.circle li a {
            border-radius: 100%;
        }

        ul.social-icons.style-five li.facebook a {
            background: #3c599b;
        }

        ul.social-icons.style-five li.twitter a {
            background: #00abf0;
        }

        ul.social-icons.style-five li.linkedin a {
            background: #007bb6;
        }

        ul.social-icons.style-five li.google-plus a {
            background: #dd4c39;
        }

        ul.social-icons.style-five li.pinterest a {
            background: #ef1438;
        }

        ul.social-icons.style-five li.skype a {
            background: #13caff;
        }

        ul.social-icons.style-five li.dribbble a {
            background: #f5699a;
        }

        ul.social-icons.style-five li.wordpress a {
            background: #2472a2;
        }

        ul.social-icons.style-five li.android a {
            background: #8ec429;
        }

        ul.social-icons.style-five li.windows a {
            background: #23c5f1;
        }

        ul.social-icons.style-five li.renren a {
            background: #025dac;
        }

        ul.social-icons.style-five li.apple a {
            background: #a6a8a7;
        }

        ul.social-icons.style-five li.faqq a {
            background: #1f1f1f;
        }

        ul.social-icons.style-five li.weixin a {
            background: #1a1a1a;
        }

        ul.social-icons.style-five li.youtube a {
            background: #cb3235;
        }

        ul.social-icons.style-five li.rss a {
            background: #ffa336;
        }

        ul.social-icons.style-five li.flickr a {
            background: #ee1a89;
        }

        ul.social-icons.style-five li.whatsapp a {
            background: #1f9e11;
        }

        ul.social-icons.style-five li a:hover {
            background: #fff;
        }

        ul.social-icons.style-five.style-five.one li a:hover {
            background: #000;
        }

        ul.social-icons.style-five.style-five.one li a i {
            color: #FFF;
        }

        ul.social-icons.style-five.ltside {
            float: left;
        }

.fa-social-icons.sty-six {
    text-align: center;
    font-size: 45px;
    padding: 20px 0;
    transition: all 0.3s ease-out 0s;
}

    .fa-social-icons.sty-six li a, .fa-social-icons.sty-six li a:hover {
        color: #FFF;
        background: #000000;
    }

ul.social-icons.sty-six {
    margin: 20px 0 0 0;
    padding: 0;
    float: left;
}

    ul.social-icons.sty-six li {
        float: left;
        margin: 0 8px 0 0;
        padding: 0;
    }

        ul.social-icons.sty-six li i {
            color: #919191;
        }

        ul.social-icons.sty-six li a {
            background-color: #595959;
            border-radius: 0;
            color: #919191;
            float: left;
            font-size: 14px;
            height: 36px;
            line-height: 36px;
            margin: 0;
            padding: 0;
            text-align: center;
            width: 36px;
        }

            ul.social-icons.sty-six li a:hover {
                background-color: #000;
            }

                ul.social-icons.sty-six li a:hover i {
                    color: #fff;
                }

    ul.social-icons.sty-six.circle li a {
        background-color: #009ff0;
        border-radius: 100%;
        color: #fff;
        float: left;
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 36px;
    }

        ul.social-icons.sty-six.circle li a:hover {
            background-color: #000;
        }

        ul.social-icons.sty-six.circle li a i {
            color: #fff;
        }

        ul.social-icons.sty-six.circle li a:hover i {
            color: #fff;
        }

    ul.social-icons.sty-six.boxed li a {
        background-color: #fff;
        border: solid 1px #d3d3d3;
        border-radius: 0;
        color: #919191;
        float: left;
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 36px;
    }

        ul.social-icons.sty-six.boxed li a:hover {
            background-color: #000;
        }

        ul.social-icons.sty-six.boxed li a i {
            color: #595959;
        }

        ul.social-icons.sty-six.boxed li a:hover i {
            color: #fff;
        }

    ul.social-icons.sty-six.border li a {
        background-color: #fff;
        border: solid 1px #d3d3d3;
        border-radius: 100%;
        color: #919191;
        float: left;
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 36px;
    }

        ul.social-icons.sty-six.border li a:hover {
            background-color: #000;
            border: solid 1px #000;
        }

        ul.social-icons.sty-six.border li a i {
            color: #595959;
        }

        ul.social-icons.sty-six.border li a:hover i {
            color: #fff;
        }
/* flickr widget */
.flickr-widget img {
    border: 0 solid #999 !important;
    height: 58px;
    margin-bottom: 6px;
    margin-right: 6px;
    transition-duration: 0.3s;
    transition-property: background-color, color;
    transition-timing-function: ease-out;
    width: 58px;
}
/* copyrights */
.copyrights {
    width: 100%;
    float: left;
    background: #252525;
    margin: 0;
    padding: 30px 0;
}

    .copyrights.one {
        background: #000000;
    }

.flinks a {
    color: #888989;
}

    .flinks a:hover {
        color: #fff;
    }

.flinks span {
    padding: 0 10px;
}

/* scroll up */
.scrollup {
    width: 40px;
    height: 40px;
    opacity: 1;
    position: fixed;
    bottom: 22px;
    left: 20px;
    display: none;
    text-indent: -9999px;
    background: #009ff0 url(/template/img/scroll-top-arrow.png) no-repeat 15px 14px;
    z-index: 999;
}
/* RTL By ThemeGraden */
.navbar-nav > li {
    float: right;
    direction: rtl;
}

.w100 {
    width: 100%;
}

.dropdown-menu {
    text-align: right;
    font-size: 16px;
}

.col-md-3-rtl {
    float: right;
    direction: rtl;
}

.col-md-4-rtl {
    float: right;
    direction: rtl;
    text-align: right;
}

.col-md-5-rtl {
    direction: rtl;
}

.col-md-6-rtl {
    float: right;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    right: 100%;
    margin-right: -1px;
    border-radius: 0;
}

.col-md-80-rtl {
    float: right !important;
}

.input-group .form-control {
    float: right !important;
    width: 100% !important;
}

.feature-info.p-right85 {
    padding-right: 85px;
    padding-left: 0;
}


/*social icon*/

.social-meida {
    margin: 0 auto;
    height: 10px;
    /* margin: 17px 0 0 -29px; */
    margin-right: 80px;
    padding-top: 16px;
}


    .social-meida a {
        margin-left: 10px;
    }

        .social-meida a.fb {
            background: url("/template/img/net.png") 48px 50px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            background-size: 138px;
        }


        .social-meida a.tw {
            background: url("/template/img/net.png") -52px 50px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            background-size: 138px;
        }

        .social-meida a.gplus {
            background: url("/template/img/net.png") -7px 50px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            background-size: 138px;
        }

        .social-meida a.ins {
            background: url("/template/img/net.png") -7px 50px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            background-size: 138px;
        }



        .social-meida a.fb:hover {
            background: url("/template/img/net.png") 48px -8px;
            background-size: 138px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
            -moz-transition: 0.5s all;
        }

        .social-meida a.tw:hover {
            background: url("/template/img/net.png") -52px -8px;
            background-size: 138px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
            -moz-transition: 0.5s all;
        }

        .social-meida a.gplus:hover {
            background: url("/template/img/net.png") -7px -7px;
            background-size: 138px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
            -moz-transition: 0.5s all;
        }

        .social-meida a.ins:hover {
            background: url("/template/img/net.png") -189px 40px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
            -moz-transition: 0.5s all;
        }

/* end social icon*/


.logoAbout img {
    width: 100px;
    float: right;
    margin: -28px 14px 0 0;
}

.logoMenu img {
    width: 100px;
    float: left;
}


.answer {
    background: #eee;
    margin: 12px;
    border-radius: 18px;
}


/*Style New HB_1400*/


/* serch box hossein mo*/
.search_box {
    width: 100%;
    height: 35px;
    background: #eee;
    margin: 10px 0 10px 0;
}

    .search_box input[type="text"] {
        width: 95%;
        height: 95%;
        text-align: right;
        direction: rtl;
        padding: 0 10px 0 10px;
        color: #4E4E4E;
        background: #fff;
        outline: none;
        display: block;
        border: 1px solid #E2E2E2;
        text-align: right;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        border-radius: 3px;
        font-size: 14px;
        font-family: 'Aviny', sans-serif;
    }


    .search_box input[type="submit"] {
        width: 5%;
        height: 100%;
        color: #fff;
        background: url("/template/img/page/serch.png") no-repeat 14px 4px;
        background-color: #2196F3;
        background-size: 26px;
        outline: none;
        display: block;
        border: none;
        text-align: center;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        border-radius: 3px;
        margin: 0 auto;
        float: right;
        font-family: 'IranSans',Arial;
    }


        .search_box input[type="submit"]:hover {
            -webkit-transform: rotateY(15deg);
            -moz-transform: rotateY(15deg);
            -ms-transform: rotateY(15deg);
            transform: rotateY(15deg);
            background: url("/template/img/page/serch.png") no-repeat 14px 4px;
            background-color: #0f80a9;
            background-size: 26px;
            cursor: pointer;
        }



.loading {
    z-index: 9999;
    width: 240px;
    height: 80px;
    position: fixed;
    padding: 20px 10px;
    top: 50%;
    left: 40%;
    /*margin-left: -120px;*/
    margin-top: -40px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    direction: rtl;
    border: 2px solid #a79c9c;
    /*box-shadow: inset 1px 1px 6px #2e2e2e;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .loading img {
        vertical-align: middle;
        margin-left: 15px;
        width: 35px;
    }

    .loading span {
        font-size: 13px;
        text-align: center;
    }



.buttonH input[type="submit"] {
    background: #009ff0;
    border: 0;
    border-radius: 6px;
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 30px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    font-family: 'Aviny', sans-serif;

}



    .buttonH input[type="submit"]:hover {
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        transform: rotateY(15deg);
        text-decoration: none;
        background: #ff0000;
        cursor: pointer;
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: 80px;
    }