/*@font-face {
    font-family: IRANSansFaNum;
    src: url('../../fonts/IRANSansWeb(FaNum).eot');
    src: url('../../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),*/ /* IE6-8 */
    /*url('../../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
}*/





@font-face {
    font-family: IRANSansFaNum;
    font-style: normal;
    font-weight: bold;
    src: url('../../fonts/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../../fonts/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSansFaNum;
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/IRANSansWeb(FaNum)_Medium.eot');
    src: url('../../fonts/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSansFaNum;
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/IRANSansWeb(FaNum)_Light.eot');
    src: url('../../fonts/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

@font-face {
    font-family: IRANSansFaNum;
    font-style: normal;
    font-weight: 200;
    src: url('../../fonts/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../../fonts/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: IRANSansFaNum;
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/IRANSansWeb(FaNum).eot');
    src: url('../../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../fonts/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
}























/*============================================================
	1. Typography
=============================================================*/
@media (max-width: 680px) {
    .tab-vertical .nav-tabs {
        float: none;
        width: 100%;
        padding: 0px;
    }

    .tab-vertical .tab-content {
        margin-right: 0px;
    }

    .dropzone .dz-message {
        margin: 0px;
        font-size: 14px;
    }
}

body {
    font-family: IRANSansFaNum, IRANSans, "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: rtl;
    background: #f5f5f5;
    overflow-x: hidden;
    /*background: #2d4d321c;*/
}


a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
    -moz-outline: none;
    outline: none;
}

a {
    text-decoration: none;
    outline: 0;
}

    a:active,
    a:focus,
    a:hover,
    a:visited {
        text-decoration: none;
        outline: 0;
    }

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ol li {
    list-style: decimal !important;
}

.clear-both:before,
.clear-both:after {
    display: table;
    content: "";
    clear: both;
}

p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 15px;
    font-family: IRANSansFaNum,IRANSans, "Open Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #282828;
    margin: 0 0 15px;
    font-family: IRANSansFaNum,IRANSans, sans-serif;
    font-weight: 700;
}

h1 {
    font-size: 36px;
    line-height: 42px;
}

h2 {
    font-size: 30px;
    line-height: 38px;
}

h3 {
    font-size: 24px;
    line-height: 32px;
}

h4 {
    font-size: 20px;
    line-height: 28px;
}

h5 {
    font-size: 20px;
    line-height: 28px;
}

h6 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}

.ts-service-title {
    font-size: 22px;
    line-height: 28px;
}

.ts-post-title,
.ts-author-title {
    font-size: 20px;
}

.ts-single-title,
.widget-title {
    font-size: 22px;
}

.ts-blog-title {
    font-size: 24px;
    line-height: 34px;
}

    .ts-blog-title a {
        color: #282828;
    }

.title-white {
    color: #fff;
}

/*=========================
  inharitance css
 ==========================*/
.margin-0 {
    margin: 0;
}

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

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

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

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

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

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

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

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

.mb-80 {
    margin-bottom: 80px;
}

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

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

.mr-0 {
    margin-right: 0px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

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

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

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

.pt-50 {
    padding-top: 50px;
}

.pt-40 {
    padding-top: 40px;
}

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

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

.pb-20 {
    padding-bottom: 20px;
    direction: ltr;
}

.pb-30 {
    padding-bottom: 30px;
}

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

.pb-50 {
    padding-bottom: 50px;
}

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

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

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

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

.section-padding {
    padding: 60px 0px;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.5;
    text-transform: uppercase;
    border-radius: 0px;
    padding: 12px 27px;
    font-weight: 700;
}

    .btn i {
        margin-left: 5px;
    }

.btn-primary {
    background: #00aca9;
    color: white;
    border: 1px solid #00aca9;
}

    .btn-primary:hover {
        background: #222222;
        color: #fff;
        border-color: #222222;
    }

.btn-border-dark {
    border: 1px solid #24272a;
    color: #24272a !important;
}

    .btn-border-dark:hover {
        background: #00aca9;
        color: #222222;
        border-color: #00aca9;
    }

.btn-border {
    border: 1px solid #fff;
    color: #fff !important;
}

    .btn-border:hover {
        background: #00aca9;
        color: #222222;
        border-color: #00aca9;
    }

.btn-link {
    font-size: 14px;
    color: #101010;
    padding-left: 0px;
}

    .btn-link:hover {
        color: #00aca9;
        text-decoration: none;
    }

/* Title*/
.section-title {
    margin-bottom: 60px;
    text-align: center;
}

    .section-title span {
        font-size: 16px;
        line-height: 24px;
        display: block;
        font-weight: 500;
        color: #00aca9;
        margin-bottom: 15px;
    }

.column-title {
    margin-bottom: 30px;
    position: relative;
    text-align: right;
    padding-top: 20px;
    font-size: 25px;
}

    .column-title span {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 10px 0;
        display: block;
        font-weight: 500;
        color: #00aca9;
    }

.ts-title {
    font-size: 24px;
    line-height: 32px;
}

/* Colors */
.bg-blue {
    background: #0285a8;
}

.bg-pink {
    background: #f39c9f;
}

.bg-skyblue-light {
    background: #869bdb;
}

.bg-baby-blue {
    background: #6fbab7;
}

.bg-color {
    background: #f1f1f1;
}

.bg-yellow {
    background: #00aca9;
}

.solid-bg {
    padding-top: 20px;
}

.bg-dark {
    background: #24272a;
}

.color-green {
    color: #01b33b;
}

.color-orange {
    color: #00aca9;
}

.color-white {
    color: #fff;
}

.purple-overlay:after {
    background: rgba(77, 17, 63, 0.9);
}

.magenta-overlay:after {
    background: rgba(190, 31, 87, 0.9);
}

.goldenrod-overlay:after {
    background: rgba(231, 129, 8, 0.9);
}

.royalbule-overlay:after {
    background: rgba(19, 130, 195, 0.9);
}

.carousel-wrap {
    padding: 0 5%;
    width: 80%;
    position: relative;
}

/* fix blank or flashing items on carousel */
/* end fix */
.owl-nav > div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd;
}

.owl-nav i {
    font-size: 52px;
}

.owl-nav .owl-prev {
    left: -30px;
}

.owl-nav .owl-next {
    right: -30px;
}

/*-- Banner --*/
.banner-area {
    position: relative;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: 5px;
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
}

    .banner-area .container {
        position: relative;
    }

.banner-title {
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px;
}





/*--------------------------------------new style ------------------------------------------*/


/*----------------------------------------------------------------------*/
.nav-right.ml-auto.form-inline {
    margin-right: auto !important;
    margin-left: 15px !important;
    background: #00aca9;
}

ul.akb-nav li .dropdown-menu {
    left: auto !important;
    right: 0px !important;
}

section#ts-testimonial-standard {
    height: 400px;
    margin-right: 3px;
    border: 1px solid transparent;
    border-radius: 5px;
}



.modal-deals .card .card-button a {
    color: white;
    background: #00aca9;
}

.modal-deals .card .card-body {
    color: black;
}

.modal-deals .card .card-button a:before, .modal-deals .card .card-button a:after {
    color: white;
}

li.nav-account {
    padding: 10px 20px;
}

    li.nav-account a {
        color: white;
        line-height: 50px;
    }

        li.nav-account a:hover {
            color: #ffeaaa;
        }


.navspan {
    color: white;
}

.nav-account i {
    color: white;
}

.logo-area {
    height: 85px;
}

.top-bar.pull-left.akb-topbar {
    padding-top: 35px;
}

.akb-register {
    padding-top: 20px;
}

    .akb-register p {
        text-align: right;
    }

.akb-loginform {
    padding-left: 2px;
/*    padding-right: 2px;*/
}

/*.ArticleVisable {
    position: relative;
    top: -403px;
    height: 398px;
}*/

.quote-news {
    background: white;
    min-height: 360px;
    border: 1px solid #00000017;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

.akb-right-padding1 {
    padding-right: 5px;
/*    padding-left:2px;*/
}

.news-div {
    padding: 0px;
    text-align: right;
}

h2.title-black {
    padding-top: 10px;
    width: 50%;
    margin-bottom: 10px;
    font-size: 27px;
}

}

#hero-slider {
    padding-bottom: 4px;
}

.news-sec {
    padding-top: 15px;
}

.news-p {
    margin-top: 7px;
    display: flex;
    margin-bottom: 12px;
}

.news-p p {
    font-size: 14px;
    color: #666666;
    margin-bottom: 5px;
    margin-left: 25px;
}

.news-p i {
    margin-left: 5px;
}

.headernewss {
    display: flex;
    width: 90%;
    border-bottom: 1px solid #bbbbbb59;
    padding: 0px;
    margin: auto;
}




.akb-nav i {
    padding-left: 5px;
}

.akb-carousel.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    height: 280px;
    -webkit-transform: translate3d(0, 0, 0);
}

a.register-title {
    background: #00aca9;
    color: white;
    border: 1px solid #00aca9;
    padding: 15px;
    direction: rtl;
}

.akb-copyright1 {
    text-align: right;
}

a.bazyabi {
    padding-right: 20px;
    color: #00aca9;
}

    a.bazyabi i {
        padding-left: 5px;
    }

.register-title i {
    padding-left: 1px;
}

.title-white i {
    padding-left: 10px;
}

.news-link {
    color: #00aca9;
    font-weight: bold;
    width: 50%;
    text-align: left;
    margin-top: 18px;
}

.entry-header {
    text-align: right;
    direction: rtl;
}

.post-meta i.icon {
    font-size: 13px;
}

.post-meta i::before {
    right: 0px;
    left: auto;
}

.sidebar i {
    padding-left: 5px;
}

.akb-first-column {
    padding-top: 20px;
}

.akb-nav {
    background-color: #222222;
}

.featured-box {
    background-image: none !important;
}

.akb-sec2 {
    padding-top: 0px;
}

.topbar:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(48, 48, 48, 0.05);
}

.accordion {
    direction: rtl;
}

.akb-faq {
}

.akb-dir {
    direction: rtl;
    padding-top: 5px;
}

.table-bordered td, .table-bordered th {
    text-align: center;
}

.widget.widget-search input {
    padding: 10px 25px;
    border-radius: 0;
    font-style: normal;
    border-color: #dee2e6;
    color: #101010;
}

.widget.widget-search .input-group-btn i {
    font-size: 18px;
    color: #fff;
    width: 55px;
    height: 55px;
    line-height: 55px;
    background: #00aca9;
    text-align: center;
    position: absolute;
    left: 0;
    z-index: 999;
    cursor: pointer;
}

.law-table {
    margin-top: 30px;
    overflow: auto;
    max-height: 900px;
}

.akb-search {
}

p.input-group-addon {
    text-align: right;
    margin: 20px 0 8px;
}

.akb-search {
    width: 100%;
    margin-top: 25px;
    color: white !important;
}

.btn {
    border: 1px solid transparent;
    border-radius: 5px;
}

.table-bordered {
    background: white;
}

.law-table i.fa.fa-file-pdf-o {
    font-size: 30px;
    color: #00aca9;
}














.solid-bg1 {
    background: white;
    padding: 0px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

.feature-item.col-md-2 {
    -ms-flex: 0 0 22.666667% !important;
    flex: 0 0 22.666667% !important;
    max-width: 22.666667% !important;
}

.slideUp.appear {
    margin: 20px 25px 15px 0px;
}



.slideUp.appear {
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
    margin-top: 20px;
}

.activesec.feature-icon:after {
    content: '';
    position: absolute;
    background: radial-gradient( rgba(4, 233, 229, 0.9), rgb(2, 153, 150) 95%) no-repeat;
    background-size: cover;
    background-position: center;
    width: 50px;
    height: 50px;
    border-radius: 55px;
    border: 6px solid #fff;
    box-shadow: 0 12px 12px rgba(27, 255, 252, 0.28);
    cursor: pointer;
    font-size: 35px;
    color: #fff;
    line-height: 100px;
}

.feature-icon:after {
    content: '';
    position: absolute;
    background: radial-gradient( rgba(255, 255, 255, 0.9), rgb(143, 143, 143) 95%) no-repeat;
    background-size: cover;
    background-position: center;
    width: 50px;
    height: 50px;
    border-radius: 55px;
    border: 6px solid #fff;
    box-shadow: 0 12px 12px #dee2e6;
    cursor: pointer;
    font-size: 35px;
    color: #fff;
    line-height: 100px;
    right: 0px;
}

.last-feature-icon:after {
    right: auto !important;
}

.firstdivv {
    width: 14%;
}


.ion-person-add:after {
    content: '';
    position: absolute;
    background: radial-gradient(rgba(4, 233, 229, 0.9), rgb(2, 153, 150) 75%) no-repeat;
    background-size: cover;
    background-position: center;
    width: 50px;
    height: 50px;
    border-radius: 55px;
    border: 6px solid #fff;
    box-shadow: 0 12px 12px rgba(27, 255, 252, 0.28);
    cursor: pointer;
    font-size: 35px;
    color: #fff;
    line-height: 100px;
    -webkit-animation: 2.5s anim-effct-slide1 0s linear infinite;
    animation: 2.5s anim-effct-slide1 0s linear infinite;
    right: 0px;
}

.last-feature-icon .ion-person-add:after {
    right: auto;
}

.feature-title {
    margin-top: 60px;
    position: relative;
}


@keyframes anim-effct-slide1 {
    0% {
        -webkit-box-shadow: 0 0 0 8px rgba(232, 232, 232, 0.1);
        box-shadow: 0 0 0 8px rgba(232, 232, 232, 0.1);
        opacity: 1;
    }

    50% {
        -webkit-box-shadow: 0 0 0 12px rgba(200, 200, 200, 0.6);
        box-shadow: 0 0 0 12px rgba(200, 200, 200, 0.6);
        opacity: 1;
    }

    100% {
        -webkit-box-shadow: 0 0 0 22px rgba(188, 188, 188, 0);
        box-shadow: 0 0 0 22px rgba(188, 188, 188, 0);
        opacity: 0;
    }
}

@-webkit-keyframes anim-effct-slide1 {
    0% {
        -webkit-box-shadow: 0 0 0 8px rgba(232, 232, 232, 0.1);
        box-shadow: 0 0 0 8px rgba(232, 232, 232, 0.1);
        opacity: 1;
    }

    50% {
        -webkit-box-shadow: 0 0 0 12px rgba(200, 200, 200, 0.6);
        box-shadow: 0 0 0 12px rgba(200, 200, 200, 0.6);
        opacity: 1;
    }

    100% {
        -webkit-box-shadow: 0 0 0 22px rgba(188, 188, 188, 0);
        box-shadow: 0 0 0 22px rgba(188, 188, 188, 0);
        opacity: 0;
    }
}


/*.feature-icon:after {
	content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
*/
.timeline4:before {
    display: none;
}


p.register-icon-title {
    text-align: right;
    padding-top: 25px;
    font-weight: 500;
    position: absolute;
    font-size: 14.5px;
}

.feature-item {
    padding: 0px !important;
}

.progress1::after {
    position: absolute;
    content: '';
    left: 0px;
    top: 20px;
    width: 50%;
    height: 20px;
    display: block;
    z-index: 0;
    background-color: #007bff;
}

.feature-item:before {
    content: '';
    width: 100%;
    height: 8px;
    position: absolute;
    top: 23px;
    background: #00aca9;
    background: linear-gradient(to left, rgb(140, 140, 140), rgba(202, 204, 204, 0.9) 65%) no-repeat;
    left: 0;
}

.page-box h5, .page-box ul, .page-box li {
    text-align: right;
}

.page-box li {
    list-style: outside;
    line-height: 38px;
    text-align: justify !important;
}

.page-box p {
    text-align: right;
}

.page-box ul {
    padding: 0px 50px 0px 30px;
}

.checkbox-sec {
    border: 1px solid rgba(222, 226, 230, 0.71);
    width: 100%;
    text-align: right;
    padding: 12px 20px 12px;
    margin-top: 20px;
    display: flex;
    position: relative;
}

#btnregister {
    margin-right: 25px;
    background: transparent;
    border: 2px solid #03c3c1;
    color: #02b1af !important;
    padding: 7px 25px;
    font-size: 14px;
    margin-top: 3px;
}

    #btnregister:hover {
        color: white;
        border: 2px solid #039897;
        color: #028887 !important;
    }

.akb-continue {
    float: left;
    background: #00aca9;
    color: white;
}


#chckaccept {
    width: 18px;
    height: 18px;
    margin-right: 0px;
    border: 2px solid #666666;
    border-radius: 2px;
    position: absolute;
    top: 23px;
}

.pass-sec:before {
    content: '';
    width: 100%;
    height: 10px;
    position: absolute;
    top: 23px;
    background: #00aca9;
    background: linear-gradient(to left, rgb(11, 159, 156), rgb(8, 227, 223) 65%) no-repeat;
    left: 0;
}

.page-box .form-group label {
    float: right;
    text-align: right;
}

.page-box h4, .page-box span {
    text-align: right;
}

.reg-section .col-md-3, .field-point {
    text-align: right;
}

.akb-deletebutton {
    color: #dc3545d9;
}

    .akb-deletebutton:hover {
        color: #dc3545;
    }

.akb-editbutton {
    color: #0069d9c9;
}

    .akb-editbutton:hover {
        color: #007bff;
    }

.reg-sec-title {
    text-align: right;
    background: #02b1af;
    /* color: white; */
    margin-top: 20px;
}

    .reg-sec-title h4 {
        margin: 0px;
        padding: 15px 20px;
        color: white;
    }

.reg-section {
    border: 1px solid #dee2e6;
    padding: 20px;
    background: #f0f0f014;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 15px;
}

p.field-dsc {
    font-size: 13px;
    margin-bottom: 0px;
    color: #666666e0;
}

.reg-section:hover {
    background: #ffc1070a;
}

.field-buttons {
    text-align: left !important;
}

    .field-buttons i {
        font-size: 40px;
        margin-top: 10px;
    }

.i1 {
    margin-left: 35px;
}

.rightfloat {
    float: right;
}

i.akb-editbutton.fa.fa-pencil-square-o {
    margin-top: 13px;
}

.check-sec2 {
    text-align: left;
}

.akb-prev {
    background: #ffc107;
    color: white;
    margin-left: 7px;
}

.finish-register {
    font-size: 100px;
    color: #02b1af;
    margin-top: 22px;
}

