.website-dir {
    direction: rtl;
}

.website-header {
    background: #1b427e;
    color: #ffffff;
    text-align: center;
}

.advertising-header1 {
    background: url(../images/website/megaphone.png) no-repeat;
}

.advertising-header1, .website-header1, .content-header1 {
    background-size: 25% !important;
    height: 250px !important;
    background-position: center !important;
}

.website-header1 {
    background: url(../images/website/browser.png) no-repeat;
}

.content-header1 {
    background: url(../images/website/content.png) no-repeat;
}

@media (max-width: 1199px) {
    .portfolio-item-categories {
        font-size: 12px !important;
    }

    .portfolio-item-logo-holder {
        height: 35px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pricing-table2-desc {
        padding: 20px 3px 50px !important;
    }

    .portfolio-item-cover {
        top: calc(100% - 112px) !important;
    }

    .portfolio-item-title-outer {
        padding: 5px 10px !important;
    }

    .portfolio-item-title {
        font-size: 13px !important;
    }
}

@media (max-width: 767px) {
    .website-header1, .advertising-header1, .content-header1 {
        display: none;
    }

    .website-header h1 {
        font-size: 20px;
    }

}

@media (min-width: 576px) and (max-width: 767px) {
    .website-header {
        height: 150px;
    }
}

.section1-font {
    font-size: 14px;
}

.text-color-caption {
    color: #69656f;
}

.section1-height {
    height: 300px;
}

.section2-page {
    padding-top: 90px;
    padding-bottom: 70px;
}

.section3-page {
    border-top: 1px solid #ededed;
    padding-top: 80px;
    padding-bottom: 30px;
    /*margin-top: 110px;*/
    background-image: url(../images/website/indexbg23.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}

.section-inner {
    clear: both;
    margin: 0 -15px;
    position: relative;
    z-index: 2;
    zoom: 1
}

.section3-page .icon-design i {
    color: #1b427d;
}

.section4-page {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding-top: 60px;
    padding-bottom: 60px;
}

.section3-page h6 {
    font-size: 16px !important;
}

.icon-box5-icon {
    text-align: center;
    margin-bottom: 10px;
}

.icon-box5-icon i {
    color: #173880;
    font-size: 40px;
    line-height: 1;

}

.icon-box5-title {
    font-size: 16px;
    text-align: center
}


.section5-page {
    padding-top: 90px;
    padding-bottom: 90px;
    border-bottom: 1px solid #ededed;
    background-image: url(../images/website/indexbg23.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}

.section6-page {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section8-page {
    background-image: url(../images/website/business.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 100px;
}

.section8-page .pricing-table2 a:hover {
    color: white;
}

.section9-page {
    padding-top: 100px;
    padding-bottom: 100px;
    border-bottom: 1px solid #ededed;
}

.section10-page {
    padding-top: 90px;
    padding-bottom: 90px;
    border-bottom: 1px solid #ededed;
}

.section1-page {
    background-image: url(../images/website/section1-website.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-top: 90px;
    padding-bottom: 70px;
    border-bottom: 1px solid #ededed;
}

.content-strategy {
    background-image: url(../images/website/section1-website.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-top: 90px;
    padding-bottom: 120px;
}

a.bg-success:hover, a.bg-primary:hover {
    color: #FFFFFF;
}

.statistics-caption {
    text-align: right;
    line-height: 1.8;
}

.section3-page1 {
    border-top: 1px solid #ededed;
    background-color: #f9f8fc;
    padding-top: 100px;
    padding-bottom: 100px;
}

.public-web {
    font-size: 14px !important;
    direction: rtl;
    line-height: 1.8;
}

.tabs-content-holder p {
    color: #6b6b6b;
}

.section4-page1 {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding-top: 110px;
    padding-bottom: 80px
}

.section5-page1 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.section6-page1 {
    background-image: url(../images/website/indexbg23.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-top: 90px;
    padding-bottom: 80px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.section7-page1 {
    background-image: url(../images/website/handshake-192012.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 120px;
    padding-bottom: 100px
}

.section7-page1 ul {
    list-style: none;
    padding: 0;
}

.section8-page1 {
    padding-top: 100px;
    padding-bottom: 100px
}

.section8-page1 .table-striped tbody tr td:nth-child(2) {
    width: 70%;
}

.section9-page1 {
    background-image: url(../images/content/bg15.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 80px;
    font-size: 14px;
}

.public-web .section1-page {
    padding-top: 120px;
    padding-bottom: 140px;
    border-bottom: 1px solid #ededed;
}

.section3-page2 {
    background-color: #6d568d;
    padding-top: 80px;
    padding-bottom: 80px;
}

.section3-page2 .fa-quote-left {
    color: #483563;
    font-size: 40px;
}

.section4-page2 {
    padding-top: 80px;
    padding-bottom: 50px
}

.section5-page2 {
    padding-top: 100px;
    padding-bottom: 300px
}

.blog2-item-holder img {
    width: 100%;
    height: 175px;
}

.blog2-item-holder {
    height: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .1);
    background: #fff;
}

.blog2-item-desc {
    padding: 25px;
}

.blog2-item-desc span {
    color: #83888c;
    font-size: 12px;
}

.blog2-item-title {
    font-size: 15px;
    line-height: 1.8em;
    min-height: 3.6em;
    color: black;
}

/**********************************************/

.button, button, input[type=submit] {
    border: 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.6em;
    padding: 10px 20px;
    font-weight: 400;
    width: auto;
    -webkit-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
    transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
}

.button.button-default, button.button-default, input[type=submit].button-default {
    background: #ec406a;
}

.button, .button-holder.button-inline, button, input[type=submit] {
    display: inline-block;
    vertical-align: middle;
}


.clearfix, .icon-box2, .icon-box3-text ul {
    clear: both;
    zoom: 1
}

.clearfix:after, .clearfix:before, .icon-box2:after, .icon-box2:before, .icon-box3-text ul:after, .icon-box3-text ul:before {
    clear: both;
    content: '';
    display: block
}

.align-right {
    text-align: right
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}


.row-outer-holder {
    position: relative;
    z-index: 2
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.page-inner-holder {
    padding: 100px 0
}


.button.button-light.active, .button.button-light:hover, button.button-light.active, button.button-light:hover {
    background: #e8e8e8;
    color: #4d4a52
}

.button.button-dark, button.button-dark {
    background: #48464c;
    color: #cacaca
}

.button.button-dark.active, .button.button-dark:hover, button.button-dark.active, button.button-dark:hover {
    background: #ec406a;
    color: #fff
}

.button.button-white, button.button-white {
    background: #fff;
    color: #69656f
}

.button.button-white.active, .button.button-white:hover, button.button-white.active, button.button-white:hover {
    background: #f9f9f9;
    color: #5a565f
}

.button.button-default, button.button-default {
    background: #173880
}

.button.button-default.active, .button.button-default:hover, button.button-default.active, button.button-default:hover {
    color: #fff;
    background: #173880
}

.button.button-green, button.button-green {
    background: #92c72b
}

.button.button-green.active, .button.button-green:hover, button.button-green.active, button.button-green:hover {
    color: #fff;
    background: #7caa25
}

.button.button-blue, button.button-blue {
    background: #38bfd3
}

.button.button-blue.active, .button.button-blue:hover, button.button-blue.active, button.button-blue:hover {
    color: #fff;
    background: #2aaabd
}


.button.button-red, button.button-red {
    background: #ed575b
}

.button.button-red.active, .button.button-red:hover, button.button-red.active, button.button-red:hover {
    color: #fff;
    background: #ea373c
}

.button.button-orange, button.button-orange {
    background: #ffa240
}

.button.button-orange.active, .button.button-orange:hover, button.button-orange.active, button.button-orange:hover {
    color: #fff;
    background: #ff911c
}

.button.button-gray, button.button-gray {
    background: #69656f
}

.button.button-gray.active, .button.button-gray:hover, button.button-gray.active, button.button-gray:hover {
    color: #fff;
    background: #57545c
}

.button.button-violet, button.button-violet {
    background: #916ec2
}

.button.button-violet.active, .button.button-violet:hover, button.button-violet.active, button.button-violet:hover {
    color: #fff;
    background: #7e55b7
}

.order-again {
    margin-top: 15px
}

.button.alt, .order-again .button {
    background: #92c72b
}

.button.alt.active, .button.alt:hover, .order-again .button.active, .order-again .button:hover {
    color: #fff;
    background: #7caa25
}

.button.cancel {
    background: #ed575b
}

.button.cancel.active, .button.cancel:hover {
    color: #fff;
    background: #ea373c
}

.icon-box1 .icon-box1-icon:before, .icon-box2 .icon-box2-icon.icon-box2-image-icon img {
    display: block
}

.icon-box1 {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .07);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .07);
    overflow: hidden;
    padding: 25px;
    position: relative;
    text-align: center;
    -webkit-transition: box-shadow .4s cubic-bezier(.45, .01, .05, .92);
    -webkit-transition: -webkit-box-shadow .4s cubic-bezier(.45, .01, .05, .92);
    transition: -webkit-box-shadow .4s cubic-bezier(.45, .01, .05, .92);
    transition: box-shadow .4s cubic-bezier(.45, .01, .05, .92);
    transition: box-shadow .4s cubic-bezier(.45, .01, .05, .92), -webkit-box-shadow .4s cubic-bezier(.45, .01, .05, .92);
    -webkit-perspective: 500px;
    perspective: 500px
}

.icon-box1 .icon-box1-inner {
    position: relative;
    z-index: 2
}

.icon-box1 .icon-box1-title {
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: transform .4s cubic-bezier(.45, .01, .05, .92);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.45, .01, .05, .92);
    transition: -webkit-transform .4s cubic-bezier(.45, .01, .05, .92);
    transition: transform .4s cubic-bezier(.45, .01, .05, .92);
    transition: transform .4s cubic-bezier(.45, .01, .05, .92), -webkit-transform .4s cubic-bezier(.45, .01, .05, .92)
}

.icon-box1 .icon-box1-icon, .icon-box1 .icon-box1-title {
    -webkit-transform: translateY(32px);
    transform: translateY(32px)
}

.icon-box1 .icon-box1-text {
    color: #69656f;
    font-size: 14px;
    opacity: 0;
    padding-top: 8px;
    -webkit-transform: translate3d(0, 32px, 16px) rotateX(90deg);
    transform: translate3d(0, 32px, 16px) rotateX(90deg);
    -webkit-transition: transform .4s cubic-bezier(.45, .01, .05, .92), opacity .4s cubic-bezier(.45, .01, .05, .92);
    -webkit-transition: opacity .4s cubic-bezier(.45, .01, .05, .92), -webkit-transform .4s cubic-bezier(.45, .01, .05, .92);
    transition: opacity .4s cubic-bezier(.45, .01, .05, .92), -webkit-transform .4s cubic-bezier(.45, .01, .05, .92);
    transition: transform .4s cubic-bezier(.45, .01, .05, .92), opacity .4s cubic-bezier(.45, .01, .05, .92);
    transition: transform .4s cubic-bezier(.45, .01, .05, .92), opacity .4s cubic-bezier(.45, .01, .05, .92), -webkit-transform .4s cubic-bezier(.45, .01, .05, .92)
}

.icon-box1:hover {
    -webkit-box-shadow: 0 3px 35px rgba(0, 0, 0, .09);
    box-shadow: 0 3px 35px rgba(0, 0, 0, .09)
}

.icon-box1:hover .icon-box1-text {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotateX(0);
    transform: translate3d(0, 0, 0) rotateX(0)
}

.icon-box1:hover .icon-box1-icon, .icon-box1:hover .icon-box1-title {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.icon-box1 .icon-box1-icon {
    display: inline-block;
    font-size: 0;
    margin-bottom: 15px
}

.icon-box1 .icon-box1-icon.icon-box1-font-icon, .icon-box1 .icon-box1-icon.icon-box1-image-icon {
    -webkit-transition: transform .4s cubic-bezier(.45, .01, .05, .92);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.45, .01, .05, .92);
    transition: -webkit-transform .4s cubic-bezier(.45, .01, .05, .92);
    transition: transform .4s cubic-bezier(.45, .01, .05, .92);
    transition: transform .4s cubic-bezier(.45, .01, .05, .92), -webkit-transform .4s cubic-bezier(.45, .01, .05, .92)
}

.icon-box1 .icon-box1-icon.icon-box1-font-icon {
    color: #ec406a;
    line-height: 1;
    font-size: 40px
}

.icon-box1 .icon-box1-icon.icon-box1-image-icon {
    display: inline-block;
    font-size: 0;
    vertical-align: top
}

.icon-box2 .icon-box2-inner {
    overflow: hidden;
    padding-right: 15px
}

.icon-box2 .icon-box2-title {
    color: #48464c;
    font-size: 13px;
    font-weight: 400;
    opacity: .8
}

.icon-box2 .icon-box2-text {
    font-size: 16px;
    line-height: 1.2;
    margin-top: 8px
}

.icon-box2 .icon-box2-icon {
    float: right;
    font-size: 25px;
    padding-top: 8px;
    color: #ffffff;
}

.icon-box2 .icon-box2-icon.icon-box2-font-icon {
    color: #ec406a;
    font-size: 40px;
    line-height: 1
}

.icon-box3-icon-right .icon-box3-title {
    margin-bottom: 10px;
    margin-top: 5px
}

.icon-box3-icon-right.align-right .icon-box3-icon {
    float: right;
    margin-left: 20px
}

.icon-box3-icon-right.align-left .icon-box3-icon {
    float: left;
    margin-right: 20px
}

.icon-box3-icon-top .icon-box3-icon {
    display: block
}

.icon-box3-icon-top .icon-box3-title {
    margin-bottom: 5px;
    margin-top: 20px
}

.icon-box3-icon-top.align-right .icon-box3-icon {
    text-align: right
}

.icon-box3-icon-top.align-left .icon-box3-icon, .order-total td {
    text-align: left
}

.icon-box3-icon i, .icon-box4-icon i {
    color: #173880;
    display: block;
    font-size: 32px;
    line-height: 1
}

.icon-box3-title {
    font-size: 18px
}

.icon-box3-inner {
    overflow: hidden
}

.icon-box3-text ul {
    padding-top: 5px
}

.icon-box3-text ul li {
    background: #fff;
    border-radius: 3px;
    float: right;
    font-size: 13px;
    line-height: 2em;
    margin-left: 10px;
    padding: 5px 15px
}

.icon-box3-text ul li:before {
    color: #17c485;
    content: '\f00c';
    font-family: FontAwesome;
    font-size: 14px;
    line-height: inherit;
    margin-left: 8px
}

.icon-box4-icon, .icon-box4-title {
    display: inline-block;
    vertical-align: middle
}

.icon-box4-icon {
    margin-left: 15px
}

.icon-box4-icon i {
    font-size: 30px
}

.icon-box4-title {
    font-size: 18px
}

.icon-box4-inner {
    overflow: hidden
}

.icon-box4-top-holder {
    font-size: 0
}

.icon-box4-text {
    padding-top: 5px
}

.partner {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 20px rgba(52, 76, 101, .1);
    box-shadow: 0 1px 20px rgba(52, 76, 101, .1);
    display: block;
    padding: 30px;
    position: relative;
    text-align: center;
    top: 0;
    -webkit-transition: box-shadow .3s cubic-bezier(.45, .01, .05, .92), top .3s cubic-bezier(.45, .01, .05, .92);
    -webkit-transition: top .3s cubic-bezier(.45, .01, .05, .92), -webkit-box-shadow .3s cubic-bezier(.45, .01, .05, .92);
    transition: top .3s cubic-bezier(.45, .01, .05, .92), -webkit-box-shadow .3s cubic-bezier(.45, .01, .05, .92);
    transition: box-shadow .3s cubic-bezier(.45, .01, .05, .92), top .3s cubic-bezier(.45, .01, .05, .92);
    transition: box-shadow .3s cubic-bezier(.45, .01, .05, .92), top .3s cubic-bezier(.45, .01, .05, .92), -webkit-box-shadow .3s cubic-bezier(.45, .01, .05, .92)
}

.partner:hover {
    -webkit-box-shadow: 0 10px 30px rgba(52, 76, 101, .08);
    box-shadow: 0 10px 30px rgba(52, 76, 101, .08);
    top: -10px
}

.partner-title {
    color: #48464c;
    font-size: 18px;
    margin-top: 12px
}

.partner-text {
    color: #69656f;
    font-size: 14px
}

.partner-image {
    font-size: 0
}

.icon-box3-text ul li:before, .partner-image img {
    display: inline-block;
    vertical-align: top
}

/*.portfolio-items-holder {*/
/*    margin: -15px !important*/
/*}*/

/*.portfolio-items-holder .portfolio-item-holder {*/
/*    float: right;*/
/*    padding: 15px;*/
/*    width: 33.3333%*/
/*}*/

.portfolio-item {
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative
}

.portfolio-item:hover .portfolio-item-cover {
    background: rgba(212, 215, 224, 0.95);
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    top: 0
}

.portfolio-item:hover .portfolio-item-title-outer {
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .08)
}

.portfolio-item-cover {
    background: rgba(199, 208, 228, 0.92);
    -webkit-box-shadow: 0 -3px 15px rgba(0, 0, 0, .2);
    box-shadow: 0 -3px 15px rgba(0, 0, 0, .2);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: calc(100% - 98px);
    width: 100%;
    -webkit-transition: box-shadow .6s cubic-bezier(.43, .01, .01, 1), top .6s cubic-bezier(.43, .01, .01, 1), background .6s cubic-bezier(.43, .01, .01, 1);
    -webkit-transition: top .6s cubic-bezier(.43, .01, .01, 1), background .6s cubic-bezier(.43, .01, .01, 1), -webkit-box-shadow .6s cubic-bezier(.43, .01, .01, 1);
    transition: top .6s cubic-bezier(.43, .01, .01, 1), background .6s cubic-bezier(.43, .01, .01, 1), -webkit-box-shadow .6s cubic-bezier(.43, .01, .01, 1);
    transition: box-shadow .6s cubic-bezier(.43, .01, .01, 1), top .6s cubic-bezier(.43, .01, .01, 1), background .6s cubic-bezier(.43, .01, .01, 1);
    transition: box-shadow .6s cubic-bezier(.43, .01, .01, 1), top .6s cubic-bezier(.43, .01, .01, 1), background .6s cubic-bezier(.43, .01, .01, 1), -webkit-box-shadow .6s cubic-bezier(.43, .01, .01, 1)
}

.portfolio-item-title-outer {
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    padding: 10px;
    -webkit-transition: box-shadow .6s cubic-bezier(.43, .01, .01, 1);
    -webkit-transition: -webkit-box-shadow .6s cubic-bezier(.43, .01, .01, 1);
    transition: -webkit-box-shadow .6s cubic-bezier(.43, .01, .01, 1);
    transition: box-shadow .6s cubic-bezier(.43, .01, .01, 1);
    transition: box-shadow .6s cubic-bezier(.43, .01, .01, 1), -webkit-box-shadow .6s cubic-bezier(.43, .01, .01, 1)
}

.portfolio-item-content {
    color: #69656f;
    opacity: 0;
    padding: 28px;
    position: relative;
    top: 25px;
    -webkit-transition: top .6s cubic-bezier(.43, .01, .01, 1), opacity .6s cubic-bezier(.43, .01, .01, 1);
    transition: top .6s cubic-bezier(.43, .01, .01, 1), opacity .6s cubic-bezier(.43, .01, .01, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.portfolio-item-image-holder {
    display: block
}

.portfolio-item-image-holder img {
    display: block;
    width: 100%
}

.portfolio-item-title-holder {
    float: right
}

.portfolio-item-logo-holder {
    float: left;
    font-size: 0;
    height: 50px
}

.portfolio-item-logo-holder:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.portfolio-item-logo-holder img {
    display: inline-block;
    max-height: 80%;
    vertical-align: middle;
    width: auto
}

.portfolio-item-title {
    color: #48464c;
    font-size: 16px
}

.portfolio-item-categories {
    color: #69656f;
    font-size: 13px;
    margin-top: 1px
}

.process {
    font-size: 0;
    text-align: center
}

.process-title {
    color: #48464c;
    font-size: 20px;
    margin-top: 15px
}

.process-text {
    color: #69656f;
    font-size: 14px;
    margin-top: 10px
}

.process-image, .process-image img {
    display: inline-block;
    position: relative
}

.process-image img {
    vertical-align: top;
    z-index: 2
}

.h_iframe-aparat_embed_frame {
    border-radius: 3px;
    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .12);
    overflow: hidden;
    z-index: 1
}

.pricing-table-price {
    color: #48464c;
    display: block;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 17px
}

.pricing-table-price small {
    font-size: 24px;
    position: relative;
    top: -3px
}

.pricing-table-subtitle {
    color: #69656f;
    font-size: 13px;
    margin-top: 5px
}

.pricing-table ul li, .pricing-table-top-holder {
    border-bottom: 1px solid #ededed;
    padding: 30px
}

.pricing-table-currency {
    display: block;
    font-size: 13px;
    line-height: 1.5
}

.pricing-table-label {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    line-height: 2;
    padding: 4px 12px;
    position: relative;
    top: -17px
}

.pricing-table-label + .pricing-table-top-holder {
    margin-top: -24px
}

.pricing-table {
    background-color: #fff;
    background-image: url(//www.novin.com/wp-content/themes/novin/css/../images/indexbg2.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
    font-size: 0;
    text-align: center
}

.blog1-list-holder li a:hover, .pricing-table.pricing-table-default .pricing-table-title, .tabs-style2 > .tabs-title-holder > .tab-title.active .tab-title-inner, .tabs-style2 > .tabs-title-holder > .tab-title.active i {
    color: #3d67c3;
}

.pricing-table.pricing-table-default .pricing-table-label {
    background: #ec406a
}

.pricing-table.pricing-table-orange .pricing-table-title {
    color: #ffa240
}

.pricing-table.pricing-table-orange .pricing-table-label {
    background: #ffa240
}

.pricing-table .button {
    border-radius: 0 0 3px 3px;
    display: block;
    padding: 12px 30px;
    width: 100%
}

.pricing-table ul li {
    color: #69656f;
    font-size: 14px;
    padding: 10px 15px;
    text-align: center
}

.pricing-table ul li:last-child {
    border-bottom: none;
    padding-bottom: 20px
}

.blog1-item-holder {
    display: block;
    height: 100%;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .16);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .16);
    border-radius: 5px;
    background: #fff
}

.blog1-item-holder:hover .blog1-item-title {
    color: #48464c
}

.blog1-item-title-holder {
    padding: 15px;
}

.blog1-item-title {
    color: #69656f;
    font-size: 14px;
    line-height: 1.7;
}

.blog1-image-holder img, .blog2-image-holder img {
    border-radius: 3px 3px 0 0;
    display: block;
    width: 100%
}

.blog1-list-holder {
    background-color: #fff;
    height: 100%;
    background-image: url(../images/website/indexbg23.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .16);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .16);
    padding: 15px 25px;
    list-style: none;
}

.blog1-list-holder li h4 {
    font-size: 14px;
    line-height: 1.7em
}

.blog1-list-holder li a {
    color: #69656f;
    display: block
}

table td, table th {
    text-align: right;
    vertical-align: middle
}

table thead tr td, table thead tr th {
    background: #f8f8f9;
    border: 0;
    color: #69656f;
    font-size: 15px;
    font-weight: 500;
    padding: 14px 20px 12px;
    border-bottom: 1px solid #ededed
}

table thead tr td:first-child, table thead tr th:first-child {
    border-right: 1px solid #ededed
}

table thead tr td:last-child, table thead tr th:last-child {
    border-left: 1px solid #ededed
}

table thead tr:first-child td, table thead tr:first-child th {
    border-top: 1px solid #ededed
}

table tbody tr td, table tbody tr th {
    border-bottom: 1px solid #e8e8e8;
    color: #69656f;
}

table tbody tr td:first-child, table tbody tr th:first-child {
    border-right: 1px solid #ededed
}

table tbody tr td:last-child, table tbody tr th:last-child {
    border-left: 1px solid #ededed
}

table tfoot tr td, table tfoot tr th {
    background: #f8f8f9;
    border-bottom: 1px solid #ededed;
    font-size: 15px;
    padding: 15px 20px
}

table tfoot tr td:first-child, table tfoot tr th:first-child {
    border-right: 1px solid #ededed
}

table tfoot tr td:last-child, table tfoot tr th:last-child {
    border-left: 1px solid #ededed
}

table tbody:first-child tr:first-child td:first-child, table tbody:first-child tr:first-child td:only-child, table tbody:first-child tr:first-child th:first-child, table tbody:first-child tr:first-child th:only-child, table tfoot:first-child tr:first-child td:first-child, table tfoot:first-child tr:first-child td:only-child, table tfoot:first-child tr:first-child th:first-child, table tfoot:first-child tr:first-child th:only-child, table thead tr:first-child td:first-child, table thead tr:first-child td:only-child, table thead tr:first-child th:first-child, table thead tr:first-child th:only-child {
    border-top-right-radius: 3px
}

table tbody:first-child tr:first-child td:last-child, table tbody:first-child tr:first-child td:only-child, table tbody:first-child tr:first-child th:last-child, table tbody:first-child tr:first-child th:only-child, table tfoot:first-child tr:first-child td:last-child, table tfoot:first-child tr:first-child td:only-child, table tfoot:first-child tr:first-child th:last-child, table tfoot:first-child tr:first-child th:only-child, table thead tr:first-child td:last-child, table thead tr:first-child td:only-child, table thead tr:first-child th:last-child, table thead tr:first-child th:only-child {
    border-top-left-radius: 3px
}

table tbody:first-child tr:first-child td, table tbody:first-child tr:first-child th, table tfoot:first-child tr:first-child td, table tfoot:first-child tr:first-child th {
    border-top: 1px solid #ededed
}

table tbody:last-child tr:last-child td:first-child, table tbody:last-child tr:last-child td:only-child, table tbody:last-child tr:last-child th:first-child, table tbody:last-child tr:last-child th:only-child, table tfoot tr:last-child td:first-child, table tfoot tr:last-child td:only-child, table tfoot tr:last-child th:first-child, table tfoot tr:last-child th:only-child, table thead:last-child tr:last-child td:first-child, table thead:last-child tr:last-child td:only-child, table thead:last-child tr:last-child th:first-child, table thead:last-child tr:last-child th:only-child {
    border-bottom-right-radius: 3px
}

table tbody:last-child tr:last-child td:last-child, table tbody:last-child tr:last-child td:only-child, table tbody:last-child tr:last-child th:last-child, table tbody:last-child tr:last-child th:only-child, table tfoot tr:last-child td:last-child, table tfoot tr:last-child td:only-child, table tfoot tr:last-child th:last-child, table tfoot tr:last-child th:only-child, table thead:last-child tr:last-child td:last-child, table thead:last-child tr:last-child td:only-child, table thead:last-child tr:last-child th:last-child, table thead:last-child tr:last-child th:only-child {
    border-bottom-left-radius: 3px
}

table:not(.shop_table) tbody tr:nth-child(2n) td, table:not(.shop_table) tbody tr:nth-child(2n) th {
    background: #f9f9f9
}

tbody .order-total td, tbody .order-total th, tfoot .order-total td, tfoot .order-total th {
    background: #f9ffef;
    color: #92c72b
}

tbody .order-total td, tfoot .order-total td {
    font-size: 17px;
    font-weight: 500
}

.tabs-content-inner {
    overflow: hidden;
    position: relative;
    -webkit-transition: height .5s cubic-bezier(.68, .01, .31, .93);
    transition: height .5s cubic-bezier(.68, .01, .31, .93);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.tab-title, .tab-title-inner {
    display: inline-block;
    vertical-align: middle
}

.tab-title {
    cursor: pointer
}

.tab-title .tab-title-inner {
    color: #69656f;
    font-weight: 400;
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.tabs-style1 > .tabs-title-holder > .tab-title {
    background: #f5f5f5;
    border-left: 1px solid #e6e6e6;
    -webkit-transition: background .15s ease-in-out, border .15s ease-in-out;
    transition: background .15s ease-in-out, border .15s ease-in-out
}

.tabs-style1 > .tabs-title-holder > .tab-title .tab-title-inner {
    font-size: 14px
}

.tabs-style1 .tabs-title-holder .nav-link {
    padding: 10px 15px 5px !important;
    border-radius: 5px !important;
    font-size: 14px;
}

.tabs-style1 .nav-link.active {
    background: #314c88;
    border-left-color: #314c88;
}

.tabs-style1 .nav-link.active h4 {
    color: #FFFFFF;
}

.tabs-style1 .tabs-title-holder .tab-title:first-child {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.tabs-style1 .tabs-title-holder .tab-title:last-child {
    border-bottom-left-radius: 3px;
    border-left: none;
    border-top-left-radius: 3px
}

.tabs-style2 > .tabs-title-holder > .tab-title {
    border-bottom: 2px solid #ededed;
    padding: 12px 25px;
    -webkit-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out
}

.tabs-style2 > .tabs-title-holder > .tab-title .tab-title-inner {
    font-size: 16px
}

.tabs-style2 > .tabs-title-holder > .tab-title.active {
    border-bottom-color: #ec406a
}

.blog2-item-title a {
    color: #48464c;
    display: block
}

.blog2-image-holder, .icon-box5-icon i:before, .icon-box6-icon i:before {
    display: block
}

.blog2-item-content {
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: justify;
}

.icon-box6-icon i {
    color: #ec406a;
    font-size: 40px;
    line-height: 1
}

.icon-box5-title, .icon-box6-title {
    font-size: 18px;
    text-align: center
}

.icon-box5-text, .icon-box6-text {
    font-size: 14px;
    text-align: center
}

.icon-box6-text {
    margin-top: 10px
}

.pricing-table2-price {
    color: #075bd2;
    font-size: 15px;
    font-weight: bold;
}

.pricing-table2-title {
    font-size: 26px
}

.pricing-table2 {
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
    overflow: hidden;
    text-align: center;
    height: 100%;
    position: relative;
}

.pricing-table2:before {
    border-radius: 10px;
    bottom: 0;
    content: '';
    left: 0;
    opacity: .05;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.pricing-table2 .button {
    border-radius: 0 0 3px 3px;
    display: block;
    padding: 12px 30px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.pricing-table2.pricing-table2-default .pricing-table2-title {
    color: #ec406a
}

.pricing-table2.pricing-table2-default:before {
    background: #ec406a
}

.pricing-table2.pricing-table2-green .pricing-table2-title {
    color: #92c72b
}

.pricing-table2.pricing-table2-green:before {
    background: #92c72b
}

.pricing-table2.pricing-table2-blue .pricing-table2-title {
    color: #38bfd3
}

.pricing-table2.pricing-table2-blue:before {
    background: #38bfd3
}

.employment-form-errors-inner strong, .kt-register-form-errors-inner strong {
    color: #ed575b
}

.pricing-table2.pricing-table2-red:before {
    background: #ed575b
}

.pricing-table2.pricing-table2-orange .pricing-table2-title {
    color: #ffa240
}

.pricing-table2.pricing-table2-orange:before {
    background: #ffa240
}

.pricing-table2.pricing-table2-gray .pricing-table2-title {
    color: #69656f
}

.pricing-table2.pricing-table2-gray:before {
    background: #69656f
}

.pricing-table2-desc {
    padding: 20px 30px 50px;
}

.pricing-table2-desc ul {
    list-style: none;
    padding-right: 10px;
}

.popular-peoples-section .icon-box5-icon img {
    border-radius: 100%;
    width: 120px
}

.blog-item-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8em;
    overflow: hidden;
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.blog-item-title a {
    color: #48464c
}

.blog-item-title a:hover {
    color: #ec406a
}

.blog-image-holder {
    position: relative
}

.blog-image-holder img {
    border-radius: 3px 3px 0 0;
    display: block;
    width: 100%
}

.blog-image-holder .blog-item-format-icon {
    bottom: 20px;
    color: #fff;
    font-size: 22px;
    position: absolute;
    right: 20px;
    text-shadow: 0 3px 15px rgba(0, 0, 0, .2)
}

.blog-item-content {
    display: block;
    font-size: 15px;
    margin-top: 12px
}

ul.order_details {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ededed;
    margin-bottom: 20px
}

ul.order_details li {
    border-bottom: 1px solid #ededed;
    color: #69656f;
    font-size: 15px;
    font-weight: 400;
    display: table;
    width: 100%;
    padding: 15px 20px
}

ul.order_details li strong {
    display: table-cell;
    width: 65%
}

ul.order_details li.total {
    background: #f9ffef;
    color: #92c72b
}

ul.order_details li:last-child {
    border-bottom: none
}

.div2 {
    background: rgba(255, 216, 68, .25);
    color: #c49e55;
    line-height: 40px;
    position: absolute;
    right: 57px;
    text-align: center;
    top: -20px;
    width: 140px
}

.blog-homepage {
    background: #f9f9f9
}

.kt-col-xs-8 .blog-image-holder .blog-item-format-icon {
    bottom: 30px;
    font-size: 40px;
    right: 30px
}

.kt-col-xs-8 .blog-item-image-details {
    left: 30px;
    bottom: 30px
}

.kt-lazyload {
    background-color: #f4f4f4;
    background-image: url(//www.novin.com/wp-content/themes/novin/css/../images/image-loading.svg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 0 !important;
    overflow: hidden;
    padding-top: 50%
}

.kt-lazyload.kt-lazyloaded {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    animation-name: ktFadeIn;
    -webkit-animation-name: ktFadeIn;
    background: 0 0 !important;
    height: auto !important;
    padding-top: 0 !important
}

span.required {
    color: #d94255;
    font-weight: 500
}

.icon-box1, .icon-box2, .icon-box3, .icon-box4, .icon-box5, .icon-box6 {
    display: block
}

.button.clicked {
    opacity: .6;
    cursor: not-allowed
}

i.blog-item-popular + i.blog-item-suggested {
    margin-left: 10px
}

.kt-captcha-image {
    display: block;
    float: left;
    border: 1px solid #ededed;
    border-radius: 3px
}

.kt-captcha-text {
    float: right;
    width: calc(100% - 142px)
}

i.blog-item-suggested {
    color: #ffa240
}


i.blog-item-popular, i.blog-item-suggested {
    display: inline;
    font-size: 18px;
    line-height: 1em;
    vertical-align: middle;
    position: relative;
    top: -3px
}

i.blog-item-popular + .blog-item-categories, i.blog-item-suggested + .blog-item-categories {
    padding-right: 15px
}

.blog-item-top-holder {
    font-size: 0
}

.blog-item-categories {
    display: inline;
    vertical-align: middle;
    font-size: 14px
}

.index-icon-box5 .icon-box5-title {
    font-size: 20px
}

.index-icon-box5 .icon-box5-text {
    margin-top: 5px
}

.index-icon-box5 .icon-box5-icon i {
    font-size: 26px;
    width: 68px;
    height: 68px;
    line-height: 68px;
    border-radius: 100%;
    color: #fff
}

.analysis-tabs.tabs-style1 > .tabs-title-holder > .tab-title {
    border-radius: 3px;
    margin-left: 10px;
    background: #fff;
    border: 0;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.09);
}

.analysis-tabs.tabs-style1 > .tabs-title-holder > .tab-title.active {
    background: #ec406a;
}

.analysis-tabs.tabs-style1 > .tabs-title-holder > .tab-title.active h4 {
    color: white;
}

.analysis-tabs.tabs-style1 > .tabs-title-holder > .tab-title:last-child {
    margin-left: 0
}


.statistics-section {
    background-image: linear-gradient(30deg, #523d6d 0, #7c659f 100%);
    padding-top: 60px;
    padding-bottom: 40px
}

.index-icon-box3 .icon-box3-icon i {
    font-size: 26px;
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 100%;
    color: #fff;
    text-align: center
}

.icon-box3-orange .icon-box3-icon i {
    background-image: linear-gradient(-45deg, #ef864d 0, #f7b66f 100%);
    -webkit-box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #f7b66f;
    box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #f7b66f
}

.icon-box3-blue .icon-box3-icon i {
    background-image: linear-gradient(-45deg, #748be0 0, #a3cff1 100%);
    -webkit-box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #a3cff1;
    box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #a3cff1
}

.icon-box3-green .icon-box3-icon i {
    background-image: linear-gradient(-45deg, #a4df65 0, #dfe87c 100%);
    -webkit-box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #dfe87c;
    box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #dfe87c
}

.input-text.qty.text {
    width: auto;
    padding: 8px 15px 8px 10px
}

.box-909 {
    background: #b48ead;
    background: linear-gradient(20deg, #94628a, #aa7fa2);
    -webkit-box-shadow: 0 2px 25px rgba(255, 255, 255, .75), 0 2px 25px rgba(180, 142, 173, .7);
    box-shadow: 0 2px 25px rgba(255, 255, 255, .75), 0 2px 25px rgba(180, 142, 173, .7);
    padding: 25px;
    border-radius: 3px;
    margin-top: 20px;
    color: #fff;
    line-height: 1.9;
    position: relative;
    overflow: hidden
}

.box-909 i {
    bottom: 2px;
    color: #000;
    font-size: 110px;
    right: 2px;
    opacity: .1;
    position: absolute;
    -webkit-transform: rotate(0deg) rotateY(180deg);
    transform: rotate(0deg) rotateY(180deg);
    z-index: 1
}

.box-909-tel, .box-909-text {
    position: relative;
    z-index: 2;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}

.box-909-text {
    float: right
}

.box-909-text b {
    display: block;
    font-size: 20px;
    margin-top: 2px
}

.box-909-tel span, .box-909-text span {
    line-height: 1;
    display: block;
    margin-top: 5px
}

.box-909-tel {
    float: left;
    text-align: center
}

.box-909-tel span {
    font-size: 14px;
    margin-top: 15px
}

.box-909-tel b {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 15px 0;
    background: rgba(255, 255, 255, .14);
    font-size: 18px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .08)
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

/*@media (max-width: 1050px) {*/
/*    .portfolio-items-holder .portfolio-item-holder {*/
/*        width: 50%*/
/*    }*/
/*}*/

@media (max-width: 550px) {
    .tabs-title-holder {
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }

    .box-909 {
        padding: 25px 25px 28px
    }

    .box-909-text {
        float: none;
        margin-bottom: 20px
    }

    .box-909-tel {
        float: none;
        font-size: 0
    }

    .box-909-tel span {
        margin-top: 0;
        margin-right: 20px
    }

    .box-909-tel b, .box-909-tel span {
        display: inline-block;
        vertical-align: middle
    }

    .button-holder.button-inline + .button-holder.button-inline {
        display: block
    }

    .button-holder.button-inline + .button-holder.button-inline .button {
        margin-right: 0 !important;
        margin-top: 10px
    }
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.icon-box5-icon i {
    color: #173880;
    font-size: 40px;
    line-height: 1
}

.icon-box5-text {
    text-align: center;
    font-size: 14px;
}

.process-number {
    color: #ededed;
    font-size: 120px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: -20px;
    z-index: 1
}

.section11-page {
    background-color: #f9f9f9;
    background-image: url(../images/website/indexbg23.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 100px;
}

a.bg-primary:hover, a.bg-success:hover {
    color: #FFFFFF !important;
}

.button, .button-holder.button-inline, button {
    display: inline-block;
    vertical-align: middle
}

.button, button {
    border-radius: 5px;
    color: #fff;
    padding: 10px 20px;
}

.logo-holder {
    height: 100%
}

.icon-design i {
    color: #ec406a;
    display: block;
    font-size: 32px;
    line-height: 1
}

.icon-box3-text {
    font-size: 14px;
    text-align: justify;
}

.portfolio-item:hover .portfolio-item-content {
    opacity: 1;
    top: 0;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    float: right;
    font-size: 14px;
}

.process-image img {
    vertical-align: top;
    z-index: 2
}

.blog2-item-title {
    font-size: 16px;
    line-height: 1.8em;
    min-height: 3.6em;
    color: black;
}

.blog2-item-title a {
    color: #48464c;
    display: block
}

.icon-box5-icon i:before {
    display: block
}

.blog2-item-content {
    margin: 15px 0;
    font-size: 14px;
    text-align: justify;
}

.external-section {
    display: block;
    padding: 0 80px;
    position: relative
}

.external-section .external-section-icon {
    background-repeat: no-repeat;
    position: absolute;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    z-index: 3
}

.external-section.external-section-portal:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#58ceff), to(#30a8d9));
    background-image: linear-gradient(-180deg, #58ceff, #30a8d9)
}

.external-section.external-section-portal:after {
    background-color: #e9f7fd
}

.external-section.external-section-portal .external-section-icon {
    background-image: url(../images/website/portal-icons.png)
}

.external-section.external-section-portal .external-section-icon1 {
    background-position: right top;
    height: 51px;
    left: 110px;
    top: 100px;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    width: 52px
}

.external-section.external-section-portal .external-section-icon2 {
    background-position: left -67px top;
    height: 62px;
    left: 25px;
    top: 125px;
    width: 63px
}

.external-section.external-section-portal .external-section-icon3 {
    background-position: left top;
    height: 67px;
    left: 170px;
    top: 150px;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    width: 67px
}

.external-section.external-section-portal .external-section-icon4 {
    background-position: right -53px top;
    height: 57px;
    left: 40px;
    top: 200px;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    width: 58px
}

.external-section.external-section-portal:hover .external-section-icon1 {
    top: 85px
}

.external-section.external-section-portal:hover .external-section-icon2 {
    top: 120px
}

.external-section.external-section-portal:hover .external-section-icon3 {
    top: 155px
}

.external-section.external-section-portal:hover .external-section-icon4 {
    top: 205px
}

.external-section.external-section-portal .external-section-link {
    color: #e4f7ff
}

.external-section.external-section-portal .external-section-text {
    color: #f2fbff
}

.external-section:before {
    border-radius: 5px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 90px;
    width: 100%;
    z-index: 2
}

.external-section:after {
    border-radius: 5px;
    content: '';
    height: 20%;
    left: 16px;
    position: absolute;
    top: 80px;
    -webkit-transform: skewY(3deg);
    transform: skewY(3deg);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    width: 90%
}

.external-section:hover:after {
    top: 65px;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.external-section-image {
    float: right
}

.external-section-desc {
    overflow: hidden;
    padding-right: 50px;
    padding-left: 40px;
    padding-top: 160px;
    line-height: 2;
}

.external-section-inner {
    position: relative;
    z-index: 4
}

.external-section:hover .external-section-link i.fa {
    margin-left: 15px
}

.external-section-link {
    display: inline-block;
    font-size: 20px;
    line-height: 1.8em;
    margin-top: 20px
}

.external-section-link i.fa {
    font-size: 22px;
    line-height: inherit;
    margin-left: 10px;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

/*.icon-box5-icon {*/
/*    font-size: 0;*/
/*    margin-bottom: 20px;*/
/*    text-align: center*/
/*}*/

.external-section-link i.fa, .icon-box5-icon i, .icon-box5-icon img {
    display: inline-block;
    vertical-align: top
}

.pricing-table2-text {
    font-size: 14px;
    margin-top: 25px
}

.icon-box3, .icon-box5 {
    display: block
}

.icon-box5-orange .icon-box5-icon i {
    background-image: linear-gradient(-45deg, #ef864d 0, #f7b66f 100%);
    -webkit-box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #f7b66f;
    box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #f7b66f
}

.icon-box5-blue .icon-box5-icon i {
    background-image: linear-gradient(-45deg, #748be0 0, #a3cff1 100%);
    -webkit-box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #a3cff1;
    box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #a3cff1
}

.icon-box5-green .icon-box5-icon i {
    background-image: linear-gradient(-45deg, #a4df65 0, #dfe87c 100%);
    -webkit-box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #dfe87c;
    box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #dfe87c
}

.index-icon-box3 .icon-design i {
    font-size: 26px;
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 100%;
    color: #fff;
    text-align: center
}

.icon-box3-orange .icon-design i {
    background-image: linear-gradient(-45deg, #ef864d 0, #f7b66f 100%);
    -webkit-box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #f7b66f;
    box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #f7b66f
}

.icon-box3-blue .icon-design i {
    background-image: linear-gradient(-45deg, #748be0 0, #a3cff1 100%);
    -webkit-box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #a3cff1;
    box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #a3cff1
}

.icon-box3-green .icon-design i {
    background-image: linear-gradient(-45deg, #a4df65 0, #dfe87c 100%);
    -webkit-box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #dfe87c;
    box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #dfe87c
}

@media (max-width: 991px) {
    .icon-box3-icon-right.align-left {
        text-align: right
    }

    .icon-box3-icon-right.align-left .icon-box3-icon {
        float: right;
        margin-left: 20px;
        margin-right: 0
    }

    .external-section-desc {
        padding: 170px 0 90px
    }
}


@media (max-width: 620px) {
    .external-section-desc {
        padding: 130px 0 50px
    }

    .external-section {
        padding: 0 25px
    }
}


.holderCircle {
    width: 500px;
    height: 500px;
    border-radius: 100%;
    margin: 30px auto;
    position: relative;
}

.dotCircle {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    z-index: 20;
}

.dotCircle .itemDot {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    background: #ffffff;
    color: #173880;
    border-radius: 20px;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    z-index: 3;
    cursor: pointer;
    border: 2px solid #e6e6e6;
}

.dotCircle .itemDot .forActive {
    width: 70px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.dotCircle .itemDot .forActive::after {
    content: '';
    width: 5px;
    height: 5px;
    border: 3px solid #173880;
    bottom: -31px;
    left: -14px;
    filter: blur(1px);
    position: absolute;
    border-radius: 100%;
}

.dotCircle .itemDot .forActive::before {
    content: '';
    width: 6px;
    height: 6px;
    filter: blur(5px);
    top: -15px;
    position: absolute;
    transform: rotate(-45deg);
    border: 6px solid #173880;
    right: -20px;
}

.dotCircle .itemDot.active .forActive {
    display: block;
}

.round {
    position: absolute;
    left: 40px;
    top: 45px;
    width: 410px;
    height: 410px;
    border: 2px dotted #3b5da9;
    border-radius: 100%;
    -webkit-animation: rotation 100s infinite linear;
}

.dotCircle .itemDot:hover, .dotCircle .itemDot.active {
    color: #ffffff;
    transition: 0.5s;
    background: #7d4ac7;
    background: -moz-linear-gradient(left, #3d527d 0%, #6f8dd0 100%);
    background: -webkit-linear-gradient(left, #3d527d 0%, #6f8dd0 100%);
    background: linear-gradient(to right, #3d527d 0%, #6f8dd0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d527d', endColorstr='#6f8dd0', GradientType=1);
    border: 2px solid #ffffff;
    -webkit-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13);
    -moz-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13);
}

.dotCircle .itemDot {
    font-size: 40px;
}

.contentCircle {
    width: 250px;
    border-radius: 100%;
    color: #222222;
    position: relative;
    top: 150px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contentCircle .CirItem {
    border-radius: 100%;
    color: #222222;
    position: absolute;
    text-align: center;
    bottom: 0;
    left: -510px;
    opacity: 0;
    transform: scale(0);
    transition: 0.5s;
    font-size: 15px;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    margin: auto;
    line-height: 250px;
}

.CirItem.active {
    z-index: 1;
    opacity: 1;
    transform: scale(1);
    transition: 0.5s;
}

.contentCircle .CirItem i {
    font-size: 180px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -90px;
    color: #000000;
    opacity: 0.1;
}

@media only screen and (min-width: 300px) and (max-width: 599px) {
    .holderCircle {
        width: 300px;
        height: 300px;
        margin: 110px auto;
    }

    .holderCircle::after {
        width: 100%;
        height: 100%;
    }

    .dotCircle {
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
}

.title-box .title {
    font-weight: 600;
    letter-spacing: 2px;
    position: relative;
    z-index: -1;
}

.title-box span {
    text-shadow: 0 10px 10px rgba(0, 0, 0, .15);
    font-weight: 800;
    color: #6080c5;
}

.title-box p {
    font-size: 17px;
    line-height: 2em;
}

.setcarousel8 {
    direction: ltr;
}

.setcarousel8 .item {
    direction: rtl;
}

.setcarousel8 .item .icon-box5-text {
    font-size: 13px !important;
    height: 200px;
}

.setcarousel8 .item .icon-box5-title {
    font-size: 15px !important;
    height: 55px;
}

.owl-dots button.owl-dot.active {
    background-color: #000 !important;
}

.section5-page .main-timeline:after {
    content: '';
    display: block;
    clear: both;
}

.section5-page .main-timeline .timeline {
    margin: 0 -15px;
}

.section5-page .main-timeline .timeline-content {
    color: #255395;
    text-align: right;
    display: block;
    position: relative;
}

.section5-page .main-timeline .timeline-content:hover {
    text-decoration: none;
}

.section5-page .main-timeline .timeline-year {
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.section5-page .main-timeline .timeline-year:after {
    content: '';
    height: 60px;
    width: 109%;
    background-color: #255395;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    -webkit-clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 10% 100%, 0% 50%, 10% 0%);
    clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 10% 100%, 0% 50%, 10% 0%);
}

.section5-page .main-timeline .timeline-year span {
    color: #fff;
    background-color: #255395;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 90px;
    height: 90px;
    width: 90px;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0 0 10px #999, 0 0 0 5px #fff;
    display: block;
}

.section5-page .main-timeline .inner-content {
    padding: 0 7px 10px 7px;
    /*border-right: 5px solid #255395;*/
    height: 180px;
}

.section5-page .main-timeline .title {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

.section5-page .main-timeline .description {
    color: #333;
    font-size: 14px;
    text-align: center;
}

.section5-page .main-timeline .timeline.blue .title {
    color: #1F5295;
}

.section5-page .main-timeline .timeline.blue .timeline-year:after,
.section5-page .main-timeline .timeline.blue .timeline-year span {
    background-color: #1F5295;
}

@media screen and (max-width: 767px) {
    .section5-page .main-timeline .timeline {
        margin: 0 0 15px;
    }

    .section5-page .main-timeline .timeline-year:after {
        width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .portfolio-item-logo-holder {
        display: none;
    }
}

.web-bgprice {
    background-color: #1F5295;
}

a.web-bgprice:hover {
    color: white;
}

.webcolorprice {
    color: #1F5295;
}

.section9-page .bg-model {
    background: url(../images/website/sec9.png) no-repeat;
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    background-size: 100%;

}


.servicesBox {
    height: 225px;
    padding: 110px 20px 10px;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.35);
}

.servicesBox .service-icon {
    color: #3765ad;
    line-height: 300px;
    font-size: 50px;
    position: absolute;
    top: -90px;
    left: 50%;
    transform: scale(1) translateX(-50%);
    transition: all 0.8s ease 0s;
}

.servicesBox .service-icon i {
    font-size: 40px;
}

.servicesBox:hover .service-icon {
    font-size: 65px;
}

.servicesBox .title {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    margin: 0 0 50px 0;
}

.servicesBox:hover .title {
    color: #2b2bb9;
}

.servicesBox .description {
    font-size: 14px;
    color: #808080;
    line-height: 21px;
    margin-bottom: 10px;
}

.servicesBox .read-more {
    position: absolute;
    bottom: 15px;
    left: 30%;
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    color: #fff !important;
    background: linear-gradient(to top, #4049a9, #89ace0);
    border-radius: 10px 10px 0 0;
    transform: translateY(150px);
    transition: all 0.5s ease 0s;
}

.servicesBox .read-more:hover {
    color: #fff;
    box-shadow: 0 0 5px #000;
}

.servicesBox:hover .read-more {
    transform: translateY(0);
}

.services-close {
    margin: -1rem auto -1rem -1rem !important;
}

.services-modal .modal-content {
    background-color: transparent !important;
    color: white;
    direction: rtl;
    border: 0 !important;
}

.services-modal .close, .services-modal .close:hover {
    font-size: 40px;
    color: #ffffff;
}

@media screen and (max-width: 599px) {
    .round {
        width: 250px;
        height: 250px;
        left: 25px;
        top: 25px;
    }

    .dotCircle .itemDot {
        width: 60px;
        height: 60px;
        font-size: 25px;
        line-height: 60px;
    }
    .dotCircle .itemDot .forActive {
        width: 50px;
        height: 35px;
    }
    .dotCircle .itemDot .forActive::before{
        width: 0;
        height: 0;
    }
    .title-box .title{
        width: 100px;
        font-size: 12px;
        left: -120px;
        top: -20px;
    }
    .contentCircle .CirItem i {
        font-size: 90px;
        top: -40px;
    }
    .contentCircle .CirItem{
        left: 0;
    }
}

@media screen and (max-width: 385px) {
    .section1-page .button-holder.button-inline {
        width: 60%;
        display: block;
        margin: auto;
    }

    .section1-page .web-bgprice {
        margin-bottom: 5px;
    }
    .section1-page .button-holder.button-inline a{
        width: 180px;
    }
}