@import url("../font/IRANSans/fontiran.css");

body {

    padding: 0;

    margin: 0;

    font-family: 'IRANSans';

}

/* General Rules */

.log-in-mode {

    display: none;

}

.log-ot-mode {

    display: block;

}

.uilogged .log-in-mode {

    display: block;

}

.uilogged .log-ot-mode {

    display: none;

}

.sec-gray {

    background-color: #f4f4f4;

}

.pages-sub-title {

    font-size: 1em;

    position: relative;

    padding-bottom: 20px;

    margin-bottom: 40px;

}

.pages-sub-title:after {

    content: '';

    position: absolute;

    width: 100px;

    height: 1px;

    background-color: #ff4644;

    bottom:  0;

    right: 0;

}



.err-list-emp {

    width: 100%;

    text-align: center;

}

.err-list-emp i {

    font-size: 5em;

    margin-top: 30px;

}

.err-list-emp .cap {

    font-size: 1.2em;

     font-weight: 500;

    margin: 30px 0;

}







.section-title {

    margin-bottom: 30px;

}

.section-title.scti-bordered {

    position: relative;

    padding-right: 85px;

}

.section-title.scti-bordered:before {

    content: '';

    width: 70px;

    height: 5px;

    background-color: #000;

    position: absolute;

    right: 0;

    top: 15px;

}

.section-title.scti-bordered:after {

    content: '';

    width: 5px;

    height: 40px;

    background-color: #000;

    position: absolute;

    right: 0;

    top: 15px;

}

@media (max-width: 600px) {

    .section-title.scti-bordered {



        padding-right: 20px;

    }

    .section-title.scti-bordered:before {

        content: '';

        width: 10px;

        height: 5px;

        background-color: #51a384;

        position: absolute;

        right: 0;

        top: 15px;

    }

    .section-title.scti-bordered:after {

        content: '';

        width: 5px;

        height: 10px;

        background-color: #51a384;

        position: absolute;

        right: 0;

        top: 15px;

    }

    .section-title .actions {

        white-space: nowrap;

    }

}

.section-title .actions {

    text-align: left;

    direction: ltr;

}

.section-title .actions .bx-div {

    display: inline-block;

    width: 24px;

    position: relative;

    margin: 0px 5px;

    font-size: 0.8em;

}

.section-title .actions .bx-div:after  {

    content: '';

    width: 8px;

    height: 8px;

    background-color: #ff4544;

    position: absolute;

    left: 0px;

    top: -7px;

}

.section-title .actions .bx-div:before  {

    content: '';

    width: 8px;

    height: 8px;

    background-color: #000;

    position: absolute;

    right: 0;

    top: -7px;

}

.section-title .actions .tab-btn-simp {

    display: inline-block;



}

.section-title .actions .tab-btn-simp a {

    color: red;

    text-decoration: none;

    font-size: 0.9em;

}

.section-title .actions .tab-btn-simp a.active {

    color: #000;



}

.section-title .actions .btn-group  {

    display: inline-block;

    margin-right: 10px;

}

.section-title .actions .btn-group * {

    color: #000;

    border-color: #000;

    border-radius: 0;

}

.section-title .actions .btn-group .dropdown-menu {

    right: auto;

    left: 0;

    float: left;

    text-align: right;

}

.section-title .big {

    display: inline-block;

    clear: both;

    color: #000;

    font-size: 1.5em;

    font-weight: bold;

    margin-bottom: 5px;

    position: relative;

}

.section-title .big:after  {

    content: '';

    width: 8px;

    height: 8px;

    background-color: #ff4544;

    position: absolute;

    left: -25px;

    top: 12px;

}

.section-title .big:before  {

    content: '';

    width: 8px;

    height: 8px;

    background-color: #000;

    position: absolute;

    left: -38px;

    top: 12px;

}

.section-title .small {

    font-size: 1.1em;

    color: #666;

}

.brnd-img {

    height: 70px;

    transition: all .3s ease 0s;

}

.navbar {

    background: transparent;

    transition: all .3s ease 0s;

    padding-top: 10px;

    min-height: 70px;



}

.navbar.motioned {

    box-shadow: none;

    background-color: rgba(241, 49, 57, 0.9);

    padding-top: 5px;

    min-height: 65px;

}

.navbar.motioned  .brnd-img {

    height: 50px;

}





.nav-link span.cater-ico  {

    display: block;

    text-align: center;

}

.nav-link span.cater-ico .icon-caret-down {



    text-align: center;

    font-size: 0.5em;

}

.nav-link {

    color: #FFF !important;

    padding-bottom: 0 !important;

}

.nav-link:focus ,

.nav-link:hover {



    background-color: transparent !important;

}



@media (min-width: 768px){

    .navbar-nav>li>a {

        padding-top: 30px !important;



    }

    .navbar.motioned  .navbar-nav>li>a {

        padding-top: 15px !important;



    }

}



/* Header Home */

header.home {

    background-color: #ff4544;



    position: relative;

    min-height: 100vh;

}

header.home .home-header-slide {

    margin-top:65vh;

    color: #FFF;

    position: relative;



}

header.home .show-scroler  {

    width: 97px;

    height: 30px;

    position: absolute;

    -ms-transform: rotate(90deg); /* IE 9 */

    -webkit-transform: rotate(90deg); /* Safari prior 9.0 */

    transform: rotate(90deg); /* Standard syntax */

    background-color: transparent;

    border: none;

    margin: auto;

    bottom: 0;

    top: 0;

    color: #FFF;

    right: -30px;

    font-size: 0.8em;

    font-weight: 300;



}

header.home .show-scroler:before  {

    content: '';

    width: 39px;

    height: 1px;

    background-color: #FFF;

    position: absolute;

    left: -25px;

    top: 14px;



}

@media only screen and (max-width: 768px) {

    header.home .show-scroler  {



        bottom:100px;

        top: auto;





    }

}

header.home .home-header-slide h3 {

    margin-bottom: 20px;

}

header.home .home-header-slide .met-row {

    direction: rtl;

    margin-bottom: 15px;

}

header.home .home-header-slide .met-row i {

    float: right;

    margin-left: 10px;



}

header.home .home-header-slide .sim-tit {

    font-size: 0.9em;

    border-bottom: 0px solid #fe6767;

    clear: both;

    display: inline-block;

    padding-bottom: 15px;



}

header.home .bottom-bar {

    width: 100%;



    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 1;

    border-top: 1px solid #fe6767;

    padding-top: 15px;

    padding-bottom: 5px;



}

header.home .bottom-bar .social-btns {

    white-space: nowrap;

    float: right;

}