.akb-timeline {
    background: #dee2e680;
    /* height: 150px; */
    /* margin-right: 15px; */
    border: 1px solid #66666638;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}

.title-box {
    width: 100%;
    height: 45px;
    background: #6666661c;
    border-top: 1px solid #66666614;
}

.register-icon-title1 {
    right: 10px;
}

.register-icon-title2 {
    right: -14px;
}

.register-icon-title3 {
    right: -25px;
}

.register-icon-title4 {
}







.quote_form.quote_form2 {
    background: white;
    /* color: black; */
}

    .quote_form.quote_form2:before {
        display: none;
    }

    .quote_form.quote_form2 .column-title {
        margin-bottom: 15px;
        text-align: right;
        color: black;
    }

    .quote_form.quote_form2 .form-control::placeholder {
        color: black;
    }

    .quote_form.quote_form2 input::-webkit-input-placeholder {
        color: black;
    }

    .quote_form.quote_form2 input:-ms-input-placeholder {
        color: black;
    }

    .quote_form.quote_form2 input::-ms-input-placeholder {
        color: black;
    }

    .quote_form.quote_form2 input::placeholder {
        color: black;
    }

    .quote_form.quote_form2 .contact-form .form-group input::-webkit-input-placeholder,
    .quote_form.quote_form2 .contact-form .form-group textarea::-webkit-input-placeholder {
        color: black;
    }

    .quote_form.quote_form2 .contact-form .form-group input:-ms-input-placeholder,
    .quote_form.quote_form2 .contact-form .form-group textarea:-ms-input-placeholder {
        color: black;
    }

    .quote_form.quote_form2 .contact-form .form-group input::-ms-input-placeholder,
    .quote_form.quote_form2 .contact-form .form-group textarea::-ms-input-placeholder {
        color: black;
    }

    .quote_form.quote_form2 .contact-form .form-group input::placeholder,
    .quote_form.quote_form2 .contact-form .form-group textarea::placeholder {
        color: black;
    }

    .quote_form.quote_form2 input::input-placeholder,
    .quote_form.quote_form2 textarea::input-placeholder {
        color: black;
    }

    .quote_form.quote_form2 .form-control {
        color: #212529;
    }




.register-icon-title5 {
    width: 90px;
    right: -18px;
}

.bs-callout-success {
    line-height: 38px;
}


.post.moamelat {
    margin-bottom: -1px;
}

.reg-sec-title2 {
    text-align: right;
    background: #00aca9;
    /* color: white; */
    margin-top: 0px;
}

.cardtitle {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-bottom: 0px;
}

.cardtitle h4 {
    color: #404040 !important;
    font-size: 17px;
    font-weight:500;
}

.reg-sec-title2 h4 {
    margin: 0px;
    padding: 12px 17px;
    color: white;
}

.reg-sec-title3 {
    text-align: right;
    background: #02b1af;
    /* color: white; */
    margin-top: 20px;
}

    .reg-sec-title3 h4 {
        margin: 0px;
        padding: 15px 40px;
        color: white;
    }

.moamelat .post-meta > span {
    color: #666666;
    font-size: 12px;
    margin-right: 0px;
    margin-left: 5px;
}

.moamelat .entry-title {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
}

.moamelat-sec {
    margin-bottom: 15px;
}


span.footercpr {
    font-size: 12px;
}






/*--------------------------------------new style ------------------------------------------*/


































.banner-heading {
    width: 100%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    min-height: 225px;
}

.breadcrumb {
    padding: 0;
    background: none;
    font-size: 16px;
    font-weight: 500;
}

    .breadcrumb li a {
        color: #fff;
    }

        .breadcrumb li a:hover {
            color: #007bff;
        }

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

    .breadcrumb li:not(:last-child) {
        position: relative;
    }

        .breadcrumb li:not(:last-child):after {
            padding: 0 5px;
            color: #fff;
            content: "/\00a0";
        }

.owl-carousel {
    direction: ltr !important;
}




.logo-section {
    width: 100%;
}

.logo-img {
    width: 20%;
    float: right;
    max-width: 108px;
}

.logo-title {
    width: 80%;
    float: left;
    padding-right: 15px;
    margin-top: 10px;
}

    .logo-title h1 {
        font-size: 18px;
        color: #04adaa;
        margin-bottom: 0px;
        text-align: right;
    }

    .logo-title h2 {
        font-size: 18px;
        color: #029996;
        text-align: right;
    }

.post.post-details {
    width: 100%;
}

.post-details .entry-title {
    padding-top: 7px;
    margin-bottom: 0px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 7px;
    margin-bottom: 30px;
}

.post-details .entry-content p {
    text-align: justify;
    color: #545454;
    line-height: 21px;
    font-size: 15px;
}

.post-details .post-meta {
    padding-top: 20px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.post-details .post-body .entry-title {
    font-size: 17px !important;
}

a.newsdate1 {
    margin-right: 30px;
    color: #666666;
}





































/*
	Template Name: build-bench
	Author: Themefunction
	Version: 1.0
	Author URI: https://themeforest.net/user/themefunction/portfolio
	Description: Build Bench Construction html template. 
  
=====================
   table of content 
====================

1.   	Typography
2.  	Global Styles
3.  	header nav
4.   	hero area
5.    intro area
6.  	Features Section
7.		Service Section
8.		call to action
9.		Project Area
10.  	funfact area 
11.	Testimonial
12.	Latest News
13.	Partners
14.  	Footer area
15.  	About us 
16.  	Service details 
17.  	Faq area 
18.	Pricing Table
19.	404 Page	
20.	Blog
21.	Blog details
22.	Contact

*/
body.boxed-layout {
    background-image: url("../images/boxed_bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: inherit;
    background-position: center top;
    background-color: #f0f2f3;
}

.body-wrapper {
    max-width: 1350px;
    background-color: #fff;
}

/* Shapes*/
.ts-shaps {
    position: absolute;
    left: 0;
    top: -195px;
}

.ts-shaps-2 {
    position: absolute;
    left: 0;
    bottom: 0px;
}

/*=================================
  start Feature Section
 =================================*/
.ts-feature-box .row {
    margin: 0px 0px;
}

.ts-feature-box .ts-feature {
    padding: 40px 40px;
}

.ts-feature-box .ts-feature .ts-feature .ts-feature-info p {
    color: #525252;
}

.ts-feature-box .ts-feature:nth-child(2) .feature-icon:before {
    background: #000000 !important;
}

.ts-feature-box .ts-feature:last-child {
    color: #fff;
}

.ts-feature-box .ts-feature:last-child .ts-title {
    color: #fff;
}

.ts-feature-box .ts-feature:last-child .feature-number {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.2) !important;
}

.ts-feature-box .ts-feature:last-child .feature-number:after {
    background: rgba(255, 255, 255, 0.05) !important;
}

.ts-feature-box .ts-feature .ts-feature-info {
    position: relative;
}

.ts-feature-box .ts-feature .ts-feature-info img {
    position: relative;
    font-size: 80px;
    margin-bottom: 10px;
}

.ts-feature-box .ts-feature .ts-feature-info .ts-title {
    margin-top: 45px;
}

.ts-feature-box .ts-feature .ts-feature-info .feature-number {
    position: absolute;
    right: 10px;
    top: 20px;
    background: rgba(0, 0, 0, 0.05);
    width: 85px;
    height: 85px;
    line-height: 80px;
    padding-left: 20px;
    color: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    font-size: 36px;
    font-weight: 700;
}

.ts-feature-box .ts-feature .ts-feature-info .feature-number:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: -25px;
    right: -20px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.05);
    margin-left: -30px;
    z-index: 1;
}

.ts-feature-box .ts-feature .ts-feature-info .feature-icon {
    position: relative;
}

.ts-feature-box .ts-feature .ts-feature-info .feature-icon:before {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: -25px;
    width: 40px;
    height: 4px;
    background: #00aca9;
    left: 10%;
    margin-left: -30px;
    z-index: 1;
}

/*=================================
  start  Services Section
 =================================*/
.ts-service {
    position: relative;
}

.ts-service .ts-service-box {
    position: relative;
}

.ts-service .ts-service-box .ts-service-box-info {
    padding-left: 80px;
}

.ts-service .ts-service-box .ts-service-box-info .ts-title a {
    font-size: 20px;
    line-height: 29px;
    color: #101010;
}

.ts-service .ts-service-box .ts-service-box-info .ts-title a:hover {
    color: #00aca9;
}

.ts-service .ts-service-box .ts-service-box-info:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 70px;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.05);
    margin-left: -30px;
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.ts-service .ts-service-box .ts-service-box-info:hover:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 140px;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.02);
    margin-left: -30px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}

.ts-service .ts-service-box .ts-service-box-info:hover .ts-service-box:after {
    opacity: 0;
    visibility: hidden;
}

/* service standard */
.ts-service-standard {
    background-image: url(../images/testimonial/testimonial_bg.jpg);
    background-size: cover;
    background-position: center;
}

/* service classic */
.ts-service-classic .ts-service-box {
    padding: 20px 50px;
}

.ts-service-classic .ts-service-box .ts-service-box-img {
    margin-bottom: 30px;
}

.ts-service-classic .ts-service-box .ts-service-box-info .ts-title a {
    color: #000;
}

.ts-service-classic .ts-service-box:hover {
    background: #00aca9;
}

/*=================================
  start  call to action
 =================================*/
.ts-cta-area {
    background-image: url(../images/cta_img.jpg);
    padding: 55px 0;
    color: #ffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: inherit;
    background-position: 100%;
}

.ts-cta-area .cta-title h2 {
    color: #fff;
}

.ts-cta-area .cta-btn .btn-primary {
    background: #24272a;
    color: #fff;
    border: 1px solid #24272a;
    text-transform: uppercase;
}

.ts-cta-area .cta-btn .btn-primary:hover {
    background: #434d56;
    border-color: #434d56;
}

/* ts-cta-area-classic */
.ts-cta-area-classic {
    background-image: url(../images/cta_img2.jpg);
    padding: 50px 0;
    color: #ffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: inherit;
    background-position: 100%;
}

.ts-cta-area-classic .cta-title h1 {
    color: #fff;
}

/*=================================
  start  project section
 =================================*/
#mixcontent .mix {
    display: none;
}

.ts-project-area [class*=" col-"] {
    padding: 0px 5px;
}

.recent-folio-menu {
    text-align: center;
    margin-bottom: 50px;
}

.recent-folio-menu ul li {
    display: inline-block;
    font-weight: 600;
    color: #282828;
    padding: 0 30px;
    margin-right: -5px;
    cursor: pointer;
    position: relative;
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
}

.recent-folio-menu ul li.active {
    border-color: #00aca9;
    color: #00aca9;
}

.ts-project-area-classic [class*=" col-"] {
    padding: 0px;
}

.single-recent-work {
    position: relative;
}

.single-recent-work img {
    width: 100%;
}

.single-recent-work .recet-work-footer {
    position: absolute;
    top: 20px;
    left: 20px;
}

.single-recent-work .recet-work-footer h4 {
    color: #fff;
    padding-right: 25px;
}

.single-recent-work .recet-work-footer h4 span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: block;
    margin-top: 10px;
}

.single-recent-work .link-more {
    font-size: 30px;
    padding: 5px 20px;
    background: #00aca9;
    color: #000000;
    position: absolute;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}

.single-recent-work:hover .link-more {
    opacity: 1;
    visibility: visible;
}

/* Projects Single page */
.project-title {
    font-size: 30px;
}

.project-info-label {
    color: #303030;
    font-weight: 700;
    font-size: 18px;
    line-height: 34px;
}

.project-info {
    margin-top: 55px;
}

.project-info li {
    margin-bottom: 20px;
}

.project-info li .project-link {
    margin-top: 40px;
}

.project-details-title {
    margin-bottom: 40px;
}

    .project-details-title h2 {
        margin-bottom: 20px;
    }

.project-details-img img {
    margin-bottom: 40px;
}

.project-details-img p {
    margin-bottom: 45px;
}

.project-result p {
    margin-bottom: 20px;
}

.project-result ul li {
    list-style: inside;
    margin-bottom: 10px;
}

/*=================================
  start  funfact section
 =================================*/
.ts-funfact .section-title-item .section-title {
    margin-bottom: 55px;
}

.ts-funfact:before {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.ts-funfact .single-funfact {
    text-align: left;
    margin: 0px 0 0;
}

.ts-funfact .single-funfact i {
    font-size: 60px;
    color: #00aca9;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
}

.ts-funfact .single-funfact i.icon-fun-fact-02 {
    font-size: 67px;
    margin-bottom: 25px;
}

.ts-funfact .single-funfact .funfact-title {
    font-size: 30px;
    font-weight: 700;
    color: #ffff;
    margin-bottom: 10px;
    display: inline-block;
}

.ts-funfact .single-funfact p {
    color: #fff;
}

.ts-funfact .single-funfact p:last-of-type {
    margin-bottom: 0;
}

.ts-funfact.funfact-v2-sec {
    padding: 100px 0 94px;
}

.ts-funfact.funfact-v2-sec:before {
    background: transparent;
}

.ts-funfact.funfact-v2-sec .column-title2 {
    color: #eaeaea;
}

.ts-funfact.funfact-v2-sec .single-funfact .funfact-title {
    color: green;
}

/* Fun Fact Classic */
.ts-funfact-classic .single-funfact i {
    color: #24272a;
}

.ts-funfact-classic .single-funfact .funfact-title {
    color: #24272a;
}

.ts-funfact-classic .single-funfact p {
    color: #24272a;
}

/*=================================
  start  testmonial section
 =================================*/
.testimonial-author-content img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-bottom: 10px;
    float: left;
    margin-right: 20px;
}

.testimonial-author-content {
    max-width: 430px;
    margin: auto;
    padding-top: 0px;
}

.testimonial-author-content .author-name {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0;
    color: white;
    display: inline-block;
    bottom: -1px;
    line-height: 40px;
    padding-top: 45px;
    direction: rtl;
}

.testimonial-footer {
    max-width: 380px;
    margin: auto;
    padding-top: 30px;
}

.testimonial-footer img {
    width: auto !important;
}

.testimonial-footer:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 45px;
    height: 0;
    right: 35%;
    top: 73%;
    /*border: 2px solid #00aca9;*/
}

span.author-designation {
    margin-bottom: 20px;
    display: block;
}

.testimonial-carousel.owl-carousel .owl-nav .owl-prev,
.testimonial-carousel.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 70%;
    left: 0;
    margin-top: 0;
    -webkit-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    transform: translateY(-70%);
}

.testimonial-carousel.owl-carousel .owl-nav button:focus {
    outline: none;
}

.testimonial-carousel.owl-carousel .owl-nav {
    position: absolute;
    left: 0;
    top: 30%;
    margin-top: 0;
    width: 100%;
}

.testimonial-carousel.owl-carousel .owl-nav .owl-next {
    right: 0;
    left: auto;
}

/* Testimonial Standard */
.ts-testimonial-standard .service-intro h2 {
    color: #fff;
}

.ts-testimonial-standard .testimonial-carousel {
    color: rgba(255, 255, 255, 0.7);
    max-height: 250px;
}

.ts-testimonial-standard .testimonial-carousel .testimonial-author-content .testimonial-footer h3.author-name {
    color: #fff;
    font-size: 15px;
}

.testimonial-author-content .testimonial-text i {
    position: absolute;
    top: 10px;
    left: 25%;
    font-size: 65px;
    color: rgba(255, 185, 35, 0.2);
    z-index: -1;
}

/*=================================
  start  latest news section
 =================================*/
.ts-latest-news .latest-news-content p {
    margin-bottom: 37px;
}

.ts-latest-news .single-latest-news {
    position: relative;
    border-bottom: 3px solid #00aca9;
}

.ts-latest-news .single-latest-news .latest-news-img img {
    width: 100%;
    height: auto;
}

.ts-latest-news .single-latest-news .single-news-content {
    padding: 25px 30px 20px;
    border: 1px solid #ddd;
    border-top: none;
}

.ts-latest-news .single-latest-news .single-news-content span i {
    padding-right: 10px;
}

.ts-latest-news .single-latest-news .single-news-content .category-info {
    display: inline-block;
    margin-right: 20px;
}

.ts-latest-news .single-latest-news .single-news-content .date-info {
    margin-bottom: 8px;
    display: inline-block;
}

.ts-latest-news .single-latest-news .single-news-content .ts-post-title {
    margin: 12px 0px;
}

.ts-latest-news .single-latest-news .single-news-content .ts-post-title a {
    color: #000000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.ts-latest-news .single-latest-news .single-news-content .ts-post-title a:hover {
    color: #00aca9;
}

.ts-latest-news .single-latest-news .single-news-content .blog-author {
    position: relative;
    padding: 22px 0 22px 42px;
    border-top: 1px solid gray;
}

.ts-latest-news .single-latest-news .single-news-content .blog-author img {
    position: absolute;
    left: 0;
    top: 21px;
    width: 27px;
    height: 27px;
}

.ts-latest-news .single-latest-news .single-news-content .blog-author label {
    font-size: 14px;
    color: #949494;
    margin-bottom: 0;
}

/* latest-news-standard */
.ts-latest-news-standard .single-latest-news {
    border-bottom: none;
}

.ts-latest-news-standard .single-latest-news .single-news-content {
    padding: 20px 25px 15px;
    border: none;
    position: relative;
    left: 28px;
    background: #fff;
    top: -50px;
    margin-right: 50px;
}

/* Partners
================================================== */
/*-- Partners carousel --*/
.ts-partner-area.padtop-135 {
    padding-bottom: 100px !important;
}

.partners.owl-carousel .owl-nav {
    margin-top: 0;
}

.partners figure {
    margin-bottom: 0;
}

.partner-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    min-height: 55px;
}

.partner-logo img {
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
    width: auto !important;
}

.partner-logo:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

