@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSansWeb.woff') format('woff'), url('../fonts/IRANSansWeb.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'numberyekan';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/yekannumbers-regular.eot') format("embedded-opentype"), url('../fonts/yekannumbers-regular.woff') format("woff"), url('../fonts/yekannumbers-regular.ttf') format("truetype"), url('../fonts/yekannumbers-regular.svg') format("svg");
}

@font-face {
    font-family: 'fontawesome';
    src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'Material Design Icons';
    src: url('../fonts/materialdesignicons-webfont.ttf') format('truetype');
}
/*---------------------general----------------------*/
body {
    background-color: #efefef;
    color: #808080;
    font-family: numberyekan, IRANSans;
    text-align: justify;
    line-height: 2;
    font-size: 10.5pt;
    position: relative;
    letter-spacing: -0.1px;
    overflow-x: hidden;
}

section:after, .border:after, .wrap:after, .z:after, .top:after, .text:after {
    clear: both;
    display: block;
    content: "";
}

strong, b, h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

a:hover, *:focus, *:active, *:link, *:visited {
    outline: none !important;
    text-decoration: none !important;
    transition: 0.3s;
    color: #190d0f;
}

a:hover {
    text-decoration: none;
}

a p {
    color: #808080;
}

.owl-pagination {
    display: none;
}

.owl-carousel {
    direction: ltr;
    position: relative;
}

    .owl-carousel .item {
        direction: rtl;
        list-style:none;
    }

.field-validation-valid {
    color: red;
    display: none;
}

.waitinginput {
    display: none;
}

img {
    display: block;
    margin: auto;
    max-width: 100%;
}



i:before, i {
    line-height: 1;
}

.maincontent img.pull-right {
    margin: 15px 30px 15px 0;
}

.maincontent img.pull-left {
    margin: 15px 0 15px 30px;
}

.darkblue, .darkblue > * {
    color: #1f2e4c;
}

.gray, .gray > * {
    color: #4c4c4c;
}

h2 {
    font-size: 18.5pt;
}

h3 {
    font-size: 14pt;
}

h4 {
    font-size: 12pt;
}

.bullet {
    padding: 0;
}

    .bullet li {
        position: relative;
        padding-right: 15px;
    }

        .bullet li:before {
            position: absolute;
            top: 0;
            right: 0;
            content: '•';
            color: #2996cc;
            font-size: 16pt;
            line-height: 1.5;
        }

header {
    border-top: 10px solid #403191;
    background: #fff;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.1), 0px 3px 10px 0px rgba(1, 1, 1, 0.1);
    -moz-box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.1), 0px 3px 10px 0px rgba(1, 1, 1, 0.1);
    box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.1), 0px 3px 10px 0px rgba(1, 1, 1, 0.1);
}

    header .logo {
        margin: 13px 0px 13px 15px;
    }

.logo img {
    height: 68px;
}

header .loginBox {
    padding: 4px 9px;
    background: #403191;
    color: #fff;
    font-size: 10pt;
        border-radius: 3px;
}
.loginBox i{
    padding-left:5px;
}
header .phone {
    color: #666;
    font-size: 11pt;
    margin: 31px 0;
    direction: rtl;
}
/*-------------slider---------------*/
.slide {
    position: relative;
    margin-bottom: 50px;
    padding: 0;
    min-height: 517px;
    margin-top: 52px;
    min-height: 484px;
}

    .slide .owl-pagination {
        position: absolute;
        right: 0;
        bottom: 0;
        display: block;
        width: 100%;
        left: 0;
        margin: auto;
        text-align: center;
    }

    .slide .owl-theme .owl-controls .owl-page span {
        width: 13px;
        height: 3px;
        margin: 2px;
        opacity: 1;
        transition: 0.3s;
        background: rgba(255,255,255,0.3);
    }

    .slide .owl-theme .owl-controls .owl-page:hover span, .slide .owl-theme .owl-controls .owl-page.active span {
        background: rgba(255,255,255,0.7);
        width: 16px;
        height: 5px;
    }

    .slide .owl-theme .owl-controls {
        margin: 0;
    }

    .slide .owl-buttons {
        position: absolute;
        display: block;
        width: 100%;
    }

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    opacity: 1;
    background: none;
    width: 51px;
    height: 140px;
}

    .owl-theme .owl-controls .owl-buttons div:before {
        width: 100%;
        height: 100%;
        top: 0;
        padding: 26px;
        left: 0;
        content: '';
        position: absolute;
        transition: 0.3s;
        margin-top: -48px;
    }

.slide .owl-buttons .owl-prev {
    left: 15px;
}

.slide .owl-buttons .owl-next {
    right: 15px;
}

.slide img {
    /* min-height: 489px; */
}

.sliderFoot {
    width: 100%;
    height: 38px;
    display: block;
    background: url(../img/bgslider.png) center bottom no-repeat;
    margin: -87px auto 0;
    z-index: 100000;
    position: relative;
    text-align: -moz-center;
    text-align: -webkit-center;
    text-align: center;
}

    .sliderFoot a {
        display: block;
        color: #333;
        font-size: 15pt;
        line-height: 2.2;
        cursor: pointer;
        -webkit-transition: all ese-in-out .4s;
        -moz-transition: all ese-in-out .4s;
        -ms-transition: all ese-in-out .4s;
        -o-transition: all ese-in-out .4s;
        transition: all ese-in-out .4s;
    }

.glyphicon-menu-down:before {
    font-family: "Material Design Icons";
    content: "\F140";
}

@media screen and (max-width: 768px) {
    .carousel-indicators {
        bottom: 39px;
        left: 26%;
    }

    .sliderFoot {
        display: none;
    }
}