header.home .bottom-bar .social-btns .soc-btn {

    width: 20px;

    height: 19px;

    display: inline-block;

    color: #FFF;

    text-decoration: none;

}

header.home .bottom-bar .social-btns .soc-btn i {

    font-size: 1.3em;

    color: #FFF;

}

header.home .bottom-bar .login-btns {

    white-space: nowrap;

    float: right;



}

header.home .bottom-bar .login-btns .log-btn {

    display: inline-block;

    color:#FFF;

    float: right;

    font-weight: 300;

    font-size: 0.9em;



    text-decoration: none;



}

header.home .bottom-bar .login-btns .log-btn span {

    position: relative;

    top: -7px;

    margin-right: 3px;

}

header.home .bottom-bar .login-btns .log-btn.icwrp-b span {

    position: relative;

    top: -1px;

    margin-right: 3px;

}

header.home .bottom-bar .login-btns .log-btn i {

    font-size: 1.65em;

    color: #FFF;

}

header.home .bottom-bar .login-btns .log-btn .icwrp {

    width: 19px;

    height: 19px;

    border-radius: 2px;

    border: 1px solid #FFF;

    text-align: center;

    display: inline-block;

}

header.home .bottom-bar .sdiv {

    border-right: 1px solid #fe6767;

    height: 16px;

    display: inline-block;

    float: right;

    margin: 0 15px;

    position: relative;

    top: 2px;

}

header.home .bottom-bar .login-btns .log-btn .icwrp i {

    font-size: 0.8em;

    color: #FFF;

    position: relative;

    top: 1px;



}

@media only screen and (max-width: 768px) {

    header.home .bottom-bar {

        padding-right: 15px;

        padding-left: 15px;

    }

    header.home .bottom-bar > .sdiv {

        display: none;

    }

    header.home .bottom-bar .social-btns {

        margin-bottom: 10px;

    }

}



/* Header Inner */

header.inner {

    background-color: #ff4544;

    padding-top: 100px;

    position: relative;

}

header.inner .bottom-bar {

    width: 100%;



   position: relative;

    z-index: 1;

    border-top: 1px solid #fe6767;

    padding-top: 15px;

    padding-bottom: 5px;



}

header.inner .bottom-bar .social-btns {

    white-space: nowrap;

    float: left;

}

header.inner .bottom-bar .social-btns .soc-btn {

    width: 20px;

    height: 19px;

    display: inline-block;

    columns: #FFF;

    text-decoration: none;

}

header.inner .bottom-bar .social-btns .soc-btn i {

    font-size: 1.3em;

    color: #FFF;

}

header.inner .bottom-bar .login-btns {

    white-space: nowrap;

    float: left;



}

header.inner .bottom-bar .login-btns .log-btn {

    display: inline-block;

    color:#FFF;

    float: left;

    font-weight: 300;

    font-size: 0.9em;



    text-decoration: none;



}

header.inner .bottom-bar .login-btns .log-btn span {

    position: relative;

    top: -7px;

    margin-right: 3px;

}

header.inner .bottom-bar .login-btns .log-btn.icwrp-b span {

    position: relative;

    top: -1px;

    margin-right: 3px;

}

header.inner .bottom-bar .login-btns .log-btn i {

    font-size: 1.65em;

    color: #FFF;

}

header.inner .bottom-bar .login-btns .log-btn .icwrp {

    width: 19px;

    height: 19px;

    border-radius: 2px;

    border: 1px solid #FFF;

    text-align: center;

    display: inline-block;

}

header.inner .bottom-bar .sdiv {

    border-right: 1px solid #fe6767;

    height: 16px;

    display: inline-block;

    float: left;

    margin: 0 15px;

    position: relative;

    top: 2px;

}

header.inner .bottom-bar .login-btns .log-btn .icwrp i {

    font-size: 0.8em;

    color: #FFF;

    position: relative;

    top: 1px;



}



/* Home Search Section */

section.home-search {

    padding: 20px 0;

    padding-top: 80px;



}

section.home-search .title {

    text-align: center;

    direction: rtl;

    font-weight: 500;

    font-size: 1.1em;

    margin-bottom: 15px;

}

section.home-search .small {

    color: #666;

    text-align: center;

    direction: rtl;

    font-weight: 300;

    font-size: 0.9em;

    margin-bottom: 25px;

}

section.home-search .home-search-box {

    width: 100%;

    float: left;

}

section.home-search .home-search-box div.inps {

    width: calc(100% - 70px);

    height: 40px;

    float: right;

    border: 1px solid #333;

    border-left: none;

}

section.home-search .home-search-box .search-btn {

    width: 70px;

    height: 40px;

    float: left;

    border: none;

    background-color: #ff4544;

    color: #FFF;

}

section.home-search .home-search-box .inp-text {



    width: calc(100% - 200px);

    float: right;

    position: relative;

}

section.home-search .home-search-box .inp-text:after {

    content: 'جستجو';

    position: absolute;

    top: -9px;

    right: 10px;

    background-color: #FFF;

    font-size: 0.8em;

    padding: 0 10px;

    white-space: nowrap;

}

section.home-search .home-search-box .inp-text input {

    width: 100%;

    border: none;

    height: 38px;



}

section.home-search .home-search-box .inp-select {

    border: none;

    height: 38px;

    width: 200px;

    float: right;

    border-right: 1px solid #e5e5e5;

    position: relative;

    white-space: nowrap;



}

section.home-search .home-search-box .inp-select:after {

    content: 'دسته بندی';

    position: absolute;

    top: -9px;

    right: 10px;

    background-color: #FFF;

    font-size: 0.8em;

    padding: 0 10px;

}

section.home-search .home-search-box .inp-select:before {

    content: '\e90e';

    font-family: 'icomoon';

    width: 20px;

    height: 36px;

    background-color: #FFF;

    position: absolute;

    top: 1px;

    left: 0;

    padding-top: 13px;

    font-size: 0.7em;

    text-align: center;

    pointer-events: none;



}

section.home-search .home-search-box .inp-select select {

    width: 100%;

    border: none;

    height: 38px;

    background-color: #FFF;

}

@media only screen and (min-width: 768px) {

    .nav.navbar-nav {

        float: left;

    }

}

@media only screen and (max-width: 768px) {
    header.home .show-scroler {
    bottom: 280px;
    top: auto;
}
    .dropdown-menu>li>a {
        color:#FFF;
    }
    .nav-link span.cater-ico {
        display:inline-block;
    }
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 40px 5px 15px;
}
    .navbar-collapse {

        background-color: rgba(241, 49, 57, 0.9);

        text-align: right;

    }
    .motioned .navbar-collapse {

        background-color: transparent;

    

    }

    section.home-search .home-search-box .inp-text {

        width: calc(100% - 120px);

    }

    section.home-search .home-search-box .inp-select {

        width: 120px;

        background-color: #FFF;

    }

}