.owl-carousel.owl-theme.partners .owl-nav .owl-prev {
    left: 0;
    right: auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.owl-carousel.owl-theme.partners .owl-nav .owl-prev:hover {
    color: #fff;
    background: #a2df48;
}

.owl-carousel.owl-theme.partners .owl-nav [class*=owl-] {
    bottom: -12px;
}

/* ==========================

    Footer

=============================*/
.ts-footer {
    padding: 35px 0 0px;
    margin-top: 30px;
    position: relative;
    z-index: 2;
    text-align: right;
}

.ts-footer .widget-details h3 {
    color: #fff;
    margin-top: 30px;
    font-weight: 500;
}

.ts-footer .widget-details p {
    color: #fff;
}

.ts-footer .widget-details ul li {
    line-height: 30px;
    color: #fff;
}

    .ts-footer .widget-details ul li span {
        color: #00aca9;
    }

.ts-footer .footer-widget {
    margin-top: 15px;
}

.ts-footer .footer-widget ul li a {
    color: #fff;
    line-height: 30px;
    font-size: 14px;
}

.ts-footer .footer-widget ul li a:hover {
    color: #00aca9;
}

.ts-footer .footer-widget ul li a:before {
    font-family: FontAwesome;
    content: "\f104";
    margin-left: 10px;
    color: #fff;
    right: 0px;
    left: auto;
    direction: rtl;
    float: right;
}

.ts-footer .footer-widget h3 {
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    position: relative;
    margin-bottom: 20px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.ts-footer-info-box {
    position: relative;
    top: 0;
    background: #00aca9;
    padding: 40px;
    z-index: 2;
    margin-top: -112px;
}

.ts-footer-info-box form .form-row input {
    width: 100%;
    font-size: 15px;
    text-transform: capitalize;
    height: 55px;
    background: #fff;
    padding-left: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 20px;
}

.ts-footer-info-box form .form-btn {
    padding: 0px;
}

.ts-footer-info-box form .form-btn button.btn-bordered {
    border-radius: 0px;
    padding: 18px 20px;
    display: block;
    background: #101010;
    color: #fff;
    width: 100%;
}

.ts-footer-info-box h4 {
    margin-top: 40px;
}

.ts-footer-info-box h4.call-us {
    display: block;
}

.ts-footer-info-box h4.call-us span {
    display: block;
    margin-top: 30px;
    text-decoration: underline;
}

.ts-footer-info-box span.box-border {
    width: 0;
    position: absolute;
    top: 0;
    height: 0;
    border-top: 37px solid #fff;
    border-right: 35px solid transparent;
    left: 0;
}

.ts-footer-info-box img {
    position: absolute;
    right: 0;
    bottom: -10px;
}

.footer-widget ul {
    width: 100%;
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-widget ul li {
    margin-bottom: 11px;
}

/*  copyright  */
.copyright {
    background: #101010;
    padding: 0px 0px 15px;
}

.copyright span {
    color: #fff;
    line-height: 42px;
}

.copyright span a {
    color: #00aca9;
}

.copyright .unstyled {
    padding: 0;
    margin: 0;
    list-style: none;
}

.copyright .footer-social ul li {
    display: inline-block;
    margin-right: 15px;
}

.copyright .footer-social ul li a i {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
}

.copyright .footer-social ul li a i.fa-facebook {
    background: #3b5998;
}

.copyright .footer-social ul li a i.fa-twitter {
    background: #1da1f2;
}

.copyright .footer-social ul li a i.fa-google-plus {
    background: #db4c3f;
}

.copyright .footer-social ul li a i.fa-linkedin {
    background: #1178b3;
}

.copyright .footer-social ul li a i:hover {
    background: #00aca9;
    color: #fff;
    border-color: #00aca9;
}

/* ==========================

   Sub Pages

=============================*/
/* About Us */
.ts-about-feature {
    margin-bottom: 40px;
}

.ts-about-feature:last-child {
    margin-bottom: 0px;
}

.ts-about-feature .about-feature-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ts-about-feature .about-feature-info .about-feature-content {
    margin-left: 20px;
}

.ts-about-feature .about-feature-info .about-feature-content h3 {
    margin-bottom: 10px;
}

.ts-about-feature .about-feature-info .about-feature-icon {
    padding-top: 5px;
    margin-right: 25px;
    min-width: 35px;
}

.ts-about-feature .about-feature-info .about-feature-icon i {
    width: 75px;
    height: 75px;
    text-align: center;
    border-radius: 100%;
    line-height: 75px;
    color: #000;
    display: inline-block;
    font-size: 35px;
}

.about-intro {
    padding-right: 30px;
}

.about-intro a.btn {
    margin-right: 30px;
    margin-top: 30px;
}

/* about us standard*/
.ts-aboutus-standard .about-feature-item {
    margin-top: 20px;
}

.ts-aboutus-standard .about-feature-item i.icon {
    font-size: 36px;
    color: #00aca9;
    margin-right: 15px;
}

.ts-aboutus-standard .about-feature-item i span {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 15px;
    color: #000;
}

.ts-aboutus-standard h3 {
    font-size: 18px;
}

.ts-team .ts-team-info .team-name {
    margin-top: 30px;
    line-height: 16px;
    margin-bottom: 5px;
}

.team-2 .ts-team {
    margin: 0 15px;
}

.team-2 .ts-team .ts-team-info {
    border: 1px solid #f0f0f0;
}

.team-2 .ts-team .ts-team-info .team-name {
    margin-top: 30px;
    line-height: 16px;
    margin-bottom: 5px;
}

.team-2 .ts-team .ts-team-info .team-social {
    position: absolute;
    right: 15px;
    top: 50px;
    padding: 10px 7px;
    background: #24272a;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    opacity: 0;
    visibility: hidden;
}

.team-2 .ts-team .ts-team-info .team-social li {
    margin-bottom: 10px;
}

.team-2 .ts-team .ts-team-info .team-social li i {
    display: block;
    width: 21px;
    height: 21px;
    text-align: center;
    font-size: 11px;
    line-height: 21px;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
}

.team-2 .ts-team .ts-team-info .team-social li i.fa-facebook {
    background: #3b5998;
}

.team-2 .ts-team .ts-team-info .team-social li i.fa-twitter {
    background: #1da1f2;
}

.team-2 .ts-team .ts-team-info .team-social li i.fa-google-plus {
    background: #db4c3f;
}

.team-2 .ts-team .ts-team-info .team-social li i.fa-linkedin {
    background: #1178b3;
}

.team-2 .ts-team .ts-team-info .team-social li i:hover {
    background: #00aca9;
    color: #fff;
    border-color: #00aca9;
}

.team-2 .ts-team .team-img-wrapper {
    position: relative;
}

.team-2 .ts-team .team-img-wrapper:after {
    background-color: rgba(252, 191, 27, 0.7);
    z-index: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    opacity: 0;
    visibility: hidden;
}

.team-2 .ts-team:hover .team-social {
    opacity: 1;
    visibility: visible;
}

.team-2 .ts-team:hover .team-img-wrapper:after {
    opacity: 1;
    visibility: visible;
}

.ts-feature-block .feature-block-intro {
    padding: 80px 20px;
    max-width: 565px;
    margin-left: auto;
    margin-right: 0;
}

.ts-feature-block .feature-block-intro h2.column-title {
    color: #fff;
}

.ts-feature-block .feature-block-intro h2.column-title span {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.ts-feature-block .feature-block-intro p {
    color: #fff;
    margin-bottom: 35px;
}

.feature-block-desc {
    padding: 80px 70px 70px 80px;
    position: relative;
    max-width: 610px;
}

.feature-block-desc .feature-block-title {
    position: relative;
}

.feature-block-desc .feature-block-title:before {
    content: '';
    position: absolute;
    bottom: -20px;
    height: 1px;
    width: 50px;
    left: 0;
    z-index: 0;
    border-bottom: 2px solid #000;
}

.feature-block-desc p {
    margin-top: 40px;
}

.feature-block-desc .single-block-desc h3 {
    font-size: 18px;
    margin-top: 10px;
}

.feature-block-desc .single-block-desc h3 img {
    margin-right: 15px;
}

/* ==========================

    Service

=============================*/
/* Service Details
============================== */
.service-menu li {
    background: #f8f8f8;
    margin-bottom: 10px;
}

.service-menu li a {
    display: block;
    padding: 22px 35px;
    color: #101010;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.service-menu li a:hover {
    background: #00aca9;
    color: #fff;
    margin: 0px 20px;
}

.ts-service-detials .sidebar .widget {
    background: #f7f7f7;
}

.ts-service-detials .sidebar .widget.widget-download {
    padding: 30px;
    margin: 30px 0px;
}

.ts-service-detials .sidebar .widget.widget-download .download-btn a {
    color: #000;
}

.ts-service-detials .sidebar .widget.widget-download .download-btn a img {
    float: left;
    margin-right: 30px;
}

.ts-service-detials .sidebar .widget-details {
    padding: 40px;
}

.ts-service-detials .sidebar .widget-details ul li {
    margin-bottom: 30px;
}

.ts-service-content .section-title {
    margin-bottom: 50px;
}

.ts-service-content .column-title {
    margin-bottom: 25px;
}

.ts-service-content .service-img {
    margin: 35px 0 35px;
    display: block;
}

.ts-service-content .service-list {
    margin-top: 30px;
}

.ts-service-content .project-desc {
    margin: 50px 0px;
}

.ts-service-content .service-features .service-feature-img {
    float: left;
    margin-top: 25px;
}

.ts-service-content .service-features .service-features-details {
    padding-left: 80px;
    margin-top: 25px;
}

/* FAQ 
======================================= */
.accordion-area {
    padding-left: 60px;
}

.accordion-area .column-title {
    margin-bottom: 45px;
}

.card {
    border-radius: 0;
    border-color: #e5e5e5;
    border-bottom: none;
    background: white;
    border: none;
    margin-bottom: 10px;
}

.card .card-header {
    background: none;
    padding: 0;
    border: none;
    margin-bottom: 0 !important;
}

.card .card-body {
    padding-top: 10px;
    margin-top: -5px;
    padding-right: 25px;
    text-align: right;
    border: 1px solid #ddd;
    border-top: transparent;
    color: #616161;
}

.card .card-button a {
    font-weight: 600;
    color: #424242;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    position: relative;
    z-index: 1;
    padding: 15px 25px 15px;
    border: 1px solid #ddd;
    text-align: right;
}

.card .card-button a[aria-expanded="true"] {
    background: transparent;
    border-bottom: transparent;
}

.card .card-button a[aria-expanded="true"]:before {
    content: "\f068";
}

.card .card-button a[aria-expanded="false"]:after {
    content: "\f067";
}

.card .card-button a:before, .card .card-button a:after {
    float: right;
    font-size: 12px;
    color: #101010;
    font-family: 'FontAwesome';
    position: absolute;
    top: 14px;
    left: 14px;
}

.faq-sidebar .widget-faq .xs-form .form-control {
    border-radius: 0;
    padding: 5px 20px;
    margin-bottom: 20px;
}

.faq-sidebar .widget-faq .xs-form textarea {
    resize: none;
}

.collapse.show:before .card {
    border-left: 2px solid #00aca9;
}

/* Pricing table
===================================== */
.plan {
    padding: 35px 40px 40px;
    border-radius: 5px;
}

.plan .plan-name {
    font-weight: 600;
    margin-bottom: 20px;
}

.plan .plan-price strong {
    font-size: 45px;
    font-weight: 600;
}

.plan .plan-price sup {
    font-size: 20px;
    top: -20px;
}

.plan ul {
    margin-top: 35px;
}

.plan ul li {
    margin-bottom: 12px;
}

.plan ul li:last-child {
    margin-bottom: 45px;
}

.plan.plan-highlight {
    background: #2f3967;
    color: #fff;
}

.plan.plan-highlight .plan-name {
    color: #fff;
}

.plan.plan-highlight .plan-price sup,
.plan.plan-highlight .plan-price strong {
    color: #fff;
}

.plan .plan-tag {
    position: absolute;
    top: 16px;
    left: 38px;
    width: 65px;
    height: 32px;
    background: #00aca9;
    line-height: 32px;
    display: block;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding-left: 10px;
}

.plan .plan-tag:after {
    content: "";
    position: absolute;
    left: -1px;
    top: 0px;
    border-style: solid;
    border-color: transparent transparent transparent #2f3967;
    border-width: 16px 0 16px 12px;
}

/* 404
 ================================================== */
.not-found {
    padding-top: 0;
}

.not-found p {
    font-size: 200px;
    line-height: 1.1;
    margin-bottom: 20px;
}

    .not-found p small {
        display: block;
    }

.error-page .error-code {
    display: block;
    font-size: 150px;
    line-height: 150px;
    color: #333;
    margin-bottom: 20px;
    text-shadow: 5px 5px 1px rgba(0, 0, 0, 0.1);
}

.error-page .error-body .btn {
    margin-top: 30px;
    font-weight: 700;
}

/*       Blog
=====================================*/
.sidebar.sidebar-right {
    margin-left: 10px;
}

.sidebar.sidebar-right.mt-minus-105 {
    margin-top: -105px;
}

.sidebar.sidebar-left {
    margin-right: 10px;
}

@media (max-width: 991px) {
    .sidebar {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .sidebar {
        margin-top: 40px;
    }
}

.sidebar .widget {
    padding: 15px 15px;
    border: 1px solid #dee2e6;
    margin-bottom: 40px;
    background: white;
}

.sidebar .widget .widget-title span {
    font-weight: 400;
}

.sidebar .widget.widget-social {
    padding-right: 0;
    background: #f1f1f1;
}

.sidebar .widget .service-time li {
    border-bottom: none;
    font-size: 16px;
    color: #666666;
}

.sidebar .widget.widget-download {
    padding: 27px 35px;
    background: #2f3967;
}

.sidebar .widget.widget-search {
    padding: 0;
    border: none;
    position: relative;
}

.sidebar .widget.widget-search input {
    padding: 26px 25px;
    border-radius: 0;
    font-style: italic;
    border-color: #eee;
    color: #101010;
}

.sidebar .widget.widget-search input::-webkit-input-placeholder {
    color: #101010;
}

.sidebar .widget.widget-search input:-ms-input-placeholder {
    color: #101010;
}

.sidebar .widget.widget-search input::-ms-input-placeholder {
    color: #101010;
}

.sidebar .widget.widget-search input::placeholder {
    color: #101010;
}

.sidebar .widget.widget-search .input-group-btn i {
    font-size: 18px;
    color: #fff;
    width: 55px;
    height: 55px;
    line-height: 55px;
    background: #00aca9;
    text-align: center;
    position: absolute;
    right: 0;
    z-index: 999;
    cursor: pointer;
}

.sidebar .widget .widget-title {
    margin-bottom: 35px;
    text-align: right;
    color: #00aca9;
}

.sidebar .widget .media {
    margin-bottom: 40px;
}

.sidebar .widget .media img {
    width: 80px;
    height: 70px;
}

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

.sidebar .widget .media-body {
    margin-left: 20px;
}

.sidebar .widget .media-body .post-date a {
    color: #666;
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;
}

.sidebar .widget .media-body .entry-title a {
    color: #101010;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar .widget .media-body .entry-title a:hover {
    color: #00aca9;
}

.sidebar .widget .media-body h4.entry-title {
    font-size: 15px;
    line-height: 20px;
}

.sidebar .widget .widget-nav-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar .widget .widget-nav-tabs li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 17px;
}

.sidebar .widget .widget-nav-tabs li a {
    color: #666;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: right;
}

.sidebar .widget .widget-nav-tabs li:last-child {
    margin-bottom: 0;
}

.sidebar .widget .widget-nav-tabs li:hover a,
.sidebar .widget .widget-nav-tabs li:hover span {
    color: #00aca9;
}

.sidebar .widget.widget-tags ul li {
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 4px;
}

.sidebar .widget.widget-tags ul li a {
    display: block;
    padding: 5px 20px;
    border: 1px solid #eee;
    color: #666;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar .widget.widget-tags ul li a:hover {
    background: #00aca9;
    color: #fff;
}

.sidebar .widget.widget-tags ul li:last-child {
    margin-bottom: 0;
}

/* News left and Right
=================================== */
.post {
    margin-bottom: 15px;
    position: relative;
}

.post .post-body {
    border: 1px solid #dee2e6;
    padding: 5px 15px 10px;
    background: white;
}

.post .post-body .entry-title {
    font-size: 14px;
    margin-bottom: 0px;
    text-align: right;
    color: #02928f;
    font-weight:400;
}

.post .post-body .entry-title a {
    color: #00aca9;
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
}

.post .post-body .entry-title a:hover {
    color: #00aca9;
}

.post .post-body .post-meta .post-footer {
    display: block;
    float: right;
    margin-top: 5px;
    margin-right: 0;
}

.post .post-body .post-meta .post-footer a {
    margin-right: 0;
    color: #00aca9;
}

.post .post-body .post-meta .post-footer a i {
    border-radius: 0;
    border: none;
    font-size: 16px;
    margin-left: 0px;
}

.post .post-quote-wrapper {
    border: 1px solid #eee;
}

.post .post-quote-content {
    padding: 35px 40px 10px;
}

.post .post-quote-content .entry-header i {
    display: inline-block;
    font-size: 46px;
    color: #00aca9;
    margin-bottom: 22px;
}

.post .post-quote-content .entry-header .entry-title {
    font-size: 18px;
    margin-bottom: 25px;
    line-height: 29px;
    font-style: italic;
}

.post .post-quote-content .entry-header .entry-title a {
    color: #666666;
    font-weight: 400;
}

.post .post-quote-content .post-meta {
    padding-top: 10px;
    text-align: left;
}

.post .post-quote-content .post-meta .post-footer {
    display: block;
    float: right;
    margin-top: 5px;
    margin-right: 0;
}

.post .post-quote-content .post-meta .post-footer a {
    margin-right: 0;
    color: #00aca9;
}

.post .post-quote-content .post-meta .post-footer a i {
    border-radius: 0;
    border: none;
    font-size: 16px;
    margin-left: 0px;
}

.post .post-meta {
    padding-top: 3px;
    margin-bottom: 0px;
}

.post .post-meta .post-author a {
    color: #666666;
    font-size: 14px;
    margin-right: 5px;
    margin-left: 10px;
}

.post .post-meta .post-author img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.post .post-meta > span {
    margin-left: 25px;
    font-family: IRANSansFaNum;
}

.post .post-meta .post-comment {
    color: #666666;
    font-size: 14px;
}

.post .post-meta .post-comment a {
    margin-left: 5px;
}

.post .post-meta a {
    color: #666666;
    font-size: 12px;
    margin-right: 5px;
    margin-left: 10px;
}

/* Contact us */
.mapouter .gmap_canvas {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.mapouter .gmap_canvas #gmap_canvas {
    width: 100%;
    border: none;
}

.contact-details {
    background: #2f3967;
    padding: 52px 40px 38px;
}

.contact-details h2.column-title {
    margin-bottom: 27px;
}

.contact-details .column-title {
    margin-bottom: 12px;
}

.contact-details .contact-info-item {
    margin-bottom: 23px;
}

.contact-details .contact-info-item:last-of-type {
    margin-bottom: 0;
}

.contact-details p {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    color: #fff;
}

@media (max-width: 991px) {
    .contact-details {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .contact-details {
        margin-top: 40px;
    }
}

.contact-us .contactMe {
    border: none;
}

.contact-us .contactMe > section {
    padding: 0;
}

.contact-us .contactMe textarea {
    height: 150px;
}

.video-popup {
    position: relative;
}

.video-popup .video-popup-btn {
    position: absolute;
    top: calc(50% - 37px);
    left: calc(50% - 37px);
}

.video-popup .video-popup-btn a {
    width: 75px;
    height: 75px;
    text-align: center;
    background: #2f3967;
    display: block;
    line-height: 75px;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    padding-left: 5px;
}

@media (max-width: 991px) {
    .video-popup img {
        width: 100%;
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .video-popup img {
        width: 100%;
        margin-top: 40px;
    }
}

/* Video Button */
.video-btn a {
    position: absolute;
    font-size: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    color: #fff;
    z-index: 2;
}

.video-btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.post-video {
    position: relative;
}

/* Pagination */
.pagination li a {
    /*width: 40px;
  height: 40px;*/
    text-align: center;
    margin-right: 5px;
    line-height: 42px;
    display: block;
    border-radius: 2px;
    border: 1px solid #f1f1f1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #101010;
}

.pagination li a:hover {
    background: #00aca9;
    color: #fff;
}

/* News Details
=================================== */
.post-content.post-single {
    margin-bottom: 40px;
    position: relative;
}

.post-content.post-single .post-body {
    border: 1px solid #eeeeee;
    padding: 17px 40px 30px;
}

.post-content.post-single .post-body .entry-title {
    font-size: 30px;
    margin-bottom: 25px;
}

.post-content.post-single .post-body .entry-title a {
    color: #010101;
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
}

.post-content.post-single .post-body .post-meta {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.post-content.post-single .post-body .post-meta .post-author a {
    color: #666666;
    font-size: 14px;
    margin-right: 5px;
    margin-left: 10px;
}

.post-content.post-single .post-body .post-meta .post-author img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.post-content.post-single .post-body .post-meta span {
    margin-right: 25px;
}

.post-content.post-single .post-body .post-meta .post-comment {
    color: #666666;
    font-size: 14px;
}

.post-content.post-single .post-body .post-meta .post-comment a {
    margin-left: 5px;
}

.post-content.post-single .post-body .post-meta a {
    color: #666666;
    font-size: 14px;
    margin-right: 5px;
    margin-left: 10px;
}

.post-content.post-single .post-body .entry-content blockquote {
    margin-top: 37px;
    margin-bottom: 35px;
}

.post-content.post-single .post-body .entry-content blockquote i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    font-size: 36px;
    color: #00aca9;
    margin-bottom: 22px;
}

.post-content.post-single .post-body .entry-content blockquote p cite {
    color: #00aca9;
}

.post-content.post-single .post-body .entry-content > h3 {
    color: #101010;
    font-size: 24px;
    margin-bottom: 25px;
}

.post-content.post-single .post-body .entry-content .list-round-solid {
    margin-top: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

.post-content.post-single .post-body .post-footer {
    margin-top: 26px;
}

.post-content.post-single .post-body .post-footer .post-tags strong {
    color: #101010;
    margin-right: 15px;
}

.post-content.post-single .post-body .post-footer .post-tags a {
    border: 1px solid #eee;
    padding: 5px 20px;
    margin-right: 10px;
    color: #666666;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.post-content.post-single .post-body .post-footer .post-tags a:hover {
    background: #00aca9;
    color: #fff;
}

.post-content.post-single .post-body .post-footer .post-tags a:last-child {
    margin-right: 0;
}

.post-social-icons li {
    display: inline-block;
    margin-left: 12px;
}

.post-social-icons li a {
    color: #252a37;
    font-size: 14px;
}

.author-box {
    padding: 40px 40px 20px;
}

.author-box .author-img img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.author-box .author-info {
    margin-left: 90px;
}

.author-box .author-info > h3 {
    margin-bottom: 4px;
}

.author-box .author-url {
    margin-bottom: 12px;
}

.author-box .author-url a {
    color: #666666;
    font-size: 14px;
}

.post-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
}

.post-navigation.borderd {
    border: 1px solid #f1f1f1;
}

.post-navigation .post-previous a span i {
    padding-right: 10px;
}

.post-navigation .post-next a span i {
    padding-left: 5px;
}

.post-navigation div {
    padding: 30px 40px;
}

.post-navigation div a h3 {
    line-height: 30px;
}

.post-navigation div a span {
    color: #666;
    font-size: 14px;
}

.post-navigation div:hover a span i {
    color: #00aca9;
}

.post-navigation .post-next {
    text-align: right;
}

.post-navigation:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 70px;
    background: #f1f1f1;
    top: calc(50% - 35px);
    left: calc(50% - 1px);
}

.comments-area .comments-heading {
    font-size: 24px;
    margin-bottom: 32px;
}

.comments-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 45px;
}

.comments-list .comment {
    margin-bottom: 40px;
}

.comments-list .comment .comment-avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.comments-list .comment .comment-body {
    margin-left: 90px;
}

.comments-list .comment .comment-body .comment-author {
    font-size: 20px;
    color: #101010;
}

.comments-list .comment .comment-body .comment-date {
    display: block;
    font-size: 14px;
    margin-top: -2px;
    margin-bottom: 10px;
}

.comments-list .comment .comment-body .meta-data span a {
    color: #666666;
    font-size: 14px;
}

.comments-list .comment .comment-body .meta-data span a i {
    font-size: 16px;
    color: #252a37;
    margin-right: 5px;
}

.comments-list .comments-reply {
    list-style: none;
    margin: 0;
}

.comments-list .comments-reply .comment {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.comments-list .comments-reply .comment .comment-body {
    background: #f7f9fd;
    padding: 25px 30px 10px;
}

.comments-form .form-control:focus {
    color: #666;
}

.comments-form .title-normal {
    margin-bottom: 35px;
    font-size: 24px;
}

.comments-form form input {
    padding: 12px 18px;
    border-radius: 00;
    border-color: #eeeeee;
}

.comments-form form textarea {
    border-radius: 0;
    border-color: #eeeeee;
    resize: none;
}

blockquote {
    position: relative;
    color: #fff;
    background: #252a37;
    padding: 40px;
    border: 0;
    margin: 30px 0 40px;
}

blockquote:before {
    padding: 28px 0 22px;
    content: "\e943";
    font-family: 'iconfont';
    color: #fff;
    font-size: 44px;
}

blockquote p {
    font-size: 18px;
    line-height: 28px;
    position: relative;
    z-index: 1;
    font-style: italic;
    font-weight: 600;
}

/* Contact 
======================================= */
/* Contact 1 */
.ts-contact {
    border-bottom: 1px solid #eeeeee;
    padding: 60px 0px;
}

.ts-contact .ts-contact-info .contact-info-box .info-details h4.info-title {
    line-height: 10px;
}

.ts-contact .mapouter .gmap_canvas {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.ts-contact .mapouter .gmap_canvas #gmap_canvas {
    width: 100%;
    border: none;
}

.ts-contact:first-child {
    padding-top: 0px;
}

.ts-contact:last-child {
    border: none;
    padding-bottom: 50px;
}

.ts-contact a.btn {
    margin: 20px 15px 0px 0px;
}

/* Contact 2 */
.ts-contact-v2-sec {
    margin-bottom: 100px;
}

.ts-contact-v2-sec .ts-single-title {
    margin-bottom: 32px;
}

.ts-contact-v2-sec .ts-form-group {
    padding: 0;
    background: #ffff;
}

.ts-contact-v2-sec .ts-form-group .form-control {
    border: 1px solid #eeeeee;
}

.ts-contact-v2-sec .ts-form-group .ts-btn-wraper {
    text-align: center;
}

.ts-contact-v2-sec .ts-form-group .ts-btn-wraper .ts-btn {
    width: auto;
    display: inline-block;
}

.ts-form .form-control {
    border: 1px solid #eee;
    border-radius: 0;
    margin-bottom: 25px;
    height: 50px;
    padding: 10px 20px;
    font-size: 13px;
}

    .ts-form .form-control:focus {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .ts-form .form-control.message-box {
        resize: none;
        height: 133px;
        margin-bottom: 35px;
    }

    .ts-form .form-control::-webkit-input-placeholder {
        color: #bdbdbd;
    }

    .ts-form .form-control:-ms-input-placeholder {
        color: #bdbdbd;
    }

    .ts-form .form-control::-ms-input-placeholder {
        color: #bdbdbd;
    }

    .ts-form .form-control::placeholder {
        color: #bdbdbd;
    }

.ts-form .form-submit {
    text-align: right;
}

.ts-form input::-webkit-outer-spin-button,
.ts-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

/* magnific pop up modal */
.mfp-bg.xs-promo-popup {
    background-color: rgba(0, 0, 0, 0.87);
    padding-bottom: 100%;
    border-radius: 100%;
    overflow: hidden;
    -webkit-animation: menu-animation .8s ease-out forwards;
    animation: menu-animation .8s ease-out forwards;
}

/* animation keyframes list */
@-webkit-keyframes menu-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.04) translateY(300%);
        transform: scale(0.04) translateY(300%);
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
        -webkit-transition: ease-out;
        -o-transition: ease-out;
        transition: ease-out;
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(0.02) translateY(0px);
        transform: scale(0.02) translateY(0px);
    }

    61% {
        opacity: 1;
        -webkit-transform: scale(0.04) translateY(0px);
        transform: scale(0.04) translateY(0px);
    }

    99.9% {
        opacity: 1;
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(2) translateY(0px);
        transform: scale(2) translateY(0px);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }
}

@keyframes menu-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.04) translateY(300%);
        transform: scale(0.04) translateY(300%);
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
        -webkit-transition: ease-out;
        -o-transition: ease-out;
        transition: ease-out;
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(0.02) translateY(0px);
        transform: scale(0.02) translateY(0px);
    }

    61% {
        opacity: 1;
        -webkit-transform: scale(0.04) translateY(0px);
        transform: scale(0.04) translateY(0px);
    }

    99.9% {
        opacity: 1;
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(2) translateY(0px);
        transform: scale(2) translateY(0px);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }
}