/*------------part3----------*/
.part3 {
    background: url(../img/bg.png) no-repeat bottom center #eff0f0;
    min-height: 500px;
}

.Articlewrap {
    background: #FFF;
    height: 450px;
    -webkit-box-shadow: 0px 10px 10px 1px rgba(0,0,0,0.1), 0px 25px 20px -8px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 10px 1px rgba(0,0,0,0.1),0px 25px 20px -8px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 10px 1px rgba(0,0,0,0.1), 0px 25px 20px -8px rgba(0,0,0,0.1);
    overflow: hidden;
}

    .Articlewrap .title {
        position: relative;
        display: block;
        font-size: 20pt;
        color: #403191;
        padding: 17px 75px 0 15px;
        margin-bottom: 15px;
    }

        .Articlewrap .title:before, .ArticleItem .row strong:before, .ArtItem .row strong:before, .NewsIn .ArtItem a > strong:before {
            content: '';
            position: absolute;
            right: 60px;
            top: 30px;
            width: 11px;
            height: 11px;
            background: #403190;
        }

.ArticleItem {
    padding: 0 51px 0 20px;
    margin: 10px 10px 30px;
}

    .ArticleItem img, .ArtItem img {
        border: 3px solid #fff;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2),0px 1px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2),0px 1px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2),0px 1px 5px 0px rgba(0,0,0,0.3);
        transition: 0.3s;
    }

    .ArticleItem:hover img, .ArtItem:hover img {
        /*display: none;
        opacity: 0;
        visibility: hidden;*/
        box-shadow: none;
    }

    .ArticleItem .text {
        transition: 0.5s;
        background: #fff;
        z-index: 99;
        width: 100%;
        height: 100%;
        margin-top: 15px;
    }

    .ArticleItem:hover .text {
        transform: translateY(-100%);
        margin-top: 0;
    }

    .ArticleItem .row strong, .ArtItem .row strong {
        display: block;
        color: #4c4c4c;
        font-size: 15pt;
        text-align: right;
        padding: 0 15px;
        position: relative;
        line-height: 1.5;
        transition: 0.3s;
    }

        .ArticleItem .row strong:before {
            top: 8px;
            right: 0;
        }

    .ArticleItem:hover .row strong:before {
        background: #4d4d4d;
    }

    .ArticleItem:hover .row strong {
        color: #403190;
        border-bottom: 1px dotted #e0e0e0;
        margin-bottom: 30px;
    }

    .ArticleItem .date {
        border: 1px solid #e0e0e0;
        position: relative;
        padding: 20px 0;
        margin-top: 123px;
    }

        .ArticleItem .date > * {
            display: block;
            text-align: center;
            color: #999999;
            font-size: 9pt;
            line-height: 1.5;
        }

            .ArticleItem .date > *:first-child {
                color: #403190;
                font-size: 50pt;
                line-height: 0.7;
                padding: 15px 0 0;
            }

    .ArticleItem i {
        border: 1px solid #e0e0e0;
        text-align: center;
        padding: 7px 0 1px;
        display: block;
        margin: 10px auto;
        color: #403190;
        line-height: 1;
        font-size: 30pt;
        transition: 0.3s;
    }

        .ArticleItem i:hover {
            background: #403190;
            color: #fff;
        }

    .ArticleItem p, .ArtItem .text > p {
        color: #808080;
        font-size: 11pt;
        line-height: 1.7;
        opacity: 0;
        visibility: hidden;
        display: none;
        transition: 0.3s;
    }

    .ArticleItem:hover p {
        opacity: 1;
        visibility: visible;
        display: block;
    }

    .ArticleItem .col-md-3 {
        padding-right: 0;
    }

.part3 .owl-buttons {
    display: none;
}

.part3 .owl-pagination {
    display: block;
}

.part3 .owl-controls {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: -12px;
    transform: rotate(90deg) translate(70%, 35%);
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    background: #fff;
    transform-origin: 100% 0;
}

.part3 .owl-theme .owl-controls .owl-page span {
    width: 14px;
    height: 3px;
    margin: 2px;
    opacity: 1;
    transition: 0.3s;
    background: rgba(0,0,0,0.2);
}

.part3 .owl-theme .owl-controls .owl-page:hover span, .part3 .owl-theme .owl-controls .owl-page.active span {
    background: #403190;
    width: 16px;
    height: 5px;
    top: 1px;
    position: relative;
    margin-top: 12px;
}

.mdi-eye-outline:before {
    font-family: fontawesome;
    content: "\f06e" !important;
}

/*************** QUESTION *****************/
.title {
    margin-bottom: 30px;
    direction: rtl;
}

    .title strong {
        display: block;
        color: #403190;
        font-size: 17pt;
        line-height: 1.6;
    }

    .title span {
        display: block;
        position: relative;
        font-size: 10pt;
        color: #808080;
        padding-top: 3px;
    }

        .title span:before {
            content: '';
            height: 1px;
            background: #cccccc;
            position: absolute;
            top: 0;
            right: 0;
            min-width: 330px;
            max-width: 100%;
        }

        .title span:after {
            content: '';
            height: 1px;
            background: #cccccc;
            position: absolute;
            top: 4px;
            right: 0;
            min-width: 330px;
            max-width: 100%;
        }

    .title:after {
        clear: both;
        display: table;
        content: '';
    }

.question .title {
    position: relative;
}