/* Courses Section */

section.courses {

    padding: 80px 0;

    min-height: 300px;

}

section.courses .course {

    position: relative;

    margin-bottom: 22px;

}

section.courses .course.no-m-b {

    margin-bottom: 0;

}

section.courses .course .image-frame {

    width: 100%;

}

section.courses .course .image-frame .image {

    width: 100%;

}

section.courses .course .info {

    width: 100%;

    height: auto;

    padding: 10px;

    position: relative;

    bottom: 0;

    left: 0;

    background-color: rgba(255,255,255,0.79);



}

section.courses .course .info:after {

    content: '';

    width: 8px;

    height: 8px;

    background-color: #ff4544;

    position: absolute;

    left: 10px;

    top: 0;

    bottom: 0;

    margin: auto;



}

section.courses .course .info .title {

    font-size: 1.1em;

    color: #000;

    padding: 0;

    margin: 0;
height: 40px;
overflow: hidden;



}

section.courses .course .info ul {

    margin-bottom: 0;

}

section.courses .course .info ul li {

    display: inline-block;

    clear: none;

    font-size: 0.9em;

}

section.courses .course .info ul li:after {

    content: ' | ';

    margin: 0 5px;

}

section.courses .course .info ul li:last-child:after {

    display: none;

}

section.courses .course .info ul li .prc ,

section.courses .course .info ul li > a {

    color: #f13332;

    text-decoration: none;

}

section.courses .course .info ul li > i {

    position: relative;

    top: 2px;

}

section.courses .courses-summary {

    padding: 15px 15px;

    background-color: #Fafafa;

    overflow: auto;

    margin-top: 15px;

}

section.courses .courses-summary .crs-sum {

    width: 33%;

    float: right;

    border-left: 4px solid #ebebeb;

    padding-right: 40px;

}

section.courses .courses-summary .crs-sum:last-child {

    border-left: none;

}

section.courses .courses-message {

    padding: 15px 30px;

    padding-top: 35px;

    position: relative;

    width: 100% ;

}

section.courses .courses-message:before {

    content: '';

    width: 70px;

    height: 5px;

    background-color: #000;

    position: absolute;

    right: 0;

    top: 15px;

}

section.courses .courses-message:after {

    content: '';

    width: 5px;

    height: 40px;

    background-color: #000;

    position: absolute;

    right: 0;

    top: 15px;

}

section.courses .oth-side-br:before {

    content: '';

    width: 70px;

    height: 5px;

    background-color: #000;

    position: absolute;

    left:  0;

    bottom: 0;

}

section.courses .oth-side-br:after {

    content: '';

    width: 5px;

    height: 40px;

    background-color: #000;

    position: absolute;

    left: 0;

    bottom: 0;

}

section.courses .courses-btns {

    width: 100%;

    text-align: left;

    padding-top: 15px;

}

section.courses .courses-btns .def-btn-1 {

    display: inline-block;

    width: auto;

    height: 35px;

    background-color:#ff4644;

    padding: 6px 10px 0 10px;

    color: #FFF;

    text-decoration: none;



}

section.courses .courses-btns .def-btn-2 {

    display: inline-block;

    width: auto;

    height: 35px;

    background-color:#000;

    padding: 6px 10px 0 10px;

    color: #FFF;

    text-decoration: none;

    margin-right: 15px;



}



/* Events Section */

section.events {

    padding: 80px 0;

    min-height: 300px;

    background-color: #eee;

}

section.events .event-box {

    width: 100%;

    border: 1px solid #868686;

    margin-bottom: 30px;



}

section.events .event-box .info {

    padding: 15px;

}

section.events .event-box .info .title {

    font-size: 1.2em;

    color: #000;

    padding: 0;

    margin: 0;

    margin-bottom: 15px;



}

section.events .event-box .info ul {

}

section.events .event-box .info ul li {

    display: inline-block;

    clear: none;

    font-size: 0.9em;

}

section.events .event-box .info ul li:after {

    content: ' | ';

    margin: 0 5px;

}

section.events .event-box .info ul li:last-child:after {

    display: none;

}

section.events .event-box .info ul li .prc ,

section.events .event-box .info ul li > a {

    color: #f13332;

    text-decoration: none;

}

section.events .event-box .info ul li > i {

    position: relative;

    top: 2px;

}

section.events .event-box .image-frame {

    padding: 10px;

    padding-right: 0;

}

section.events .event-box .image-frame .image {

    width: 100%;





}

section.events .event-box .image-frame.gr .image {



    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */

    filter: gray; /* IE6-9 */

    -webkit-filter: grayscale(100%);

    -webkit-transition:  0.5s; /* Safari prior 6.1 */



}

section.events .event-box:hover .image-frame.gr .image {

    filter: none;

    -webkit-filter: grayscale(0%);

}

section.events .events-btns {

    width: 100%;

    text-align: left;

    padding-top: 15px;

}

section.events .events-btns .def-btn-1 {

    display: inline-block;

    width: auto;

    height: 35px;

    border: 1px solid #f13333;

    padding: 6px 15px 0 15px;

    color: #000;

    text-decoration: none;



}



/* Home Circle Section */

section.home-circle {
    background-color: #000;
    position: relative;
    overflow: hidden;
    min-height: 60vh;
}

section.home-circle .section-data {

    position: relative;

    z-index: 3;

    text-align: center;

    padding-top: 20px;

}

section.home-circle .section-data .logo {

    width: 80%;

    max-width: 280px;

    margin-bottom: 30px;

}

section.home-circle .section-data .text {



    color: #FFF;

    line-height: 150%;

    padding: 0 15px;

    direction: rtl;

    text-align: justify;

}

section.home-circle .home-circle-bg-2 {

    width: 10000px;

    height: 600px;

    position: absolute;

    left: -9000px;

    top: 0;

    bottom: 0;

    z-index: 2;

    opacity: 0.2;

}

section.home-circle .home-circle-bg-1 {

    width: 500px;

    position: absolute;

    left: calc(50% - 250px);

    top: 0;

    z-index: 2;

}

section.home-circle .home-circle-canvas {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;



    top: 0;



}