/* Styles for dialog window */
.xs-promo-popup .modal-content {
    background-color: transparent;
    padding: 0px;
    border: 0px;
}

.xs-promo-popup .mfp-close {
    color: #fff;
    opacity: 0;
    -webkit-transition: all 1s ease .8s;
    -o-transition: all 1s ease .8s;
    transition: all 1s ease .8s;
    -webkit-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    transform: translateY(-500px);
}

.xs-promo-popup.mfp-ready .mfp-close {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* at start */
.xs-promo-popup.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 1s ease .8s;
    -o-transition: all 1s ease .8s;
    transition: all 1s ease .8s;
    -webkit-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    transform: translateY(-500px);
}

/* animate in */
.xs-promo-popup.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/*    Home 2
=========================*/
.hero-slider .slider-item {
    height: 800px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

    .hero-slider .slider-item .slider-content {
        height: auto;
        color: #fff;
        margin-top: 120px;
    }

        .hero-slider .slider-item .slider-content .slider-title {
            font-size: 64px;
            line-height: 72px;
            color: #fff;
            margin-bottom: 30px;
        }

        .hero-slider .slider-item .slider-content .slider-sub-title {
            font-size: 24px;
            color: #00aca9;
            display: block;
            margin-bottom: 30px;
        }

        .hero-slider .slider-item .slider-content p {
            margin-bottom: 40px;
        }

        .hero-slider .slider-item .slider-content .btn-area .btn-border {
            margin-left: 30px;
        }

.hero-slider .owl-nav {
    display: none;
}

.hero-table {
    width: 100%;
    height: 100%;
    display: table;
}

    .hero-table .hero-table-cell {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

        .hero-table .hero-table-cell .mx-auto .slider-content {
            text-align: center;
        }

.intro-about-area {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.intro-about {
    margin-top: -70px;
    position: relative;
    z-index: 1;
}

.intro-text {
    padding: 60px 40px;
    position: relative;
    background: #ffc13b;
}

    .intro-text .column-title {
        color: #000;
    }

        .intro-text .column-title span {
            color: #282828;
            font-weight: 500;
            line-height: 20px;
        }

    .intro-text p {
        margin-bottom: 40px;
    }

    .intro-text .trophy-icon {
        position: absolute;
        right: 0;
        bottom: 0;
        max-width: 120px;
    }

.intro-about-item {
    background: #fff;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
    margin: 0px 0px 0px;
}

.funfact-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

    .funfact-item::before {
        content: "";
        position: absolute;
        background-color: #e9e9e9;
        top: 0;
        left: 50%;
        margin-left: -.5px;
        height: 100%;
        width: 1px;
    }

    .funfact-item li {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 40px 40px;
        border-bottom: 1px solid #e9e9e9;
        margin-bottom: -1px;
    }

    .funfact-item .single-funfact {
        position: relative;
        padding-left: 80px;
    }

        .funfact-item .single-funfact i {
            font-size: 50px;
            color: #00aca9;
            margin-right: 20px;
            position: absolute;
            left: 0;
            top: 0;
        }

        .funfact-item .single-funfact p {
            margin-bottom: 0;
        }

        .funfact-item .single-funfact .funfact-title {
            font-size: 36px;
        }

.client-services {
    margin: 0 15px;
}

.client-service-logo {
    border: 1px solid #efefef;
    padding: 45px 0;
    text-align: center;
    overflow: hidden;
}

    .client-service-logo figure {
        margin: 0;
        -webkit-transition: all ease 500ms;
        -o-transition: all ease 500ms;
        transition: all ease 500ms;
    }

        .client-service-logo figure:hover {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
        }

.cta-title .column-title {
    margin-bottom: 0;
}

.srevice-img {
    margin-bottom: 30px;
}

    .srevice-img img {
        width: 100%;
    }

/*       Home 4
=============================*/
.hero-slider-classic {
    position: relative;
}

.ts-feature-box-classic {
    position: relative;
    margin-top: -50px;
    z-index: 1;
}

.ts-service-quality .ts-service-box .ts-service-box-info:after {
    top: 60%;
}

/*       Home 5
=============================*/
.featured-box-classic {
    position: relative;
}

    .featured-box-classic:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border: 1px solid transparent;
        border-radius: 5px;
    }

    .featured-box-classic .feature-box-classic-info {
        position: relative;
        z-index: 1;
        text-align: center;
    }

.navbar-sticky.sticky {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.75);
    padding: 0px;
}

    .navbar-sticky.sticky .navbar {
        padding: 0;
        background: transparent;
    }

    .navbar-sticky.sticky.fade_down_effect {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-delay: .1s;
        animation-delay: .1s;
    }

    .navbar-sticky.sticky.header-classic {
        background: #fff;
        -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
        padding: 0;
    }

    .navbar-sticky.sticky.nav-classic {
        background: #fff;
    }

        .navbar-sticky.sticky.nav-classic .main-logo {
            padding: 18px 13px;
        }

            .navbar-sticky.sticky.nav-classic .main-logo a:after {
                border: 0;
            }

    .navbar-sticky.sticky.nav-standard:after {
        height: auto;
    }

    .navbar-sticky.sticky.nav-standard .navbar .navbar-nav .dropdown a {
        color: #fff;
    }

    .navbar-sticky.sticky .nav-search-btn a.xs-modal-popup {
        color: #fff !important;
    }

/* Quote area
================================================== */
.quote-area {
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative;
}

.quote_form {
    color: #fff;
    padding: 50px 60px 61px;
    position: absolute;
    top: -120px;
}

    .quote_form:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: block;
        background-color: rgba(48, 48, 48, 0.73);
        border: 1px solid transparent;
        border-radius: 5px;
    }

    .quote_form p {
        color: #fff;
        position: relative;
    }

    .quote_form .form-group {
        margin-bottom: 30px;
    }