.question {
    direction: rtl;
}

    .question .title:before {
        content: '';
        width: 100%;
        position: absolute;
        height: 1px;
        border-top: 1px dotted #cccccc;
        bottom: 22px;
    }

    .question .myCarousel {
        width: 94%;
        float: left;
    }

        .question .myCarousel .item {
            padding: 0px 0px 0px 70px;
        }

    .question .owl-controls .owl-pagination {
        text-align: -moz-center;
        text-align: -webkit-center;
        width: 41px;
        position: absolute;
        top: 5px;
        left: 0;
        background: #fff;
        z-index: 1;
        text-align: center;
        padding: 0 15px;
        height: 100%;
    }

    .question .owl-controls .owl-page {
        display: block;
    }

        .question .owl-controls .owl-page span {
            margin: 3px 0;
        }

    .question .questionIn {
        padding: 130px 0 80px;
        position: relative;
    }

        .question .questionIn:before {
            content: '';
            width: 246px;
            height: 371px;
            background: url(../img/question.png);
            position: absolute;
            right: -130px;
            top: 15px;
        }

        .question .questionIn:after {
            clear: both;
            display: table;
            content: '';
        }

    .question:after {
        clear: both;
        display: table;
        content: '';
    }

/*************** OWL *****************/

.owl-theme .owl-controls .owl-buttons {
    width: 45px;
    position: absolute;
    top: -70px;
    left: 0;
    /* background: #fff; */
    z-index: 1;
}

    .owl-theme .owl-controls .owl-buttons div {
        display: inline-block;
        zoom: 1;
        position: absolute;
        top: 0;
        z-index: 1;
        text-align: -moz-center;
        text-align: -webkit-center;
        text-align: center;
        font-size: 26pt;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -ms-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s;
        color: #666666;
        width: 22.5px;
        height: 25px;
        line-height: 1;
    }

        .owl-theme .owl-controls .owl-buttons div:hover {
            opacity: 1;
            color: #aa0520;
        }

    .owl-theme .owl-controls .owl-buttons .owl-next:before {
        font-family: fontawesome;
        content: "\f105";
    }

    .owl-theme .owl-controls .owl-buttons .owl-prev {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
    }

        .owl-theme .owl-controls .owl-buttons .owl-prev:before {
            font-family: fontawesome;
            content: "\f104";
            transform: rotateY(-180deg);
            -webkit-transform: rotateY(-180deg);
            -moz-transform: rotateY(-180deg);
            -ms-transform: rotateY(-180deg);
            -o-transform: rotateY(-180deg);
            display: block;
        }