section.home-circle .circles {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

section.home-circle .circle-1 {

    width:630px;

    height:630px;

    position: absolute;

    left: calc(50% - 315px);

    top: -130px;

}

section.home-circle .circle-1 svg.circle {

    width: 100%;

    height: 100%;

}

section.home-circle .circle-1 svg.circle circle {

    fill: transparent;

    stroke-width: 0.5;

    stroke-dasharray: 0.05,2;

    stroke: #777;

    stroke-linecap: round;

}

section.home-circle .circle-2 {

    width: 750px;

    height: 750px;

    position: absolute;

    left: calc(50% - 375px);

    top: -188px;
}
.animatedPath {

    stroke-dasharray: 5px;
    -moz-animation: dash 16s linear infinite;
    -o-animation: dash 16s linear infinite;
    -webkit-animation: dash 16s linear infinite;
    animation: dash 16s linear infinite;

}
section.home-circle .circle-2 svg.circle {

    width: 100%;

    height: 100%;

}

section.home-circle .circle-2 svg.circle circle {

    fill: transparent;

    stroke-width: 0.3px;

    stroke-dasharray: 0.08,2;

    stroke: #777;

    stroke-linecap: round;

}

section.home-circle .circle-3 {

    width: 900px;

    height: 900px;

    position: absolute;

    left: calc(50% - 450px);

    margin: auto;

    top: -277px;

}

section.home-circle .circle-3 svg.circle {

    width: 100%;

    height: 100%;

}

section.home-circle .circle-3 svg.circle circle {

    fill: transparent;

    stroke-width: 0.2px;

    stroke-dasharray: 0.04,1.9;

    stroke: #9e9797;

    stroke-linecap: round;

}



/* Home NewsLetter */

section.home-newsletter {

    padding: 20px 0;

    padding-top: 80px;

    padding-bottom: 100px;



}

section.home-newsletter .title {

    text-align: center;

    direction: rtl;

    font-weight: 500;

    font-size: 1.1em;

    margin-bottom: 15px;

}

section.home-newsletter .small {

    color: #666;

    text-align: center;

    direction: rtl;

    font-weight: 300;

    font-size: 0.9em;

    margin-bottom: 25px;

}

section.home-newsletter .home-newsletter-box {

    width: 100%;

    float: left;

}

section.home-newsletter .home-newsletter-box div.inps {

    width: calc(100% - 70px);

    height: 40px;

    float: right;

    border: 1px solid #333;

    border-left: none;



}

section.home-newsletter .home-newsletter-box .search-btn {

    width: 70px;

    height: 40px;

    float: left;

    border: none;

    background-color: #ff4544;

    color: #FFF;

}

section.home-newsletter .home-newsletter-box .inp-text {



    width: 100% ;

    float: right;

    position: relative;



}

section.home-newsletter .home-newsletter-box .inp-text:after {

    content: 'ایمیل شما ';

    position: absolute;

    top: -9px;

    right: 10px;

    background-color: #FFF;

    font-size: 0.8em;

    padding: 0 10px;

    white-space: nowrap;

}

section.home-newsletter .home-newsletter-box .inp-text input {

    width: 100%;

    border: none;

    height: 38px;

    padding-right: 10px;

    direction: ltr;

    text-align: right;

}





/* Home Steps Section */

section.home-steps {

    min-height: 300px;

}



/* Footer */

footer {

    background-color: #191a1e ;

    min-height: 500px;

    background-image: url("../image/footer-bg-left.png"),url("../image/footer-bg-right.png");

    background-position: left center,right center;

    background-repeat: no-repeat,no-repeat;

    background-size: auto 100%,auto 100%;

    padding-top: 60px;

}

footer .floor {

    margin-bottom: 30px;

}

footer .footer-col-title {

    color: #FFF;

    font-size: 1.1em;

    text-align: right;

    margin-bottom: 20px;

}



footer .course-list {

    overflow: auto;

    padding-left: 10px;

}

footer .course-list .course {

    width: 100%;

    margin-bottom: 15px;

    float: right;

}

footer .course-list .course .image-frame {

    width: 80px;

    float: right;

}

footer .course-list .course .image-frame .image {

    width: 100%;

}

footer .course-list .course > .info {

    width: calc(100% - 90px);



    float: left;

}

footer .course-list .course > .info  .title {

    margin: 0;

    padding: 0;

    padding-top: 10px;

    font-size: 1em;

    text-align: right;

    margin-bottom: 10px;



}

footer .course-list .course > .info  .title a {

    color:#FFF;

    text-decoration: none;

}

footer .course-list .course > .info  .date {

    font-size: 0.9em;



}

footer .course-list .course > .info  .date a {

    color:#777777;

    text-decoration: none;

}



footer .links {
	font-size: 14px;
	letter-spacing: -0.5px;
    padding-top: 8px;
    padding-left: 10px;
}

footer .links > ul {

}

footer .links >  li {

    margin-bottom: 10px;

}

footer .links > li > a {

    color:#ccc;

    text-decoration: none;

}

footer .links > li > a:hover {

    color:#eee;



}



footer .footer-form {

}

footer .footer-form .inp-email {
	color: #ccc;
    width: 100%;
	font-size: 13px;
    height: 35px;

    border:1px solid #333333;

    background-color: #202124;

    margin-bottom: 15px;

    padding-right:10px;

    direction: ltr;

    text-align: right;



}

footer .footer-form .inp-area {
	color: #ccc;
    width: 100%;
	font-size: 13px;
    border:1px solid #333333;

    background-color: #202124;

    padding-top:5px;

    padding-right:10px;

    direction: rtl;

    text-align: right;

    margin-bottom: 15px;

}

footer .footer-form .inp-submit {

    background-color: #191a1e;

    border:1px solid #333333;

    height: 35px;

    color: #cccccc;

}



footer .footer-lined {

    border-top: 1px dashed #d3d3d3;

    position: relative;
    margin-bottom: 20px;
    padding-top: 30px;

    text-align: center;

}

footer .footer-lined:before {

    content: '';

    width: 14px;

    height: 14px;

    border-radius: 100%;

    background-color: #ff4544;

    position: absolute;

    top: -7px;

    left: 0;

    right: 0;

    margin: auto;

}

footer .footer-lined i {

    font-size: 2.5em;

    color: #ff4544;

    display: block;

    margin-bottom: 15px;

}

footer .footer-lined .title {

    color: #FFF;

    font-size: 1em;

    margin-bottom: 15px;

}

footer .footer-lined .value {

    display: block;

    font-size: 0.9em;



}

footer .footer-lined .value a {



    color: #ccc;

    text-decoration: none;

}



footer .floor-cp {

    padding: 15px 0;

    border-top: 1px solid #383838;

    color: #666666;

    margin-bottom: 0;

}

footer .copyright {

    text-align: right;

}

footer .develop a {

    color:#ff4544;

    text-decoration: none;

}

footer .develop {
    text-align: left;
	font-size: 13px;
}



/* Contact Us */

section.contact-us {

    padding-top: 50px;

}

section.contact-us .contact-title {

    margin-bottom: 50px;

}

section.contact-us .con-row-bordered {

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 1px solid #e6e6e6;

}

section.contact-us .con-col-bordered {


    border-left: 1px solid #e6e6e6;

}

section.contact-us .box-con-icon {

    padding-right: 50px;

    position: relative;

    margin-bottom: 10px;

}

section.contact-us .box-con-icon:after {

    font-family: 'icomoon';

    width: 40px;

    height: 36px;

    text-align: right;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    right: 0;

    font-size: 1.8em;

}

section.contact-us .box-con-icon.phone:after {

    content: '\e904';

}

section.contact-us .box-con-icon.fax:after {

    content: '\e90f';

}

section.contact-us .box-con-icon.email:after {

    content: '\e900';

}

section.contact-us .box-con-icon.clock:after {

    content: '\e905';

}

section.contact-us .box-con-icon.address:after {

    content: '\e903';

}

section.contact-us .box-con-icon > li {

    font-size: 1.1em;

    margin-bottom: 10px;

}

section.contact-us .con-form {

    border: 1px solid #ff4644;

    margin: 50px 0;

    position: relative;



}

section.contact-us .con-form legend {

    width: auto;

    border-bottom: none;

    padding-right: 10px;

    padding-left: 10px;

    margin-right: 10px;

    margin-bottom: 0;

    position: relative;

    font-size: 1em;

    color: #ff4644;

    font-weight: 500;

}

section.contact-us .con-form .con-form-elements {

    padding-top: 5px;

    padding: 30px 60px;

}

section.contact-us .con-form .con-form-elements .form-control {
font-size: 12px !important;
padding: 6px 0px 6px 0 !important;
    border-radius: 0;

    border: 0;

    border-bottom: 1px solid #000000;

    outline: none;

    box-shadow: none;

    margin-bottom: 20px;



}

section.contact-us .con-form  .fs-btn-on-bor {

    height: 35px;

    border: none;

    background-color: #ff4644;

    position: absolute;

    bottom: -20px;

    left: 60px;

    padding-left: 15px;

    padding-right: 15px;

    color: #FFF;

}

section.contact-us .con-map-box {

    width: 100%;

    padding: 15px;

    border: 1px solid #000;

    margin-bottom: 50px;

}

section.contact-us .con-map-box img {

    width: 100%;

}



/* About Us */

section.about-us {

    padding-top: 50px;

}

section.about-us .about-title {

    margin-bottom: 50px;

}

section.about-us .about-title.w-s {

    margin-bottom: 20px;

}

section.about-us .about-sub-title {

    color: #7d7d7d;

    font-size: 1.1em;

    margin-bottom: 30px;

}

section.about-us .about-text {

    margin-bottom: 50px;

    text-align: justify;

    direction: rtl;

    line-height: 150%;

    font-weight: 400;

}

section.about-us .image-side {

    margin-bottom: 100px;



}

section.about-us .image-frame {

    width: 70%;



    float: left;



}

section.about-us .image-frame:before {

    content: '';

    width: 50%;

    height: 120%;

    position: absolute;

    top: -10%;

    left: -5%;

    background-color: #efefef;

}

section.about-us .image-frame .image {

    width: 100%;

    position: relative;

    z-index: 2;







}



/* Cources */

section.cource-search {

    padding: 30px 0;

    background-color: #ff4544 ;

    margin-bottom: 80px;

}

section.cource-search .course-title {

    font-size: 1.5em;

    color: #FFF;

    text-align: center;

    font-weight: 300;

    position: relative;

    margin-bottom: 80px;

}

section.cource-search .course-title:after {

    content: '';

    width: 1px ;

    background-color: #FFF;

    left: 0;

    right: 0;

    bottom: -65px;

    position: absolute;

    margin: auto;

    height: 40px;

}

section.cource-search .course-bcr {

    width: 100%;

    text-align: center;

}

section.cource-search .course-bcr > li {

    display: inline-block;

}

section.cource-search .course-bcr > li:after {

    font-family: 'icomoon';

    content: '\e910';

    color: #FFF;

    font-size: 0.8em;

    position: relative;

    top: 2px;

    margin-right: 7px;

}

section.cource-search .course-bcr > li:last-child:after {

    display: none;

}

section.cource-search .course-bcr > li > a {

    color: #FFF;

    text-decoration: none;

}

section.cource-search .course-search {

    width: 100%;

    padding: 15px 0;

    padding-bottom: 0;

    background-color: rgba(0,0,0,0.8);

    position: relative;

    top: 5px;



}

section.cource-search .crs-srch-select-frm {

    width: 100%;

    position: relative;

    margin-bottom: 13px;

}

section.cource-search .crs-srch-select-frm:after {

    font-family: 'icomoon';

    width: 20px;

    font-size: 0.7em;

    content: '\e911';

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-color: #FFF;

    text-align: center;

    padding-top: 12px;

    pointer-events: none;

}

.asf3233g22g3 {
    direction: rtl;
}
.asf3233g22g3 .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px;
}
.asf3233g22g3 .select2-container--default .select2-selection--single {
    height: 35px;
    border-radius: 0;
    padding-top: 3px;
}
.asf3233g22g3 .crs-srch-select-frm:after {
    display: none !important;

}