.quote_form {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

    .quote_form .column-title {
        margin-bottom: 15px;
        text-align: right;
    }

    .quote_form .contact-form {
        position: relative;
        margin-top: 30px;
    }

        .quote_form .contact-form .form-group input::-webkit-input-placeholder,
        .quote_form .contact-form .form-group textarea::-webkit-input-placeholder {
            color: #f7f7f7;
        }

        .quote_form .contact-form .form-group input:-ms-input-placeholder,
        .quote_form .contact-form .form-group textarea:-ms-input-placeholder {
            color: #f7f7f7;
        }

        .quote_form .contact-form .form-group input::-ms-input-placeholder,
        .quote_form .contact-form .form-group textarea::-ms-input-placeholder {
            color: #f7f7f7;
        }

        .quote_form .contact-form .form-group input::placeholder,
        .quote_form .contact-form .form-group textarea::placeholder {
            color: #f7f7f7;
        }

    .quote_form input::input-placeholder,
    .quote_form textarea::input-placeholder {
        color: #fff;
    }

@media screen and (min-width: 992px) {
    textarea.form-control {
        height: 118px;
    }
}

.quote_form textarea {
    resize: none;
}

.quote_form .form-control {
    border: 0;
    border-bottom: 1px solid #636363;
    color: #fff;
    padding-left: 0;
    border-radius: 0;
    background: transparent;
    outline: none;
}

    .quote_form .form-control:focus {
        border: 0;
        border-bottom: 1px solid #00aca9;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: none;
        outline: none;
    }

.quote_form .tag-line {
    text-align: center;
    color: #fff;
    clear: both;
    margin-top: 20px;
    margin-bottom: 0;
}

    .quote_form .tag-line p {
        color: #fff;
        margin: 0;
        font-size: 14px;
    }

/* Quote area classic */
.quote-area-classic .quote_form {
    position: relative;
    top: 0;
    background: #1f1f1f;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    border: 1px solid transparent;
    border-radius: 5px;
}

.quote-area-classic .quote-img {
    margin-top: 30px;
    margin-bottom: -55px;
    position: relative;
    right: -20px;
}

/* Background overlay */
.bg-overlay {
    position: relative;
}

    .bg-overlay .container {
        position: relative;
        z-index: 1;
    }

    .bg-overlay:after {
        background-color: rgba(0, 0, 0, 0.75);
        z-index: 0;
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .bg-overlay.overlay-color:after {
        background-color: rgba(0, 0, 0, 0.85);
    }

.ts-form .form-control {
    border: 1px solid #e3e3e3;
}

.banner-heading {
    padding-top: 250px;
}

.banner-heading {
    position: absolute;
    top: 50%;
}

/* Workign Process */
.ts-working-box {
    position: relative;
}

    .ts-working-box h3 {
        font-size: 18px;
        color: #2f2c2c;
        margin-top: 25px;
    }

    .ts-working-box .working-icon-wrapper {
        width: 200px;
        height: 200px;
        border-radius: 100%;
        border: 1px solid #e4e4e4;
        display: table;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        padding: 10px;
    }

        .ts-working-box .working-icon-wrapper .working-icon {
            display: table-cell;
            vertical-align: middle;
            width: 100%;
            position: relative;
            border-radius: 50%;
            background: #f0f0f0;
        }

            .ts-working-box .working-icon-wrapper .working-icon:after {
                position: absolute;
                content: "";
                background-image: url(../images/icon-image/arrow.png);
                right: 75px;
                top: 50%;
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
            }

            .ts-working-box .working-icon-wrapper .working-icon.first:after {
                display: none;
            }

.working-process-number {
    position: absolute;
    right: 5px;
    top: -5px;
    background: #00aca9;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #000;
    border-radius: 100%;
    font-size: 20px;
    font-weight: 700;
}

.ts-team-slider .hero-table .hero-table-cell {
    display: inline;
}

.ts-team-slider.owl-carousel .owl-nav {
    display: inline-block;
}

.ts-team-slider .owl-nav .owl-prev,
.ts-team-slider .owl-nav .owl-next {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    z-index: 5;
    display: inline-block;
}

    .ts-team-slider .owl-nav .owl-prev:focus,
    .ts-team-slider .owl-nav .owl-next:focus {
        outline: none;
    }

    .ts-team-slider .owl-nav .owl-prev:hover,
    .ts-team-slider .owl-nav .owl-next:hover {
        outline: none;
    }

        .ts-team-slider .owl-nav .owl-prev:hover i,
        .ts-team-slider .owl-nav .owl-next:hover i {
            background: #00aca9;
        }

.ts-team-slider .owl-nav .owl-next {
    right: -50px;
}

.ts-team-slider .owl-nav .owl-prev {
    left: -50px;
}

.ts-team-slider .owl-nav i {
    color: #ffff;
    line-height: 58px;
    width: 60px;
    height: 60px;
    font-size: 24px !important;
    border-radius: 0;
    background: #24272a;
    padding: 5px 6px;
}

/*------------back to top-------------*/
.BackTo {
    background: #00aca9 none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 35px;
    color: #979797;
    cursor: pointer;
    height: 44px;
    position: fixed;
    right: 14px;
    text-align: center;
    width: 44px;
    z-index: 9;
    display: block;
    padding: 8px 0;
}

    .BackTo a {
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        margin-top: 2px;
    }

/*   Top Bar
=================================*/
.top-bar .header-nav-right-info,
.top-bar li {
    display: inline-block;
    padding: 6px 33px;
    margin-right: 0px;
    color: #101010;
    font-size: 14px;
}

    .top-bar .header-nav-right-info i,
    .top-bar li i {
        font-size: 20px;
        color: #222222;
        margin: 0px 10px;
    }

.top-bar .unstyled {
    display: inline-block;
}

    .top-bar .unstyled li {
        padding: 0px;
    }

        .top-bar .unstyled li i {
            font-size: 14px;
            color: #101010;
        }

        .top-bar .unstyled li:last-child {
            margin-right: 0px;
        }

/*   Logo
=================================*/
.main-logo {
    background: #00aca9;
    padding: 43px 0px;
    text-align: center;
}

/*   Nav
=================================*/
.nav-search-button {
    width: 75px;
    height: 60px;
    font-size: 22px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #222222;
}

.navbar {
    padding: 0px;
    background-color: #222222;
}

    .navbar .nav-right .nav-search-btn {
        position: relative;
    }

        .navbar .nav-right .nav-search-btn .xs-modal-popup {
            color: #fff;
            padding: 0 25px;
        }

.navbar-brand {
    padding: 0;
}

ul.navbar-nav >
li.active > a {
    color: #00aca9;
}

ul.navbar-nav > li > a {
    font-size: 14px;
    line-height: 78px;
    text-transform: uppercase;
    padding: 0 15px;
    display: block;
}

    ul.navbar-nav > li > a:hover {
        color: #00aca9;
    }

        ul.navbar-nav > li > a:hover:after {
            opacity: 1;
            visibility: visible;
        }

ul.navbar-nav li .dropdown-menu {
    padding: 10px 20px;
    min-width: 230px;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    border: none;
    background-color: #1c1e22;
}

    ul.navbar-nav li .dropdown-menu li a {
        font-size: 13px;
        display: block;
        color: #fff;
        text-transform: uppercase;
        padding: 12px 0;
        border-top: 1px solid #3e3e3e;
        font-weight: 600;
        text-align: right;
    }

        ul.navbar-nav li .dropdown-menu li a:hover {
            color: #00aca9;
        }

        ul.navbar-nav li .dropdown-menu li a:active {
            opacity: 1;
            visibility: visible;
        }

    ul.navbar-nav li .dropdown-menu li:last-child a {
        border-bottom: none;
    }

    ul.navbar-nav li .dropdown-menu li:first-child a {
        border-top: none;
    }

.dropdown-menu.show {
    display: none;
}

.navbar-brand {
    padding: 0;
}

    .navbar-brand img {
        vertical-align: top;
    }

ul.navbar-nav {
    position: relative;
}

.nav-border {
    border-bottom: 1px solid #363d8a;
    padding: 10px 0;
}

    .nav-border .navbar {
        padding: 0px 0;
    }

@media (min-width: 991px) {
    .header ul.navbar-nav li:hover > .dropdown-menu {
        display: block;
        border: none;
    }
}

.nav-item > a {
    color: #fff;
}

li.nav-item {
    position: relative;
}

.nav-item > a:after {
    height: 2px;
    width: 100%;
    background: #00aca9;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
}

.nav-item:hover .dropdown-menu {
    display: block;
}

.nav-item.active > a:after {
    opacity: 1;
    visibility: visible;
}

.site-navigation .nav-search {
    top: 0;
    z-index: 2;
    width: 70px;
    height: 70px;
    line-height: 70px;
    right: 15px;
    background: rgba(0, 0, 0, 0.2);
}

.site-navigation .search-block .search-close {
    top: -70px;
    z-index: 2;
    width: 70px;
    height: 70px;
    line-height: 55px;
    right: 0;
    background: #1f1f1f;
}

.nav-search {
    cursor: pointer;
}

    .nav-search span i.icon {
        color: #fff;
        font-size: 20px;
        line-height: 64px;
        margin-right: 35px;
    }

.search-block {
    position: absolute;
    right: 180px;
    bottom: -50px;
    background: #222;
    z-index: 9;
}

    .search-block .search-close {
        color: #fff;
        position: absolute;
        top: -45px;
        right: -18px;
        background: #222;
        opacity: 1;
        width: 45px;
        margin-right: 10px;
        height: 45px;
        font-size: 44px;
        line-height: 30px;
        cursor: pointer;
    }

    .search-block .form-control {
        width: Auto;
        height: 40px;
        padding: 25px 67px;
        font-style: italic;
    }

.modal-searchPanel .xs-search-group {
    position: relative;
}

    .modal-searchPanel .xs-search-group input:not([type="submit"]) {
        height: 70px;
        background-color: transparent;
        border-radius: 50px;
        border: 2px solid #fff;
        color: #fff;
        padding: 0 30px;
    }

        .modal-searchPanel .xs-search-group input:not([type="submit"])::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: #fff;
        }

        .modal-searchPanel .xs-search-group input:not([type="submit"])::-moz-placeholder {
            /* Firefox 19+ */
            color: #fff;
        }

        .modal-searchPanel .xs-search-group input:not([type="submit"]):-ms-input-placeholder {
            /* IE 10+ */
            color: #fff;
        }

        .modal-searchPanel .xs-search-group input:not([type="submit"]):-moz-placeholder {
            /* Firefox 18- */
            color: #fff;
        }

    .modal-searchPanel .xs-search-group .search-button {
        background-color: transparent;
        border: 0px;
        padding: 0;
        color: #fff;
        position: absolute;
        right: 0;
        cursor: pointer;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 100%;
        width: 70px;
        border-radius: 0 50px 50px 0;
    }

/*   Nav Button
=================================*/
.nav-button {
    margin: 0px;
    padding: 26px 28px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    float: right;
    text-decoration: none;
    border-radius: 0px;
    background-color: #00aca9;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

    .nav-button a {
        color: #101010;
        font-weight: 700;
        text-transform: uppercase;
    }

.nav-button, .nav-text {
    display: inline-block;
    font-size: 13px;
}

/*   Nav classic
=================================*/
.ts-top-bar {
    background: #000;
}

    .ts-top-bar .top-bar .unstyled li {
        padding: 10px 0px;
    }

    .ts-top-bar .top-bar .header-nav-right-info {
        padding: 6px 0px;
    }

        .ts-top-bar .top-bar .header-nav-right-info li {
            padding-left: 0px;
            padding-right: 30px;
            color: #fff;
        }

            .ts-top-bar .top-bar .header-nav-right-info li i {
                color: #fff;
            }

                .ts-top-bar .top-bar .header-nav-right-info li i.fa {
                    color: #00aca9;
                }

    .ts-top-bar .top-bar .unstyled li a .social-icon i {
        color: #fff;
    }

.nav-classic .main-logo {
    position: absolute;
    z-index: 2;
    padding: 34px 10px;
}

    .nav-classic .main-logo a:before {
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        left: -650px;
        width: 650px;
        background: #00aca9;
    }

    .nav-classic .main-logo a:after {
        content: '';
        position: absolute;
        left: 100%;
        z-index: 999;
        border-top: 110px solid #00aca9;
        border-left: 0px solid transparent;
        border-right: 100px solid transparent;
        bottom: 0;
    }

.nav-classic .navbar {
    background-color: #fff;
}

    .nav-classic .navbar ul > li > a {
        color: #101010;
        padding: 0px 12px;
        font-size: 13px;
    }

        .nav-classic .navbar ul > li > a:after {
            top: 40px;
        }

        .nav-classic .navbar ul > li > a:hover {
            color: #00aca9;
        }

    .nav-classic .navbar ul > li.active > a {
        color: #00aca9 !important;
    }

.nav-classic .navbar-right .nav-button {
    margin-top: 20px;
    padding: 12px 28px;
}

.nav-classic .navbar-right .nav-search {
    background: #fff;
}

    .nav-classic .navbar-right .nav-search span i.icon {
        color: #000;
        line-height: 90px;
    }

.nav-classic .navbar-right .search-block {
    bottom: -56px;
}

    .nav-classic .navbar-right .search-block .search-close {
        color: #000;
        background: #fff;
        top: -60px;
    }

.nav-classic .nav-button {
    padding: 8px 10px;
}

    .nav-classic .nav-button a:hover {
        color: #fff !important;
    }

.nav-classic .nav-right .nav-search-btn .xs-modal-popup {
    color: #232323;
}

.navbar ul > li.active > a {
    color: #00aca9 !important;
}

/*   Nav standard
=================================*/
.nav-standard:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 90px;
    top: 0;
    left: 0;
    background-color: rgba(36, 33, 24, 0.3);
    z-index: -1;
}

.nav-standard .navbar {
    background-color: #fff;
}

    .nav-standard .navbar .navbar-nav .dropdown a {
        color: #000;
    }

.nav-standard .nav-search {
    background: #ffff;
}

    .nav-standard .nav-search span i.icon {
        color: #000;
    }

.nav-standard .search-block {
    right: 150px;
    bottom: -55px;
}

.nav-standard .search-block .search-close {
    color: #000;
    position: absolute;
    top: -50px;
    right: 15px;
    background: #fff;
}

/* Home 2 */
.topbar {
    padding: 35px 0;
    padding-bottom: 30px;
}

.topbar .header-nav-right-info {
    padding: 0;
}

.topbar .header-nav-right-info li {
    padding: 0 35px 0 0;
    position: relative;
    margin-right: 35px;
    color: rgba(255, 255, 255, 0.6);
}

.topbar .header-nav-right-info li i {
    position: absolute;
    right: 0;
    left: auto;
    top: 3px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

.topbar .header-nav-right-info li span {
    position: relative;
    display: block;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 18px;
    color: #fff;
    text-transform: capitalize;
    font-size: 15px;
}

.topbar .header-nav-right-info li span:after {
    position: absolute;
    content: '';
    left: -20px;
    width: 1px;
    top: 8px;
    height: 25px;
    background: rgba(255, 255, 255, 0.2);
}

.topbar .header-nav-right-info li:first-child {
    margin-left: 0;
}

.topbar .header-nav-right-info li:last-child span:after {
    background: none;
}

.header-transparent {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
}

.header-transparent .navbar {
    background: rgba(0, 0, 0, 0.5);
}

.header-transparent .nav-search.hide {
    display: none;
}

.header-transparent .search-block {
    right: 0px;
}

.header-transparent .search-block .search-close {
    right: 0px;
    background: transparent;
}

.header-transparent .navbar-nav {
    padding-left: 20px;
}

/* Home 4 */
.header-classic ul.navbar-nav > li > a {
    padding: 0 12px;
}

.header-classic .navbar {
    background: #fff;
}

.ts-nav-classic .nav-search-btn {
    background: none;
    border: none;
}

.ts-nav-classic {
    position: relative;
    z-index: 99;
}

.ts-nav-classic .header-nav-right-info li {
    color: #fff;
}

.ts-nav-classic .header-nav-right-info li i {
    color: #00aca9;
}

.ts-nav-classic .top-bar .unstyled li a .social-icon i {
    color: #fff;
}

.ts-nav-classic .nav-search-btn {
    background: none;
    border: none;
}

.ts-nav-classic .nav-search-btn a.xs-modal-popup {
    color: #000 !important;
}

.ts-nav-classic .navbar .navbar-nav .dropdown .dropdown-menu li a {
    color: #fff;
}

.header-box .topbar {
    padding: 10px 0px;
    background: #e6e6e6;
    position: relative;
}

.header-box .topbar .header-nav-right-info li {
    color: rgba(0, 0, 0, 0.6);
}

.header-box .topbar .header-nav-right-info li span {
    color: #000;
}

.header-box .topbar .header-nav-right-info li span::after {
    background: rgba(226, 226, 226, 0.6);
}

.header-box .topbar .header-nav-right-info li i {
    color: rgba(0, 0, 0, 0.6);
}

.header-box .topbar .header-nav-right-info li a {
    line-height: 65px;
}

.header-box .topbar .header-nav-right-info li:last-child span:after {
    display: none;
}

.header-box .ts-nav .navbar .navbar-nav > .nav-item > a {
    line-height: 65px;
}

.header-box .ts-nav .navbar .nav-right .nav-search-btn {
    padding: 18px 0px;
    line-height: 27px;
}

.slider-content {
    height: 480px;
    position: relative;
    background-size: cover;
    margin-right: 3px;
}

.slider-content .content-wrapper {
    position: absolute;
    left: 60px;
    right: 60px;
    margin: auto;
    padding: 40px;
    top: 50%;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-content .content-wrapper h1 {
    color: #24272a;
    margin-bottom: 30px;
}

.slider-content .content-wrapper .btn-primary {
    margin-right: 30px;
}

.hero-slider .features-slider {
    position: relative;
}

.hero-slider .features-slider .owl-nav {
    display: block;
}

.hero-slider .features-slider .owl-nav .owl-prev,
.hero-slider .features-slider .owl-nav .owl-next {
    font-size: 50px;
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    display: inline-block;
    color: #fff;
    line-height: 30px;
    padding: 20px;
}

.hero-slider .features-slider .owl-nav .owl-prev:focus,
.hero-slider .features-slider .owl-nav .owl-next:focus {
    outline: none;
}

.hero-slider .features-slider .owl-nav .owl-prev:hover,
.hero-slider .features-slider .owl-nav .owl-next:hover {
    outline: none;
}

.hero-slider .features-slider .owl-nav .owl-prev:hover i,
.hero-slider .features-slider .owl-nav .owl-next:hover i {
    background: #00aca9;
}

.hero-slider .features-slider .owl-nav .owl-next {
    left: 92px;
}

.hero-slider .features-slider .owl-nav .owl-prev {
    left: 60px;
}

.hero-slider .features-slider .owl-nav i {
    color: #ffff;
    line-height: 58px;
    width: 60px;
    height: 60px;
    font-size: 20px !important;
    padding: 5px 6px;
    border-radius: 0;
    background: #24272a;
}

.hero-slider .features-slider .owl-dots {
    display: none;
}

.hero-slider .features-slider-classic {
    position: relative;
}

.hero-slider .features-slider-classic .owl-nav {
    display: block;
}

.hero-slider .features-slider-classic .owl-nav .owl-prev,
.hero-slider .features-slider-classic .owl-nav .owl-next {
    font-size: 50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    display: inline-block;
    color: #fff;
    line-height: 30px;
    padding: 20px;
}

.hero-slider .features-slider-classic .owl-nav .owl-prev:focus,
.hero-slider .features-slider-classic .owl-nav .owl-next:focus {
    outline: none;
}

.hero-slider .features-slider-classic .owl-nav .owl-prev:hover,
.hero-slider .features-slider-classic .owl-nav .owl-next:hover {
    outline: none;
}

.hero-slider .features-slider-classic .owl-nav .owl-prev:hover i,
.hero-slider .features-slider-classic .owl-nav .owl-next:hover i {
    background: #00aca9;
}

.hero-slider .features-slider-classic .owl-nav .owl-next {
    right: 20px !important;
}

.hero-slider .features-slider-classic .owl-nav .owl-prev {
    left: 20px !important;
}

.hero-slider .features-slider-classic .owl-nav i {
    color: #ffff;
    line-height: 58px;
    width: 60px;
    height: 60px;
    font-size: 20px !important;
    padding: 5px 6px;
    border-radius: 0;
    background: #24272a;
}

.hero-slider .features-slider-classic .owl-dots {
    display: none;
}

.hero-slider .features-slider-classic .slider-content .content-wrapper {
    background: transparent;
    text-align: center;
}

.hero-slider .features-slider-classic .slider-content .content-wrapper .slider-title {
    color: #fff;
}

.featured-box {
    padding: 20px 15px 20px 25px;
    margin: 3px;
    direction: rtl;
    unicode-bidi: embed;
}

.featured-box .icon {
    font-size: 60px;
    color: #ffff;
}

.featured-box .ts-title {
    margin-top: 15px;
    line-height: 7px;
    direction: rtl;
    unicode-bidi: isolate;
    /* padding-top: 15px;
    padding-bottom: 15px;*/
    color: #FFFF;
    direction: rtl;
    unicode-bidi: isolate;
    font-size: 18px;
}

.featured-box .ts-title a {
    color: #FFFF;
    font-weight: 600;
}

.featured-box P {
    color: #FFFF;
    direction: rtl;
    unicode-bidi: isolate;
    font-size: 13px;
}

.count-faetures {
    font-size: 12px;
}

span.active-span {
    padding-left: 12px;
}

.featured-box:nth-child(2) {
    margin-right: 0px;
}

.featured-box:hover .ts-title a {
    color: #00aca9;
}

.featured-box .titlespan {
    color: #FFFF;
    direction: rtl;
    unicode-bidi: isolate;
    font-size: 14px;
}

.item-1,
.item-2 {
    margin-top: 5px;
}

.slider-feature {
    padding-top: 2px;
}

.owl-item.active .slider-content h1.slider-title {
    -webkit-animation-name: animLeft;
    animation-name: animLeft;
    -webkit-animation: animLeft 1s ease 500ms both;
    animation: animLeft 1s ease 500ms both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-delay: 700ms;
    animation-delay: 700ms;
}

.owl-item.active .slider-content p {
    -webkit-animation-name: animLeft;
    animation-name: animLeft;
    -webkit-animation: animLeft 1s ease 500ms both;
    animation: animLeft 1s ease 500ms both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-delay: 900ms;
    animation-delay: 900ms;
}

.owl-item.active .slider-content .btn {
    -webkit-animation-name: animLeft;
    animation-name: animLeft;
    -webkit-animation: animLeft 1s ease 500ms both;
    animation: animLeft 1s ease 500ms both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
}

@-webkit-keyframes animLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: all .5s;
    }
}

.hero-slider .owl-dots {
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    z-index: 1;
}

.hero-slider .owl-dots .owl-dot {
    display: block;
    margin: 0;
    top: 0;
    line-height: 20px;
}

.hero-slider .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #59616d;
    display: inline-block;
    opacity: 1;
    margin: 0 3px;
    opacity: .5;
}

.hero-slider .owl-dots .owl-dot.active span {
    border-radius: 50%;
    border: 2px solid #fff;
    background: transparent;
    position: relative;
    top: 2px;
    opacity: 1;
}

.hero-slider .owl-dots .owl-dot:focus {
    outline: none;
}

.about-intro .intro-desc {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}

.intro-image-box {
    position: relative;
    margin-left: 25px;
    z-index: 9;
}

.intro-shape:after {
    content: '';
    position: absolute;
    right: 0px;
    z-index: -1;
    border-left: 430px solid #00aca9;
    border-right: 0 solid #00aca9;
    border-top: 340px solid #00aca9;
    top: -40px;
}

.checkboxsec2 a.btn.btn-primary {
    margin-right: 20px;
}

.akb-btnregister {
    background: transparent;
    border: 2px solid #03c3c1;
    color: #02b1af !important;
    padding: 7px 25px;
    font-size: 14px;
}

.akb-btnregister:hover {
    background: transparent;
    border: 2px solid #039897;
    color: #028887 !important;
}