/*------------social-----------------*/
.social {
    text-align: center;
    margin-top: 40px;
}

    .social ul {
        margin: 0;
        padding: 0;
        direction: ltr;
    }

        .social ul li {
            display: inline-block;
            position: relative;
            direction: ltr;
            font-size: 18pt;
            width: 52px;
            height: 52px;
            margin: 15px;
        }

            .social ul li a {
                color: #195a7a;
                display: block;
                position: relative;
            }

                .social ul li a:before {
                    position: absolute;
                    content: '';
                    width: 42px;
                    height: 42px;
                    background: url(http://demo.4080.ir/Themes/ahmadvand/static/img/backsocialhover.png)no-repeat;
                    bottom: 0;
                    top: 0;
                    left: 0;
                    right: 0;
                    margin: auto;
                    display: none;
                }

            .social ul li:hover a:before {
                display: block;
            }

            .social ul li:before, .social ul li:after {
                position: absolute;
                content: '';
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                text-align: center;
                opacity: 0;
                visibility: hidden;
                transition: 0.3s;
            }

            .social ul li:before {
                background: url(http://demo.4080.ir/Themes/ahmadvand/static/img/socialhover.png)no-repeat;
                width: 100%;
                height: 40px;
                transform: scale(0) rotate(120deg);
            }

            .social ul li:after {
                background: url(/Themes/ahmadvand/static/img/socialhover1.png)no-repeat;
                width: 44px;
                height: 44px;
                transform: scale(0) rotate(-120deg);
            }

            .social ul li:hover:before {
                opacity: 1;
                visibility: visible;
                animation: rotate 0.5s;
                transform: scale(1);
            }

            .social ul li:hover:after {
                opacity: 1;
                visibility: visible;
                animation: rotate1 0.5s;
                transform: scale(1);
            }

@-ms-keyframes rotate {
    from {
        -ms-transform: scale(0) rotate(120deg);
    }

    to {
        -ms-transform: scale(1) rotate(0deg);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: scale(0) rotate(120deg);
    }

    to {
        -moz-transform: scale(1) rotate(0deg);
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: scale(0) rotate(120deg);
    }

    to {
        -webkit-transform: scale(1) rotate(0deg);
    }
}

@keyframes rotate {
    from {
        transform: scale(0) rotate(120deg);
    }

    to {
        transform: scale(1) rotate(0deg);
    }
}

@-ms-keyframes rotate1 {
    from {
        -ms-transform: scale(0) rotate(-120deg);
    }

    to {
        -ms-transform: scale(1) rotate(0deg);
    }
}

@-moz-keyframes rotate1 {
    from {
        -moz-transform: scale(0) rotate(-120deg);
    }

    to {
        -moz-transform: scale(1) rotate(0deg);
    }
}

@-webkit-keyframes rotate1 {
    from {
        -webkit-transform: scale(0) rotate(-120deg);
    }

    to {
        -webkit-transform: scale(1) rotate(0deg);
    }
}

@keyframes rotate1 {
    from {
        transform: scale(0) rotate(-120deg);
    }

    to {
        transform: scale(1) rotate(0deg);
    }
}

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

.social ul li i {
    line-height: 2;
}

/******** material-scrolltop  ********/
.material-scrolltop {
    display: block;
    position: absolute;
    top: -13px;
    right: 0;
    left: 0;
    margin: auto;
    padding: 0;
    width: 30px;
    height: 20px;
    outline: none;
    border: none;
    cursor: pointer;
    color: #fcfcfc;
    font-size: 17pt;
    line-height: 1;
    background: transparent !important;
}

    .material-scrolltop:before {
        content: "\F143";
        font-family: "Material Design Icons";
    }

/***************** FOOTER ******************/
footer {
    background: url(../img/pattern3.png) repeat;
    position: relative;
    direction: rtl;
}

    footer:before {
        content: '';
        width: 159px;
        height: 32px;
        background: url(../img/backToTop.png) no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        top: -32px;
        margin: auto;
    }

    footer > .container {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    footer strong {
        font-size: 13pt;
        color: #fff;
        display: block;
        margin-bottom: 15px;
    }

    footer p {
        color: #cecdcd;
        font-size: 10pt;
    }

    footer .info {
        color: #cecdcd;
        margin: 0 -15px 35px;
    }

        footer .info p {
            font-size: 10.5pt;
            text-align: -moz-right;
            text-align: -webkit-right;
            text-align: right;
            padding: 0 15px;
            margin-bottom: 15px;
            text-align:center;
        }

            footer .info p:after {
                clear: both;
                display: table;
                content: '';
            }

        footer .info span {
            font-size: 10pt;
            display: inline-block;
            padding: 0 15px;
        }

        footer .info i {
            display: block;
            line-height: 1;
            font-size: 17pt;
            color: #fff;
        }

        footer .info:after {
            clear: both;
            display: table;
            content: '';
        }

    footer .social {
        text-align: -moz-right;
        text-align: -webkit-right;
        text-align: right;
        color: #ffffff;
        font-size: 10.5pt;
    }

        footer .social a {
            color: #ffffff;
            line-height: 1.5;
            font-size: 15pt;
            float: left;
            margin-right: 40px;
        }

            footer .social a i {
                -webkit-transition: 0.8s;
                -moz-transition: 0.8s;
                -ms-transition: 0.8s;
                -o-transition: 0.8s;
                transition: 0.8s;
                color: #fff;
                opacity: 0.5;
                display: block;
            }

                footer .social a i:hover {
                    opacity: 1;
                }

            footer .social a .mdi.mdi-twitter:hover {
                color: #ff2c96;
            }

            footer .social a .mdi.mdi-telegram:hover {
                color: #aa151f;
            }

            footer .social a .mdi.mdi-linkedin:hover {
                color: #aa151f;
            }

            footer .social a .mdi.mdi-instagram:after {
                content: '';
                width: 20px;
                height: 20px;
                background: url(../img/instagram.png) no-repeat;
                background-size: 100%;
                margin: -29px 0 0 0;
                display: block;
                opacity: 0;
                -webkit-transition: 0.8s;
                -moz-transition: 0.8s;
                -ms-transition: 0.8s;
                -o-transition: 0.8s;
                transition: 0.8s;
            }


            footer .social a .mdi.mdi-instagram:hover:after {
                opacity: 1;
            }

    footer .copyRight {
        padding: 6px 0;
        background: #403190;
    }

        footer .copyRight * {
            color: #fff;
            font-size: 9pt;
        }

        footer .copyRight a {
            color: #90a9b5;
        }

            footer .copyRight a:hover {
                color: #fff;
            }

        footer .copyRight .year {
            margin-left: 7px;
            display: inline-block;
            vertical-align: middle;
        }

        footer .copyRight .developed {
            text-align: -moz-left;
            text-align: -webkit-left;
            text-align: left;
            direction: ltr;
        }

            footer .copyRight .developed img {
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
            }

        footer .copyRight:after {
            clear: both;
            display: table;
            content: '';
        }

    footer .input-field textarea {
        margin: 0 0 8px;
    }

/**************** BANNER1 ****************/
main {
    padding: 0;
    background-color: #fff;
}

    main .row5 {
        margin: 0 -5px;
    }

    main .bannerItem {
        display: block;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

        main .bannerItem:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.15);
            z-index: 1;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            transform: translate3d(100%, 100%, 0);
            -webkit-transform: translate3d(100%, 100%, 0);
            -moz-transform: translate3d(100%, 100%, 0);
            -ms-transform: translate3d(100%, 100%, 0);
            -o-transform: translate3d(100%, 100%, 0);
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            -o-transition: 1s;
            transition: 1s;
        }

        main .bannerItem:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.15);
            z-index: 1;
            top: 0;
            left: 0;
            bottom: 0;
            margin: auto;
            transform: translate3d(-100%, -100%, 0);
            -webkit-transform: translate3d(-100%, -100%, 0);
            -moz-transform: translate3d(-100%, -100%, 0);
            -ms-transform: translate3d(-100%, -100%, 0);
            -o-transform: translate3d(-100%, -100%, 0);
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            -o-transition: 1s;
            transition: 1s;
        }

        main .bannerItem img {
            width: 100%;
            position: relative;
            z-index: -1;
            -webkit-transition: 0.8s;
            -moz-transition: 0.8s;
            -ms-transition: 0.8s;
            -o-transition: 0.8s;
            transition: 0.8s;
        }

        main .bannerItem:hover:before {
            transform: translate3d(-100%, -100%, 0);
            -webkit-transform: translate3d(-100%, -100%, 0);
            -moz-transform: translate3d(-100%, -100%, 0);
            -ms-transform: translate3d(-100%, -100%, 0);
            -o-transform: translate3d(-100%, -100%, 0);
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-border-radius: 0;
            border-radius: 0;
        }

        main .bannerItem:hover:after {
            transform: translate3d(100%, 100%, 0);
            -webkit-transform: translate3d(100%, 100%, 0);
            -moz-transform: translate3d(100%, 100%, 0);
            -ms-transform: translate3d(100%, 100%, 0);
            -o-transform: translate3d(100%, 100%, 0);
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-border-radius: 0;
            border-radius: 0;
        }

        main .bannerItem:hover img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
        }

    main:after {
        clear: both;
        display: table;
        content: '';
    }