section.cource-search .crs-srch-select-frm select{

    width: 100%;

    border: none;

    background-color: #FFF;

    height: 35px;

}

section.cource-search .crs-srch-sepa:first-child {

    padding-right: 10px;

}

section.cource-search .crs-srch-sepa:last-child {

    padding-left: 10px;

}

section.cource-search .crs-srch-sepa {

    padding-left: 5px;

    padding-right: 5px;

}

section.cource-search .crs-srch-select-btn {

    width: 100%;

    position: relative;

    height: 35px;

    background-color: #f84443;

    color: #FFF;

    border: none;

    margin-bottom: 15px;

}

@media (max-width: 768px) {

    section.cource-search .course-search-wp {

        margin-bottom: 143px

    }

    section.cource-search .crs-srch-sepa:first-child {

         padding-right: 15px;

    }

    section.cource-search .crs-srch-sepa:last-child {

        padding-left: 15px;

    }

    section.cource-search .crs-srch-sepa{

        padding-left: 15px;

        padding-right: 15px;

    }

}



section.courses-list {

}

section.courses-list .course-item {

    width: 100%;

    background-color: #f6f6f6;

    padding: 0 15px 45px 15px;

    border-bottom: 2px solid #fc3532;

    position: relative;

    margin-bottom: 50px;

}

section.courses-list .course-item .btn-frm-crs-on-brd {

    width: 100px;

    height: 30px;

    background-color: #fc3532;

    position: absolute;

    bottom: -15px;

    left: 0;

    right: 0;

    margin: auto;

    text-align: center;

    color: #FFF;

    text-decoration: none;

    padding-top: 3px;



}