.akb-btnregister:focus {
    background: transparent;
    border: 2px solid #02a2a1;
    color: #028887 !important;
    box-shadow: 0 0 0 0.2rem rgba(0,150,136,.1);
}

.akb-btnregister:not(:disabled):not(.disabled).active, .akb-btnregister:not(:disabled):not(.disabled):active, .show > .akb-btnregister.dropdown-toggle {
    background: transparent;
    border: 2px solid #02a2a1;
    color: #028887 !important;
}

.akb-btnregister:not(:disabled):not(.disabled).active:focus, .akb-btnregister:not(:disabled):not(.disabled):active:focus, .show > .akb-btnregister.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,172,169,.2);
}

p.successtitr {
    font-size: 25px;
}

.ts-footer .widget-details {
    clear: both;
    padding-top: 28px;
}

.ts-footer .widget-details p {
    font-size: 14px;
}


.ts-footer .logo-title h1 {
    font-size: 17px;
}

.ts-footer .logo-title h2 {
    font-size: 18px;
}

#btnregister {
    display: none;
}

.whitesec {
    border: 1px solid #dee2e6;
    padding: 17px 0px 12px;
    background: white;
    text-align: right;
}

.bazyabidsc {
    text-align: right;
    margin-bottom: 40px;
}

.bazyabicol {
    display: flex;
    padding:10px 50px 10px 0px;
}

.bazyabicol p {
    text-align: right;
}

.bazyabi-button-sec {
    text-align: center;
    margin-top: 30px;
}

.resetpassworddsc p {
    text-align: right;
}

.resetpasswordcol {
    display: flex;
    margin-bottom: 15px;
}

    .resetpasswordcol p {
        text-align: right;
    }

.btnresetpasswordsec {
    text-align: center;
    margin-top: 30px;
}

.forgetpassword-dsc p {
    text-align: right;
}

label.f-title {
    font-weight: bold;
    color: #02b1af;
}

#buttondiv {
    display: none;
    margin-top: 25px;
}

.attention {
    font-size: 18px;
    color: #c30909;
    font-weight: bold;
    margin-top: 20px;
}

.verifydiv {
    border: 1px solid #dee2e6b5;
    width: 100%;
    text-align: right;
    padding: 20px 25px;
    background: #e9ecef12;
    margin-top: 20px;
}

.news-heading {
    border: 1px solid #dee2e6;
    width: 100%;
    text-align: right;
    padding: 20px 25px 5px;
    background: #f5f5f5;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
}

    .news-heading p {
        font-size: 19px;
        font-weight: bold;
        color: #495057;
    }

.deals-detail-col {
    display: flex;
    padding: 0px 5px;
}

.buttondivdeals {
    margin-top: 15px;
}

p.deals-detail-title {
    font-weight: 500;
    color: #038e8d;
    padding-left: 12px;
}

.deals-detail-col .col-lg-6 {
    margin-top: 15px;
}

.whitesec .table-bordered th {
    background: #04a9a6;
    color: white;
}

.whitesec .table-bordered td {
    background: #17a2b805;
    font-family: IRANSans;
}

.whitesec .table-bordered tr:hover {
    background: #ffc10705;
}

.agahi-heading {
    padding-top: 30px;
    padding-bottom: 15px;
    font-weight: bold;
    color: #666666;
}

.buttondivdeals {
    margin-top: 15px;
    border: 1px solid #dee2e6;
    width: 100%;
    text-align: right;
    padding: 20px 20px;
    background: #f5f5f5;
    margin-top: 10px;
    display: flex;
}

.btndeals {
    margin-left: 5px;
}

.alert-success {
    margin-top: 15px;
}

.close {
    float: left;
}

.news-sec a {
    font-size: 14.5px;
}

#tenderModal .close {
    margin-left: 0px;
}

#tenderModal .modal-body p {
    text-align: center;
    font-weight: 450;
    color: #616161;
    margin-bottom: 0px;
    padding: 15px 0px;
}

#tenderModal .modal-footer {
    text-align: center;
}

    #tenderModal .modal-footer .btn {
        margin: auto;
    }

#tenderModal .modal-header h4 {
    font-weight: 480;
    padding-right: 10px;
    color: #424242;
}

.form-control.error {
    border: 1px solid #F44336;
}

label.error {
    color: #F44336;
    font-size: 14px;
}

.alert {
    text-align: right;
}

ul.logul {
    display: inline;
}

li.logli {
    display: inline;
}

.alert-warning2 {
    color: #212121;
    background-color: rgba(249, 174, 15, 0.25);
    border-color: #ff980038;
}

#header .logo-title h1, #header .logo-title h2 {
    color: #424242e0;
}

#ts-footer .logo-title h1, #ts-footer .logo-title h2 {
    color: #F5F5F5;
}

#btnregister:hover {
    color: white;
}

.announcement-body .card-header h4 {
    font-size: 17px;
    margin-bottom: 0px;
    text-align: right !important;
}

.announcement-body .card-body p {
    text-align: justify;
}


@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 500px;
    }
}

@media (max-width: 1024px) {
    .akb-timeline {
        display: none;
    }

    .featured-box P {
        font-size: 13px;
    }
}

@media (max-width: 800px) {
    .banner-title {
        font-size: 50px;
    }

    .container.collapse:not(.show) {
        display: none;
    }

    ul.navbar-nav > li > a::before {
        display: none;
    }

    ul.navbar-nav > li.dropdown > a::before {
        position: absolute;
        font-family: 'FontAwesome';
        content: "\f107";
        right: 15px;
        top: 0;
        font-size: 25px;
        line-height: 60px;
        color: #fff;
        font-size: 14px;
        display: block;
    }

    .navbar-nav {
        text-align: right !important;
        width: 100%;
    }

    .nav-right.ml-auto.form-inline {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .navbar-toggler:not(:disabled):not(.disabled) {
        background: #00aca9 !important;
    }

    .akb-loginform {
        padding-left: 15px;
    }

    .akb-right-padding1 {
        padding-right: 15px;
    }

    .quote-area-classic .quote_form {
        margin-bottom: 20px;
    }

    .akb-timeline {
        display: none;
    }

    .page-box ul {
        padding: 0px 25px 0px 25px;
    }

    .checkboxsec2 a.btn.btn-primary {
        margin: auto;
        margin-top: auto;
        margin-top: 15px;
    }

    .bs-callout-success {
        padding: 5px 35px;
    }

    .page-box p {
        text-align: justify;
    }

    .responsive-table {
        overflow: scroll;
    }

    .quote-news {
        margin-bottom: 40px;
    }
}

@media (max-width: 514px) {
    .logo-img {
        width: 130px;
        margin: auto;
        float: none;
    }

    .logo-title {
        width: 100%;
        float: left;
        padding-right: 0px;
        text-align: center;
    }

        .logo-title h1, .logo-title h2 {
            text-align: center;
        }

    .firstcheckboxsec {
        display: block !important;
    }

    .page-box ul {
        padding: 0px 15px 0px 15px;
    }

    .rightfloat {
        float: left;
    }

    .akb-prev {
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .sucsess-col-icon {
        display: none;
    }

    .addonfield {
        width: 100% !important;
    }

    footer .logo-img {
        text-align: center;
    }

    .akb-continue {
        float: none;
        margin-top: 10px;
    }

    .card .card-button a {
        font-size: 13px;
    }

    .card .card-body {
        font-size: 13px;
    }
}






@media (max-width:414px) {
    .news-heading p {
        font-size: 15px;
    }

    .deals-detail-col {
        display: block;
    }

    .news-heading {
        margin-bottom: 30px;
    }

    .alert-success, .alert-danger {
        font-size: 14px;
    }

    .buttondivdeals {
        width: 100%;
        text-align: center;
        display: block;
        padding: 10px 10px;
    }

    .btn {
        white-space: pre-wrap;
    }

    .form-control.error {
        border: 1px solid #F44336;
    }

    label.error {
        color: #F44336;
        font-size: 14px;
    }
}






@media (max-width: 360px) {
    .checkbox-sec {
        display: flow-root;
        padding: 20px 10px;
        text-align: center;
    }

    a.btn {
        white-space: inherit;
    }

    .akb-prev {
        margin-top: 20px;
    }
}


@media (max-width: 320px) {
    .check-sec2 {
        text-align: center;
    }
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 23px 0;
    border-radius: 3px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 16px;
            line-height: 1.846;
            text-decoration: none;
            color: #2196f3;
            background-color: #ffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            z-index: 3;
            color: #0a6ebd;
            background-color: #eeeeee;
            border-color: #dddddd;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #ffff;
        background-color: #2196f3;
        border-color: #2196f3;
        cursor: default;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #bbbbbb;
        background-color: #ffff;
        border-color: #dddddd;
        cursor: not-allowed;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 23px 0;
    list-style: none;
    text-align: center;
}

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #ffff;
            border: 1px solid #dddddd;
            border-radius: 15px;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #bbbbbb;
        background-color: #ffff;
        cursor: not-allowed;
    }

.fade.in {
    opacity: 1;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

@media (min-width:1440px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width:1920px) {
    .container {
        max-width: 1400px;
    }
}

.alert {
    text-align: right;
}

ul.logul {
    display: inline;
}

li.logli {
    display: inline;
}

.alert-warning2 {
    color: #212121;
    background-color: rgba(249, 174, 15, 0.25);
    border-color: #ff980038;
}

#header .logo-title h1, #header .logo-title h2 {
    color: #424242e0;
}

#ts-footer .logo-title h1, #ts-footer .logo-title h2 {
    color: #F5F5F5;
}
/* card */
.card {
    position: relative;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
}

    .card .card-header {
        position: relative;
    }

        .card .card-header .actions {
            position: absolute;
            left: 10px;
            z-index: 2;
            top: 15px;
        }

        .card .card-header.big {
            padding: 20px;
            color: #fff;
            text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);
            background: #3949AB url(images/heading-pattern.png) repeat scroll center center;
        }

            .card .card-header.big h1 {
                font-size: 25px;
                font-weight: bold;
            }

            .card .card-header.big small {
                font-size: 20px;
                display: block;
                margin-top: 10px;
            }

        .card .card-header.medium {
            padding: 15px;
            font-size: 20px;
        }

            .card .card-header.medium h1 {
                line-height: 100%;
                font-size: 20px;
                font-weight: 400;
            }

            .card .card-header.medium small {
                display: block;
                margin-top: 10px;
                color: #AEAEAE;
                line-height: 160%;
                font-size: 14px;
            }

        .card .card-header.small {
            font-size: 18px;
            padding: 10px 15px;
            border-bottom: 1px solid #ddd;
            margin-bottom: 10px;
        }

.card-footer {
    padding: 0 10px 10px 10px;
}

/* card themes */
.card-default {
    background: #fff;
}

.card-custom-dark {
    color: #FFF !important;
}

    .card-custom-dark a {
        color: #FFF !important;
    }

    .card-custom-dark small {
        color: #fff !important;
    }

    .card-custom-dark .listview-item:hover {
        background: none;
    }

/* card actions */
.actions {
    list-style: outside none none;
    padding: 0px;
    z-index: 2;
    margin: 0px;
}

    .actions > li {
        vertical-align: baseline;
        display: inline-block;
    }

        .actions > a,
        .actions > li > a {
            width: 30px;
            height: 30px;
            line-height: 29px;
            text-align: center;
            position: relative;
            display: inline-block;
            color: #ADADAD;
        }

            .actions > a:hover::before,
            .actions > li > a:hover::before {
                transform: scale3d(1, 1, 1);
                opacity: 1;
            }

            .actions > a::before,
            .actions > li > a::before {
                content: "";
                position: absolute;
                left: 0px;
                top: -4px;
                width: 100%;
                height: 100%;
                transform: scale3d(0, 0, 0);
                transition: all 250ms ease 0s;
                backface-visibility: hidden;
                z-index: 0;
                opacity: 0;
                border-radius: 50%;
                background-color: rgba(0, 0, 0, 0.1);
            }

            .actions > a > i,
            .actions > li > a > i {
                transition: color 1300ms ease 0s;
                font-size: 20px;
            }

    .actions.withbackground > a,
    .actions.withbackground > li > a {
        background-color: #fff;
        border-radius: 50%;
    }

/* statistics */
.statistics-icon {
    float: right;
    padding: 10px;
    margin-left: 10px;
    width: 25%;
    text-align: center;
}

.statistics-title {
    font-size: 15px;
    line-height: 30px;
    margin-top: 5px;
}

.statistics-value {
    font-size: 18px;
    line-height: 28px;
}

.statistics-item {
    position: relative;
    overflow-y: hidden;
    border: medium none;
    border-radius: 2px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
    color: #fff;
}

    .statistics-item::before {
        transition: width 500ms ease 0s;
        backface-visibility: hidden;
        content: "";
        background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%;
        width: 25%;
        top: 0px;
        right: 0px;
        position: absolute;
        height: 100%;
    }

    .statistics-item:hover::before {
        width: 100%;
    }

/* spec-list */
ul.spec-list, ul.spec-list > li {
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
    border-width: 0px;
}

    ul.spec-list span.technicalspecs-title {
        background: #F0F1F2 none repeat scroll 0% 0%;
        float: right;
        width: 183px;
        height: auto;
        display: block;
        padding: 9px 21px;
        margin-left: 19px;
        margin-bottom: 9px;
        white-space: normal;
        border-radius: 2px;
    }

    ul.spec-list span.technicalspecs-value {
        background: #F7F9FA none repeat scroll 0% 0%;
        color: #777;
        display: block;
        padding: 9px 21px;
        margin-right: 195px;
        margin-bottom: 9px;
        border-radius: 2px;
        white-space: normal;
    }

/* listview */
.listview {
    position: relative;
}

.listview-item {
    position: relative;
    display: block;
    transition: background-color 300ms ease 0s;
    padding: 12px 20px;
    color: #444;
    font-size: 13px;
}

    .listview-item:hover {
        /*background: #ECF9FF none repeat scroll 0% 0%;
    color: #444;*/
        background-color: rgba(10,166,153, 0.05);
        color: #0AA699;
    }

    .listview-item .pull-right {
        padding-left: 15px;
        margin-top: -2px;
    }

.listview-body {
    display: block;
    width: auto;
}

.listview-hor {
    cursor: pointer;
    line-height: 18px;
    padding: 10px;
    border-radius: 4px;
}

    .listview-hor:hover {
        background-color: rgba(10, 166, 153, 0.05);
    }

    .listview-hor > span {
        margin-left: 10px;
        font-size: 20px;
    }

.mt-icon-list {
    padding: 5px 35px 5px 0;
    position: relative;
}

    .mt-icon-list > i {
        position: absolute;
        right: 2px;
        top: 5px;
        font-size: 26px;
    }

/* timeline */
.timeline {
    position: relative;
}

.timeline-line {
    position: absolute;
    width: 1px;
    display: block;
    background: #ddd repeat scroll 0% 0%;
    top: -1px;
    bottom: 0px;
    margin-right: 30px;
}

.timeline-item {
    position: relative;
    display: block;
    border-top: 1px solid #ddd;
    padding: 8px 60px 8px 0px;
    color: #666;
    transition: background-color 300ms ease 0s;
}

    .timeline-item:hover {
        background: #FAFAFA none repeat scroll 0% 0%;
    }

.timeline-icon {
    position: absolute;
    right: 15px;
    display: block;
    width: 30px;
    height: 30px;
    padding: 2px 0 0 0;
    border-radius: 50%;
    border: 1px solid #ddd;
    background-color: #fff;
    text-align: center;
    font-size: 15px;
    float: right;
}

.done .timeline-line {
    background-color: #0e83af;
    width: 3px;
    margin-right: -31px;
}

.done .timeline-icon {
    border: 2px solid #0e83af;
    border-color: #0e83af;
    background-color: #1a98c6;
    color: #fff;
}

    .done .timeline-icon i {
        position: relative;
        top: -1px;
    }

/*material accordion*/
.mt-accordion {
    border-right: 3.5px solid #F0F1F2;
    margin-right: 15px;
    padding-right: 20px;
}

.mt-accordion-heading {
    color: #4D4D4D;
    cursor: pointer;
    outline: 0px none;
    position: relative;
    line-height: 50px;
    margin-bottom: 10px;
}

    .mt-accordion-heading::after {
        background: #E5E5E5 none repeat scroll 0% 0%;
        content: "";
        height: 1px;
        position: absolute;
        top: 25px;
        left: 0;
        right: 0;
    }

.mt-accordion-item > .mt-accordion-heading::before {
    content: "";
    background: transparent url("/contents/images/mt-accordion.png") no-repeat scroll 0% 0%;
    background-position: -165px -0px;
    display: inline-block;
    height: 50px;
    position: absolute;
    right: -34px;
    top: 0px;
    width: 25px;
    z-index: 1;
}

.mt-accordion-item.active > .mt-accordion-heading::before {
    background-position: -113px -0px;
}

.mt-accordion-item.first > .mt-accordion-heading::before {
    background-position: -60px 3px;
}

.mt-accordion-item.first.active > .mt-accordion-heading::before {
    background-position: -5px 3px;
}

.mt-accordion-item.last > .mt-accordion-heading::before {
    background-position: -219px -6px;
}

.mt-accordion-item.last.active > .mt-accordion-heading::before {
    background-position: -113px -1px;
}

.mt-accordion-item > .mt-accordion-heading > span {
    position: relative;
    z-index: 1;
    padding-left: 11px;
    font-size: 15px;
    font-weight: bold;
    background: #FFF none repeat scroll 0% 0%;
}

.mt-accordion-body {
    margin-right: 10px;
}

.dropzone .dz-message {
    color: #a6a9b7;
    font-size: 1.714rem;
    margin: 5em;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}

.dropzone, .dropzone * {
    box-sizing: border-box;
}

.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, .3);
    background: #fff;
    padding: 20px 20px;
}

.dropzone {
    border: 2px dashed #dee2e6;
}

    .dropzone.dz-clickable {
        cursor: pointer;
    }

.tab-vertical .tab-content {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 40px 30px;
    margin-right: 25%;
    line-height: 30px;
    margin-top: 0;
}

.tab .nav.nav-tabs li a {
    border: none;
    line-height: normal;
    border-radius: 0;
    padding: 12px 20px;
    background: #f6f7f8;
    color: #323232;
    border: 1px solid #eee;
}

.tab-vertical .nav.nav-tabs li a.active {
    border-bottom: 1px solid #eee;
}

.tab-vertical .nav.nav-tabs li:first-child a {
    border-top: 1px solid #eee;
}

.tab.nav-br .nav.nav-tabs li a.active {
    background: #fff;
    border-right: 3px solid #04a9a6;
    color: #04a9a6;
    padding: 11px 20px;
}

    .tab.nav-br .nav.nav-tabs li a.active:last-child {
        border-left: 1px solid #fff;
    }

.tab .nav.nav-tabs li {
    margin-bottom: 0;
    float: none;
    display: inline-block;
}