.banner {
    position: relative;
    z-index: 1;
}

    .banner .col-xs-6 {
        padding: 0 5px;
    }

    .banner:after {
        clear: both;
        display: table;
        content: '';
    }

/************Services**************/
.serviceItem {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1),0 25px 20px -15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1),0 25px 20px -15px rgba(0,0,0,.1);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1),0 25px 20px -15px rgba(0,0,0,.1);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
    overflow: hidden;
    margin: 8px;
}

    .serviceItem .img {
        height: 208px;
        width: 100%;
        background: #fff;
        overflow: hidden;
    }

    .serviceItem img {
        max-height: 208px;
        width: 100%;
        -webkit-transition: .8s;
        -moz-transition: .8s;
        -ms-transition: .8s;
        -o-transition: .8s;
        transition: .8s;
    }

    .serviceItem figcaption {
        padding: 15px;
    }

        .serviceItem figcaption a {
            display: block;
            text-align: -moz-center;
            text-align: -webkit-center;
            text-align: center;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-size: 12pt;
            margin: 10px auto;
            color: #190d0f;
        }

        .serviceItem figcaption p {
            font-size: 9pt;
            line-height: 1.8;
            margin-bottom: 22px;
        }

        .serviceItem figcaption:after {
            clear: both;
            display: table;
            content: '';
        }

    .serviceItem .btnCustom {
        line-height: 1.7;
        background: #403190;
        border-radius: 15px;
        padding: 3px 19px;
        color: #fff;
        text-align: center;
        margin: 0 auto;
        width: 112px;
    }

    .serviceItem:hover {
        -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 15px 10px -10px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 15px 10px -10px rgba(0,0,0,.1);
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 15px 10px -10px rgba(0,0,0,.1);
    }

        .serviceItem:hover img {
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -o-transform: scale(1.05);
        }

/****************NEWS****************/

.title-container {
    background: #525252;
}

.content-section {
    padding-bottom: 70px;
}

    .content-section.fixed-header-content {
        padding-top: 100px;
    }

    .content-section .row > header.title-container {
        padding: 60px;
    }

        .content-section .row > header.title-container h2 {
            text-align: center;
            margin-bottom: 0;
            color: #ffffff;
        }

    .content-section .margin-65 {
        margin-top: 65px;
    }

    .content-section img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: 11px;
    }

    .content-section .featured-image {
        position: relative;
    }

        .content-section .featured-image img {
            -webkit-transform: scale(1.8);
            -moz-transform: scale(1.8);
            -ms-transform: scale(1.8);
            -o-transform: scale(1.8);
            transform: scale(1.8);
        }

.overlay-image {
    position: absolute;
    height: 100%;
    opacity: 0.4;
    background: #000;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    top: 0;
    right: 0;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    z-index: 2;
}

.post-content-container:hover .overlay-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.post-content-container > .featured-image img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.post-content-container:hover > .featured-image img {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
}