section.courses-list .course-item .image-frame {

    width: 100%;

}

section.courses-list .course-item .image-frame .image {

    width: 100%;

    position: relative;

    top: -15px;

}

section.courses-list .course-item .crs-title {

    font-size: 1em;

    border-bottom: 1px solid #e2e2e2;

    padding-bottom: 15px;

    margin: 0;

    margin-top: 0px;

    margin-bottom: 10px;
    height: 50px;
    line-height: 22px;
}

section.courses-list .course-item .crs-title a {

    text-decoration: none;

    color: #333;



}

section.courses-list .course-item .data-m {

}

section.courses-list .course-item .data-m span {

    width: auto;

    display: inline-block;

    font-size: 0.9em;

}

section.courses-list .course-item .data-m span:after {

    content: '|';

    color: #6c6c6c;

    margin: 0 5px;

}

section.courses-list .course-item .data-m span:last-child:after {

    display: none;

}

section.courses-list .course-item .data-h {

    color: #6c6c6c;

    display: block;

    font-size: 0.9em;

    margin-top: 5px;

}

section.courses-list .course-item .data-h a {

    text-decoration: none;

}

section.courses-list .course-item .stat {

    border-top: 1px solid  #e2e2e2;

    padding-top: 10px;

    margin-top: 15px;

}

section.courses-list .course-item .stat i {

    font-size: 1.2em;

    position: relative;

    top: 4px;

}

/* Cources Show */

section.course-show {

    padding: 60px 0;

}

section.course-show .teacher-box {

    padding: 30px 0;

    background-color: #f6f6f6;

    border-bottom: 2px solid #000;

    margin-bottom: 30px;

}

section.course-show .teacher-box .image-frame-wp {

    text-align: center;

    margin-bottom: 15px;

}

section.course-show .teacher-box .image-frame-wp .image-frame {

    width: 90px;

    height: 90px;

    border-radius: 100%;

    border: 1px solid #000;

    overflow: hidden;

    display: inline-block;

}

section.course-show .teacher-box .image-frame-wp .image-frame .image {

    width: 90px;

    min-width: 90px;

    min-height: 90px;



}

section.course-show .teacher-box .name {

    font-size: 1.2em;

    color: #2d3e50;

    margin-bottom: 5px;

    font-weight: bold;

    text-align: center;

}

section.course-show .teacher-box .position {

    width: 100%;

    font-size: 1.2em;

    font-weight: 300;

    text-align: center;

    color: #000;

    margin-bottom: 20px;

}

section.course-show .teacher-box .bio {

    width: 100%;

    font-size: 1em;

    font-weight: 300;

    padding: 0 20px;

    text-align: justify;

    direction: rtl;

    color: #666;

    margin-bottom: 30px;

}

section.course-show .socials {

    text-align: center;

}

section.course-show .socials .btn-soc {

    display: inline-block;

    width: 30px;

    height: 30px;

    border-radius: 100%;

    border: 1px solid #2a3f50;

    text-align: center;

    padding-top: 7px;

    margin: 0 2px;

}

section.course-show .socials .btn-soc i {

    color: #2a3f50;

    font-size: 1.1em;

}

section.course-show .socials {

    text-align: center;

}

section.course-show .stats-row {

    margin-bottom: 20px;

}

section.course-show .stats-row .st-bx-wp {

    width: calc(25% - 20px);

    float: right;

    margin-left: 20px;

    text-align: center;

    color: #b3b2ae;

    font-size: 0.9em;

}

section.course-show .stats-row .st-bx-wp:last-child {

    margin-left: 0;

}

section.course-show .stats-row .st-bx-wp span {

    display: block;

}

section.course-show .stats-row .st-bx-wp .st-bx {

    width: 100%;

    height: 40px;

    background-color: #0d0d0d;

    border: 2px solid #fc4444;

    color: #FFF;

    font-size: 1.2em;

    padding-top: 7px;

    padding-bottom: 5px;

    margin-bottom: 5px;

}

section.course-show .text {

    text-align: justify;

    direction: rtl;

}

section.course-show .course-det-head {

    background-color: #f6f6f6;

    border-bottom: 2px solid #000;

    margin-bottom: 30px;

    padding: 30px 0;

}

section.course-show .course-det-head .image-wp {

}

section.course-show .course-det-head .image-wp .image-frame {

}

section.course-show .course-det-head .image-wp .image-frame .image {

    width: 100%;

    position: relative;

    right: -15px;



}

section.course-show .course-det-head .data-wp {

    position: relative;

}

section.course-show .course-det-head .data-wp .title  {

    font-size: 1.2em;

    margin: 0;

    margin-bottom: 30px;

}

section.course-show .course-det-head .data-wp .title strong {

    display: inline-block;

    position: relative;

    padding-left: 15px;

}

section.course-show .course-det-head .data-wp .title strong:before {

    content: '';

    width: 100%;

    height: 2px;

    background-color: #ff4544;

    position: absolute;

    bottom: -10px;





}

section.course-show .course-det-head .data-wp .teacher  {

    font-size: 0.9em;

    color: #777;

}

section.course-show .course-det-head .data-wp .teacher a  {

    color: #777;

    text-decoration: none;

}

section.course-show .course-det-head .data-wp .summary {



    text-decoration: none;

    padding-left: 40px;

    text-align: justify;

    direction: rtl;

    margin-bottom: 50px;

}

section .crs-sh-box .tt {

    position: absolute;

    background-color: #FFF;

    top: -14px;

    right: 20px;

    padding: 0 15px;

}

section .crs-sh-box {

    position: relative;

    padding: 50px 5px 0 5px;



    border: 1px solid #fc3532;

}

section.course-show .course-det-head .data-wp .bottom-data {

}

section.course-show .course-content {

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 2px solid #e2e2e2    ;

}

section.course-show .course-title {

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 2px solid #e2e2e2    ;

}

    /* News Cat */

section.news-cat {

    padding: 60px 0;

}

section.news-cat .news-cat-page-name {

    font-size: 1.1em;

    font-weight: 500;

    margin-bottom: 20px;

}

section.news-cat .news-cat-page-name i {

    font-size: 0.8em;

    position: relative;

    top: 2px;

}

section.news-cat .nc-side-bar {

    padding: 10px;

    border: 1px solid #c9c9c9;

    margin-bottom: 15px;



}

section.news-cat .nc-side-bar .ncsb-a-d {

    padding: 10px 0;

    text-align: center;

    border: 1px solid #c9c9c9;

    margin-bottom: 10px;

}