.tab-vertical .nav.nav-tabs li {
    display: block;
    width: 100%;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.tab-vertical .nav-tabs {
    float: right;
    width: 25%;
    padding: 0px;
}

.tab .nav.nav-tabs {
    border-bottom: 0;
}

.tab.nav-br.tab-vertical {
    width: 100%;
}

.upload-alert-message {
    width: 100%;
    padding-right: 20px;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999
}

    .loader img {
        max-width: 200px;
    }

.grecaptcha-badge {
    display: none !important;
}

.feature-icon.last-feature-icon {
    position: relative;
}

@media screen and (max-width:2000px) {
    .loginbt1 {
        width: 32% !important;
    }
}

@media screen and (max-width:1500px) {
    .loginbt1 {
        width: 40% !important;
    }
}


.rememberpass {
    margin-top: 20px;
    padding-top: 10px;
}

.remembercheckbox {
    text-align: right;
    padding-top: 20px;
}

.c-account-box__footer.is-highlighted {
    background: rgba(93,214,0,.06);
    border-top: 1px solid #d7e6bb;
    text-align: center;
    padding: 15px 0px;
}

.btn-link-spoiler {
    color: #1ca2bd;
    padding: 0;
    line-height: 2;
}

.card-login {
    padding: 22px 33px 19px;
}

.rememberpass p {
    margin-bottom: 0px;
}

.body-sign .text-muted {
    font-size: 13px;
}







.colsection1 {
    background: #2c2e3e;
    min-height: 360px;
    border: 1px solid #00000017;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    padding: 0px;
}

.ArticleNew {
    background: #2c2e3e;
    height: 400px;
    border: 1px solid #00000017;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    padding: 0px;
    direction: rtl;
}
    .ArticleNew .news-sec-New {
        overflow-y: scroll;
        height: 340px;
        padding: 20px;
    }



.headernewss2 h2.title-black {
    color: white;
}

.news-p p {
    font-size: 14px;
    color: #7c7f90;
    margin-bottom: 5px;
    margin-left: 25px;
}













.news-p i {
    margin-left: 5px;
}

.headernewss {
    display: flex;
    border-bottom: 1px solid #bbbbbb59;
    width: 90%;
    padding: 0px;
    margin: auto;
    direction:rtl;
}

.quote-news .news-sec {
    overflow-y: scroll;
    height: 380px;
    padding: 20px;
}

.news-sec::-webkit-scrollbar {
    width: 5px;
    background-color: #F7F7F7;
}

.news-sec::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    background-color: #f5f5f514;
}

.news-sec::-webkit-scrollbar-track {
    border-radius: 2px;
}

h2.title-black {
    text-align: right;
    padding-top: 10px;
    width: 50%;
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 500;
}

.news-link {
    color: #00aca9;
    font-weight: bold;
    width: 50%;
    text-align: left;
    margin-top: 15px;
}

.news-p {
    margin-top: 4px;
    display: flex;
    margin-bottom: 12px;
    padding-bottom: 5px;
}

.news-p p {
    font-size: 13px;
    color: #666666;
    margin-bottom: 5px;
    margin-left: 25px;
}




.headernewss2 {
    display: flex;
    border-bottom: 1px solid #bbbbbb59;
    width: 90%;
    padding: 0px;
    margin: auto;
    direction:rtl;
}

.news-sec2 {
    overflow-y: scroll;
    height: 380px;
    padding: 20px;
}
    .news-sec2-ArticleVisable{
        height:340px;
    }
    .news-sec2::-webkit-scrollbar {
        width: 5px;
        background-color: #565a76ad;
    }

.news-sec2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    background-color: #505266;
}

.news-sec2::-webkit-scrollbar-track {
    border-radius: 2px;
}
.news-sec3 {
    overflow-y: scroll;
    height: 339px;
    padding: 20px;
}

.news-sec3-ArticleVisable {
    height: 340px;
}

.news-sec3::-webkit-scrollbar {
    width: 5px;
    background-color: #565a76ad;
}

.news-sec3::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    background-color: #505266;
}

.news-sec3::-webkit-scrollbar-track {
    border-radius: 2px;
}

.news-link {
    color: #00aca9;
    font-weight: 600;
    width: 50%;
    text-align: left;
    margin-top: 15px;
    font-size: 14px;
}

.listnotifications {
    text-align: right;
    font-size: 14.5px;
}

.listnotifications a {
    color: white;
    font-weight: 300;
    font-size: 14px;
}

.colsection1 .news-p p {
    color: #aaacb5;
    font-size: 12px;
    font-weight: 500;
}

.testimonial-footer p {
    padding-top: 25px;
    color: white;
    font-weight: 600;
}

.register-alert2 {
    font-size: 18px;
    color: #ffffff;
    background-color: #c01f1f;
    border-color: #c91828 !important;
}

.register-alert2 strong {
    font-weight: 500;
}

.content-body {
    padding-top: 20px;
}

.col-form-label {
    text-align: right !important;
}

.form-group tr.active {
    background: #f6f6f6 !important;
}

.card1 {
    border: 1px solid #dee2e6;
    padding: 17px 40px 30px;
    background: white;
    direction: rtl;
    text-align: right;
    margin-bottom: 20px;
}

.card1 .card-header {
    background: none;
    padding: 0;
    border: none;
    margin-bottom: 0 !important;
}

.o-box__header {
    padding-bottom: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.o-box__header:after {
    content: "";
    position: absolute;
    background-color: #00aca9;
    right: 0;
    bottom: 8px;
    height: 2px;
    width: 70px;
    border-radius: 1px;
}

.c-contact-us__row {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.o-btn {
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    border-radius: 8px;
}

.o-btn--outlined-blue-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    color: #27bcb2;
    background: transparent;
    border: 2px solid #03c3c1;
    color: #02b1af !important;
    padding: 7px 25px;
}

.o-btn--outlined-blue-sm:hover {
    border: 2px solid #02a2a1;
    color: #028887 !important;
}

.o-btn--outlined-blue-sm:active {
    background: #27bcb2;
    color: #085967;
}

.c-contact-us__spacer {
    margin: 15px 0;
    width: 100%;
    border-top: 1px solid #dfdfdf;
}

.o-form__field-label {
    font-size: 11px;
    font-size: .786rem;
    line-height: 19px;
    margin-bottom: 4px;
    color: #030a16;
    margin-right: 12px;
}

.o-form__field {
    display: block !important;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.o-form__field-container:not(:last-of-type) {
    margin-left: 16px;
}

.o-form__field-container {
    text-align: right;
    width: 100%;
    margin-bottom: 10px;
}

.o-form__textarea {
    padding: 9px 12px;
    border-radius: .25rem;
    background-color: #fff;
    border: 1px solid #e0e0e2;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px;
    width: 100%;
    color: #030a16;
    resize: none;
}

.c-contact-us__upload-area-section {
    border-radius: 8px;
    border: 1px dashed #e0e0e2;
    padding: 24px;
    margin-bottom: 24px;
}

.c-contact-us__select-file-btn {
    font-weight: 700;
    color: #030a16;
    padding: 8px 16px 8px 16px;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    position: relative;
    margin: 16px auto 0;
    display: block;
    background-color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
}

.o-btn--contained-blue-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    background: transparent;
    border: 2px solid #03c3c1;
    color: #02b1af !important;
    padding: 7px 35px;
}

.o-btn--contained-blue-lg:hover {
    border: 2px solid rgb(2, 162, 161);
    color: rgb(2, 136, 135) !important;
}
/*.o-form__field {
padding: 9px 12px;
border-radius: 8px;
background-color: #fff;
border: 1px solid #e0e0e2;
font-size: 14px;
font-size: 1rem;
line-height: 24px;
width: 100%;
color: #030a16;
}*/
.o-btn--contained-blue-lg:active {
    background: #23afa6;
    border: 1px solid #25a39b;
}









.gray-card {
    border: 1px solid #dee2e6;
    width: 100%;
    text-align: right;
    padding: 10px 15px;
    background: #f5f5f5;
}

.pd-25 {
    padding: 25px;
}

.gray-card-header h4 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 10px;
}

.gray-card-header {
    border-bottom: 1px solid;
    border-color: #dee2e6;
    display: flex;
}

.headerbtn {
    max-height: 33px;
    padding: 6px 14px;
}

.gray-card-content {
    padding-top: 15px;
}

p.noitem {
    color: #424242;
    font-size: 15px;
    margin-bottom: 5px;
}

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

.modal-header .close {
    margin: -1rem auto -1rem -1rem;
}


.m-r-10 {
    margin-right: 10px;
}

.searchinput .input-group-addon {
    border-top-left-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 3px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ced4da;
    border-right: 0px;
}

.searchinput .form-control {
    line-height: 26px;
    height: 36px !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

    .searchinput .form-control::placeholder {
        font-size: 16px;
        line-height: 16px;
    }

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

.col-scroll {
    height: 180px;
    overflow-y: scroll;
}

.seprateline {
    border-bottom: 1px dashed rgba(0,0,0,.2);
    display: block;
    margin-bottom: 12px;
}

.col-scroll td {
    text-align: right;
}

.col-scroll td div {
    font-size: 15px !important;
}

.default-modal .well h5 {
    text-align: right;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 6px;
}

.default-modal .checkmarktd {
    width: 18px;
    padding-left: 0px !important;
}

.default-modal .checkmarktd i {
    font-size: 1.1em;
}

.default-modal .contenttd {
    font-size: 14px;
}

.resultlist {
    background: #f1f1f1bd;
    margin-top: 15px;
    padding: 8px 12px;
    border: 1px solid #e1e1e1;
}

.resultlist textarea {
    overflow-y: scroll;
    height: 35px;
    overflow-x: hidden;
    resize: none;
    width: 100%;
    border: 1px solid #e1e1e1;
}

.col-scroll2 td {
    text-align: right;
    padding-top: 18px;
    line-height: 15px;
    font-size: 14px;
}


.resultlist textarea::placeholder {
    padding-right: 0px !important;
    margin-right: 3px;
}

.col-scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #d2d2d2;
}

.col-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #BFBFBF;
}

.col-scroll::-webkit-scrollbar-track {
    border-radius: 2px;
}

.col-scroll tr:first-child td, .col-scroll2 tr:first-child td {
    border-top: 0px !important;
}


.noboxstyle {
    border: 0px;
    width: 100%;
    padding: 0px;
    background: #ffffff;
}

    .noboxstyle .nextbtn {
        margin-right: auto;
    }

.tablelist1 {
    width: 100%;
}

.tablelist1 th {
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    color: #4d4d4d;
}

.tablelist1 td {
    border-top: 2px solid #EBEDF3;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
}

.tablelist1 td i {
    font-size: 17px;
    padding: 0px 5px;
    color: #424242;
}

.tablelist1 td i:hover {
    color: #696969;
}

.modal.fade.in {
    /* top: 5px */
}

.resultlist h5 {
    text-align: right;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 6px;
}

.resultlist td.textarea-td {
    padding-top: 8px;
}


.resultlist .col-scroll2 {
    max-height: 230px;
    overflow-y: scroll;
}

.col-scroll2::-webkit-scrollbar {
    width: 6px;
    background-color: #d2d2d2;
}

.col-scroll2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #BFBFBF;
}

.col-scroll2::-webkit-scrollbar-track {
    border-radius: 2px;
}

.ui-datepicker td .ui-state-default {
    font-family: 'IRANSansFaNum';
}

.ui-datepicker .ui-datepicker-title select {
    font-family: 'IRANSansFaNum';
}


.review-field1 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 2px;
    color: #757575;
}

.submit-subtitle h5 {
    font-size: 16px;
    margin-bottom: 0px;
}

.submit-subtitle {
    border-bottom: 1px dashed #c8cacc;
    padding-bottom: 12px;
    margin-bottom: 15px;
}


.mt-10 {
    margin-top: 10px;
}

.review-field2 {
    font-size: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.review-row .tablelist1 td {
    border-top: 1px solid #EBEDF3;
}

.review-row .tablelist1 th {
    color: #787878;
}

.checkbox-sec .col-md-6 {
    padding-right: 0px;
    padding-left: 0px;
}

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

.success-sec {
    border: 1px solid #C8E6C9;
    width: 100%;
    text-align: right;
    padding: 20px 25px;
    background: #E8F5E9;
}

.success-sec h4 {
    font-size: 15px;
    color: #1B5E20;
}

.success-sec p {
    font-size: 14px;
}

#checkbox-success-sec {
    display: none;
}

.chosen-container .chosen-drop {
    right: -9999px;
    left: auto !important;
}

.chosen-container.chosen-with-drop .chosen-drop {
    right: 0;
    left: auto !important;
}

.ircol {
    display: flex;
}

.ircol input {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    text-align: left;
}

.ircol .input-group-prepend {
    height: 34px;
}

.ircol .input-group-text {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.ircol #ShabaNumber-error {
    position: absolute;
    top: 35px;
}

#ui-datepicker-div {
    z-index: 10 !important;
}

.flexcol {
    display: flex;
}

.agahi-table {
    padding-top: 15px;
}

.agahi-table .agahi-heading {
    border-top: 1px dashed #dadde0;
    padding-top: 15px;
}

.responsive-table.agahi-table {
    padding: 15px 17px 0px;
}

.sidebar-left .input-group-addon {
    margin-top: 0px;
    padding-bottom: 10px;
}

.internal-card {
    padding: 25px 25px 0px;
}

.internal-card ol {
    padding-left: 20px;
}

.checkboxsec1 span {
    padding-right: 27px;
}

.checkboxsec1 {
    padding-top: 9px;
    padding-bottom: 8px;
}



.form-group2 .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    color: #fff;
}

#registerForm input.form-control.ltr::placeholder {
    text-align: right !important;
    direction: rtl !important;
}

#registerForm .form-group2 .chosen-container-multi .chosen-choices {
    height: calc(1.5em + .75rem + 2px) !important;
}

#registerForm .chosen-container-multi .chosen-choices li {
    float: right;
}

#registerForm .chosen-container-multi .chosen-choices {
    background-image: none;
}

#registerForm .chosen-container-multi .chosen-choices {
    border-radius: 3px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin: 5px 0px 3px 5px;
}

.btn.akb-search {
    background: transparent;
    border: 2px solid #03c3c1;
    color: #02b1af !important;
    padding: 7px 25px;
    font-size: 14px;
}

.btn.akb-search:hover {
    color: white;
    border: 2px solid #02a2a1;
    color: #028887 !important;
}

p.dont-result {
    font-size: 14.5px;
}

.contact-card .o-box__header {
    padding-top: 20px;
    padding-bottom: 25px;
}

span.o-box__title {
    font-size: 18px;
    font-weight: 500;
}

.btn-primary.btn-download {
    background-color: transparent;
    border: 2px solid #03c3c1;
    color: #02b1af !important;
    padding: 9px 25px;
}

.btn-primary.btn-download:hover {
    background-color: transparent;
    border: 2px solid #038282;
    color: #028887 !important;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    border: 2px solid #039493;
    color: #028887 !important;
    background-color: transparent;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,150, 136, 0.12);
}

.post-details .entry-content {
    padding: 5px 20px 20px;
}

.post-details .entry-header {
    padding: 2px 5px 0px;
}

.pagination > li {
    float: right;
}

.pagination {
    padding-right: 0px !important;
}

.pagination li a {
    margin-right: 0px;
    margin-left: 5px !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #00aca9;
    border-color: #01a09e;
}

.paging-select {
    padding: 0px;
    height: calc(1.5em + .75rem - 6px);
    padding: .175rem .175rem;
    border: 1px solid #ced4da;
    border-radius: 2px;
    margin-top: -15px;
    margin-left: 10px;
}

.lable-paging-select {
    margin-top: -10px;
}

.post.aboutus-details {
    text-align: right;
    direction: rtl;
}

.announcement-body .card-header {
    margin: 15px 15px 0px;
    padding: 10px;
    background: #f3f2f2;
}

announcement-body .card-header h4 {
    margin-bottom: 0px;
    font-size: 17px;
    text-align: right;
}


.deals-tab li {
    width: 33.333333%;
    text-align: center;
}

.deals-tab .nav.nav-tabs li a {
    border: 1px solid #dadadaab;
    border-top: 0px !important;
}

.deals-tab .nav.nav-tabs li a.active {
    color: #019a98;
    background: #fff !important;
    border: 0px;
    font-weight: 600 !important;
}

.deals-tab .tab-content {
    padding: 20px;
    margin-top: -1px;
    background: white;
    border-top: 0px;
    text-align: right;
}

.tab.deals-tab.tab-border {
    border: 1px solid #dadada;
}

.tab .moamelat-sec {
    margin-bottom: 0px;
}

.moamelat-sec .post .post-body {
    border-top: 0px;
}
/*------------------------------------------------------------------*/


.mci-table-filter {
    padding: 0 20px 20px;
    background-color: #ffffff;
    margin: 20px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: right;
}

.dpco-mci-form .dpco-form-input {
    width: 100%;
    padding: 0 10px;
    color: #656565;
    font-size: 13px;
    background-color: #fafafa;
    border: 2px solid #bdbdbd;
    height: 50px;
    line-height: 46px;
    border-radius: 4px;
    box-shadow: none;
    transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -webkit-transition: box-shadow .3s;
}

.mci-filter-label {
    font-size: 14px;
    border-bottom: 0;
    padding: 0 10px;
    line-height: 25px;
    margin-bottom: 0;
    position: relative;
    color: #555;
    border-top: 2px solid #f3f3f3;
    top: -1px;
}

.filter-label-content {
    position: relative;
    z-index: 1;
    top: -16px;
    font-weight: 600;
    font-size: 17px;
    color: #00aca9;
}


.dpco-mci-form .dpco-datepicker-toggler {
    border: 0 none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    height: 46px;
    font-size: 24px;
    position: absolute;
    left: 26px;
    color: #666;
    top: 46px;
}

.mci-table-filter .dpco-button-holder {
    margin-top: 34px;
}

.dpco-form-submit-btn, .btn-link.dpco-form-submit-btn:link,
.btn-link.dpco-form-submit-btn:visited {
    background-color: #02c1be;
    width: 100%;
}

.dpco-form-btn {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding: 0 30px;
    border-radius: 4px;
    text-align: center;
    transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    border: 0 none;
    color: white;
}

.dpco-clear-btn {
    padding: 0 10px 0 0;
    background: transparent;
    border: 0px;
    margin-right: 18px;
}

.dpco-dataTables-paginate li.paginate_button.previous a, .dpco-dataTables-paginate li.paginate_button.next a {
    border-radius: 0;
    font-size: 23px;
    color: #666;
}


.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}

.dpco-dataTables-paginate .pagination > li a {
    float: none;
    display: block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    color: #333;
    border-radius: 0;
    transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    border: 1px solid #ddd;
    background: white;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #f9a61a !important;
    border-color: #f9a61a !important;
    color: #fff !important;
    cursor: default;
    z-index: 2;
}

.table-footer .pagination-center .dpco-dataTables-paginate {
    float: none;
    padding: 0;
    text-align: center;
    display: inline-block;
    margin-top: 20px;
}


.datepicker-input.deactive {
    background: #e0e0e0 !important;
}


.datepicker-input.active {
    border: 2px solid #2196f3 !important;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: url(/Contents/chosen/chosen-sprite.png) -42px 1px no-repeat;
}