.content-section article {
    position: relative;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

.content-section .post-content-container {
    border: 1px solid #e9e9e9;
    overflow: hidden;
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
}

    .content-section .post-content-container .post-spotlight-content {
        padding: 19px 20px 20px 20px;
        text-align: center;
        background-color: #ffffff;
        position: relative;
        float: right;
        direction: rtl;
        z-index: 999;
    }

.content-section .list-layout .post-content-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.content-section .post-content-container .post-spotlight-content .post-meta-cat li a {
    color: #bbb;
    display: inline-block;
}

.content-section .post-content-container .post-spotlight-content .post-meta-cat li:before {
    position: absolute;
    content: '';
    background: url("../img/border-left.png") no-repeat;
    width: 70px;
    height: 7px;
    left: 0;
    top: 7px;
}

.content-section .post-content-container .post-spotlight-content .post-meta-cat li:after {
    position: absolute;
    content: '';
    background: url("../img/border-right.png") no-repeat;
    width: 70px;
    height: 7px;
    right: 0;
    top: 7px;
}

.content-section .post-content-container .post-spotlight-content .post-meta-cat li {
    position: relative;
    padding: 0 90px;
    display: inline-block;
}

.post-met {
    direction: rtl;
}


/* Sidebar */

.sidebar .widget_recent_entries ul, .sidebar .widget_recent_comments ul {
    padding-left: 18px;
}

    .sidebar .widget_recent_entries ul li, .sidebar .widget_recent_comments ul li {
        margin: 8px 0;
    }

        .sidebar .widget_recent_entries ul li:first-of-type, .sidebar .widget_recent_comments ul li:first-of-type {
            margin-top: 0;
        }

.sidebar ul li {
    margin: 8px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #e9e9e9;
}

    .sidebar ul li:first-of-type {
        margin-top: 0;
    }

    .sidebar ul li:last-of-type {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .sidebar ul li a {
        color: #525252;
    }

        .sidebar ul li a:hover {
            color: #282828;
        }
/* End of Sidebar */

/* Widget styling */

.widget {
    text-align: center;
    background: #fff;
    border-left: 1px solid #e9e9e9 !important;
    border-right: 1px solid #e9e9e9 !important;
    border-bottom: 1px solid #e9e9e9 !important;
    border-top: 10px solid #aa1521;
    margin-bottom: 50px;
    padding: 20px;
    float: left;
    width: 100%;
}

    .widget:last-of-type {
        margin-bottom: 0;
    }

    .widget .widget-title {
        position: relative;
        margin-bottom: 30px;
        padding-bottom: 9px;
    }

        .widget .widget-title:before {
            content: '';
            height: 1px;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 50px;
            border-bottom: 1px solid #282828;
            bottom: -10px;
        }

    .widget ul {
        padding-left: 0;
        list-style: none;
        text-align: right;
    }

        .widget ul li {
            position: relative;
            padding-left: 18px;
        }

            .widget ul li:before {
                position: absolute;
                content: "\f105";
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                width: 9px;
                height: 24px;
                left: 0;
                top: 3px;
            }

        .widget ul.social-icons {
            text-align: center;
            list-style: none;
            padding-left: 0;
        }

            .widget ul.social-icons li {
                display: inline-block;
                position: relative;
                width: 30px;
                height: 30px;
                padding: 0;
                margin: 7px;
                border: 1px solid #525252;
                border-radius: 50%;
            }

                .widget ul.social-icons li:last-of-type {
                    border-bottom: 1px solid #525252;
                }

                .widget ul.social-icons li:before {
                    display: none;
                }

                .widget ul.social-icons li a {
                    display: block;
                    padding: 3px;
                }

                    .widget ul.social-icons li a .fa {
                        vertical-align: middle;
                    }

                        .widget ul.social-icons li a .fa:before {
                            color: #282828;
                        }

                    .widget ul.social-icons li a:hover .fa:before {
                        color: #525252;
                    }

    .widget.opus-recent-post-widget ul li {
        padding-right: 0;
        position: relative;
        width: 100%;
        margin: 10px 0 7px;
        float: right;
        direction: rtl;
    }

        .widget.opus-recent-post-widget ul li:before {
            display: none;
        }

        .widget.opus-recent-post-widget ul li a {
            position: relative;
            display: block;
        }

            .widget.opus-recent-post-widget ul li a img {
                float: right;
                width: 122px;
                margin-left: 8px;
            }

            .widget.opus-recent-post-widget ul li a .recent-post-content {
                padding-left: 115px;
            }

                .widget.opus-recent-post-widget ul li a .recent-post-content h5 {
                    margin-bottom: 10px;
                }

    .widget.widget_calendar {
        padding-bottom: 0;
    }

        .widget.widget_calendar .calendar_wrap table {
            width: 100%;
        }

            .widget.widget_calendar .calendar_wrap table caption {
                text-align: center;
            }

            .widget.widget_calendar .calendar_wrap table thead tr th {
                text-align: center;
            }

            .widget.widget_calendar .calendar_wrap table tbody tr td a {
                padding: 0 3px;
                color: #ffffff;
                background-color: #000000;
                font-size: 13px;
            }

            .widget.widget_calendar .calendar_wrap table tfoot tr td {
                padding-bottom: 22px;
                padding-top: 15px;
                text-align: left;
            }

                .widget.widget_calendar .calendar_wrap table tfoot tr td a {
                    color: #cfa670;
                }

    .widget.opus-about-widget .about-images {
        margin-bottom: 15px;
    }

    .widget.widget_recent_comments {
        padding-left: 0;
    }

    .widget.widget_recent_entries {
        padding-left: 0;
    }

    .widget.widget_search {
        background-color: #f5f5f5;
        padding: 25px 20px 30px;
    }

        .widget.widget_search form input {
            width: 100%;
        }

            .widget.widget_search form input[type="text"] {
                height: 40px;
                margin-bottom: 12px;
                padding: 10px;
            }

            .widget.widget_search form input[type="submit"] {
                background-color: #525252;
                color: #ffffff;
                padding: 10px;
                text-transform: uppercase;
                border: 0;
            }

    .widget.widget_tag_cloud .tagcloud {
        text-align: left;
    }

        .widget.widget_tag_cloud .tagcloud a {
            font-size: 11px !important;
            color: #ffffff;
            background-color: #525252;
            display: inline-block;
            vertical-align: middle;
            padding: 7px 8px;
            margin-bottom: 5px;
        }

            .widget.widget_tag_cloud .tagcloud a:hover {
                color: #ffffff;
                background-color: #525252;
            }

.opus-recent-post-widget ul li h5 {
    white-space: nowrap;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar ul li {
    padding-bottom: 8px;
    border-bottom: 1px solid #e9e9e9;
}
/*****************NEWSVIEW**************/
.mgt150 {
    margin-top: 150px;
}

.NewsView {
    direction: rtl;
    border-top: 10px solid #aa0520;
    background: #fff;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.1), 0px 3px 10px 0px rgba(1, 1, 1, 0.1);
    -moz-box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.1), 0px 3px 10px 0px rgba(1, 1, 1, 0.1);
    box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.1), 0px 3px 10px 0px rgba(1, 1, 1, 0.1);
}

.NewsViewHead {
    padding: 10px;
}

.NewsViewDetail ul li {
    display: inline-block;
    font-size: 9pt;
    padding: 0 10px;
    color: #828181;
}

.NewsViewDetail ul {
    padding-right: 0;
}

.NewsViewBody {
    margin: 20px;
}

.opus-recent-post-widget .date {
    font-size: 9pt;
}
/*************** SERVICES *****************/
.services:after {
    clear: both;
    display: table;
    content: '';
}

.serviceItem {
    position: relative;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(1, 1, 1, 0.2), 0px 25px 15px -15px rgba(1, 1, 1, 0.2);
    -moz-box-shadow: 0px 5px 10px 0px rgba(1, 1, 1, 0.2), 0px 25px 15px -15px rgba(1, 1, 1, 0.2);
    box-shadow: 0px 5px 10px 0px rgba(1, 1, 1, 0.2), 0px 25px 15px -15px rgba(1, 1, 1, 0.2);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    height: 333px;
    overflow: hidden;
    background: #fff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
    direction: rtl;
    z-index: 3;
    margin-bottom: 30px;
}

    .serviceItem img {
        width: 100%;
        height: 278px;
        border: 5px solid #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -ms-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s;
        position: relative;
        z-index: 1;
    }

    .serviceItem figcaption {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        padding: 15px 35px;
        transform: translateY(82%);
        -webkit-transform: translateY(82%);
        -moz-transform: translateY(82%);
        -ms-transform: translateY(82%);
        -o-transform: translateY(82%);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -ms-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s;
        background: #fff;
        z-index: 2;
        overflow: hidden;
    }

        .serviceItem figcaption:before {
            content: '';
            width: 100%;
            height: 200px;
            background: #393737;
            position: absolute;
            bottom: -99px;
            left: 0;
            right: 0;
            margin: auto;
            transform: skew(-78deg);
            -webkit-transform: skew(-78deg);
            -moz-transform: skew(-78deg);
            -ms-transform: skew(-78deg);
            -o-transform: skew(-78deg);
            -webkit-transition: 1.5s;
            -moz-transition: 1.5s;
            -ms-transition: 1.5s;
            -o-transition: 1.5s;
            transition: 1.5s;
            opacity: 0;
        }

        .serviceItem figcaption a {
            display: block;
            color: #4c4c4c;
            font-size: 12pt;
            text-align: -moz-center;
            text-align: -webkit-center;
            text-align: center;
            padding-bottom: 20px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-transition: 0.8s;
            -moz-transition: 0.8s;
            -ms-transition: 0.8s;
            -o-transition: 0.8s;
            transition: 0.8s;
            position: relative;
            margin-bottom: 5px;
        }

            .serviceItem figcaption a:before {
                content: '';
                width: 100%;
                height: 1px;
                border-top: 1px dotted #ababab;
                position: absolute;
                bottom: 10px;
                left: 0;
                right: 0;
                margin: auto;
                opacity: 0;
                -webkit-transition: 0.8s;
                -moz-transition: 0.8s;
                -ms-transition: 0.8s;
                -o-transition: 0.8s;
                transition: 0.8s;
            }

            .serviceItem figcaption a:after {
                content: '';
                width: 8px;
                height: 8px;
                background: #aa0520;
                position: absolute;
                bottom: 6px;
                left: 0;
                right: 0;
                margin: auto;
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                opacity: 0;
                -webkit-transition: 0.8s;
                -moz-transition: 0.8s;
                -ms-transition: 0.8s;
                -o-transition: 0.8s;
                transition: 0.8s;
            }

        .serviceItem figcaption .btnCustom {
            transform: translateY(100%);
            -webkit-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
            -o-transform: translateY(100%);
            -webkit-transition: 0.8s;
            -moz-transition: 0.8s;
            -ms-transition: 0.8s;
            -o-transition: 0.8s;
            transition: 0.8s;
            margin: 0 auto;
        }

        .serviceItem figcaption p {
            line-height: 1.8;
            transform: translateY(90%);
            -webkit-transform: translateY(90%);
            -moz-transform: translateY(90%);
            -ms-transform: translateY(90%);
            -o-transform: translateY(90%);
            -webkit-transition: 0.8s;
            -moz-transition: 0.8s;
            -ms-transition: 0.8s;
            -o-transition: 0.8s;
            transition: 0.8s;
            margin-bottom: 20px;
        }

        .serviceItem figcaption:after {
            clear: both;
            display: table;
            content: '';
        }

    .serviceItem:hover img {
        opacity: 0;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
    }

    .serviceItem:hover figcaption {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        padding: 40px 35px 20px 35px;
    }

        .serviceItem:hover figcaption a {
            padding-bottom: 15px;
        }

            .serviceItem:hover figcaption a:before,
            .serviceItem:hover figcaption a:after {
                opacity: 1;
            }

        .serviceItem:hover figcaption:before {
            opacity: 1;
        }

        .serviceItem:hover figcaption p,
        .serviceItem:hover figcaption .btnCustom {
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
        }
/*************** SERVICEIN ****************/
.serviceIn {
    padding-bottom: 30px;
}

    .serviceIn:after {
        clear: both;
        display: table;
        content: '';
    }

.serviceImg {
    width: 470px;
    height: 353px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-right: 30px;
    margin-bottom: 10px;
}

#ContactPage input, #ContactPage textarea {
    direction: rtl;
}