section.news-cat .nc-side-bar .ncsb-a-d-bx {

    margin-bottom: 5px;

}

section.news-cat .nc-side-bar .ncsb-a-d-bx .a-d-b-img {

    width: 100%;

}





section.news-cat .latest-news {

}



section.news-cat .latest-news .latest-news-item-wp:first-child {

    padding-left: 2px;

}

section.news-cat .latest-news .latest-news-item-wp:last-child {

    padding-right: 2px;

}

section.news-cat .latest-news .latest-news-item {

    position: relative;

    margin-bottom: 30px;

}

section.news-cat .latest-news .latest-news-item .image {

    width: 100% ;

}

section.news-cat .latest-news .latest-news-item .hovered {
    width: 100% ;
    height: auto;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    text-decoration: none;
    padding: 10px;
}

section.news-cat .latest-news .latest-news-item .hovered .sub-title {

    font-size: 0.8em;
    color: #eee;
    margin: 0;
    margin-bottom: 10px;
	font-weight: 300;
}

section.news-cat .latest-news .latest-news-item .hovered .sub-title strong {

    font-weight: 300;

}

section.news-cat .latest-news .latest-news-item .hovered .title {

    font-size: 1em;
    color: #FFF;
    margin: 0;
	font-weight: 300;
}



section.news-cat .news-box-title {

    position: relative;

    margin-bottom: 30px;

}

section.news-cat .news-box-title .txt {

    position: relative;

    display: inline-block;

    font-weight: 500;

    font-size: 1.1em;

    background-color: #FFF;
	color:#fe4543;
    padding-left: 15px;

    top: -2px;

    z-index: 2;



}

section.news-cat .news-box-title:after {

    content: '';

    width: 100%;

    height: 1px;

    background-color:  #fe4543;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    left: 0;

}



section.news-cat .news-list {

}

section.news-cat .news-list article.news-item {

    padding-bottom: 30px;

    margin-bottom: 30px ;

    border-bottom: 1px dotted #bebebe ;

}

section.news-cat .news-list article.news-item a {

    text-decoration: none;

}

section.news-cat .news-list article.news-item .image-frame {

    width: 100%;

}

section.news-cat .news-list article.news-item .image-frame .image {

    width: 100%;

}

section.news-cat .news-list article.news-item .info {

}

section.news-cat .news-list article.news-item .info .sub-title {

    font-size: 0.9em;
    margin: 0;
    margin-bottom: 10px;
}

section.news-cat .news-list article.news-item .info .sub-title strong {

    font-weight: 300;

}

section.news-cat .news-list article.news-item .info .sub-title a {

    color: #808a94;

}

section.news-cat .news-list article.news-item .info .title {

    font-size: 1.1em;

    margin: 0;

    margin-bottom: 10px;

}

section.news-cat .news-list article.news-item .info .title a {

    color: #000;

}

section.news-cat .news-list article.news-item .info .summary {

    font-size: 1em;

    color: #FFF;

    margin: 0;

    margin-bottom: 10px;

}

section.news-cat .news-list article.news-item .info .summary a {

    color: #000;

}

section.news-cat .news-list article.news-item .info .summary strong{

    font-weight: 300;

}

section.news-cat .news-list article.news-item .icons-data {

}

section.news-cat .news-list article.news-item .icons-data .item {
    text-align: right;
    color: #999;
}
section.news-cat .news-list article.news-item .icons-data .item .icon-clock{float: right;margin: 3px 0 0 6px;}
section.news-cat .news-list article.news-item .icons-data .item span{font-size:12px;}


/* News Show */

section.news-cat .nc-side-bar.gray {

    background-color: #f6f6f6;

}

section.news-cat .nc-side-bar.gray .ncsb-a-d {

    border: 2px solid #fe4543;

    margin-bottom: 20px;

}

section.news-cat .nc-side-bar.gray .side-news-items {

}



section.news-cat .nc-side-bar.gray .side-news-items .item {

    margin-bottom: 20px;

}

section.news-cat .nc-side-bar.gray .side-news-items .item .image-frame {

    width: 70px;

    float: right;

}

section.news-cat .nc-side-bar.gray .side-news-items .item .image-frame .image {

    width: 100%;

}

section.news-cat .nc-side-bar.gray .side-news-items .item:hover .image-frame .image {

    border: 2px solid #f6cc20;

}

section.news-cat .nc-side-bar.gray .side-news-items .item .info {

    width: calc(100% - 80px);

    float: left;

}

section.news-cat .nc-side-bar.gray .side-news-items .item .info .title {

    font-size: 0.9em;

    margin: 0;

}

section.news-cat .nc-side-bar.gray .side-news-items .item .info .title strong {

    font-weight: 300;

    line-height: 150%;

}

section.news-cat .nc-side-bar.gray .side-news-items .item .info .title a {

    text-decoration: none;

    color: #787b80;

}

section.news-cat .nc-side-bar.gray .side-news-items .item:hover .info .title a {

    color:#f4c72c;

}

section.news-cat .nc-side-bar.gray .side-news-items .item .info .date {

    color:#787b80;

    font-size: 0.8em;

}

section.news-cat .nc-side-bar.gray .side-news-items .item:hover .info .date {

    color:#f4c72c;

}

section .news-btn-side.red {

    border: none;

    background-color: #ff4644;

    color: #FFF;

}

section .news-btn-side {

    width: 100%;

    display: inline-block;

    border: 2px solid #000000;

    color:#000000;

    padding: 10px 0;

    text-align: center;

    margin-bottom: 15px;

    text-decoration: none;

}



section.news-cat .news-show {

}

section.news-cat .news-show .sub-title {

    font-size: 1em;

    margin: 0;

    margin-bottom: 10px;

}

section.news-cat .news-show .sub-title strong{

    font-weight: 300;

}