@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px;
    }
}




@media (max-width: 514px) {
    .register-alert2 {
        font-size: 12px !important;
    }

    .reg-sec-title h4 {
        padding: 15px !important;
        font-size: 16px !important;
    }

    .tab-vertical .nav-tabs {
        float: none !important;
        width: 100% !important;
        padding: 0px !important;
    }

    .tab-vertical .tab-content {
        margin-right: 0px !important;
        position: relative !important;
    }

    .tab-vertical .tab-content {
        margin-right: 0px !important;
        position: relative !important;
        margin-top: 20px !important;
    }

    .alert-dismissible {
        padding-right: 5px !important;
    }

    .bazyabicol {
        display: block !important;
        margin-bottom: 20px !important;
    }

    .BackTo {
        display: none !important;
    }

    #btnregister {
        margin-right: 0px;
        margin-top: 10px;
    }

    .post .post-meta > span {
        margin-left: 15px;
    }

    .moamelat .post-meta > span {
        font-size: 12px;
    }

    .post .post-meta a {
        font-size: 12px;
    }

    .ts-footer {
        padding: 5px 0 0px;
    }

    .deals-detail-col {
        display: block;
    }

    .c-contact-us__row {
        display: block;
    }

    .o-btn--outlined-blue-sm {
        margin-top: 15px;
    }

    .flex-row-form {
        display: block;
    }
}

@media (max-width: 320px) {
    .flexcol {
        display: block;
    }

    .post .entry-content {
        padding: 5px 15px 10px;
    }
}




.portal-videos .slide-dsc {
    display: flex;
    position: relative;
    margin-top: 25px;
}

.portal-videos .video-dsc2 {
    height: 40vh;
    width: 400px;
    position: absolute;
    right: 0px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 10px;
    background: #ffffff;
    /*background: #ef4056; */
    padding: 0px 100px 0px 16px;
    height: auto;
    top: 0px;
    bottom: 0px;
    margin-top: -5px;
    margin-bottom: -10px;
    border-radius: 5px;
    width: 520px;
    padding: 0px 35px 0px 120px;
    border: 1px solid #00000017;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.portal-videos .videomp4 {
    z-index: 1;
}

.portal-videos .video-dsc2 h1 {
    text-align: right;
    color: #4a4a4a;
    font-size: 27px;
    line-height: 47px;
    padding-bottom: 5px;
}

.portal-videos .video-dsc2 p {
    text-align: justify;
    color: #4a4a4a;
}

.portal-videos .videomp4 {
    width: 85%;
}

.portal-videos .video-dsc {
    width: 60%;
    height: 410px;
}

.portal-videos video.video-slide {
    border-radius: 2px;
    margin-top: -20px;
}

.portal-videos .carousel-fade {
    padding-bottom: 60px;
    margin-bottom: 20px;
}

.portal-videos .carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.portal-videos .carousel-fade .carousel-item.active,
.portal-videos .carousel-fade .carousel-item-next.carousel-item-left,
.portal-videos .carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.portal-videos .carousel-fade .active.carousel-item-left,
.portal-videos .carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.portal-videos .carousel-fade .carousel-item-next,
.portal-videos .carousel-fade .carousel-item-prev,
.portal-videos .carousel-fade .carousel-item.active,
.portal-videos .carousel-fade .active.carousel-item-left,
.portal-videos .carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}


.portal-videos .carousel-indicators li {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid transparent;
    /* padding: 5px; */
    margin: 3px;
    border: 1px solid #9e9e9e !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0,0,0.12%);
}

.portal-videos .carousel-indicators .active {
    width: 17px;
    height: 17px;
    margin: 0 1px;
    border: 1px solid #9e9e9e4f !important;
    background-color: #57cfb1;
}

.portal-videos .carousel-control-next-icon, .carousel-control-prev-icon {
    display: none;
}


.portal-videos .video-dsc2 {
    background: #e6e6e6;
}


.portal-videos .carousel-indicators li {
    background-color: #928d8d;
}


.portal-videos .video-dsc2 h1 {
    color: #525252;
}

.portal-videos .video-dsc2 p {
    color: #525252;
}

.portal-videos .carousel-indicators .active {
    background-color: #57cfb1;
}

.portal-videos .seller-video-swiper--description__icon img {
    width: 35px;
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 10px;
}

.portal-videos .carousel-control-next, .portal-videos .carousel-control-prev {
    display: none !important;
}

.card1.contact-card {
    margin-bottom: 80px;
}



@media (max-width: 580px) {
    .portal-videos .slide-dsc {
        display: grid;
        margin-top: 15px;
    }

    .portal-videos .video-dsc2 {
        width: 100%;
        height: auto;
        display: block;
        padding: 0px 35px 0px 30px;
        position: relative;
    }

    .portal-videos .videomp4 {
        width: 100%;
    }

    .portal-videos video.video-slide {
        border-radius: 2px;
        margin-top: 10px;
        text-align: center;
    }

    .portal-videos .video-dsc {
        width: 100%;
        height: auto;
    }

    .portal-videos .seller-video-swiper--description__icon img {
        width: 35px;
        height: 30px;
        -o-object-fit: contain;
        object-fit: contain;
        margin-bottom: 10px;
        margin-top: 10px;
        margin-left: auto;
        text-align: right;
    }

    .flex-row-form {
        display: block;
    }

    .c-contact-us__row {
        display: block !important;
    }
}

#registerForm .chosen-choices .search-field input {
    color: #828a93 !important;
}

.app-navbar .sidebar-nav ul.metismenu li a i.las, .app-navbar .sidebar-nav ul.metismenu li a i.la {
    font-size: 16px;
}

.row.data-change-form {
    margin-right: 0px;
    margin-left: 0px;
}

.bazyabidsc.datachange-dsc {
    padding-right: 15px;
}

.dirltr {
    direction: ltr;
}

.width20 {
    width: 20%;
}

.width80 {
    width: 80%;
}

.width20 .input-group-prepend {
    width: 20%;
}

.width80 input {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.width20 input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.input-group-prepend.width20 input::placeholder {
    text-align: right;
}

.nav-account.nav-item.active a {
    color: white !important;
}

.nav-account.nav-item.active > a:after {
    height: 2px;
    width: 100%;
    background: #ffffff;
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
}

.html-editor-item ol,
.html-editor-item li {
    list-style-type: decimal !important;
}

.html-editor-item table {
    border: 1px solid;
}

.html-editor-item table tr {
    border: 1px solid;
}


.form-control.has-error {
    border: 1px solid #F44336;
}

.emptyp {
    padding-right: 15px;
}

.ui-datepicker {
    background: #ffffff;
}

.ui-datepicker th {
    font-family: IRANSansFaNum;
}

.contactUsText {
    width: 100%;
    height: 500px;
    background-color: white;
    border: 1px solid #dee2e6;
    display: flex;
    align-content: space-around;
    justify-content: center;
    flex-wrap: wrap;
    /*padding: 50px !important;*/
}

.contactUsText > p {
    width: 100%;
    /*background-color: green;*/
    text-align: center;
    font-weight: 500;
    color: #689f38;
    font-size: 24px;
}

.contactUsText > p > i {
    color: #689f38;
    font-size: 24px;
    padding: 10px !important;
}

.contactUsText > button {
    /*border: transparent;*/
    width: 190px;
    color: rgb(2, 136, 135);
    border: 1px solid rgb(2, 136, 135);
    border-radius: 5px;
    font-size: 1rem;
    height: 50px;
    background-color: transparent;
}

.contactUsText > button:nth-of-type(1) {
    margin-left: 30px !important;
}

.contactUsText > button:nth-of-type(2) {
    background-color: rgb(2, 136, 135);
    color: white;
    margin-right: 30px !important;
}

.contactUsText > button > a {
    color: rgb(2, 136, 135);
}










.dx-item-content.dx-list-item-content {
    text-align: right;
    font-family: IRANSansFaNum, IRANSans, "Open Sans", sans-serif !important;
}

.dx-menu-base {
    font-family: IRANSansFaNum, IRANSans, "Open Sans", sans-serif !important;
}

.SiteContractsTables .textColorSpan {
    color: #00aca9;
}

.SiteContractsTables .dx-tabs-wrapper {
    display: flex !important;
}

.SiteContractsTables .dx-tab {
    background-color: white !important;
    width: 100% !important;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.SiteContractsTables .dx-tabs-wrapper {
    display: block;
    background-color: #00aca9;
    height: 52px;
    font-family: IRANSansFaNum, IRANSans, "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.SiteContractsTables .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
    border: 2px solid #00aca9;
}

.dx-toolbar .dx-toolbar-items-container {
    height: 0px !important;
    overflow: visible;
}

.dx-item.dx-tab {
    box-shadow: none !important;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.SiteContractsTables .tabpanel-item {
/*    height: 200px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    padding: 25px;
}

.SiteContractsTables .tabpanel-item > div {
    /*float: left;*/
    padding: 10px;
}

.SiteContractsTables .tabpanel-item p {
    font-size: 16px;
    margin: 0;
}

.SiteContractsTables .item-box {
    font-size: 16px;
    margin: 15px;
}

.SiteContractsTables .options {
    padding: 20px;
}

.SiteContractsTables .caption {
    font-size: 18px;
    font-weight: 500;
}

.SiteContractsTables .dx-tabs-scrollable .dx-tab {
    display: table-cell;
}

.SiteContractsTables #grid {
    height: 400px;
}

.SiteContractsTables .dx-widget {
    font-family: IRANSansFaNum, IRANSans, "Open Sans", sans-serif !important;
}

.dx-tabpanel-container {
    background: white;
}

#PanelOption {
    height: auto;
    padding-bottom: 20px;
}
@media (max-width: 768px) {
    .SiteContractsTables .tabpanel-item > div {
       
    }
}
@media (min-width: 1400px) {
    .SiteContractsTables #grid {
        height: 510px;
    }
}

@media (min-width: 1600px) {
    .SiteContractsTables #grid {
        height: 510px;
    }
}


.c1 {
    color: green !important;
}

.c2 {
    color: rgb(25, 118, 210) !important;
}

.c3 {
    color: red !important;
}





.image-upload-col .input-group-addon {
    padding-top: 10px;
    width: 200px;
}

.image-upload-col .dx-fileuploader {
    border: 1px solid #cccccc;
}

.emza-image {
    height: 34px;
}

.image-upload-col .dx-fileuploader-input-wrapper .dx-button {
    float: right;
}

.image-upload-col .dx-button-has-text .dx-button-content {
    padding: 1px 10px;
    font-size: 12px;
}

.image-upload-col .dx-fileuploader-input-wrapper {
    padding: 0px;
}

.image-upload-col .dx-fileuploader-wrapper {
    position: relative;
}

.image-upload-col .dx-fileuploader-show-file-list .dx-fileuploader-files-container {
    padding-top: 22px;
    position: absolute;
    top: -20px;
    left: 0px;
    right: 0;
}

.hidden-image-btn {
    /*display: none !important;*/
    display: none !important;
}

.image-upload-col .download-image-btn {
}

.image-upload-col .dx-fileuploader {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.image-upload-col .dx-fileuploader-input-wrapper .dx-button {
    z-index: 10;
}

span.input-group-addon.ng-binding {
    display: none;
}


.download-image-btn {
    margin-right: 5px;
    width: 8%;
    display: block;
}

.dx-show-invalid-badge {
    width: 90%;
}

.upload-sec-hidden .dx-show-invalid-badge {
    width: 100%;
}

.dx-fileuploader-file-status-message {
    left: 5px;
    position: absolute;
}

/*.dx-fileuploader-file {
    padding-right: 170px;
}*/

.download-image-btn a i {
    color: white;
}

/*.field-file-uploader .upload-sec-show {
    max-width: 89%
}*/

.page-box .form-group label {
    width:100%;
    display:block;
}
.download-image-btn .btn {
    padding: 8px 12px !important;
}
.upload-sec-show .dx-fileuploader-input-label {
    display:none;
}
.dirty-file .dx-fileuploader {
    border: 1px solid red !important;
}
.upload-sec-show .dx-fileuploader {
    width: 86%;
}

@media (max-width: 1700px) {
    .upload-sec-show .dx-fileuploader {
        width: 83%;
    }
}
/*.dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
    border: transparent !important;
}*/
.dx-editor-cell .dx-texteditor-input {
    border: transparent;
}

.dx-texteditor-input {
    border: transparent !important;
}




.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
    cursor: pointer;
}



.law-accardeon .collapse .card-body {
    border: 1px solid #eeeeee;
    border-top: 0px;
    position: relative;
}

.card-footer-fixed {
    text-align: right;
    position: relative;
    margin-right: auto;
    left: 0px;
    bottom: -10px;
    padding-bottom: 15px;
}

.daownlaod-law {
    color: #00aca9;
    font-size: 16px;
}

.daownlaod-law > i {
    color: #00aca9;
    font-size: 20px;
}

.law-accardeon .dsc-acc {
    padding-left: 20px;
}

.textAreaCustomize {
    width: 100%;
    line-height: 2;
    border: none;
    resize: none;
    background-color: transparent;
}

.insertProposalButtonInPackets {
    font-size: 12px !important;
    color: #059e9c !important;
}


/*-------------------------------------------------style after remove bootstrap4-------------------------------------------------*/
.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}
.pr-0, .px-0 {
    padding-right: 0 !important;
}
.pdb-5 {
    padding-bottom: 5px;
    direction: ltr;
}
.downlaodfile {
    color: #36bcf9 !important;
    font-size: 12px !important;
    font-weight:500 !important;
}
.ts-title p {
    font-size: 13px;
}
.akb-loginform .news-p {
    border-bottom: 1px solid #37394a;
}

.downlaodfile2 {
    font-size: 12px !important;
    font-weight: 500 !important;
}
label {
    margin-bottom: .5rem;
}
.form-control {
    height: calc(1.5em + 0.75rem + 2px);
}
.form-group {
    margin-bottom: 1rem;
}

.register-title-div {
    align-items: center;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.register-title-info {
    display: flex;
    align-items: center;
    /*justify-content: flex-end;*/
}
.deals-detail-col .col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
}
#ChangeMobileOrEmail .col-md-6 {
    padding-top:15px;
}
.bazyabicol .form-control {
    width:90%;
}
.input-has-icon.has-datepicker-input {
    position: relative;
}

/********************           loading button          ********************/

.sabtButtonCustomize {
    min-width: 105px;
    padding: 5px 15px;
    height: 34px;
    transition: .2s;
    border-radius: 5px;
    color: white;
    background-color: #42aaf0;
    border: 2px solid #3693d2cf;
    overflow: hidden;
}

.sabtButtonCustomize:hover {
    border: 2px solid #42aaf0;
    color: #42aaf0;
    background-color: white;
    font-weight: 500;
}

.sabtButtonCustomize p i {
    transform-origin: center center;
}

.sabtButtonCustomize p:nth-of-type(1) {
}

.sabtButtonCustomize p:nth-of-type(2) {
    display: none;
}

.activeSabtButtonCustomize p:nth-of-type(1) {
    /*display: none;*/
    transform: translate(-100px, 100px);
}

.activeSabtButtonCustomize p:nth-of-type(2) {
    display: block;
    margin: 0px !important;
    position: absolute;
    height: 6px;
    width: 71px;
    top: 30px;
}

.activeSabtButtonCustomize p:nth-of-type(2) i {
    animation: loading 850ms linear infinite;
    font-size: 20px;
    position: absolute;
    top: -8px;
    left: 27px;
}

.finishedSabtButtonCustomize {
    background-color: #3498db;
}

.finishedSabtButtonCustomize .submit {
    display: none;
}

.finishedSabtButtonCustomize .loading {
    display: none;
}

.sabtButtonCustomize p.submit {
    margin-bottom: 0px;
}

@keyframes loading {
    100% {
        transform: rotate(360deg);
    }
}


/**********************************     new datepicker style start      **********************************/
.bd-hide {
    display: none;
}

.bd-main {
    background-color: #fff;
    border: 1px solid #000;
    padding: 5px;
    z-index: 9999;
    width: auto !important;
    margin: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bd-calendar {
    width: 210px;
    padding: 0;
    margin: 0;
}

    .bd-calendar table {
        border: none;
        width: 210px;
    }

.bd-title {
    width: 210px;
    padding: 0;
    margin: 0;
}

.bd-dropdown {
    display: inline-block;
    float: right;
    width: 71px;
    margin: 2px;
    margin-bottom: 6px;
}

    .bd-dropdown select {
        width: 100%;
        height: 30px;
        border: none;
        cursor: pointer;
        background-color: rgb(0 0 0 / 14%);
        border-radius: 5px;
    }

.bd-next, .bd-prev {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #fff;
    height: 30px;
    width: 30px;
    margin: 0;
    padding: 0;
    border: none;
    float: right;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
}

.bd-table thead {
    background-color: #555;
    color: #fff;
}

    .bd-table thead tr {
        height: 30px;
        cursor: context-menu;
    }

        .bd-table thead tr th {
            text-align: center;
        }

.bd-table tbody tr td {
    border: none;
}

.bd-empty-cell {
    width: 30px;
    height: 30px;
}

.bd-table-days button {
    width: 30px;
    height: 30px;
    background-color: #f8f8f8;
    border: 0;
}

    .bd-table-days button:hover:enabled {
        color: red;
        font-weight: bold;
        background-color: #e7e7e7;
        cursor: pointer;
    }

    .bd-table-days button:disabled {
        background-color: #eee;
    }

.bd-today {
    background-color: #dff0d8 !important;
    color: green;
}

.bd-holiday {
    background-color: #fde8e8 !important;
}

.bd-selected-day {
    color: red;
    font-weight: bold;
}

.bd-goto-today {
    width: 210px;
    height: 30px;
    color: #fff;
    background-color: #555;
    padding-top: 5px;
    cursor: pointer;
    text-align: center;
}

.bd-gregorian-btn {
    width: 210px;
    height: 30px;
    color: #fff;
    background-color: #555;
    padding-top: 5px;
    cursor: pointer;
    text-align: center;
}

.bd-jalali-btn {
    width: 210px;
    height: 30px;
    color: #fff;
    background-color: #555;
    padding-top: 5px;
    cursor: pointer;
    text-align: center;
}
/**************************************************************************************/
.bd-gregorian-wrapper {
    width: 210px;
    padding: 0;
    margin: 0;
}

    .bd-gregorian-wrapper table {
        border: none;
        width: 210px;
    }

.greg-table thead {
    background-color: #555;
    color: #fff;
}

    .greg-table thead tr {
        height: 30px;
        cursor: context-menu;
    }

        .greg-table thead tr th {
            text-align: center;
        }

.greg-table tbody tr td {
    border: none;
}

.bd-empty-cell {
    width: 30px;
    height: 30px;
}

.greg-table-days button {
    width: 30px;
    height: 30px;
    background-color: #f8f8f8;
    border: 0;
}

    .greg-table-days button:hover:enabled {
        color: red;
        font-weight: bold;
        background-color: #e7e7e7;
        cursor: pointer;
    }

    .greg-table-days button:disabled {
        background-color: #eee;
    }



/**********************************     new datepicker style end      **********************************/