#map {
    min-height: 200px;
    background: #ddd;
}

#ContactPage .info i {
    display: block;
    line-height: 1;
    font-size: 17pt;
    color: #1f0f13;
}

#ContactPage .info span {
    font-size: 10pt;
    display: inline-block;
    padding: 0 15px;
}

.mgt30 {
    margin-top: 30px;
}

.btn-success {
    float: right;
    padding: 10px 37px;
    margin-bottom: 20px;
    margin-right: 14px;
}

.mgt83 {
    margin-top: 83px;
}

/***************OURTUTORS***************/
#ourTutors {
    background-color: #ffffff;
    padding: 35px 0;
}

.ourTutors_content {
    float: left;
    display: inline;
    width: 100%;
}

#ourTutors .title {
    color: #fff;
    font-size: 15pt;
    margin-bottom: 30px;
    position: relative;
    text-align: -moz-center;
    text-align: -webkit-center;
    text-align: center;
}

    #ourTutors .title:before {
        content: '';
        width: 100%;
        height: 1px;
        border-bottom: 1px dotted #000;
        position: absolute;
        bottom: 20px;
        right: 0;
        left: 0;
        margin: auto;
    }

    #ourTutors .title * {
        color: #403190;
        font-size: 16pt;
        display: inline-block;
        position: relative;
        z-index: 1;
        background: #fff;
        font-weight: normal;
        padding: 0 35px;
    }

.tutors_nav > li {
    display: block;
    float: left;
    margin-right: 30px;
    width: 31%;
}

    .tutors_nav > li:last-child {
        margin-right: 0px;
    }