section.news-cat .news-show .title {

    font-size: 1.2em;

    margin: 0;

    margin-bottom: 15px;

}
.insta-share{position:relative;top: -2px;margin-left: 10px;color:#ff4644}
section.news-cat .news-show .image-frame {
    border: 1px solid #c9c9c9;
    padding: 10px;
    margin-bottom: 10px;
}
section.news-cat .news-show .image-frame .image {
    width: 100%;
}
section.news-cat .news-show .share-box {
    border: 1px solid #c9c9c9;
    background-color: #eeeeee;
    margin-bottom: 15px;
    padding: 5px 5px 0px 5px;
}
section.news-cat .news-show .description img {
    width: 100%;
    margin: 10px 0;
}
section.news-cat .news-show .share-box .date-time .item {

    display: inline-block;

    font-size: 0.9em;



}

section.news-cat .news-show .share-box .date-time .item:after {

    content: '|';

    margin: 0 5px;

}

section.news-cat .news-show .share-box .date-time .item:last-child:after {
    display: none;
}
        .social-share .mobile-social-share h3 {
            color: inherit;
            float: left;
            font-size: 15px;
            line-height: 20px;
            margin: 25px 25px 0 25px;
        }

        .social-share .share-group {
            float: right;

        }

        .social-share .btn-group {
            display: inline-block;
            font-size: 0;
            position: relative;
            vertical-align: middle;
            white-space: nowrap;
        }
		.social-share .btn-group a{color:#666}
        .social-share .mobile-social-share ul {
            float: right;
            list-style: none outside none;
            margin: 0;
            min-width: 38px !important;
            padding: 0;
        }

        .social-share .share {
            min-width: 17px;
        }

        .social-share .mobile-social-share li {
            display: block;
            font-size: 18px;
            list-style: none outside none;
            margin-bottom: 3px;
            margin-right: 4px;
            margin-top: 3px;
        }

        .social-share .btn-share {
            background-color: #BEBEBE;
            border-color: #CCCCCC;
            color: #333333;
        }

        .social-share .btn {
            width: 28px !important;
            padding: 2px 0px!important;;
            text-align: center!important;;
            font-size: 14px!important; ;
        }
        .social-share .btn i {
            position: relative;
            top: 2px;
        }
        .social-share .btn-twitter {
            background-color: #3399CC !important;
            width: 51px;
            color:#FFFFFF!important;
        }

        .social-share .btn-facebook {
            background-color: #3D5B96 !important;
            width: 51px;
            color:#FFFFFF!important;
        }

        .social-share .btn-facebook {
            background-color: #3D5B96 !important;
            width: 51px;
            color:#FFFFFF!important;
        }

        .social-share .btn-google {
            background-color: #DD3F34 !important;
            width: 51px;
            color:#FFFFFF!important;
        }

        .social-share .btn-linkedin {
            background-color: #1884BB !important;
            width: 51px;
            color:#FFFFFF!important;
        }

        .social-share .btn-pinterest {
            background-color: #CC1E2D !important;
            width: 51px;
            color:#FFFFFF!important;
        }

        .social-share .btn-mail {
            background-color: #FFC90E !important;
            width: 51px;
            color:#FFFFFF!important;
        }

        .social-share .caret {
            border-left: 4px solid rgba(0, 0, 0, 0);
            border-right: 4px solid rgba(0, 0, 0, 0);
            border-top: 4px solid;
            display: inline-block;
            height: 0;
            margin-left: 2px;
            vertical-align: middle;
            width: 0;
        }





        @media (max-width : 320px) {
            .social-share #socialHolder{
                padding-left:5px;
                padding-right:5px;
            }

            .social-share .mobile-social-share h3 {
                margin-left: 0;
                margin-right: 0;
            }



            .social-share .mobile-social-share h3 {
                font-size: 15px;
            }
        }

        @media (max-width : 238px) {
            .social-share .mobile-social-share h3 {
                font-size: 12px;
            }
        }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
cursor: default;
background-color:#fe4543;
border-color:    #fe4543;
}






.mag-item-l {
    border: 1px solid #d8d8d8;
    position: relative;
    margin-bottom: 30px;
}
.mag-item-l .bbtn {
    width: 100px;
    height: 30px;
    background-color: #fc3532;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    padding-top: 3px;
}
.mag-item-l .image-frame {
    border-bottom: 1px solid #d8d8d8;
}
.mag-item-l .image-frame img {
    width: 100%;
}
.mag-item-l .mag-name {
    padding: 0 10px;
    font-size: 1em;
    margin: 10px 0;
}
.mag-item-l .mag-date {
    padding: 0 10px;
    font-size: 0.9em;
    color: #666;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
}
.mag-item-l .mag-desc {
    padding:20px 10px;
    font-size: 0.9em;
    color: #333;
    line-height: 150%;


}
.mag-item-l .mag-price {

    padding: 10px 10px;
;
    font-size: 0.9em;
    color: #666;
    overflow: auto;
    box-sizing: content-box;
    height: 40px;

    border-top: 1px dotted #d8d8d8 ;
    font-weight: bold;

}
.mag-item-l .mag-price .lab {
    float: right;
    margin-left: 10px;
}
.mag-item-l .mag-price .num {
    float: right ;
    font-weight: 500;
    font-size: 1.2em;
    position: relative;
    top: -3px;
}


.crs-row-mode .course-title.ssas {
    font-weight: 500;
    padding-top: 20px;
}
.crs-row-mode {
    border: 1px solid #d8d8d8;
    border-bottom: 2px solid #000;

    margin-bottom: 30px;

}
.teacher-box-row-mode {
    padding: 30px 0;
    background-color: #f6f6f6;


}


.teacher-box-row-mode .image-frame-wp {
    text-align: center;
    margin-bottom: 15px;
}
.teacher-box-row-mode .image-frame-wp .image-frame {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    border: 1px solid #000;
    overflow: hidden;
    display: inline-block;
}
.teacher-box-row-mode .image-frame-wp .image-frame .image {
    width: 90px;
    min-width: 90px;
    min-height: 90px;

}
.teacher-box-row-mode .name {
    font-size: 1.2em;
    color: #2d3e50;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: center;
}
.teacher-box-row-mode .position {
    width: 100%;
    font-size: 1.2em;
    font-weight: 300;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
}
.teacher-box-row-mode .bio {
    width: 100%;
    font-size: 1em;
    font-weight: 300;
    padding: 0 20px;
    text-align: justify;
    direction: rtl;
    color: #666;
    margin-bottom: 30px;
}

.icon-whatsapp-logo-variant,.icon-telegram-1{font-size: 30px !important; display: inline-block !important;margin-bottom: 20px !important;}

.taged-list {
    padding: 10px 0;
}
.taged-list .tag-lnk {
    font-size: 0.8em;
    text-decoration: none;
}
.taged-list .tag-lab {
    font-size: 0.8em;
    font-weight: 500;
}
/*
Profile
 */
.profile-col-btns {
    background-color: #f6f6f6;
    border-bottom: 2px solid #000;
    margin-bottom: 30px;
}
.profile-col-btns li {
    background-color: transparent;
    border-bottom: 1px solid #d8d8d8;
}
.profile-col-btns li a {
    box-sizing: border-box;
    display: block;
    padding: 10px 0;
    padding-right: 40px;
    position: relative;
    color: #666;
    text-decoration: none;
}
.profile-col-btns li a i.ic {
    position: absolute;
    right: 10px;
    top:0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 22px;
    font-size: 18px;
    color: #666;

}
.profile-col-btns li a.active {
    background-color: #ececec;
}