.single_tutors {
    display: inline;
    float: left;
    min-height: 150px;
    width: 100%;
    padding-bottom: 15px;
}

.tutors_thumb {
    border-radius: 50%;
    display: block;
    font-size: 15px;
    height: 185px;
    line-height: 185px;
    overflow: hidden;
    margin: 0 auto;
    padding: 9px 0 0 9px;
    text-align: center;
    width: 185px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.single_tutors:hover .tutors_thumb {
    padding: 0;
}

    .single_tutors:hover .tutors_thumb > img {
        height: 165px;
        width: 165px;
    }

.tutors_thumb > img {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-radius: 50%;
    height: 150px;
    width: 150px;
}

.singTutors_content h3 a {
    color: #272727 !important;
}

.singTutors_content {
    float: left;
    display: inline;
    width: 100%;
    padding: 5px;
    text-align: center;
}

.tutors_name {
    font-size: 18px;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.singTutors_content > span {
    font-size: 13px;
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
}

.singTutors_content > p {
    font-size: 13px;
}

.singTutors_social {
    float: left;
    display: inline;
    width: 100%;
    padding-top: 10px;
}

.tutors_socnav {
    text-align: center;
}

    .tutors_socnav li {
        display: inline-block;
    }

        .tutors_socnav li a {
            background-color: #fff;
            border: 1px solid #a8a8a8;
            color: #a8a8a8;
            display: inline-block;
            font-size: 14px;
            height: 26px;
            line-height: 24px;
            margin: 0 auto;
            text-align: center;
            width: 26px;
            text-decoration: none;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }

            .tutors_socnav li a:hover, .tutors_socnav li a:focus {
                text-decoration: none;
                outline: none;
            }

.tutors_nav .slick-dots li {
    border: 2px solid #a8a8a8;
    width: 15px;
    height: 15px;
}

    .tutors_nav .slick-dots li.slick-active button:before, .tutors_nav .slick-dots li button:before {
        color: #fff;
    }

.tutors_thumb {
    background: transparent;
    border: solid 9px #403190;
}


/***************PRODUCT***************/
.services {
    padding: 80px 0;
}

.product-child .product-info:before {
    position: absolute;
    content: "";
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #40318f;
    line-height: 1;
    left: 89px;
    top: -13px;
}

.product-child {
    position: relative;
    margin: 0;
    padding: 0;
    height: 253px;
    overflow: hidden;
    width: 216px;
    margin: auto;
    border: 3px solid #40318f;
    z-index: 10;
}

    .product-child .product-img > img {
        height: 254px;
        margin: 5px auto;
        display: block;
        border: solid 1px #ccc;
    }

    .product-child .product-info {
        position: absolute;
        height: 143px;
        background: rgba(0,0,0,.5);
        margin-top: -7px;
        width: 100%;
        transition: all 0.9s ease-in-out;
        -moz-transition: all 0.9s ease-in-out;
        -webkit-transition: all 0.9s ease-in-out;
        text-align: -moz-center;
        text-align: -webkit-center;
        text-align: center;
        width: 100%;
    }

        .product-child .product-info .product-name {
            color: #fff;
            font-size: 12.5pt;
            padding: 20px 20px 0;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
        }

            .product-child .product-info .product-name:hover {
                color: #ff2b96;
            }

        .product-child .product-info .product-price {
            color: #fff;
            font-size: 11pt;
            padding: 5px 20px 0;
            display: block;
        }

    .product-child:hover .product-info {
        margin-top: -143px;
    }

.proName {
    font-size: 13pt;
    color: #1f0f13;
    margin: 16px 0;
    display: block;
    overflow: hidden;
    text-align: -moz-center;
    text-align: -webkit-center;
    text-align: center;
    padding: 5px 15px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.product-price > span:after {
    clear: both;
    display: table;
    content: '';
}

.product-price .price {
    color: #f38620;
    text-decoration: line-through;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-price .pay {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-price .priceIn {
    color: #fff;
}

.product-desc .details:before,
.product-desc .basket-buy:before {
    content: "\e00b";
    font-family: Flaticon;
    font-size: 30px;
    font-style: normal;
    color: #81bef6;
    display: inline-block;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.product-desc .details:before {
    content: "\e00e";
}

.product-desc .basket-buy {
    background: none;
    cursor: pointer;
    border: none;
    margin: 0;
    padding: 0;
}

    .product-desc .basket-buy:before, .basket-buy:before {
        content: "\e017";
    }

    .product-desc .details:hover:before,
    .product-desc .basket-buy:hover:before, .Order:hover .basket-buy:before {
        color: #f38620;
    }
.basket {
    font-size: 35px;
    color: #403190;
    margin-top: 5px;
}
basket1 {
    font-size: 35px;
    color: #cddc39;
    margin-top: 16px;
}

.basket:hover {
    color: #ff2b96;
}

/************COURSE LIST************/

.course {
    
padding: 80px 0; 
background: #fff;
}

.course .item {
    border: 1px solid #e0e0e6;
    border-radius: 5px;
    margin-right: 5px;
    min-height: 218px;
    text-align:  center;
}
.course .item  img{
    min-width: 100%;
}
.Card {
    padding: 10px;
}

.course .item ul li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #333;
}
 .course  .item ul li:last-child {
    border-bottom:none;
}

.CourseTitle h2 {
    text-align: center;
}

.CourseTitle h2 a {
    text-align: center;
    color: #40318f;
    font-size: 14pt;
}

.CourseTitle h2 a:hover {
    color: #aaaf33;
}

.CourseTitle h2 {
    margin: 0 0 20px 0;
}

.Sabt a {
    padding: 10px;
    background: #403190;
    text-align: center;
    color: #fff;
    display: block;
}

.Sabt a:hover {
    background: #40318f;
}