/*navbar*/
.navbar {
    border-radius: 0;
    margin-bottom: 0;
}

.navbar-trans {
    background-color: rgba(255, 255, 255, 0.6);
    border: none;
    transition: top 1s ease;
}

.navbar-fixed-top {
    transition: all 0.5s;
}

.navbar-fixed-top {
    position: fixed;
    top: 0 !important;
    background-color: #294982 !important;
    color: black;
    padding: 5px 0 !important;
    height: 65px;
}

.navbar-down {
    transition: all 1.2s;
    padding: 4px 0;
    height: 65px;
}

.navbar-doublerow > .navbar {
    display: block;
    margin: 0px auto;
    min-height: 25px;
}

/*.navbar-doublerow .nav {
    padding: 0px auto;
}*/
/*.navbar-doublerow .dividline{
  margin: 5px 100px;
  padding-top: 1px;
  background-color: inherit;
}*/

.navbar-top {
    background: #294982;
    color: #000;
}

    .navbar-top i {
        color: #f1c40f;
        font-size: 16px;
        margin-left: 5px;
    }

.navbar-down {
    background-color: #f1c40f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #000;
}

.navbar-top a {
    color: #fff !important;
}

.navbar-doublerow .navbar-top ul > li > a {
    font-size: 13px;
    transition: all 0.5s;
}



.navbar-doublerow .navbar-down .navbar-brand {
    float: left;
    color: #fff;
    font-size: 32px;
}

.navbar-doublerow .navbar-down ul > li > a {
    font-size: 16px;
    color: #fff !important;
    transition: border-bottom .2s ease-in, transform .2s ease-in-out;
    transition: all 0.5s;
}

    .navbar-doublerow .navbar-down ul > li > a:hover, .navbar-doublerow .navbar-top ul > li > a:hover {
        color: #0061a1 !important;
    }

.navbar-doublerow .navbar-down .dropdown ul > li > a,
.navbar-doublerow .navbar-down .dropdown ul > li > a:hover {
    color: #000;
    border-bottom: none;
}

.navbar-doublerow.navbar-trans.afterscroll {
}
/*.navbar-doublerow.navbar-trans.afterscroll {
   top:-50px;
}*/

.flex-container {
    display: flex;
    justify-content: space-between;
}

.flex-item {
    margin: 0 auto;
}

.text-white, .text-white-hover:hover {
    color: #fff !important;
}

.light-grey {
    color: #000 !important;
    background-color: #E6E9ED !important;
}

/*.logo {
    margin-top: 26px;
    margin-bottom: 26px;
}*/

.phone {
    text-align: center;
}

    .phone:before {
        content: '\f095';
        color: #f1c40f;
        position: relative;
        top: 6px;
        margin-right: 10px;
        font-size: 40px;
        font-weight: 400;
        font-family: "FontAwesome";
    }

#cart strong {
    font-family: Yekan;
}

.cart {

    border: 1px solid #fff;
    text-align: center !important;
    margin: 0 0;
    border-radius: 5px;
    /* background-color: #f1c40f; */
    margin-top: 9px;
    position: relative;
    /* float: right; */
    width: 100%;
    padding: 0px 10px;
}
.cart.out-btn {
    border: 1px solid #fff;
    text-align: center !important;
    margin: 10px 0;
    border-radius: 5px;
    background-color: #f1c40f;
    margin-top: 9px;
    position: relative;
}

    .cart a {
        padding-top: 10px;
        color: #fff;
        display: inline-block;
        padding-bottom: 10px;
    }

    .cart > button {
        position: relative;
        background: transparent;
        border: 0;
        line-height: 46px;
        font-size: 12px;
        color: #fff;
        transition: all 0.5s;
    }

        .cart > button > i {
            display: inline-block;
            float: left;
            width: 10px;
            line-height: 46px;
            text-align: center;
            font-size: 30px;
            color: #fff;
            margin-right: 22px;
        }

        .cart > button i, .cart > button strong, .cart > button span {
            /*vertical-align: middle;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;*/
        }

.cart-total {
    text-transform: uppercase;
}

.cart-total3, .cart-total2 {
    display: none;
}

/*.cart > button:after {
    content: '\f0d7';
    margin-left: 4px;
    font-family: "FontAwesome";
    font-size: 13px;
    color: #BABABA;
}*/


/*.box-cart .dropdown-menu {
       
    right: 36px !important;
}*/
/*.login:hover #cart strong{
        color:#fff;
    }*/
.dropdown-menu i {
    margin-left: 5px;
    color: #d93128;
}

.navbar .dropdown-menu a {
    transition: all 0.5s;
}

    .navbar .dropdown-menu a:hover {
        padding-right: 25px;
    }

.navTopPdi .container-fluid {
    padding: 0;
}
/*end-navbar*/
/*login*/
.login a.button {
    position: absolute;
    left: 20px;
    top: 20px;
    height: auto;
    padding: .8rem 1.0rem;
    font-size: .8rem;
    line-height: normal;
    text-transform: uppercase;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    border-radius: 0;
    border: 1px solid #2D515C;
    text-decoration: none;
    color: #fff;
    background-color: transparent;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .login a.button:hover {
        border-color: #2D515C;
        color: #fff;
        padding: 1.0rem 3.2rem;
    }

@media only screen and (min-width: 22em) {
    .login a.button {
        padding: 1.0rem 2.8rem;
        font-size: 1.0rem;
    }
}

/* LOGIN */
.login .login {
    margin: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
}

/* WRAP */
.login .wrap {
    position: static;
    margin: auto;
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .login .wrap:after {
        content: "";
        display: table;
        clear: both;
    }

/* LOGO */
.login .logo {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    /*background: #4FC1B7;*/
}

    .login .logo img {
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 30px;
    }

    .login .logo a {
        width: 100%;
        height: 100%;
        display: block;
    }

/* USER (FORM WRAPPER) */
.login .user {
    position: relative;
    z-index: 0;
    float: none;
    margin: 0 auto;
    padding-top: 40px;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: #294982;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-top: 1px solid #4FC1B7;
}

    .login .user .actions {
        margin: 1em 0 0;
        padding-right: 10px;
        width: 100%;
        display: block;
        text-align: center;
    }

        .login .user .actions a {
            margin: 1em 0;
            width: 90px;
            display: inline-block;
            padding: .2em 0em;
            background-color: #5C6576;
            border: none;
            color: #999;
            cursor: pointer;
            text-align: center;
            font-size: .8em;
            border-radius: 30px 0 0 30px;
            -webkit-box-shadow: 0px 0px 27px -9px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 0px 27px -9px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 27px -9px rgba(0,0,0,0.75);
        }

            .login .user .actions a:last-child {
                color: #fff;
                border-radius: 0 30px 30px 0;
                background-color: #28A55F;
                background: -moz-linear-gradient(270deg, rgba(105,221,201,1) 0%, rgba(78,193,182,1) 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(105,221,201,1)), color-stop(100%, rgba(78,193,182,1)));
                background: -webkit-linear-gradient(270deg, rgba(105,221,201,1) 0%, rgba(78,193,182,1) 100%);
                background: linear-gradient(180deg, rgba(105,221,201,1) 0%, rgba(78,193,182,1) 100%);
            }

/* TERMS */
@keyframes show_terms {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-110%);
        -moz-transform: translateY(-110%);
        -o-transform: translateY(-110%);
        transform: translateY(-110%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hide_terms {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-110%);
        -moz-transform: translateY(-110%);
        -o-transform: translateY(-110%);
        transform: translateY(-110%);
        opacity: 0;
    }
}

.login .terms, .login .recovery {
    position: absolute;
    z-index: 3;
    margin: 40px 0 0;
    padding: 1.5em 1em;
    width: 100%;
    height: calc(100% - 40px);
    border-radius: 0;
    background: #fff;
    text-align: left;
    overflow: auto;
    will-change: transform;
    -webkit-transform: translateY(-110%);
    -moz-transform: translateY(-110%);
    -o-transform: translateY(-110%);
    transform: translateY(-110%);
    opacity: 0;
    border-radius: 0;
}

    .login .terms.open, .login .recovery.open {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        animation: show_terms .5s .2s 1 ease normal forwards;
    }

    .login .terms.closed, .login .recovery.closed {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        animation: hide_terms .6s .2s 1 ease normal forwards;
    }

    .login .terms p, .login .recovery p {
        margin: 1em 0;
        font-size: .9em;
    }

    .login .terms h3, .login .recovery h3 {
        margin: 2em 0 .2em;
    }

    .login .terms p.small {
        margin: 0 0 1.5em;
        font-size: .8em;
    }

    .login .recovery form .input {
        margin: 0 0 .8em 0;
        padding: .8em 2em 10px 0;
        width: 100%;
        display: inline-block;
        background: transparent;
        border: 0;
        border-bottom: 1px solid #5A6374;
        outline: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        color: inherit;
        font-family: inherit;
        color: #666;
    }

    .login .recovery form .button {
        margin: 1em 0;
        padding: .2em 3em;
        width: auto;
        display: block;
        background-color: #28A55F;
        border: none;
        color: #fff;
        cursor: pointer;
        font-size: .8em;
        border-radius: 0px;
        background: rgba(62,181,169,1) 0%;
    }

.login .form-wrap form .button:hover {
    background-color: #4FDA8C;
}

.login .recovery p.mssg {
    opacity: 0;
    -webkit-transition: opacity 1s .5s ease;
    -moz-transition: opacity 1s .5s ease;
    -o-transition: opacity 1s .5s ease;
    transition: opacity 1s .5s ease;
}

    .login .recovery p.mssg.animate {
        opacity: 1;
    }

/* CONTENT */
.login .content {
    position: fixed;
    z-index: 1;
    float: none;
    margin: 0 auto;
    width: 100%;
    height: 40px;
    background-color: #f1c40f;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
}

/* TOGGLE */
.login #toggle-wrap {
    position: absolute;
    z-index: 4;
    top: 40px;
    right: 17px;
    width: 80px;
    height: 1px;
}

.login #toggle-terms span {
    background: #fff;
    border-radius: 0;
}
/* TOGGLE TERMS */
.login #toggle-terms {
    position: absolute;
    z-index: 4;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    display: block;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    opacity: 0;
    -webkit-transform: translate(-6px, 20px);
    -moz-transform: translate(-6px, 20px);
    -o-transform: translate(-6px, 20px);
    transform: translate(-6px, 20px);
}
    /* CIRCLE EFFECT */
    .login #toggle-terms:after {
        position: absolute;
        width: 100%;
        height: 100%;
        pointer-events: none;
        border-radius: 50%;
        content: '';
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .login #toggle-terms:before {
        speak: none;
        display: block;
        -webkit-font-smoothing: antialiased;
    }

.login #toggle-terms {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

    .login #toggle-terms:after {
        top: 0px;
        left: 0px;
        padding: 0;
        z-index: -1;
        background: rgba(0, 0, 0, 0.2);
        -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
        -moz-transition: -moz-transform 0.2s, opacity 0.3s;
        -o-transition: -o-transform 0.2s, opacity 0.3s;
        transition: transform 0.2s, opacity 0.3s;
    }

    .login #toggle-terms.closed {
        color: rgba(0, 0, 0, 0.2);
    }

        .login #toggle-terms.closed:after {
            -webkit-transform: scale(1.6);
            -moz-transform: scale(1.6);
            -ms-transform: scale(1.6);
            transform: scale(1.6);
            opacity: 0;
        }

/* CLOSE ANIMATION*/
@keyframes show_close {
    0% {
        opacity: 0;
        -webkit-transform: translate(-6px, -100px);
        -moz-transform: translate(-6px, -100px);
        -o-transform: translate(-6px, -100px);
        transform: translate(-6px, -100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-6px, 20px);
        -moz-transform: translate(-6px, 20px);
        -o-transform: translate(-6px, 20px);
        transform: translate(-6px, 20px);
    }
}

@keyframes hide_close {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.login #toggle-terms.open {
    animation: show_close .4s .5s 1 ease normal forwards;
}

.login #toggle-terms.closed {
    animation: hide_close .2s .0s 1 ease normal forwards;
}

.login #toggle-terms:hover {
    background: rgba(0, 0, 0, 0.4);
}

/* TOGGLE TERMS CROSS */
.login #toggle-terms #cross {
    position: absolute;
    z-index: 4;
    height: 100%;
    width: 100%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.login #toggle-terms.open #cross {
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

    .login #toggle-terms.open #cross span {
        position: absolute;
        z-index: 4;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
    }

        .login #toggle-terms.open #cross span:nth-child(1) {
            top: 15%;
            left: 19px;
            height: 70%;
            width: 1px;
        }

        .login #toggle-terms.open #cross span:nth-child(2) {
            left: 15%;
            top: 19px;
            width: 70%;
            height: 1px;
        }

.login #toggle-terms #cross span:nth-child(1) {
    height: 0;
    -webkit-transition-delay: .625s;
    -moz-transition-delay: .625s;
    -o-transition-delay: .625s;
    transition-delay: .625s;
}

.login #toggle-terms #cross span:nth-child(2) {
    width: 0;
    -webkit-transition-delay: .375s;
    -moz-transition-delay: .375s;
    -o-transition-delay: .375s;
    transition-delay: .375s;
}

/* SLIDESHOW */
.login #slideshow {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 10px 0 0 10px;
}

    .login #slideshow h2 {
        margin: .0em auto .0em auto;
        text-align: center;
        font-size: 1.4em;
        color: #fff;
        line-height: .5em;
    }

    .login #slideshow p {
        color: #fff;
        display: none;
    }

    .login #slideshow div {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 1em 3em;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

/*.login #slideshow .two {
    background-image: url("http://res.cloudinary.com/dpcloudinary/image/upload/v1506186248/gears.png");
    background-repeat: no-repeat;
    background-position: 0% 50%;
}
.login #slideshow .three {
    background-image: url("http://res.cloudinary.com/dpcloudinary/image/upload/v1506186248/splat.png");
    background-repeat: no-repeat;
    background-position: 0% 5%;
}
.login #slideshow .four {
    background-image: url("http://res.cloudinary.com/dpcloudinary/image/upload/v1506186248/ray.png");
    background-repeat: no-repeat;
    background-position: 0% 50%;
}*/

/* FORM ELEMENTS */
/*.login input {
    font: 16px/26px "Raleway", sans-serif;
}*/
.login .form-wrap {
    width: 100%;
    margin: 2em auto 0;
}

    .login .form-wrap a, .help-action p {
        color: #bbb6b6;
        font-size: 23px;
        padding-bottom: 4px;
        text-decoration: none;
        cursor: pointer;
        /*border-bottom: 1px solid #5FD1C1;*/
    }

.login .forgot, .help-action p {
    font-size: 14px !important;
}

.login .form-wrap li.active a {
    border-bottom: 1px solid #5FD1C1;
}

.login .form-wrap a:hover {
    color: #fff;
    text-decoration: none;
}

.login .form-wrap .tabs {
    overflow: hidden;
}
    /*.login .form-wrap .tabs * {
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}*/


    /*.login .form-wrap .tabs h3 {
    float: left;
    width: 50%;
}*/
    .login .form-wrap .tabs h3 a {
        /*padding: 0.5em 0;
    text-align: center;
    font-weight: 400;
    display: block;*/
        color: #999;
        /*border: 0;*/
    }

        .login .form-wrap .tabs h3 a.active {
            color: #ccc;
            border-bottom: 1px solid #5FD1C1;
        }

.login .tab-content {
    padding: 16px 14%;
    text-align: right;
}

.login-tab {
    padding: 0px 0;
    padding-bottom: 4px !important;
}

/*.login .form-wrap .tabs-content {
    padding: 1.5em 3em;
    text-align: left;
    width: auto;
}*/
/*.login .help-action {
    padding: .4em 0 0;
    font-size: .93em;
}*/
.login .form-wrap .tabs-content div[id$="tab-content"] {
    display: none;
}

.login .form-wrap .tabs-content .active {
    display: block !important;
}

.login .form-wrap form .input {
    margin: 5px 0;
    padding: 10px 10px;
    width: 100%;
    border-radius: 5px;
    display: inline-block;
    background: white;
    border: 0;
    border-bottom: 1px solid #5A6374;
    outline: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    color: #444;
}

.login .form-wrap form .button {
    margin: 15px 0;
    padding: 10px 30px;
    margin-bottom: 25px;
    font-family: Yekan;
    width: auto;
    display: block;
    border: none;
    color: #444;
    cursor: pointer;
    font-size: 12px;
    border-radius: 30px;
    background: -moz-linear-gradient(270deg, rgba(105,221,201,1) 0%, rgba(78,193,182,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(105,221,201,1)), color-stop(100%, rgba(78,193,182,1)));
    background: -webkit-linear-gradient(270deg, rgba(105,221,201,1) 0%, rgba(78,193,182,1) 100%);
    background: linear-gradient(180deg, rgba(105,221,201,1) 0%, rgba(78,193,182,1) 100%);
    -webkit-box-shadow: 0px 0px 37px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 37px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 37px -9px rgba(0,0,0,0.75);
}

    .login .form-wrap form .button:hover {
        background-color: #4FDA8C;
    }

.login .form-wrap form .checkbox {
    margin: 1em 0;
    padding: 20px;
    visibility: hidden;
    text-align: left;
}

    .login .form-wrap form .checkbox:checked + label:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

.login .form-wrap form label[for] {
    position: relative;
    padding-right: 28px;
    cursor: pointer;
    font-size: 14px;
    color: #bbb6b6;
}

    .login .form-wrap form label[for]:before {
        position: absolute;
        width: 17px;
        height: 17px;
        top: 0px;
        right: 0;
        content: '';
        border: 1px solid #5A6374;
    }

    .login .form-wrap form label[for]:after {
        position: absolute;
        top: 1px;
        right: 1px;
        width: 15px;
        height: 8px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        content: '';
        background-color: transparent;
        border: solid #67DAC6;
        border-width: 0 0 3px 3px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.login .form-wrap .help-text {
    margin-top: .6em;
}

    .login .form-wrap .help-text p {
        text-align: left;
        font-size: 14px;
    }

.login .fa {
    display: none;
}

.modalLogin .modal-dialog {
    /*width: 825px;*/
    height: 500px;
    margin: 3% auto;
}

.modalLogin .modal-body {
    padding: 0;
}

.modalLogin .close span {
    position: absolute;
    left: -38px;
    z-index: 999;
    font-size: 50px;
    color: #fff;
}

.modalLogin .close {
    z-index: 1000;
    position: absolute;
}

.login .tabs li {
    width: 50%;
    text-align: center;
}

.login .nav-tabs {
    border: none;
}


@media only screen and (min-width: 990px) {
    .modalLogin .modal-dialog {
        width: 820px;
    }
}

/*.login .tabs h3 a.active a{
    padding-bottom:10px;
    border-bottom: 1px solid #5FD1C1;
}*/

.modalLogin .modal-content {
    background-color: transparent;
    border: none;
}

.modalLogin .modal-body {
    padding: 0;
}

.modalLogin .logRej .col-sm-6, .modalLogin .logRej .col-md-12, .modalLogin .logRej .col-md-6 {
    padding: 0;
}
/* MEDIUM VIEWPORT */
/*@media only screen and (min-width: 40em) {
  
   GLOBAL TRANSITION
    * {
      transition: .25s ease-in-out;
    }
    WRAP 
    .login .wrap {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 600px;
        height: 500px;
        margin: auto;
        border-radius: 10px;
    }*/
/* LOGO */
/*.login .logo {
        top: 10px;
        left: 10px;
        width: 40px;
        height: 40px;
        background: none;
    }
    .login .logo img {
        width: 100%;
    }*/
/*@keyframes show_close {
      0% {
            opacity: 0;
            -webkit-transform: translate(-6px, -100px);
            -moz-transform: translate(-6px, -100px);
            -o-transform: translate(-6px, -100px);
            transform: translate(-6px, -100px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translate(-6px, 18px);
            -moz-transform: translate(-6px, 18px);
            -o-transform: translate(-6px, 18px);
            transform: translate(-6px, 18px);
        }*/
}
/* TOGGLE WRAP */
.login #toggle-wrap {
    top: 60px;
    right: calc(50% + 17px);
    height: 80px;
    overflow: hidden;
}

    .login #toggle-wrap.closed {
        width: 50%;
    }

/* SLIDESHOW */
.login #slideshow h2 {
    margin: 4.5em 0 1em;
    font-size: 2em;
}

    .login #slideshow h2 span {
        padding: 5px 0;
        border: solid #B6EDE3;
        border-width: 1px 0;
    }

.login #slideshow p {
    display: block;
}

.login #slideshow div {
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
}

.login #slideshow .one {
    background-position: 50% 130%;
}

/* CONTENT */
.login .content, .login .content.full {
    position: relative;
    /*float: left;
        width: 50%;*/
    width: 100%;
    height: 500px;
    -webkit-box-shadow: -3px 0px 45px -6px rgba(56,75,99,0.61);
    -moz-box-shadow: -3px 0px 45px -6px rgba(56,75,99,0.61);
    box-shadow: -3px 0px 45px -6px rgba(56,75,99,0.61);
    border-radius: 10px 0 0 10px;
}
/* TERMS */
/*.login .terms,.login .recovery {
        position: absolute;
        width: 50%;
        height: 440px;
        float: left;
        margin: 60px 0 0;
        -webkit-box-shadow: -3px 0px 45px -6px rgba(56,75,99,0.61);
        -moz-box-shadow: -3px 0px 45px -6px rgba(56,75,99,0.61);
        box-shadow: -3px 0px 45px -6px rgba(56,75,99,0.61);
        border-radius: 0 0 0 10px;
    }*/
/* USER (FORM WRAPPER) */
.login .user {
    padding-top: 0;
    /*float: left;*/
    width: 100%;
    height: 500px;
    -webkit-box-shadow: -3px 0px 45px -6px rgba(56,75,99,0.61);
    -moz-box-shadow: -3px 0px 45px -6px rgba(56,75,99,0.61);
    box-shadow: -3px 0px 45px -6px rgba(56,75,99,0.61);
    border-radius: 0 10px 10px 0;
    border: 0;
}

    .login .user .actions {
        margin: 0;
        text-align: right;
    }
/* FORM ELEMENTS */
.login .form-wrap {
    margin: 3em auto 0;
}

    .login .form-wrap .tabs-content {
        padding: 1.5em 2.5em;
    }

.login .tabs-content p {
    position: relative;
}
/* ARROW */
.login .tabs-content .fa {
    position: absolute;
    top: 8px;
    left: -16px;
    display: block;
    font-size: .8em;
    color: #fff;
    opacity: .3;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform .3s .3s ease, opacity .6s .0s ease;
    -moz-transition: transform .3s .3s ease, opacity .6s .0s ease;
    -o-transition: transform .3s .3s ease, opacity .6s .0s ease;
    transition: transform .3s .3s ease, opacity .6s .0s ease;
}

    .login .tabs-content .fa.active {
        -webkit-transform: translate(-3px, 0);
        -moz-transform: translate(-3px, 0);
        -o-transform: translate(-3px, 0);
        transform: translate(-3px, 0);
        opacity: .8;
    }

    .login .tabs-content .fa.inactive {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: .3;
    }

/* LARGE VIEWPORT */
@media only screen and (min-width: 60em) {
    /* WRAP */
    /*.login .wrap {
        width: 900px;
        height: 550px;
    }*/
    /* CONTENT */
    .login .content, .content.full {
        height: 550px;
    }
    /*.terms, .recovery {
        height: 490px;
    }*/
    /* SLIDESHOW */
    .login #slideshow h2 {
        margin: 3em 0 1em;
        font-size: 3em;
    }

    .download_msg {
        text-align: center;
        color: #f1c40f;
        font-size: 20px;
    }

    .login #slideshow .four {
        background-position: -82% -330%;
    }
    /* USER (FORM WRAPPER) */
    .login .user {
        height: 550px;
    }

    .login .form-wrap {
        margin: 5em auto 0;
    }

        .login .form-wrap .tabs-content {
            padding: 1.5em 4.9em;
        }
}


/* CSS */
.login .element {
    opacity: 0.0;
    transform: scale(0.95) translate3d(0,100%,0);
    transition: transform 400ms ease, opacity 400ms ease;
}

    .login .element.active {
        opacity: 1.0;
        transform: scale(1.0) translate3d(0,0,0);
    }

    .login .element.inactive {
        opacity: 0.0;
        transform: scale(1) translate3d(0,0,0);
    }

.logo {
    z-index: 999;
}

    .logo img {
        max-width: 100%;
    }

/*modalLogin*/
.modalLogin .center {
    margin-top: 50px;
}

.modalLogin .modal-header {
    padding-bottom: 5px;
}

.modalLogin .modal-footer {
    padding: 0;
}

    .modalLogin .modal-footer .btn-group button {
        height: 40px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: none;
        border-right: 1px solid #ddd;
    }

    .modalLogin .modal-footer .btn-group:last-child > button {
        border-right: 0;
    }
/*endLogin*/


/*slider*/
#sliderBanner #carousel-example-generic {
    max-height: 330px;
    overflow: hidden;
}

#sliderBanner .slider-wrap p {
    text-align: right;
    margin-right: 640px;
    position: relative;
    right: 133%;
}

#sliderBanner {
    display: block;
    margin-bottom: 0;
}

    #sliderBanner .container-fluid {
        padding: 0;
    }


    #sliderBanner .carousel-inner .item .carousel-caption {
        width: 68%;
        top: 11%;
        left: 7%;
        text-align: left;
        margin: 0 auto;
        padding: 0;
    }

        #sliderBanner .carousel-inner .item .carousel-caption h1 a {
            font: 400 40px/21px raleway;
            color: #fff;
            text-transform: uppercase;
            text-decoration: none;
        }

        #sliderBanner .carousel-inner .item .carousel-caption h1 {
            margin: 0 0 20px 0;
        }

        #sliderBanner .carousel-inner .item .carousel-caption p {
            font: 400 15px/21px roboto;
            color: #fff;
            letter-spacing: 1px;
            margin: 0 0 10px 0;
        }

    #sliderBanner .carousel-inner .item .post-mata .mata-list,
    #sliderBanner .carousel-inner .item .post-mata .tags {
        display: inline-block;
    }

        #sliderBanner .carousel-inner .item .post-mata .mata-list ul {
            list-style-type: none;
            display: inline-block;
        }

            #sliderBanner .carousel-inner .item .post-mata .mata-list ul li {
                display: inline-block;
            }

                #sliderBanner .carousel-inner .item .post-mata .mata-list ul li a {
                    color: #fff;
                    font: 300 14px/19px roboto;
                    margin: 0 25px 0 0;
                    text-decoration: none;
                }

                #sliderBanner .carousel-inner .item .post-mata .mata-list ul li::before {
                    font-family: fontawesome;
                    color: #fff;
                    margin: 0 4px 0 0;
                    font-size: 13px;
                }

                #sliderBanner .carousel-inner .item .post-mata .mata-list ul li.date::before {
                    content: "\f017";
                }

                #sliderBanner .carousel-inner .item .post-mata .mata-list ul li.views::before {
                    content: "\f06e";
                }

                #sliderBanner .carousel-inner .item .post-mata .mata-list ul li.user::before {
                    content: "\f007";
                }

        #sliderBanner .carousel-inner .item .post-mata .tags .tag-list {
            background: #ffffff;
            padding: 6px 20px;
            border-radius: 15px;
            font: 400 12px/21px roboto;
            text-transform: uppercase;
            text-decoration: none;
            letter-spacing: 1px;
            transition: all .2s ease .2s;
            text-shadow: none;
        }

            #sliderBanner .carousel-inner .item .post-mata .tags .tag-list:hover {
                background: #F3616B;
                color: #fff;
                transition: all .2s ease .2s;
            }

    #sliderBanner .carousel-indicators li {
        display: block;
        margin: 25px 0 25px 0;
    }

    #sliderBanner .carousel-indicators {
        /*right: 152px;
    left: unset;
    width: 30%;
    bottom: 34%;
    margin: 0;*/
        right: 143px;
        left: unset;
        width: 25%;
        bottom: 30%;
        margin: 0;
    }

        #sliderBanner .carousel-indicators li {
            /*display: block;
    margin: 25px 0 25px 0;
    width: auto;
    height: auto;
    border: none;
    background: transparent;
    color: #ffffff;
    text-align: right;
    position: relative;
    left:47px;*/
            display: block;
            margin: 25px 0 25px 0;
            width: auto;
            height: auto;
            border: none;
            background: transparent;
            color: #ffffff;
            text-align: left;
            position: relative;
            left: 47px;
        }

            #sliderBanner .carousel-indicators li p {
                color: inherit;
                font-size: 14px;
            }

            #sliderBanner .carousel-indicators li span {
                color: inherit;
                /*font: 300 12px/18px roboto;*/
            }

            #sliderBanner .carousel-indicators li::after {
                content: '';
                background: #ffffff;
                width: 10px;
                height: 10px;
                position: absolute;
                margin: 0 0px 0 5px;
                border-radius: 50%;
                top: 40%;
                right: -8px;
            }

        #sliderBanner .carousel-indicators::after {
            content: '';
            position: absolute;
            width: 2px;
            height: 100%;
            background: #fff;
            right: -11px;
            top: 0;
        }

        #sliderBanner .carousel-indicators li.active, #sliderBanner .carousel-indicators li:hover {
            color: #f4792c;
            z-index: 9;
        }

            #sliderBanner .carousel-indicators li.active::after, #sliderBanner .carousel-indicators li:hover::after {
                background: #f4792c;
            }

    #sliderBanner .carousel.vertical .carousel-inner .item {
        -webkit-transition: 0.6s ease-in-out top;
        -moz-transition: 0.6s ease-in-out top;
        -ms-transition: 0.6s ease-in-out top;
        -o-transition: 0.6s ease-in-out top;
        transition: 0.6s ease-in-out top;
    }

    #sliderBanner .carousel.vertical .active {
        top: 0;
    }

    #sliderBanner .carousel.vertical .next.left, #sliderBanner .carousel.vertical .prev.right {
        top: 0;
    }

    #sliderBanner .carousel.vertical .active.left, #sliderBanner .carousel.vertical .prev {
        top: -100%;
    }

    #sliderBanner .carousel.vertical .next, #sliderBanner carousel.vertical .active.right {
        top: 100%;
    }

    #sliderBanner .carousel.vertical .item {
        left: 0;
    }

    #sliderBanner .img-wrap img {
        width: 100%;
        height: 100%;
    }
/*endSlider*/


/*category*/
.mainCategory section.top {
    margin-bottom: 20px;
}

.mainCategory .box_html.icon-box-row {
    padding: 25px 0px;
}

.iconS {
    font-size: 30px !important;
    margin-top: 34px;
    position: absolute;
}

.mainCategory .mainCategory a:visited, .mainCategory a:focus {
    color: inherit;
    text-decoration: none;
    outline: 0;
}

.mainCategory .icon-box .icon {
    font-size: 75px;
    color: #294982;
    line-height: 165px;
    background: #fff;
    text-align: center;
    display: block;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    border: 1px solid #aaa;
    margin-top: 20px;
}

.mainCategory .fa:before {
    font-family: "FontAwesome";
}

.mainCategory .icon-box h2 {
    position: relative;
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 4px;
    color: #fff;
    padding: 24px 0;
    padding-right: 24px;
    text-align: center;
}

    .mainCategory .icon-box h2:after {
        content: '\f054';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 51px;
        color: #FFF;
        font-size: 24px;
        line-height: 56px;
        font-family: "FontAwesome";
        text-align: center;
        background: #f6a211;
    }

.mainCategory .icon-box h2 {
    background: #2573a6;
}

.mainCategory .icon-box:hover .icon {
    background-color: #ecc112;
    color: #FFF;
}

.mainCategory .heightIcon {
    min-height: 216px;
    margin-bottom: 40px;
}

.mainCategory .icon-box img {
    margin: 33px 0px;
}
/*endCategory*/

/*newsUserComments*/

.UserCmArct .ArticleP {
    min-height: 370px;
    height: auto;
}
.titleYellow{
    padding: 12px;
    /* background-image: linear-gradient(90deg, rgba(54, 62, 59, 0.18) 0%, rgba(243, 226, 31, 0.57) 100%); */
    background-color: #f1c40f;
    color: #ffffff;
    font-size: 17px;
    border-radius: 2px;
}
.UserCmArct h5, .Article h5, .CoinB h4, .CoinMain h5, .Download h5, .UserComments h5 {
    padding: 12px;
    /* background-image: linear-gradient(90deg, rgba(54, 62, 59, 0.18) 0%, rgba(243, 226, 31, 0.57) 100%); */
    background-color: #f1c40f;
    color: #ffffff;
    font-size: 17px;
    border-radius: 2px;
}

.UserCmArct figure.snip1253 {
    position: relative;
    overflow: hidden;
    margin: 10px 0;
    background-color: #ffffff;
    color: #000000;
    text-align: right;
    font-size: 16px;
    box-shadow: 0 10px 10px -7px #bbb;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 20px;
}

    .UserCmArct figure.snip1253 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .UserCmArct figure.snip1253 .image {
        height: 180px;
        overflow: hidden;
    }

    .UserCmArct figure.snip1253 img {
        width: 100%;
        height: 100%;
        vertical-align: top;
        position: relative;
    }

    .UserCmArct figure.snip1253 figcaption {
        margin: -50px 15px 0;
        padding: 15px;
        height: 160px;
        overflow: hidden;
        position: relative;
        background-color: #ffffff;
    }

    .UserCmArct figure.snip1253 .date {
        background-color: #01b0f1;
        top: 15px;
        color: #fff;
        right: 15px;
        min-height: 48px;
        min-width: 48px;
        position: absolute;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
    }

        .UserCmArct figure.snip1253 .date span {
            display: block;
            line-height: 24px;
        }

        .UserCmArct figure.snip1253 .date .month {
            font-size: 14px;
            background-color: rgba(239, 29, 29, 0.85);
        }

    .UserCmArct figure.snip1253 h3,
    .UserCmArct figure.snip1253 p {
        margin: 0;
        padding: 0;
    }

    .UserCmArct figure.snip1253 h3 {
        height: 50px;
        line-height: 26px;
        margin-bottom: 10px;
        margin-right: 60px;
        display: inline-block;
        font-weight: 600;
        font-size: 15px;
        overflow: hidden;
        text-transform: uppercase;
    }

    .UserCmArct figure.snip1253 p {
        font-size: 13px;
        margin-bottom: 20px;
        line-height: 23px;
        height: 69px;
        overflow: hidden;
    }

    .UserCmArct figure.snip1253 footer {
        padding: 0 25px;
        background-color: #101b2d;
        color: #e6e6e6;
        font-size: 0.8em;
        line-height: 30px;
        text-align: right;
    }

        .UserCmArct figure.snip1253 footer > div {
            display: inline-block;
            margin-left: 10px;
        }

        .UserCmArct figure.snip1253 footer i {
            color: rgba(255, 255, 255, 0.44);
            margin-left: 3px;
        }

    .UserCmArct figure.snip1253 a {
        /*left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        z-index: 1;*/
    }

    .UserCmArct figure.snip1253:hover img,
    .UserCmArct figure.snip1253.hover img {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }

    .UserCmArct figure.snip1253 a {
        color: #333;
    }

.UserCmArct .Seminar {
    min-height: 322px;
    border: 1px solid #e2e2e4;
    background: #f5f5f5;
    border-radius: 3px;
    margin-top: 15px;
}

.UserCmArct .imgSeminar {
    height: 250px;
}

    .UserCmArct .imgSeminar img {
        width: 100%;
        height: 100%;
    }

.UserCmArct .regSeminar {
    text-align: center;
    margin-top: 22px !important;
}

    .UserCmArct .regSeminar span {
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 26px;
        background: #fff;
        width: 150px;
        font-size: 14px;
        margin: 0 auto;
        padding: 4px 37px;
        cursor: pointer;
    }

.UserCmArct .commentsU {
    min-height: 301px;
    height: auto;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #fafafa;
    border-radius: 2px;
    padding: 5px 5px;
    line-height: 36px;
    font-size: 13px;
    margin: 20px 0;
    margin-bottom: 15px;
    box-shadow: 0px 10px 10px -9px #aaa;
}

    .UserCmArct .commentsU i {
        color: #2573a6;
        font-size: 16px;
        margin-left: 5px;
    }

    .UserCmArct .commentsU li {
        list-style-type: none;
    }

        .UserCmArct .commentsU li a {
            font-size: 13px;
            line-height: 12px;
            color: #4c4b4b;
            white-space: nowrap;
            width: 318px;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: all 0.5s;
        }

    .UserCmArct .commentsU ul, .ArticlePInner .sidebar ul {
        margin: 10px 0;
    }

.ArticlePInner .sidebar .nav-tabs {
    border-bottom: 1px solid transparent;
}
/*endNewsUserComments*/






.newsP .well {
    margin-top: 21px;
    margin-bottom: 8px;
}



/*size-tablet*/
/*@media (min-width: 768px) and (max-width: 1024px) {
    .phone::before {
        color: red !important;
    }
}*/
/*end-size-tablet*/

.iconS {
    font-size: 30px !important;
    margin-top: 34px;
    position: absolute;
}


/*profilePage*/


.profilePage .img-circle {
    width: 200px;
    height: 200px;
    margin: 70px auto;
    border-radius: 50%;
}

.profilePage .form-horizontal {
    padding: 45px 0;
    width: 100%;
}
.profilePage .form-horizontal  fieldset{
   padding: 2px 15px;
}
.profilePage .radio-inline input {
    margin-right: -23px !important;
}


.profilePage .innerInput input {
    width: 400px !important;
    border-radius: 4px !important;
}

.profilePage .form-group {
    margin-bottom: 21px;
}

.profilePage figure {
 width: 80%;
    height: 150px;
    max-width: 150px;
    text-align: center;
    overflow: hidden;
    margin: 20px auto;
}
.profilePage{

}
.hide{
    display: none;
}
.upload-box{    text-align: center;
    margin: 0px auto;
    max-width: 370px;}
.profilePage figure img {

    width: 100%;
    height: 100%;

}
.profilePage .form-horizontal .control-label {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}

.profilePage .btn-success i, .profilePage .btn-primary i {
    font-size: 14px;
    margin: 0 5px;
}

.titlePages h3 {
    padding: 0px 74px;
}

.titleP hr {
    margin: 27px 31px;
    margin-bottom: 0;
    width: 17%;
    border: 1px solid #1aa7ff;
}

.titleP {

    height: auto;
    margin-top: 9px;
    text-align: center;
}

    .titleP h1 {
        height: 38px;
        padding: 8px 18px;
        font-size: 23px;
        margin-top: 28px;
        border-right: 5px solid #d93128;
        text-align: right;
    }

    .titleP .titlePages {
        padding: 0 3%;
    }
/*.......*/


/*downloads*/
.downloads .content h1 {
    text-align: center;
}

.downloads .content .content-footer p {
    color: #6d6d6d;
    font-size: 12px;
    text-align: center;
}

    .downloads .content .content-footer p a {
        color: inherit;
        font-weight: bold;
    }

#downloads .panel {
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    min-height: 327px;
    overflow: hidden;
    margin: 20px 0;
}

    #downloads .panel .btn-group {
        margin: 0 0 -1px;
    }

        #downloads .panel .btn-group .btn {
            transition: background-color .3s ease;
        }

#downloads .table-filter {
    background-color: transparent;
    border-bottom: 1px solid #eee;
}

    #downloads .table-filter tbody tr:hover {
        cursor: pointer;
        background-color: #eee;
    }

    #downloads .table-filter tbody tr td {
        padding: 3px 11px;
        vertical-align: initial;
        background: #fff;
        border-top-color: #eee;
    }

    #downloads .table-filter tbody tr.selected td {
        background-color: #eee;
    }

    #downloads .table-filter tr td:first-child {
        width: 38px;
    }

    #downloads .table-filter tr td:nth-child(2) {
        width: 35px;
    }

#downloads .panel-body {
    height: 246px;
    overflow: hidden;
}

#downloads .ckbox label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    #downloads .ckbox label:before {
        top: 1px;
        left: 0;
        width: 18px;
        height: 18px;
        display: block;
        position: absolute;
        border-radius: 2px;
        border: 1px solid #bbb;
        background-color: #fff;
    }

#downloads .ckbox input[type="checkbox"]:checked + label:before {
    border-color: #2BBCDE;
    background-color: #2BBCDE;
}

#downloads .ckbox input[type="checkbox"]:checked + label:after {
    top: 3px;
    left: 3.5px;
    content: '\e013';
    color: #fff;
    font-size: 11px;
    font-family: 'Glyphicons Halflings';
    position: absolute;
}

#downloads .table-filter .star {
    color: #ccc;
    text-align: center;
    display: block;
}

    #downloads .table-filter .star.star-checked {
        color: #F0AD4E;
    }

    #downloads .table-filter .star:hover {
        color: #ccc;
    }

    #downloads .table-filter .star.star-checked:hover {
        color: #F0AD4E;
    }

#downloads .table-filter .media-photo {
    width: 35px;
}

#downloads .table-filter .media-body {
    display: block;
    /* Had to use this style to force the div to expand (wasn't necessary with my bootstrap version 3.3.6) */
}

#downloads .table-filter .media-meta {
    font-size: 11px;
    margin: 0 12px;
    color: #6f6e6e;
}

#downloads .table-filter .media .title {
    color: #2BBCDE;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
}

    #downloads .table-filter .media .title span.pagado {
        color: #5cb85c;
    }

    #downloads .table-filter .media .title span.pendiente {
        color: #f0ad4e;
    }

    #downloads .table-filter .media .title span.cancelado {
        color: #d9534f;
    }

#downloads .table-filter .media .summary {
    font-size: 14px;
}

#downloads .media-body {
    width: 100%;
}

#downloads .panel #buttons {
    padding: 0 15px;
    position: absolute;
    bottom: 7%;
}

    #downloads .panel #buttons input[type="button"], .ArticlePage #buttons input[type="button"] {
        transition: all .3s;
        border: 1px solid #ddd;
        padding: 8px 16px;
        text-decoration: none;
        border-radius: 5px;
        font-size: 15px;
    }

    #downloads .panel #buttons .active, .ArticlePage #buttons .active {
        background-color: #d12c35;
        color: #fff;
    }

    #downloads .panel #buttons input[type="button"]:not(.active), .ArticlePage #buttons input[type="button"]:not(.active) {
        background-color: #33393f;
    }

#downloads .panel .pull-left i {
    color: #0986fe;
    vertical-align: text-bottom;
    font-size: 20px;
    margin: -15px 28px;
}

#downloads .btn {
    padding: 6px 40px;
}
/*endDownloads*/

/*video*/
.backVideo .container-fluid, .Moto .container-fluid {
    padding: 0;
}

.backVideo .videodesc .button {
    margin: 25px 0 !important;
}

.backVideo .video {
    min-height: 320px;
    height: auto;
    background-color: #294982;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin: 25px 0;
}

    .backVideo .video .videoB2 {
        background: rgba(32, 99, 143, 0.23921568627450981);
        width: 100%;
        position: absolute;
        height: 320px;
    }

    .backVideo .video .mainhome-slider {
        margin-top: 30px;
    }

        .backVideo .video .mainhome-slider video {
            width: 100%;
            border: 1px solid #000;
        }

        .backVideo .video .mainhome-slider source {
            height: 300px !important;
        }

.backVideo .videodesc {
    height: 320px;
    overflow: hidden;
    padding: 9% 15%;
}

    .backVideo .videodesc h2, .backVideo .videodesc p {
        color: #fff;
    }

    .backVideo .videodesc hr {
        margin: 7px 0;
        margin-bottom: 27px;
        width: 82px;
        display: table-caption;
        border: 2px solid #f4792c;
    }

.backVideo .videoB2 video {
    margin: 14px;
}

.backVideo .videodesc .btn {
    border-radius: 24px;
    width: 96px;
    text-align: center;
    padding: 9px;
    margin: 11px 0;
    background: #f4792c;
    color: #fff;
}
/*endVideo*/

/*CoinHome*/

.CoinMain {
    min-height: 457px;
    height: auto;
}

    .CoinMain .tab-content {
        height: 298px;
    }

    .CoinMain .nav-tabs > li {
        width: 25%;
        text-align: center;
    }

    .CoinMain .CoinB {
        border-radius: 3px;
        margin-bottom: 34px;
        border: 1px solid #ccc;
        background: #eee;
        min-height: 340px;
        height: auto;
        margin-top: 21px;
        box-shadow: 0 10px 10px -7px #bbb;
    }

        .CoinMain .CoinB .form-group {
            margin-bottom: 15px;
        }


        .CoinMain .CoinB h4 {
            margin: 0 !important;
        }

        .CoinMain .CoinB i {
            margin: 0 10px;
        }

        .CoinMain .CoinB .nav-tabs > li > a {
            font-size: 14px;
        }

            .CoinMain .CoinB .nav-tabs > li > a:hover {
                background: none;
                color: rgba(0,0,0,0.75);
            }

        .CoinMain .CoinB .form-control {
            padding-left: 0;
            height: 40px;
            font-size: 12px;
            padding: 0 2px;
        }

        .CoinMain .CoinB .Pdicoin {
            padding: 40px 20px;
        }

        .CoinMain .CoinB .ResultCoin .form-group {
            padding: 15px 0;
            text-align: center;
        }

        /*.CoinMain .CoinB .ResultCoinN .form-group {
            border: 1px solid #ccc;
            border-radius: 3px;
            padding: 8px 10px;
            text-align: center;
        }*/

        .CoinMain .CoinB .BorderResult {
            border: 1px solid #e3e3e3;
            background: rgba(255, 255, 255, 0.7686274509803922);
            border-radius: 6px;
            padding: 13px 0px;
            height: 65px;
        }

    .CoinMain .chat .body {
        height: 247px;
        overflow: hidden;
    }


/*endCoinHome*/

/*bannerMoto*/
.Moto .backtwo {
    height: 250px;
    width: 100%;
    padding: 36px 6%;
}

.Moto .Article .background {
    background-image: url('../images/3wall.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 250px;
    height: auto;
    border-radius: 3px;
    margin-bottom: 50px;
}

.Moto .Article .transbox {
    margin: 15% 35%;
    margin-left: 0;
}

    .Moto .Article .transbox p {
        margin: 5%;
        font-weight: bold;
        color: #fff;
    }

    .Moto .Article .transbox h3 {
        font-weight: 700;
        color: #fff;
        font-size: 35px;
        margin-bottom: 10%;
    }

.Moto .transbox h4 {
    color: #fff;
    filter: alpha(opacity=60);
}

/*EndBannerMoto*/


/*Introduction*/
.IntroductionMain {
    min-height: 190px;
    height: auto;
}

    .IntroductionMain .Introduction {
        min-height: 160px;
        height: auto;
        border-radius: 3px;
        padding: 50px 20px 10px;
    }

    .IntroductionMain .IntroIMG {
        height: 180px;
        padding: 0 5%;
    }

        .IntroductionMain .IntroIMG img {
            border-radius: 50%;
         /*   width: 100%; */
            height: 100%;
        }

    .IntroductionMain .IntroDESC h5 {
        font-size: 25px;
        margin: 20px 0;
        font-weight: 700;
    }

    .IntroductionMain blockquote {
        
        height: 55px;
        padding: 10px 14px;
        font-size: 22px;
        margin-top: 28px;
        border-right: 5px solid #2573a6;
        border-left: 5px solid #2573a6;
    }

    .IntroductionMain .Introduction .btn {
        padding: 6px 27px;
        margin: 7px 0;
        line-height: normal;
        border: none;
        cursor: pointer;
        font-size: 12px;
        border-radius: 3px;
        background-image: linear-gradient(90deg, rgba(54, 62, 59, 0.18) 0%, rgba(243, 226, 31, 0.57) 100%);
        background-color: #d93128;
        color: #fff;
    }

    .IntroductionMain .titlePages {
        padding: 0 17%;
    }

    .IntroductionMain .msg {
        line-height: 26px;
        font-size: 14px;
        margin: 0 10%;
        color: #5a5a5a;
    }
/*endIntroduction*/


/*footer*/
.footer footer {
    background-color: #222;
    margin-top: 20px;
}

.footer .search-text {
    padding-top: 0px;
    padding-bottom: 0px;
}

    .footer .search-text .input-search {
        height: 45px;
        width: 67%;
        padding-right: 14px;
        color: #333;
    }

    .footer .search-text .btn-search {
        background: #f5802c;
        border: none;
        color: #FFF;
        height: 45px;
        width: 80px;
    }

    .footer .search-text h4 {
        color: #eee;
        font-weight: 700;
    }

.footer .logo {
    color: #888582;
    font-weight: 800;
    font-size: 30px;
}

.footer .adress, .footer .menu {
    list-style: none;
}

    .footer .adress span, .footer .menu span {
        color: #eee;
        font-weight: 800;
        border-bottom: 2px solid #eee;
        padding-bottom: 10px;
        margin-bottom: 13px;
        display: block;
        text-transform: uppercase;
        font-size: 16px;
    }

    .footer .adress p, .footer .menu li a {
        color: #eee;
        text-decoration: none;
        font-size: 13px;
        line-height: 30px;
    }

        .footer .menu li a:hover {
            color: #888582;
            font-weight: 600;
            -webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;
        }
.w-logo {
    width: 77%;
    text-align: center;
    height: 40px;
    margin: 8px auto;
    margin-bottom: 30px;
}
.li-socils li{
    margin:20px 10px;
   float: right;
}
.w2-logo {
    width: 80%;
    height: 67px;
    margin: 30px;
}
.bnaco {
    padding: 15px 0;
}

    .bnaco img {
        text-align: center;
    }
/*footerEnd*/


/*ArticlePage*/



.news .col-md-4 .row {
    margin: 0;
}

.comments ul {
    padding: 0;
}


.commentsU li a:hover, .ArticlePInner .span2 li a:hover, .CoinB li a:hover {
    margin-right: 5px !important;
}
/*endNewsPage*/


/*categoryPageInner*/
.CategoryInner {
    margin-top: 55px;
}

    .CategoryInner .CateInnerPic {
        margin-top: 10px;
        background-color: #fbfbfb;
        box-shadow: 0px 10px 10px -8px #aaa;
        padding: 15px;
        margin-bottom: 25px;
        height: 275px;
        overflow: hidden;
        border-radius: 3px;
        border: 1px solid #ddd;
    }

        .CategoryInner .CateInnerPic img {
            width: 100%;
            height: 100%;
        }

    .CategoryInner .CateInnerDesc {
        min-height: 525px;
        height: auto;
        border: 1px solid #ccc;
        background: #fafafa;
        border-radius: 3px;
        padding: 15px 25px;
        line-height: 32px;
        font-size: 14px;
    }

        .CategoryInner .CateInnerDesc div .icon {
            color: #d93128;
            font-size: 39px;
            border: 1px solid rgba(255, 96, 0, 0.49019607843137253);
            padding: 6px 10px;
            background: #fff;
            border-radius: 20%;
            margin-left: 12px;
        }

        .CategoryInner .CateInnerDesc p {
            font-size: 13px;
            text-align: justify;
            line-height: 38px;
            padding: 0 14px;
            color: #000;
        }

        .CategoryInner .CateInnerDesc .TitleSpan {
            font-weight: bold;
            font-size: 16px;
            margin-bottom: 16px;
        }



/*articlePage*/
.ArticlePage .ArticlePageInner {
    margin-top: 9px;
}

.ArticlePage .ArticleTab {
    height: auto;
    margin-bottom: 50px;
}

.ArticlePage .nav-tabs > li.active > a, .ArticlePage .nav-tabs > li.active > a:focus, .ArticlePage .nav-tabs > li.active > a:hover, .CoinMain .nav-tabs > li.active > a, .CoinMain .nav-tabs > li.active > a:focus, .CoinMain .nav-tabs > li.active > a:hover {
    border-width: 0;
}

.ArticlePage .nav-tabs > li > a, .CoinMain .nav-tabs > li > a {
    border: none;
    color: #101010;
    font-size: 15px;
    padding: 10px 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

    .ArticlePage .nav-tabs > li.active > a, .ArticlePage .nav-tabs > li > a:hover, .CoinMain .nav-tabs > li.active > a, .CoinMain .nav-tabs > li > a:hover {
        border: none;
        color: #5a4080 !important;
        background: rgba(220, 219, 224, 0.6784313725490196);
    }

    .ArticlePage .nav-tabs > li > a::after, .CoinMain .nav-tabs > li > a::after {
        content: "";
        background: #2573a6;
        height: 2px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }

.ArticlePage .nav-tabs > li.active > a::after, .ArticlePage .nav-tabs > li:hover > a::after, .CoinMain .nav-tabs > li.active > a::after, .CoinMain .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.ArticlePage .tab-nav > li > a::after, .CoinMain .tab-nav > li > a::after {
    background: #5a4080 none repeat scroll 0% 0%;
    color: #fff;
}


/*.ArticlePage .tab-content {
    height: 682px;
    overflow: hidden;
}*/


.ArticlePage .nav-tabs > li {
    width: 33%;
    text-align: center;
}



.ArticlePage .card, .CoinMain .card {
    margin-top: 20px;
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 10px 10px -7px #bbb;
    margin-bottom: 30px;
    border: 1px solid #ccc;
}


@media all and (max-width:724px) {
    .ArticlePage .nav-tabs > li > a > span, .CoinMain .nav-tabs > li > a > span {
        display: none;
    }

    .ArticlePage .nav-tabs > li > a, .CoinMain .nav-tabs > li > a {
        padding: 5px 5px;
    }
}

@media all and (max-width:580px) {
    .summary {
        font-size: 11px !important;
    }

    #downloads .btn {
        width: 24%;
        overflow: hidden;
    }
}

.ArticlePage .card i, .CoinMain .card i {
    color: #2573a6;
    font-size: 12px;
    margin-left: 2px;
}

.CoinMain .card i {
    color: #ea830e !important;
}

.ArticlePage .card span {
    font-size: 13px;
}

.ArticlePage .moreNews .button, .videodesc .button, .UserCmArct .moreNews .button {
    margin: 12px 13px;
    padding: 10px 35px;
    color: #fff;
    font-family: Yekan;
    width: auto;
    display: block;
    border: none;
    cursor: pointer;
    font-size: 12px;
    border-radius: 3px;
    background-image: linear-gradient(90deg, rgba(54, 62, 59, 0.18) 0%, rgba(243, 226, 31, 0.57) 100%);
    background-color: #d93128;
}

.ArticlePage .card i {
    color: #2573a6;
    font-size: 12px;
}

.ArticlePage .ArticleTab .chat {
    background: #fff;
    /*width: 300px;
  margin: 0 auto;*/
}

    .ArticlePage .ArticleTab .chat header {
        background: #bd6982;
        padding: 10px 15px;
        color: #ffffff;
        font-size: 14px;
        cursor: move;
    }

        .ArticlePage .ArticleTab .chat header:before,
        .ArticlePage .ArticleTab .chat header:after {
            display: block;
            content: '';
            clear: both;
        }

        .ArticlePage .ArticleTab .chat header h2,
        .ArticlePage .ArticleTab .chat .body ul li .content h3 {
            margin: 0;
            padding: 0;
            font-size: 14px;
            float: left;
        }

            .ArticlePage .ArticleTab .chat header h2 a {
                color: #ffffff;
                text-decoration: none;
            }

        .ArticlePage .ArticleTab .chat header .tools {
            list-style: none;
            margin: 0;
            padding: 0;
            float: right;
        }

            .ArticlePage .ArticleTab .chat header .tools li {
                display: inline-block;
                margin-right: 6px;
            }

                .ArticlePage .ArticleTab .chat header .tools li:last-child {
                    margin: 0;
                }

                .ArticlePage .ArticleTab .chat header .tools li a {
                    color: #ffffff;
                    text-decoration: none;
                    -webkit-transition: all 0.3s linear 0s;
                    -moz-transition: all 0.3s linear 0s;
                    -ms-transition: all 0.3s linear 0s;
                    -o-transition: all 0.3s linear 0s;
                    transition: all 0.3s linear 0s;
                }

    .ArticlePage .ArticleTab .chat .body {
        position: relative;
        overflow-y: hidden;
    }


        .ArticlePage .ArticleTab .chat .body .search.opened {
            display: block;
        }

        .ArticlePage .ArticleTab .chat .body .search input {
            width: 100%;
            margin: 0;
            font-size: 14px;
            padding: 18px 38px;
            background: rgba(238, 238, 238, 0.18823529411764706);
            border: none;
            -webkti-box-size: border-box;
            -moz-box-size: border-box;
            box-size: border-box;
        }

        .ArticlePage .ArticleTab .chat .body ul, .CoinMain .chat .body ul {
            list-style: none;
            padding: 0;
            margin: 0;
            border-top: 1px solid #f2f2f2;
        }

            .ArticlePage .ArticleTab .chat .body ul li, .CoinMain .body ul li {
                position: relative;
                background: #ffffff;
                display: block;
                width: 100%;
                padding-top: 11px !important;
                padding: 0 22px;
                box-sizing: border-box;
                webkit-transition: background 0.3s linear 0s;
                -moz-transition: background 0.3s linear 0s;
                -ms-transition: background 0.3s linear 0s;
                -o-transition: background 0.3s linear 0s;
                transition: background 0.3s linear 0s;
            }

                .ArticlePage .ArticleTab .chat .body ul li:before,
                .ArticlePage .ArticleTab .chat .body ul li:after,
                .CoinMain .chat .body ul li:before,
                .CoinMain .chat .body ul li:after {
                    display: block;
                    content: '';
                    clear: both;
                }

                .ArticlePage .ArticleTab .chat .body ul li:hover .thumbnail, .CoinMain .chat .body ul li:hover .thumbnail {
                    background: rgb(209, 44, 53);
                }

                .ArticlePage .ArticleTab .chat .body ul li:nth-child(2n), .CoinMain .chat .body ul li:nth-child(2n) {
                    background: #f2f2f2;
                }

                .ArticlePage .ArticleTab .chat .body ul li .thumbnail, .CoinMain .chat .body ul li .thumbnail {
                    height: 45px;
                    display: inline-block;
                    width: 55px;
                    line-height: 50px;
                    text-align: center;
                    text-decoration: none;
                    -webkit-transition: background 0.3s linear 0s;
                    -moz-transition: background 0.3s linear 0s;
                    -ms-transition: background 0.3s linear 0s;
                    -o-transition: background 0.3s linear 0s;
                    transition: background 0.3s linear 0s;
                }

                    .ArticlePage .ArticleTab .chat .body ul li .thumbnail img, .CoinMain .chat .body ul li .thumbnail img {
                        width: 100%;
                        height: 100%;
                    }

                .ArticlePage .ArticleTab .chat .body ul li .content, .CoinMain .chat .body ul li .content {
                    display: inline-block;
                    margin: 0px;
                    vertical-align: top;
                    line-height: 1;
                }

                    .ArticlePage .ArticleTab .chat .body ul li .content h3, .CoinMain .chat .body ul li .content h3 {
                        display: block;
                        width: 100%;
                        margin-bottom: 5px;
                        color: #808080;
                    }

                    .ArticlePage .ArticleTab .chat .body ul li .content .preview, .CoinMain .chat .body ul li .content .preview {
                        display: block;
                        width: 100%;
                        max-width: 200px;
                        margin-bottom: 5px;
                        color: #cccccc;
                        font-size: 12px;
                    }

                    .ArticlePage .ArticleTab .chat .body ul li .content .meta, .CoinMain .chat .body ul li .content .meta {
                        color: #b3b3b3;
                        font-size: 12px;
                    }

                        .ArticlePage .ArticleTab .chat .body ul li .content .meta a, .CoinMain .chat .body ul li .content .meta a {
                            color: #999999;
                            text-decoration: none;
                        }

                            .ArticlePage .ArticleTab .chat .body ul li .content .meta a:hover, .CoinMain .chat .body ul li .content .meta a:hover {
                                text-decoration: underline;
                            }

                .ArticlePage .ArticleTab .chat .body ul li .message, .CoinMain .chat .body ul li .message {
                    display: none;
                    position: absolute;
                    top: 0;
                    left: 0;
                    overflow: hidden;
                    height: 100%;
                    width: 100%;
                    padding: 10px;
                    box-sizing: border-box;
                }

    .ArticlePage .ArticleTab .chat footer a, .CoinMain .chat footer a, .CoinMain .chat footer a, .CoinMain .chat footer a {
        background: #20638f;
        display: block;
        width: 100%;
        padding: 15px;
        color: #ffffff;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        box-sizing: border-box;
        -webkit-transition: background 0.3s linear 0s;
        -moz-transition: background 0.3s linear 0s;
        -ms-transition: background 0.3s linear 0s;
        -o-transition: background 0.3s linear 0s;
        transition: background 0.3s linear 0s;
    }

        .ArticlePage .ArticleTab .chat footer a:hover, .CoinMain .chat footer a:hover, .CoinMain .chat footer a:hover, .CoinMain .chat footer a:hover {
            background-image: linear-gradient(90deg, rgba(54, 62, 59, 0.18) 0%, rgba(243, 226, 31, 0.57) 100%);
            background-color: #d93128;
            -webkit-transition: background 0.3s linear 0s;
            -moz-transition: background 0.3s linear 0s;
            -ms-transition: background 0.3s linear 0s;
            -o-transition: background 0.3s linear 0s;
            transition: background 0.3s linear 0s;
        }

.ArticlePage .ArticleTab .info {
    width: 300px;
    margin: 25px auto;
    text-align: center;
}

    .ArticlePage .ArticleTab .info h1 {
        margin: 0;
        padding: 0;
        font-size: 24px;
        font-weight: 400;
        color: #333333;
    }

    .ArticlePage .ArticleTab .info span {
        color: #666666;
        font-size: 12px;
    }

        .ArticlePage .ArticleTab .info span a {
            color: #000000;
            text-decoration: none;
        }

        .ArticlePage .ArticleTab .info span .fa {
            color: #bd6982;
        }

        .ArticlePage .ArticleTab .info span .spoilers {
            color: #999999;
            margin-top: 5px;
            font-size: 10px;
        }

.ArticlePage .span2 .nav-stacked i, .CoinB i {
    color: #1aa7ff;
}

.ArticlePage .ArticlePageInner .descAticle {
    font-size: 13px;
    line-height: 25px;
    text-align: justify;
    height: 75px;
    overflow: hidden;
    margin-bottom: 0;
}

.ArticlePage .small-img-description-wrapper {
    height: 223px;
}

.ArticlePage .HNews .btn-default {
    color: #d12c35;
    border-radius: 3px;
    font-size: 14px;
}

.ArticlePage .btn-default:hover {
    background: none;
    border: none;
}

.ArticlePage .ArticlePage .col-md-9 {
    padding: 0px 32px;
}

.ArticlePage .HNews {
    background: #ffffff;
    height: auto;
    box-shadow: 0px 10px 10px -8px #bbb;
    border: 1px solid #ccc;
    border-top: none !important;
    border-radius: 3px;
    margin-bottom: 38px;
    float: left;
    width: 100%;
    clear: both;
}

.ArticlePage .small-img-wrapper {
    height: 53px;
    background-color: #f2f2f2;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border: 1px solid #e3e3e3;
}

.ArticlePage .small-thumbs .post {
    margin-bottom: 50px;
}

.ArticlePage .small-thumbs .entry-image {
    float: left;
    width: 400px;
    margin: 0;
}

.ArticlePage .small-img-wrapper .blog-article-details {
    margin-bottom: 12px;
}

.ArticlePage .small-img-wrapper h2 {
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    color: #333;
    margin-bottom: 30px;
    margin-top: 15px;
}

.ArticlePage .entry-meta-header {
    color: #555;
}

.ArticlePage .blog-article-details p {
    margin-bottom: 0;
}

.ArticlePage .blog-article-thumbnail {
    height: 174px;
    margin-top: 19px;
}

.ArticlePage .small-img-wrapper img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

.ArticlePage .Visit {
    font-size: 12px;
    margin-left: 14px;
}

.ArticlePage .Date {
    font-size: 12px;
}

    .ArticlePage .Visit i, .ArticlePage .Date i {
        color: #d12c35;
        margin-left: 2px;
    }

/*endArticlePage*/

/*ArticlePageInner*/
.ArticlePInner .AdvImg {
    height: 210px;
    box-shadow: 1px 2px 5px #c1c1c1;
    border: 1px solid rgba(0, 0, 0, 0.1411764705882353);
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-bottom: 21px;
}

.ArticlePInner .AdvMain .col-xs-6, .ArticlePInner .AdvMain .col-sm-6, .ArticlePInner .AdvMain .col-md-12, .ArticlePInner .AdvMain .col-lg-12 {
    padding: 0;
}

.ArticlePInner .AdvImg img {
    width: 100%;
    height: 100%;
}

.ArticlePInner .span8 h4 {
    padding: 13px 31px !important;
}
.ArticlePInner .span8 h3{

    text-align: justify;
    padding: 10px 30px;
    line-height: 40px;}
.ArticlePInner .span8 {
    margin-bottom: 15px;
}

.ArticlePInner .ArticlePic {
    height: 200px;
    width: 67%;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 3px;
    overflow: hidden;
}

    .ArticlePInner .ArticlePic img {
        width: 100%;
        height: 100%;
    }

.ArticlePInnerH2{
    margin-top: 0;
    padding: 15px !important;
    background-image: linear-gradient(90deg, rgba(54, 62, 59, 0.18) 0%, rgba(243, 226, 31, 0.57) 100%);
    background-color: #d93128;
    color: #ffffff;
 
}


.ArticlePInner .span2 i, .comments i {
    padding: 0 5px;
    color: #a7a9ac;
}

.ArticlePInner .span2 li, .CoinB li, .comments li {
    height: 31px;
    margin-bottom: 5px;
    padding: 0 7px;
    overflow: hidden;
    width: 90%;
}

    .ArticlePInner .span2 li a, .CoinB li a {
        font-size: 13px;
        line-height: 12px;
        color: #4c4b4b;
        white-space: nowrap;
        width: 241px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: -7px !important;
        transition: all 0.5s;
    }

.ArticlePInner .span2, .ArticlePInner .span8 {
    box-shadow: 0px 10px 10px -8px #bbb;
    border: 1px solid rgba(0, 0, 0, 0.1411764705882353);
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-bottom: 21px;
    background: rgba(204, 204, 204, 0.0784313725490196);
    padding: 15px 0px;
}

    .ArticlePInner .span8 h2 {
        margin-top: 0;
    }

    .ArticlePInner .span8 p {
    
    color: #000;
    font-size: 12px;
    line-height: 32px;
    padding: 15px 35px;
    margin-top: 12px;
    text-align: justify;
    /* padding-bottom: 30px; */
    }


.ArticlePInner a:hover, .ArticlePInner a:focus, .ViewpointDESC a:hover, .ViewpointDESC a:focus {
    outline: none;
    text-decoration: none;
}

.ArticlePInner #accordion .panel, .ViewpointDESC .panel {
    border: 0px none;
    box-shadow: none;
}

.ArticlePInner #accordion .panel-heading, .ViewpointDESC .panel-heading {
    padding: 0;
    background: #fff;
}

.ArticlePInner #accordion .panel-title a, .ViewpointDESC .panel-title a {
    display: block;
    position: relative;
    background: #fbfbfb;
    color: #de4d4e;
    font-size: 14px;
    font-weight: bolder;
    text-transform: uppercase;
    margin-bottom: 15px !important;
    padding: 15px 20px;
    padding-right: 0;
    border-bottom: 1px solid #de4d4e;
    transition: all 0.10s linear 0s;
}

    .ArticlePInner #accordion .panel-title a.collapsed, .ViewpointDESC .panel-title a.collapsed {
        color: #808080;
        border-bottom: 1px solid transparent;
        margin: 0;
    }

    .ArticlePInner #accordion .panel-title a i {
        color: #de4d4e;
        position: absolute;
        top: 14px;
        left: 25px;
    }


    .ArticlePInner #accordion .panel-title a:before,
    .ArticlePInner #accordion .panel-title a.collapsed:before,
    .ViewpointDESC .panel-title a:before,
    .ViewpointDESC .panel-title a.collapsed:before {
        content: "";
        position: absolute;
        bottom: -15px;
        right: 18px;
        border: 7px solid transparent;
        border-top: 7px solid #de4d4e;
    }

    .ArticlePInner #accordion .panel-title a.collapsed:before,
    .ViewpointDESC .panel-title a.collapsed:before {
        content: "";
        border: 0px none;
    }

    .ArticlePInner #accordion .panel-title a.collapsed:hover,
    .ViewpointDESC .panel-title a.collapsed:hover {
        color: #6a6060;
    }

    .ArticlePInner #accordion .panel-title a:after,
    .ArticlePInner #accordion .panel-title a.collapsed:after,
    .ViewpointDESC .panel-title a:after {
        content: "\f106";
        font-family: FontAwesome;
        color: #de4d4e;
        font-size: 19px;
        line-height: 20px;
        position: absolute;
        top: 14px;
        left: 25px;
    }

.ArticlePInner .mtnCmt {
    margin: 0 !important;
    padding: 10px 0 !important;
    padding-bottom: 0 !important;
    line-height: 21px !important;
}

.ArticlePInner #contact .btn-default {
    transition: all 0.5s;
}

    .ArticlePInner #contact .btn-default:hover, .contactUs .btn-send:hover, .registerPage .btn:hover {
        color: #fff;
        background-color: #65c6e7;
        border-color: #60c4e7;
    }



.CateInnerDesc h2, .CateInnerDesc h3, .CateInnerDesc h4, .CateInnerDesc h5, .CateInnerDesc h6 {
    font-size: 16px;
    padding: 0 15px;
}

.ArticlePInner h2, .ArticlePInner h3, .ArticlePInner h4, .ArticlePInner h5, .ArticlePInner h6 {
    font-size: 16px;
    padding: 0 15px;
}

.ArticlePInner img {
    max-width: 100%;
    height: auto;
    margin: 10px 20px;
}



.ViewpointDESC .panel-title a {
    background: #ffffff;
}

    .ViewpointDESC .panel-title a.collapsed:after {
        content: "\f107";
        color: #808080;
        right: 0px;
    }

    .ViewpointDESC .panel-title a:after {
        right: 0px;
    }

    /*.ViewpointDESC .panel-title a.collapsed {
        text-align: left;
    }*/

    .ArticlePInner #accordion .panel-title a.collapsed:after,
    .ViewpointDESC .panel-title a.collapsed:after {
        content: "\f107";
        color: #808080;
    }

.ViewpointDESC .panel-body {
    min-height: 328px !important;
    height: auto !important;
}
/*.ViewpointDESC .panel-title a:after {
        left: 66px;
    }*/

/*.ViewpointDESC .panel-title a i {
        left: 55px;
        position: absolute;
        top: 17px;
        font-size: 15px;
        color: #ef3049;
    }*/

.commentDate i {
    margin-left: 5px;
    color: #797878;
    font-size: 12px;
}

.commentDate {
    padding: 37px 0px;
}

    .commentDate span {
        color: grey;
        font-size: 13px;
    }

.ArticlePInner #accordion .panel-body, .ViewpointDESC .panel-body {
    border-top: 0 none;
    color: #808080;
    background: #fff;
    border: 1px solid#dadada;
    border-radius: 3px;
    height: 300px;
    margin-bottom: 25px;
}

.ArticlePInner .panel-group, .ViewpointDESC .panel-group {
    margin: 0 55px;
}


.ArticlePInner .Viewpoint {
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 3px;
    min-height: 138px;
    height: auto;
    overflow-y: auto;
    margin: 0 10px;
    padding: 0px 20px 5px;
    margin-bottom: 25px;
}

.ViewpointDESC .panel-title a {
    margin-bottom: 6px !important;
}

.ArticlePInner .Viewpoint .ViewpointIMG {
    height: 86px;
    margin: 18px 0;
}

    .ArticlePInner .Viewpoint .ViewpointIMG img {
        border-radius: 50%;
        width: 100%;
        height: 100%;
    }

.ArticlePInner .Viewpoint .ViewpointDESC h5 {
    font-size: 19px;
    margin: 20px 0;
    font-weight: 700;
}

.ArticlePInner .ViewpointDESC span {
    font-size: 14px;
}

.ArticlePInner .ViewpointDESC .panel-title .collapsed {
    font-size: 13px;
}

.ArticlePInner .ViewpointDESC .rank {
    margin: 0 5px;
}

    .ArticlePInner .ViewpointDESC .rank i {
        color: #f5ce00;
        font-size: 15px;
        margin: 0 2px;
    }

.ArticlePInner #accordion .panel-body .content-header {
    font-family: 'Oleo Script', cursive;
    color: #fcc500;
    font-size: 45px;
}

.ArticlePInner #accordion .panel-body .section-content {
    text-align: center;
}

.ArticlePInner #accordion .panel-body #contact {
    width: 100%;
    min-height: 287px;
    height: auto;
    color: #333;
}

.ArticlePInner #accordion .panel-body .contact-section {
 
}

    .ArticlePInner #accordion .panel-body .contact-section .col-md-6 {
        width: 50%;
    }

.ArticlePInner #accordion .input-group {

}

#accordion .panel-body label {
    font-size: 15px;
    line-height: 30px;
}

#accordion .panel-body .form-control {
    font-size: 12px;
    color: #080808;
}

#accordion .panel-body textarea.form-control {
    height: 135px;
    /* margin-top: px;*/
}

#accordion .panel-body .submit, .contactUs .btn-send, .registerPage .btn {
    font-size: 14px;
    float: right;
    width: 125px;
    background-color: transparent;
    color: #141607;
    transition: all 0.5s;
}

#accordion .panel {
    background-color: transparent;
}

.Article .well {
    min-height: 272px;
    height: auto;
    background-color: #fbfbfb;
    box-shadow: 0px 10px 10px -8px #bbb;
}

.Article {
    min-height: 270px;
    height: auto;
}


    .Article .carousel {
        margin-bottom: 0;
        padding: 0;
    }
    /* Reposition the controls slightly */
    .Article .carousel-control {
        left: -26px;
        padding: 10% 0;
        color: #c7101c;
        width: 50px;
        font-weight: bold;
        background: transparent;
        opacity: 1;
        font-size: 35px;
    }

        .Article .carousel-control.right {
            right: -26px;
            padding: 10% 0;
            color: #c7101c;
            width: 50px;
            font-weight: bold;
            background: transparent;
            opacity: 1;
            font-size: 35px;
        }
    /* Changes the position of the indicators */
    .Article .carousel-indicators {
        right: 18%;
        margin: 0px auto;
        top: auto;
        bottom: -20px;
        margin-right: 0;
    }
        /* Changes the colour of the indicators */
        .Article .carousel-indicators li {
            background: #c0c0c0;
        }

        .Article .carousel-indicators .active {
            background: #cb333d;
        }

    .Article .thumbnail {
        height: 195px;
    }

        .Article .thumbnail img {
            width: 100%;
            height: 100%;
        }

    .Article .span3 {
        height: 280px;
        overflow: hidden;
    }

    .Article .thumbnail p {
        font-size: 14px;
        text-align: center;
        margin: 10px 0;
        height: 46px;
        line-height: 25px;
    }

    .Article .gal-item:focus {
        outline: none;
    }

    .Article .gal-item:after {
        content: "+";
        font-family: 'Glyphicons Halflings';
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.53);
        position: absolute;
        right: 16px;
        left: 15px;
        top: 2px;
        height: 193px;
        bottom: 3px;
        border-radius: 5px;
        text-align: center;
        line-height: 197px;
        font-size: 30px;
        color: #fff;
        -webkit-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
    }

    .Article .gal-item:hover:after {
        opacity: 1;
    }

    .Article .carousel-indicators li {
        width: 25px;
    }

    .Article .thumbnail {
        margin-bottom: 0;
    }

    .Article a {
        text-decoration: none;
        color: #808080;
    }

    .Article .chat p {
        width: 200px;
        line-height: 11px;
        font-size: 13px;
        height: 32px;
        padding: 10px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .Article .chat .thumbnail {
        border: #fff;
        background: transparent;
        line-height: 42px !important;
        height: 33px !important;
        width: 45px !important;
    }

    .Article .chat .body ul li:hover p {
        color: #d12c35;
        font-weight: bold;
        webkit-transition: background 0.3s linear 0s;
        -moz-transition: background 0.3s linear 0s;
        -ms-transition: background 0.3s linear 0s;
        -o-transition: background 0.3s linear 0s;
        transition: background 0.3s linear 0s;
    }

    .Article .chat .number {
        position: relative;
        top: -9px;
    }

.chat .body ul li:hover .number {
    color: #fff;
}


/*endArticlePageInner*/


@media(max-width:716px) {
    #logo, .phone, #box-cart {
        text-align: center !important;
        margin: 0 5%;
    }
}
.box-right .col-xs-6,
.box-right .col-sm-2,
.box-right .col-md-2,
.box-right .col-lg-2 {
    padding: 0px;
}
/*FreeCourse*/
.ShowBox {
    position: fixed;
    left: 25px;
    bottom: 50px;
    display: none;
    z-index: 9999;
}

    .ShowBox .cards {
        position: relative;
        list-style-type: none;
        padding: 0;
        max-width: 34em;
        margin: 20% auto 0;
    }

        .ShowBox .cards a {
            color: #333;
        }

    .ShowBox .card {
        position: fixed;
        width: 214px;
        height: 162px;
        bottom: 30px;
        left: -16px;
        z-index: 2;
        background: rgb(204, 204, 204);
        border-radius: 30px;
        padding: 40px;
        -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.6705882352941176);
        box-shadow: 0 0 17px rgba(0, 0, 0, 0.6705882352941176);
        -webkit-transform: translateY(0) rotate(-8deg) translateX(25px) scale(1);
        transform: translateY(0) rotate(-14deg) translateX(25px) scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: background 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s;
        transition: background 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s;
        transition: transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s, background 0.4s linear;
        transition: transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s, background 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .ShowBox .card2 {
        position: fixed;
        width: 221px;
        height: 165px;
        bottom: 46px;
        left: -16px;
        z-index: 2;
        background: rgb(204, 204, 204);
        border-radius: 30px;
        padding: 40px;
        -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.6705882352941176);
        box-shadow: 0 0 17px rgba(0, 0, 0, 0.6705882352941176);
        -webkit-transform: translateY(0) rotate(-7deg) translateX(25px) scale(1);
        transform: translateY(0) rotate(-7deg) translateX(25px) scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: background 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s;
        transition: background 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s;
        transition: transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s, background 0.4s linear;
        transition: transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s, background 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }



    .ShowBox .card3 {
        position: fixed;
        width: 228px;
        height: 167px;
        bottom: 62px;
        left: -16px;
        z-index: 2;
        background: #cccccc;
        border-radius: 30px;
        padding: 0px 0px;
        -webkit-box-shadow: 0 0 40px #000;
        box-shadow: 0 0 20px #000;
        -webkit-transform: translateY(0) rotate(0deg) translateX(25px) scale(1);
        transform: translateY(0) rotate(0deg) translateX(25px) scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: background 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s;
        transition: background 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s;
        transition: transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s, background 0.4s linear;
        transition: transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s, background 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: center;
    }

        .ShowBox .card3 h2 {
            font-size: 17px;
            font-weight: bold;
            height: 39px;
            vertical-align: text-bottom;
            line-height: normal;
            color: #fff;
        }

        .ShowBox .card3 h1 {
            padding: 26px 15px;
            font-size: 17px;
            line-height: 28px;
            margin-top: 12px;
            color: #333;
        }

            .ShowBox .card3 h1 a:hover {
                color: #333;
            }

    .ShowBox a {
        text-decoration: none;
    }

.typewrite > .wrap {
    border-right: 1px solid transparent !important;
}

.awesomeBG {
    background: linear-gradient(to left, #FF0000, #00FF00, #0000FF, #FF0000);
    background-size: 600% 100%;
    animation: AwesomeBG 90s ease infinite;
    overflow: hidden;
}

@keyframes AwesomeBG {
    0% {
        background-position: 0 0;
    }

    3% {
        background-position: 3% 0;
    }

    10% {
        background-position: 10% 0;
    }

    12% {
        background-position: 22% 0;
    }

    22% {
        background-position: 25% 0;
    }

    31% {
        background-position: 38% 0;
    }

    38% {
        background-position: 45% 0;
    }

    44% {
        background-position: 53% 0;
    }

    50% {
        background-position: 60% 0;
    }

    56% {
        background-position: 68% 0;
    }

    63% {
        background-position: 75% 0;
    }

    69% {
        background-position: 83% 0;
    }

    75% {
        background-position: 90% 0;
    }

    81% {
        background-position: 98% 0;
    }

    88% {
        background-position: 105% 0;
    }

    94% {
        background-position: 113% 0;
    }

    100% {
        background-position: 120% 0;
    }
}

.ShowBox .button {
    position: absolute;
    bottom: 13px;
    padding: 10px 27px;
    margin: 0px 35%;
    color: #fff;
    font-family: Yekan;
    width: auto;
    display: block;
    border: none;
    cursor: pointer;
    font-size: 12px;
    border-radius: 30px;
    background-image: linear-gradient(90deg, rgba(54, 62, 59, 0.18) 0%, rgba(243, 226, 31, 0.57) 100%);
    background-color: #d93128;
    -webkit-box-shadow: 0px 0px 37px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 37px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 37px -9px rgba(0,0,0,0.75);
}

/*.ShowBox h4:before {
  font-family: FontAwesome;
  color: #FFF;
  font-size: 24px;
  content: "\f054";}
*/

.ShowBox h4 span {
    border-right: .1em solid;
    color: #FFF;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    animation: blink-caret 1s step-end infinite;
}

.ShowBox i {
    color: white;
    float: left;
    font-size: 2.3em;
}
/*FreeCourse*/
/*scrollup*/
.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 25px;
    display: none;
    z-index: 9999;
}

    .scrollup i {
        font-size: 28px;
        color: #9A9A9A;
        cursor: pointer;
    }
/*endScrollup*/

/*VideoPage*/
/*.VideoPage{
margin-top: 50px;

}*/


.VideoPage #header {
    z-index: 2;
    table-layout: auto;
    position: fixed;
    border-bottom: 1px solid #C0C1C2;
    background-color: white;
}

    .VideoPage #header input {
        width: 100%;
    }

    .VideoPage #header nav {
        float: right;
        display: inline-table;
        vertical-align: middle;
    }

    .VideoPage #header a {
        padding: 10px;
        vertical-align: middle;
    }

    .VideoPage #header form {
        float: left;
        width: 100%;
        min-width: 200px;
    }

.VideoPage .crop {
    margin-top: -2px;
    width: 80px;
    flex-shrink: 0;
}

.VideoPage #hamburg {
    background-color: white;
}

.VideoPage .form-control {
    border-radius: 3px;
    font-family: arial;
    color: black;
    width: 300%;
    margin-left: 30px;
}

.VideoPage #search {
    background-color: #F2F2F2;
    border: 1px solid #C9C9C9;
    border-radius: 0 3px 3px 0;
    color: grey;
    width: 60px;
}

.VideoPage #signin {
    background-color: #228ed0;
    color: white;
    border-radius: 1px;
    font-weight: bold;
    font-size: .8em;
}

.VideoPage #upload {
    border: 1px solid #C9C9C9;
    color: black;
    font-weight: bold;
    font-size: .8em;
    border-radius: 2px;
}

/*.VideoPage #player{
  padding:100px 30px 0px 30px; 
  height:100%; 
  width:100%;
  overflow:auto;
}*/

/*.VideoPage .row{
  width:1000px;
  Margin: 0 auto; 
  
}*/
/*.VideoPage #columnL {
  max-width:600px;
  float:left;
}*/

.VideoPage #TITLE {
    background-color: white;
    border: 1px solid #d9d9d9;
    padding: 15px;
}

.VideoPage #title1 {
    border-bottom: .5px solid grey;
    padding-bottom: 10px;
}

.VideoPage #authorpic {
    float: left;
    padding-right: 10px;
}

.VideoPage #title1 .play {
    background-color: red;
    color: white;
    padding: 3px;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid red;
}

.VideoPage #title1 .numbers {
    color: grey;
    padding: 3px;
    border-radius: 0px 5px 5px 0px;
    border: 1px solid grey;
    padding: 3px 5px;
}

.VideoPage .hii {
    float: right;
    margin-right: 0px;
}

.VideoPage #title2 span {
    padding: 10px;
}

.VideoPage #title2 {
    margin: 5px;
}


.VideoPage #desc {
    background-color: white;
    padding: 15px 15px 5px 15px;
}

/*.VideoPage #comments {
    background-color: white;
    padding: 15px;
}*/

/*.VideoPage textarea.comment {
    position: relative;
    border: 1px solid grey;
    resize: none;
    margin: 10px;
    color: grey;
    padding: 7px;
}*/

/*.VideoPage .glyphicon-thumbs-up, .glyphicon-thumbs-down {
    padding: 3px 5px;
}

.VideoPage #thums {
    float: left;
    clear: right;
}*/
#columnL {
    padding: 0 6px;
}

    #columnL .seeAll {
        padding: 15px;
    }

.VideoPage #showMore {
    width: 100%;
    border: 1px solid rgb(224, 221, 219);
    background-color: #fff3e6;
    text-align: center;
    margin-top: 20px;
    padding: 0px 30px;
    color: #908380;
    border-radius: 4px;
    font-size: 13px;
    transition: all 0.5s;
}

    .VideoPage #showMore:hover {
        background-color: #c7c7c7;
        color: #333;
    }

.VideoPage #columnR {
    box-shadow: 1px 2px 5px #c1c1c1;
    border: 1px solid rgba(0, 0, 0, 0.1411764705882353);
    border-radius: 4px;
    margin-bottom: 21px;
    background: rgba(204, 204, 204, 0.0784313725490196);
    padding: 10px;
}

    .VideoPage #columnR a {
        /*width: 70px;*/
        text-decoration: none;
    }

        .VideoPage #columnR a:hover strong {
            color: blue;
        }

/*.VideoPage #columnR img {

        margin-right: 10px;
    }*/

/*.VideoPage #showMore {
    text-align: center;
    color: grey;
}

    .VideoPage #showMore:hover {
        color: black;
    }*/

.VideoPage .videoPic {
    height: 70px;
    border-radius: 3px;
    overflow: hidden;
    border: blue;
    box-shadow: 1px 1px 2px 1px rgba(16, 15, 15, 0.4196078431372549);
}

    .VideoPage .videoPic img {
        width: 100%;
        height: 100%;
    }

.VideoPage #columnR .videoHeight {
    min-height: 90px;
    height: auto;
    margin: 10px 0;
    border-bottom: 1px solid #dadada;
}

    .VideoPage #columnR .videoHeight .col-md-4 {
        padding: 0 8px;
    }

#columnR .videoHeight i {
    margin-left: 5px;
    color: #797878;
    font-size: 12px;
}

.VideoPage #columnR .videoTitle {
    height: 42px;
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 10px;
}

    .VideoPage #columnR .videoTitle strong {
        font-size: 13px;
        font-weight: 100;
        cursor: pointer;
        color: #464545;
        transition: all 0.5s;
    }


        .VideoPage #columnR .videoTitle strong:hover {
            color: #20638f;
        }

.VideoPage .videoHeight span {
    color: grey;
    font-size: 11px;
}

.VideoPage #columnL .videoBig {
    min-height: 232px;
    height: auto;
}

    .VideoPage #columnL .videoBig video {
        box-shadow: 1px 0px 5px #c1c1c1;
        border: 1px solid rgba(0, 0, 0, 0.1411764705882353);
        border-radius: 4px;
        background: rgba(204, 204, 204, 0.0784313725490196);
    }

.VideoPage #columnL .videoDesc {
    min-height: 48px;
    padding: 8px 5px;
    border-top: none;
    color: #908380;
    border: 1px solid rgba(216, 216, 216, 0.79);
    background: #fff3e6;
    border-radius: 4px;
    margin-bottom: 30px;
}

    .VideoPage #columnL .videoDesc i {
        font-size: 20px;
        /* background: #fff3e6; */
        padding: 1px 0px;
        /* border-radius: 50%; */
        cursor: pointer;
        transition: all 0.5s;
    }



    .VideoPage #columnL .videoDesc .iconD i {
        font-size: 16px !important;
    }

    .VideoPage #columnL .videoDesc i:hover {
        background: rgba(160, 160, 160, 0.4196078431372549);
        color: #333;
    }

.VideoPage #columnL .visitVideo {
    padding: 0;
    font-size: 13px;
    text-align: left;
}

.VideoPage #columnL .mtnVideo {
    min-height: 460px;
    height: auto;
    border-top: none !important;
    box-shadow: 1px 3px 5px #c1c1c1;
    border: 1px solid rgba(0, 0, 0, 0.1411764705882353);
    background: rgba(204, 204, 204, 0.0784313725490196);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 10px;
    line-height: 32px;
    padding: 15px 25px;
    margin-top: -8px;
}

    .VideoPage #columnL .mtnVideo p {
        text-align: justify;
        color: #000;
        font-size: 14px;
    }

    .VideoPage #columnL .mtnVideo h4 {
        font-size: 17px;
        margin-bottom: 20px;
    }
/*sharelink*/


.VideoPage .social-cont {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(238, 238, 238);
    background-color: rgba(240, 240, 240, 0);
    padding-top: -9px;
    display: table;
    width: 100%;
    margin-top: -5px;
}

.social-cont span.inline {
    display: table-cell;
    vertical-align: middle;
    height: 38px;
    font-size: 16px;
    font-family: "Roboto Bold";
    padding-right: 15px;
}

    .social-cont span.inline i {
        font-size: 20px;
    }

        .social-cont span.inline i.up {
            color: #00b226;
        }

        .social-cont span.inline i.down {
            color: #b20000;
        }

.social-cont .social {
    text-align: left;
    display: inline-block;
    float: left;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(1.334em) translateZ(0);
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(1.334em) translateZ(0);
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(1.334em) translateZ(0);
        -moz-transform: translateX(1.334em) translateZ(0);
        -ms-transform: translateX(1.334em) translateZ(0);
        -o-transform: translateX(1.334em) translateZ(0);
        transform: translateX(1.334em) translateZ(0);
    }

    100% {
        opacity: 1;
    }
}

.social span.text-right {
    display: table;
    float: left;
    height: 38px;
    vertical-align: middle;
}

    .social span.text-right p {
        margin: 0;
        padding: 0;
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px;
        font-size: 16px;
        font-family: "Roboto Semi Bold";
        color: rgb(68, 68, 68);
        line-height: 1.2;
    }

a.social-icon, a.social-icon:visited {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
    background-color: #f0f0f0;
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    padding: 5px 0px;
    color: #444;
    margin: 2px;
    font-size: 20px;
    display: table;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-radius: 4px;
    /* Color each button differently */
}

    a.social-icon:focus, a.social-icon:active, a.social-icon:hover {
        text-decoration: none;
        color: #FFF;
        border: none;
    }

.social-icon i {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    width: 100%;
}

.social-icon.facebook {
    /* Animation */
    -webkit-animation: fadeInRight 0.6s 0.25s forwards;
    animation: fadeInRight 0.6s 0.25s forwards;
    opacity: 0;
    /* Color */
}

    .social-icon.facebook:hover, .social-icon.facebook:active, .social-icon.facebook:focus {
        opacity: 1;
        background-color: #0077b2;
    }

.social-icon.twitter {
    /* Animation */
    -webkit-animation: fadeInRight 0.6s 0.5s forwards;
    animation: fadeInRight 0.6s 0.5s forwards;
    opacity: 0;
    /* Color */
}

    .social-icon.twitter:hover, .social-icon:nth-child(2):active, .social-icon:nth-child(2):focus {
        opacity: 1;
        background-color: #008cb2;
    }

.social-icon.linkedin {
    /* Animation */
    -webkit-animation: fadeInRight 0.6s 0.75s forwards;
    animation: fadeInRight 0.6s 0.75s forwards;
    opacity: 0;
    /* Color */
}

    .social-icon.linkedin:hover, .social-icon.linkedin:active, .social-icon.linkedin:focus {
        opacity: 1;
        background-color: #00a1b2;
    }

.social-icon.google-plus {
    /* Animation */
    -webkit-animation: fadeInRight 0.6s 1s forwards;
    animation: fadeInRight 0.6s 1s forwards;
    opacity: 0;
    /* Color */
}

    .social-icon.google-plus:hover, .social-icon.google-plus:active, .social-icon.google-plus:focus {
        opacity: 1;
        background-color: #e3401d;
    }

.social-icon.email {
    /* Animation */
    -webkit-animation: fadeInRight 0.6s 1.25s forwards;
    animation: fadeInRight 0.6s 1.25s forwards;
    opacity: 0;
    /* Color */
}

    .social-icon.email:hover, .social-icon.email:active, .social-icon.email:focus {
        opacity: 1;
        background-color: #e3401d;
    }

.social-icon img {
    width: 20px;
}


/* ============================ */
/* TOOLTIP                      */
/* ============================ */
[data-tooltip] {
    position: relative;
    /* tooltip arrow */
    /* tooltip box */
}

    [data-tooltip]:before, [data-tooltip]:after {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        transition-timing-function: linear;
        position: absolute;
        left: 50%;
        top: 100%;
        bottom: 100%;
        visibility: hidden;
        opacity: 0;
        z-index: 9999;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    [data-tooltip]:before {
        content: "";
        border-color: #323232;
        border-style: none;
        border: 5px solid transparent;
        border-bottom: 6px solid #323232;
        margin-top: -4px;
    }

    [data-tooltip]:after {
        content: attr(data-tooltip);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: auto;
        height: 22px;
        padding: 11px 11px 0 11px;
        font-size: 13px;
        line-height: 11px;
        white-space: nowrap;
        background-color: #323232;
        color: #ecf0f1;
        margin-top: 7px;
    }

    [data-tooltip]:hover, [data-tooltip]:focus {
        background-color: transparent;
    }

        [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            opacity: 1;
            visibility: visible;
        }




@media screen and (max-width: 767px) {
    .social-cont {
        margin-bottom: 0px;
        margin-left: -15px;
        margin-right: -15px;
        min-width: calc(100% + 30px);
        overflow: hidden;
    }
}

@media screen and (max-width:348px) {
    .social-cont .social-icon {
        height: 29px;
        width: 29px;
        font-size: 18px;
    }
}

/*endsharelink*/


/*endVideoPage*/

/*search*/
.navbar .enjoy-css {
    width: 250px;
    height: 30px;
    cursor: pointer;
    margin: 0 auto;
    border: none;
    border-radius: 0;
    color: rgb(119, 126, 128);
    text-align: center;
    -o-text-overflow: clip;
    text-overflow: clip;
    letter-spacing: 1px;
    background: rgba(0,0,0,0);
}

.navbar .enjoy-cssx {
    margin: 10px 7px;
    width: 250px;
    height: 29px;
    border-radius: 3px;
    background: rgb(255, 255, 255);
}
.navbar .enjoy-logo-nav {
    width: 250px;
    height: 29px;
    margin: 10px 7px;
}
    .navbar .enjoy-logo-nav img {
        width: 95%;
        height: 100%;
    }
.navbar .inner-addon {
    position: relative;
}


    .navbar .inner-addon .glyphicon {
        padding: 3px 10px;
        color: #f1c40f;
        pointer-events: none;
        margin-top: 3px;
    }


.navbar .left-addon .glyphicon {
    left: 0px;
}

.navbar .right-addon .glyphicon {
    right: 0px;
}

.navbar .left-addon input {
    padding-right: 30px;
    margin-top: -30px;
}

.navbar .right-addon input {
    padding-right: 30px;
    margin-top: -30px;
}

.navbar .dropdown-menu {
    width: 333px !important;
    padding: 10px 0;
    background-color: #fff;
    border: none;
    margin-top: 10px !important;
}

.navbar-down .dropdown .dropdown-menu a {
    font-size: 14px !important;
    color: #1d1c1c !important;
    line-height: 25px;
    background-color: transparent;
}

.nav > li > a, .nav > li > a {
    color: #fff;
}

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:hover, .nav > li > a:focus {
        background-color: rgba(67, 190, 230, 0) !important;
    }
/*.dropdown-menu {
            padding-top: 10px !important;

}*/
.XsLiInner {
    list-style-type: none;
}

    .XsLiInner a:hover {
        padding-right: 0 !important;
    }


.visible-xs .dropdown-menu {
    margin-top: 16px !important;
}

.flex-container .btn-default {
    color: #294982;
    border-color: #294982;
    margin-right: 10px;
    margin-top: 10px;
}

.enjoy-cssx button {
    background: #fff;
    border-radius: 5px;
    border: none;
    padding: 0;
}
/*endSearch*/

/*aboutUs*/

.aboutus-section {
    padding: 10px 0;
    min-height: 900px;
    height: auto;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 15px 5px;
    box-shadow: 1px 3px 5px #c1c1c1;
    border: 1px solid rgba(0, 0, 0, 0.1411764705882353);
    background: rgba(204, 204, 204, 0.0784313725490196);
    margin: 0 22px;
}

    .aboutus-section .aboutus-banner {
        border: 2px solid rgba(204, 204, 204, 0.7294117647058823);
        border-radius: 4px;
        box-shadow: 0px 1px 11px 1px rgba(51, 51, 51, 0.3215686274509804);
        height: 300px;
        padding: 10px;
    }

        .aboutus-section .aboutus-banner img {
            width: 100%;
            height: 100%;
        }

    .aboutus-section .aboutus-title {
        font-size: 28px;
        letter-spacing: 0;
        margin-top: 10px;
        padding: 0 0 11px;
        position: relative;
        text-transform: uppercase;
        color: #000;
    }

    .aboutus-section .aboutus > h4 {
        margin: 0 37px;
        margin-bottom: 21px;
    }

        .aboutus-section .aboutus > h4::after {
            background: #2573a6 none repeat scroll 0 0;
            bottom: 0;
            content: "";
            height: 2px;
            right: 18px;
            position: absolute;
            width: 23px;
            top: 75px;
        }

    .aboutus-section .aboutus-text {
        line-height: 32px;
        text-align: justify;
        color: #000;
        font-size: 13px;
        margin: 0 0;
    }

    .aboutus-section a:hover, .aboutus-section a:active {
        color: #ffb901;
        text-decoration: none;
        outline: 0;
    }

    .aboutus-section .aboutus-more {
        border: 1px solid #fdb801;
        border-radius: 25px;
        color: #fdb801;
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        padding: 7px 20px;
        text-transform: uppercase;
    }

    .aboutus-section .clearfix {
        min-height: 65px;
    }

    .aboutus-section .feature .feature-box .iconset {
        background: #fbfbfb none repeat scroll 0 0;
        float: right;
        position: relative;
        width: 9%;
    }

        .aboutus-section .feature .feature-box .iconset::after {
            background: #d93128 none repeat scroll 0 0;
            content: "";
            height: 122%;
            left: 67%;
            position: absolute;
            top: 100%;
            width: 1px;
        }

    .aboutus-section .feature .feature-box .feature-content h4 {
        color: #0f0f0f;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 22px;
        margin: 0 0 5px;
    }

    .aboutus-section .feature {
        margin: 25px 5px;
    }


        /*.feature .feature-box .feature-content {
    float: left;
    padding-left: 28px;
    width: 78%;
}*/
        .aboutus-section .feature .feature-box .feature-content h4 {
            color: #0f0f0f;
            font-size: 18px;
            letter-spacing: 0;
            line-height: 22px;
            margin: 0 0 5px;
        }

        .aboutus-section .feature .feature-box .feature-content p {
            color: #606060;
            font-size: 13px;
            line-height: 22px;
            margin: 23px 0;
        }

    .aboutus-section .icon {
        color: #f4b841;
        padding: 0px;
        font-size: 40px;
        border: 1px solid #d93128;
        border-radius: 100px;
        color: #d93128;
        font-size: 19px;
        height: 46px;
        line-height: 41px;
        text-align: center;
        width: 46px;
    }


/*EndAboutUs*/





/*contactUspages*/
.contactUs {
    padding: 15px 5px;
    border: 1px solid rgba(0, 0, 0, 0.1411764705882353);
    background: rgba(204, 204, 204, 0.0784313725490196);
}

    .contactUs .header-title {
        text-align: center;
        color: #00bfff;
    }

    .contactUs #tip {
        display: none;
    }

    .contactUs .fadeIn {
        animation-duration: 3s;
    }

    .contactUs .form-control {
        border-radius: 3px;
        border: 1px solid #d8d8d8;
    }

        .contactUs .form-control:focus {
            border: 1px solid #00bfff;
        }

    .contactUs .textarea-contact {
        resize: none;
    }

    .contactUs .btn-send {
        background: #fff;
    }
    /*.contactUs .btn-send {
    border-radius: 0px;
    border: 1px solid #00bfff;
    background: #00bfff;
    color: #fff;
}*/

    /*.contactUs .btn-send:hover {
        border: 1px solid #00bfff;
        background: #fff;
        color: #00bfff;
        transition: background 0.5s;
    }*/



    .contactUs .box > .icon {
        text-align: center;
        position: relative;
    }

        .contactUs .box > .icon > .image {
            position: relative;
            z-index: 2;
            margin: auto;
            width: 88px;
            height: 88px;
            border: 8px solid white;
            line-height: 88px;
            border-radius: 50%;
            background: #d93128;
            vertical-align: middle;
            transition: all 0.5s;
        }

        .contactUs .box > .icon:hover {
            cursor: pointer;
        }

            .contactUs .box > .icon:hover > .image {
                background: #4ec0e6;
            }

        .contactUs .box > .icon > .image > i {
            font-size: 36px !important;
            color: #fff !important;
        }

        .contactUs .box > .icon:hover > .image > i {
            color: white !important;
        }

        .contactUs .box > .icon > .info {
            margin-top: -24px;
            background: #fff;
            border: 1px solid #e0e0e0;
            box-shadow: 1px 0px 11px rgba(68, 64, 64, 0.2196078431372549);
            padding: 15px 0 10px 0;
            min-height: 180px;
            border-radius: 3px;
        }

        .contactUs .box > .icon:hover > .info {
            box-shadow: none;
            transition: all 0.5s;
            border-color: #e0e0e0;
            color: white;
        }

        .contactUs .box > .icon > .info > h3.title {
            font-size: 15px;
            color: #222;
            font-weight: 700;
        }

        .contactUs .box > .icon > .info > p {
            font-size: 14px;
            color: #666;
            line-height: 25px;
            margin: 20px 35px;
        }

        .contactUs .box > .icon > .info i {
            margin-left: 5px;
            color: #000;
        }

        .contactUs .box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a {
            color: #222;
        }

        .contactUs .box > .icon > .info > .more a {
            font-family: "Robot",sans-serif !important;
            font-size: 12px;
            color: #222;
            line-height: 12px;
            text-transform: uppercase;
            text-decoration: none;
        }

        .contactUs .box > .icon:hover > .info > .more > a {
            color: #fff;
            padding: 6px 8px;
            background-color: #63B76C;
        }

    .contactUs .box .space {
        height: 30px;
    }

@media only screen and (max-width: 768px) {
    .contactUs .contact-form {
        margin-top: 25px;
    }

    .contactUs .btn-send {
        width: 100%;
        padding: 10px;
    }

    .contactUs .second-portion {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.contactUs .second-portion h4 {
    text-align: center;
    margin: 36px 12px;
    border: 3px solid #e0e0e0;
    background: #fff;
    padding: 0px;
    border-radius: 3px;
}

.contactUs .second-portion span {
    line-height: 40px;
    font-size: 16px;
    color: #010101;
    margin-left: 5px;
}

    .contactUs .second-portion span .glyphicon {
        color: #ff6101 !important;
    }

.second-portion .colorMsg {
    color: rgb(42, 55, 134) !important;
    font-size: 18px !important;
}

.contactUs .box .info img {
    margin: 11px;
}

    .contactUs .box .info img:hover {
        transform: rotate(360deg);
    }


.contactUsImg li {
    height: 70px;
    list-style-type: none;
    /*display: inline;*/
}

/*.contactUsImg img {
        width: 20%;
        height: 100%;
        margin: 0 auto;
        cursor:pointer;
    }

    .contactUsImg i {
        font-size: 35px;
        margin: 15px 10px;
    }

.contactIcon {
    padding: 0px 0px;
}

    .contactIcon span {
        margin-left: 6px;
                cursor:pointer;
    }*/

.second-portion {
    margin-top: 50px;
}

.contactImg img {
    margin: 30px 0;
    width: 80%;
}

.contactImg {
    height: 254px;
    width: 93%;
    margin: 1% 3%;
    /* border: 2px solid rgba(204, 204, 204, 0.7294117647058823); */
    border-radius: 4px;
    box-shadow: 0px 1px 11px 1px rgba(51, 51, 51, 0.3215686274509804);
    padding: 10px;
}

    .contactImg iframe {
        width: 100%;
        height: 100%;
    }

.HContactUs {
    min-height: 352px;
    height: auto;
    margin-bottom: 15px;
}

.HContactUsR {
    min-height: 322px;
    height: auto;
    margin-bottom: 15px;
}
/*EndContactUs*/

/*registerPage*/
.registerPage .well {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.registerPage .well {
    min-height: 420px;
    height: auto;
    padding: 19px;
    box-shadow: 0px 0px 6px #c1c1c1;
    -webkit-box-shadow: 0px 0px 6px #c1c1c1;
    background: rgba(204, 204, 204, 0.0784313725490196);
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.registerPage .btn {
    border-width: 2px;
}

.registerPage .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    margin: 10px 37%;
}

.registerPage .form-control {
    margin-bottom: 18px;
}

.registerPage .form-group {
    text-align: right !important;
}
/*EndRegisterPage*/

/*searchPage*/


.searchPage .aboutus-area {
    min-height: 200px;
    height: auto;
    box-shadow: 1px 0px 5px #c1c1c1;
    border: 1px solid rgba(0, 0, 0, 0.1411764705882353);
    background: rgba(204, 204, 204, 0.0784313725490196);
    border-radius: 3px;
    margin: 0 16px;
    padding: 9px 21px;
    margin-bottom: 25px;
}
/*-- aboutus Image --*/
.searchPage .aboutus-image {
    width: 100%;
    padding: 17px;
    height: 223px;
    margin: 11px 0;
    border-radius: 3px;
    background: #fff;
    box-shadow: 1px 1px 4px 2px rgba(16, 15, 15, 0.25);
}

    .searchPage .aboutus-image img {
        width: 100%;
        height: 100%;
    }

/*-- aboutus Content --*/
.searchPage .aboutus-content {
    height: 205px;
    overflow: hidden;
}

    .searchPage .aboutus-content h1 {
        font-size: 16px;
        font-weight: 800;
        line-height: 40px;
        margin-bottom: 2px;
    }

@media only screen and (max-width: 479px) {
    .searchPage .aboutus-content h1 {
        font-size: 16px;
        line-height: 30px;
    }
}

.searchPage .aboutus-content h1 span, .searchPage .reedMoreS p {
    color: #d12c35;
    letter-spacing: 1px;
    margin-left: 5px;
}

.searchPage .reedMoreS p {
    cursor: pointer;
}

    .searchPage .ArticlePage .HNews .btn-default:hover, .searchPage .reedMoreS p:hover {
        color: #df660c;
    }

.searchPage .reedMoreS a {
    text-decoration: none;
}

.searchPage .aboutus-content h4 {
    font-size: 18px;
    font-weight: 500;
    color: #9b9b9b;
    margin-bottom: 13px;
}

.searchPage .aboutus-content p {
    font-size: 14px;
    text-align: justify;
    line-height: 31px;
}

@media only screen and (max-width: 990px) {
    .searchPage .aboutus-image {
        height: 320px;
    }
}

/*end*/
/*forgetPasswordPage*/
.forgetPass .well {
    min-height: 280px !important;
}

/*messagePage*/


.MsgBox h1, .MsgBox p, .MsgBox .close, .MsgBox .questionmark, .MsgBox .timer {
    font-size: 2.4em;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    color: #ececec;
    margin-bottom: -10px;
}

.MsgBox p {
    font-size: 18px;
    color: #333;
    margin: 27px 0px;
    margin-bottom: 40px;
}

.MsgBox .btn {
    height: 40px;
    width: 140px;
    margin-left: auto;
    margin-right: auto;
    background: rgba(41, 22, 87, 0.6);
    border-radius: 5px;
    border-bottom: 2px solid white;
    font-family: 'Alegreya Sans', sans-serif;
    text-transform: uppercase;
    line-height: 40px;
    color: #D0D1D6;
    -webkit-transition: all .6 ease;
    transition: all .6 ease;
    z-index: 6;
}

    .MsgBox .btn:active {
        transform: translate(0px, 2px);
        -webkit-transform: translate(0px, 2px);
        border-bottom: none;
    }

    .MsgBox .btn:hover, .close:hover {
        cursor: pointer;
    }

.msgBoxMAin {
    position: fixed;
    top: 26%;
    z-index: 9999;
}


.MsgBox .floatin {
    width: 53%;
    margin: 0 6%;
    height: 395px;
    padding: 12px 51px;
    text-align: center;
    color: #333;
    background: #eee;
    border: 1px solid #aaa;
    border-radius: 5px;
    opacity: 0;
    position: fixed;
    z-index: 9999;
}

    .MsgBox .floatin .button {
        position: absolute;
        bottom: 20px;
        padding: 10px 41px;
        margin: 0px 34%;
        color: #333;
        font-family: Yekan;
        width: auto;
        display: block;
        border: none;
        cursor: pointer;
        font-size: 13px;
        border-radius: 5px;
        background-color: #ffffff;
        -webkit-box-shadow: 0px 0px 37px -9px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 37px -9px rgba(0,0,0,0.75);
    }

.MsgBox .close {
    float: right;
    font-size: 14px;
    font-weight: 600;
    opacity: 1;
    color: #fff;
    position: absolute;
    top: -12px;
    right: -15px;
    background: #294982;
    padding: 10px 12px;
    border-radius: 50%;
}

.MsgBox .questionmark {
    z-index: 1;
    bottom: -10vh;
}


.MsgBox .display {
    opacity: 1;
}

.MsgBox .down {
    margin-top: 0px;
}

.MsgBox .questionmark:nth-child(1) {
    position: absolute;
    bottom: -100px;
    left: 90%;
    opacity: 0.2937261759;
    font-size: 34px;
    -webkit-animation: raise1 11s linear infinite;
    animation: raise1 11s linear infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    z-index: 1;
}

@-webkit-keyframes raise1 {
    to {
        bottom: 105%;
    }
}

@keyframes raise1 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(2) {
    position: absolute;
    bottom: -100px;
    left: 45%;
    opacity: 0.773539224;
    font-size: 64px;
    -webkit-animation: raise2 25s linear infinite;
    animation: raise2 25s linear infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    z-index: 1;
}

@-webkit-keyframes raise2 {
    to {
        bottom: 105%;
    }
}

@keyframes raise2 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(3) {
    position: absolute;
    bottom: -100px;
    left: 92%;
    opacity: 0.849049557;
    font-size: 60px;
    -webkit-animation: raise3 13s linear infinite;
    animation: raise3 13s linear infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    z-index: 1;
}

@-webkit-keyframes raise3 {
    to {
        bottom: 105%;
    }
}

@keyframes raise3 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(4) {
    position: absolute;
    bottom: -100px;
    left: 88%;
    opacity: 0.655408271;
    font-size: 64px;
    -webkit-animation: raise4 24s linear infinite;
    animation: raise4 24s linear infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    z-index: 1;
}

@-webkit-keyframes raise4 {
    to {
        bottom: 105%;
    }
}

@keyframes raise4 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(5) {
    position: absolute;
    bottom: -100px;
    left: 93%;
    opacity: 0.5595297366;
    font-size: 57px;
    -webkit-animation: raise5 25s linear infinite;
    animation: raise5 25s linear infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    z-index: 1;
}

@-webkit-keyframes raise5 {
    to {
        bottom: 105%;
    }
}

@keyframes raise5 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(6) {
    position: absolute;
    bottom: -100px;
    left: 29%;
    opacity: 0.0998714625;
    font-size: 63px;
    -webkit-animation: raise6 21s linear infinite;
    animation: raise6 21s linear infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    z-index: 1;
}

@-webkit-keyframes raise6 {
    to {
        bottom: 105%;
    }
}

@keyframes raise6 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(7) {
    position: absolute;
    bottom: -100px;
    left: 72%;
    opacity: 0.9535075138;
    font-size: 25px;
    -webkit-animation: raise7 18s linear infinite;
    animation: raise7 18s linear infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    z-index: 1;
}

@-webkit-keyframes raise7 {
    to {
        bottom: 105%;
    }
}

@keyframes raise7 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(8) {
    position: absolute;
    bottom: -100px;
    left: 31%;
    opacity: 0.3503414292;
    font-size: 67px;
    -webkit-animation: raise8 18s linear infinite;
    animation: raise8 18s linear infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    z-index: 1;
}

@-webkit-keyframes raise8 {
    to {
        bottom: 105%;
    }
}

@keyframes raise8 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(9) {
    position: absolute;
    bottom: -100px;
    left: 43%;
    opacity: 0.1712527401;
    font-size: 68px;
    -webkit-animation: raise9 19s linear infinite;
    animation: raise9 19s linear infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    z-index: 1;
}

@-webkit-keyframes raise9 {
    to {
        bottom: 105%;
    }
}

@keyframes raise9 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(10) {
    position: absolute;
    bottom: -100px;
    left: 77%;
    opacity: 0.9676627524;
    font-size: 56px;
    -webkit-animation: raise10 24s linear infinite;
    animation: raise10 24s linear infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    z-index: 1;
}

@-webkit-keyframes raise10 {
    to {
        bottom: 105%;
    }
}

@keyframes raise10 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(11) {
    position: absolute;
    bottom: -100px;
    left: 33%;
    opacity: 0.8467503928;
    font-size: 35px;
    -webkit-animation: raise11 13s linear infinite;
    animation: raise11 13s linear infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    z-index: 1;
}

@-webkit-keyframes raise11 {
    to {
        bottom: 105%;
    }
}

@keyframes raise11 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(12) {
    position: absolute;
    bottom: -100px;
    left: 46%;
    opacity: 0.5857006257;
    font-size: 48px;
    -webkit-animation: raise12 17s linear infinite;
    animation: raise12 17s linear infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    z-index: 1;
}

@-webkit-keyframes raise12 {
    to {
        bottom: 105%;
    }
}

@keyframes raise12 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(13) {
    position: absolute;
    bottom: -100px;
    left: 42%;
    opacity: 0.9271719067;
    font-size: 18px;
    -webkit-animation: raise13 16s linear infinite;
    animation: raise13 16s linear infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    z-index: 1;
}

@-webkit-keyframes raise13 {
    to {
        bottom: 105%;
    }
}

@keyframes raise13 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(14) {
    position: absolute;
    bottom: -100px;
    left: 19%;
    opacity: 0.246227898;
    font-size: 66px;
    -webkit-animation: raise14 11s linear infinite;
    animation: raise14 11s linear infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    z-index: 1;
}

@-webkit-keyframes raise14 {
    to {
        bottom: 105%;
    }
}

@keyframes raise14 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(15) {
    position: absolute;
    bottom: -100px;
    left: 96%;
    opacity: 0.4443944042;
    font-size: 14px;
    -webkit-animation: raise15 20s linear infinite;
    animation: raise15 20s linear infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    z-index: 1;
}

@-webkit-keyframes raise15 {
    to {
        bottom: 105%;
    }
}

@keyframes raise15 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(16) {
    position: absolute;
    bottom: -100px;
    left: 16%;
    opacity: 0.8876740572;
    font-size: 67px;
    -webkit-animation: raise16 15s linear infinite;
    animation: raise16 15s linear infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    z-index: 1;
}

@-webkit-keyframes raise16 {
    to {
        bottom: 105%;
    }
}

@keyframes raise16 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(17) {
    position: absolute;
    bottom: -100px;
    left: 87%;
    opacity: 0.2483177277;
    font-size: 67px;
    -webkit-animation: raise17 21s linear infinite;
    animation: raise17 21s linear infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    z-index: 1;
}

@-webkit-keyframes raise17 {
    to {
        bottom: 105%;
    }
}

@keyframes raise17 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(18) {
    position: absolute;
    bottom: -100px;
    left: 12%;
    opacity: 0.6671999957;
    font-size: 44px;
    -webkit-animation: raise18 25s linear infinite;
    animation: raise18 25s linear infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    z-index: 1;
}

@-webkit-keyframes raise18 {
    to {
        bottom: 105%;
    }
}

@keyframes raise18 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(19) {
    position: absolute;
    bottom: -100px;
    left: 18%;
    opacity: 0.901108685;
    font-size: 42px;
    -webkit-animation: raise19 24s linear infinite;
    animation: raise19 24s linear infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    z-index: 1;
}

@-webkit-keyframes raise19 {
    to {
        bottom: 105%;
    }
}

@keyframes raise19 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(20) {
    position: absolute;
    bottom: -100px;
    left: 31%;
    opacity: 0.8577990887;
    font-size: 51px;
    -webkit-animation: raise20 12s linear infinite;
    animation: raise20 12s linear infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    z-index: 1;
}

@-webkit-keyframes raise20 {
    to {
        bottom: 105%;
    }
}

@keyframes raise20 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(21) {
    position: absolute;
    bottom: -100px;
    left: 98%;
    opacity: 0.8467464624;
    font-size: 58px;
    -webkit-animation: raise21 15s linear infinite;
    animation: raise21 15s linear infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    z-index: 1;
}

@-webkit-keyframes raise21 {
    to {
        bottom: 105%;
    }
}

@keyframes raise21 {
    to {
        bottom: 105%;
    }
}

.MsgBox .questionmark:nth-child(22) {
    position: absolute;
    bottom: -100px;
    left: 15%;
    opacity: 0.7876632162;
    font-size: 16px;
    -webkit-animation: raise22 17s linear infinite;
    animation: raise22 17s linear infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    z-index: 1;
}

@-webkit-keyframes raise22 {
    to {
        bottom: 105%;
    }
}

@keyframes raise22 {
    to {
        bottom: 105%;
    }
}

.MsgBox .floatin h2 {
    font-size: 19px;
    font-weight: normal;
    height: 43px;
    vertical-align: middle;
    line-height: initial;
    color: #fff;
    border-radius: 4px;
    padding: 0px 0;
    background: #f1c40f;
}

.gradient-border:after {
    content: '';
    position: absolute;
    top: calc(-1 * var(--borderWidth));
    left: calc(-1 * var(--borderWidth));
    height: calc(100% + var(--borderWidth) * 2);
    width: calc(100% + var(--borderWidth) * 2);
    background: linear-gradient(40deg, #d69d64, #e49c8e, #efefef, #d08adc, #adb5c3, #ebebeb, #60e2d0, #83d498);
    border-radius: calc(2 * var(--borderWidth));
    z-index: -1;
    -webkit-animation: animatedgradient 6s ease alternate infinite;
    animation: animatedgradient 6s ease alternate infinite;
    background-size: 300% 300%;
}


@-webkit-keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/*endMessagePage*/
.listSeminar {
    margin: 35px 0;
    min-height: 620px;
    height: auto;
}


.listSeminarL {
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 9px 2px rgba(51, 51, 51, 0.42);
    background: rgba(204, 204, 204, 0.23);
}

.listSeminar .table > tbody > tr > td, .listSeminar .table > tbody > tr > th, .listSeminar .table > tfoot > tr > td, .listSeminar .table > tfoot > tr > th, .listSeminar .table > thead > tr > td, .listSeminar .table > thead > tr > th {
    padding: 8px;
    line-height: 30px;
    font-size: 14px;
    vertical-align: top;
    border-top: 1px solid rgba(221, 221, 221, 0.8117647058823529);
}

.listSeminarL .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}

.listSeminarL h4 {
    text-align: center;
    padding: 8px 0;
    line-height: normal;
    padding-bottom: 13px;
    background-color: #fff;
    margin-bottom: 2px;
    box-shadow: inset 0px -1px 6px 1px rgba(152, 149, 149, 0.5607843137254902);
}

.table .TextL {
    width: 56%;
    padding-right: 27% !important;
}

.textDesc {
    text-align: justify;
    padding: 15px 24px !important;
    color: #545454;
    font-size: 13px;
}

.listSeminarL h5 {
    text-align: center;
    padding: 7px 0;
    line-height: normal;
    color: #030086;
    border-top: 1px solid #e1e1e1;
    padding-bottom: 5px;
}

.listSeminarL .button {
    position: absolute;
    bottom: 0;
    padding: 13px 49px;
    margin: 8px 35%;
    color: #fff;
    font-family: Yekan;
    width: auto;
    display: block;
    border: none;
    cursor: pointer;
    font-size: 12px;
    border-radius: 30px;
    background-image: linear-gradient(90deg, rgba(54, 62, 59, 0.18) 0%, rgba(243, 226, 31, 0.57) 100%);
    background-color: #d93128;
    -webkit-box-shadow: 0px 0px 37px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 37px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 37px -9px rgba(0,0,0,0.75);
}

.descSnap5 {
    margin-bottom: 50px;
}

.listSeminarR i, .listSeminarL i {
    color: #d93128;
    margin-left: 4px;
}

.listSeminarR th {
    padding: 8px 0 !important;
}
.listSeminarR strong,
.listSeminarR span {
    line-height: 2em;
}
.borderTbl th {
    font-weight: 100;
    border-top: none !important;
}

.listSeminar .listSeminarL table {
    margin-bottom: 10px;
}

.MsgBox .registerPage {
    margin: 20px 0;
}

    .MsgBox .registerPage .form-control {
        margin-bottom: 18px;
    }

.MsgBox .form-group {
    text-align: center !important;
}

    .MsgBox .form-group span {
        font-size: 14px;
    }

.txtCoin p {
    font-size: 13px;
}

.tab-content footer {
    background-color: #f9f9f9;
    height: 100px;
    position: relative;
    bottom: 49px;
}

.tab-content .form-control {
    line-height: normal;
    font-size: 12px;
}

.tab-content h6 {
    font-size: 14px;
    padding: 11px 7px;
    margin: 0px 0;
    border-top: 3px solid #e0690c;
    background: #fff;
}

    .tab-content h6 i {
        padding-left: 5px;
    }

.ResultCoin {
    color: red;
}

.tblCOin select {
    width: 117px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: #fff;
    color: #888;
    border: 1px solid #c9c9c9;
    padding: 4px 12px 8px;
    background: #eee;
}

.tblCOin input[type="text"], .tblCOin input[type="password"], .tblCOin input[type="tel"], .tblCOin input[type="url"], .tblCOin input[type="email"], .tblCOin input[type="number"], .tblCOin textarea {
    direction: rtl;
    display: block;
    width: 100%;
    height: 37px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.tblCOin td {
    padding: 7px 8px 9px 1px;
    vertical-align: top;
    text-align: right;
    font: 13px/1.3 byekan,tahoma;
}


.selectCoin {
    height: 36px !important;
    line-height: normal;
    border-radius: 3px !important;
    vertical-align: top;
    font-size: 12px;
}

.result-kadr {
    font-family: yekan;
    margin-top: 5px;
    line-height: 3;
    color: red;
}

.ResultMainCoin {
    width: 100px;
    text-align: left;
    padding-left: 29px;
}

.img-node1 .col-xs-6, .img-node1 .col-sm-2, .img-node1 .col-md-2, .img-node1 .col-lg-2, .img-node2 .col-xs-6, .img-node2 .col-sm-2, .img-node2 .col-md-2, .img-node2 .col-lg-2 {
    padding: 0 5px;
}

.img-node2 img {
    height: 69% !important;
}

.pdiYear {
    padding-left: 0;
}

.pdiCalc {
    padding: 0;
}


@media(max-width:768px) {
    .tblCOin td {
        font-size: 11px !important;
    }
}

@media(max-width:400px) {
    .IntroductionMain blockquote {
        height: 55px;
        padding: 10px 12px;
    }
}


/*kargahPagemain*/

.kargah .news-image {
    height: 120px;
}

    .kargah .news-image img {
        width: 100%;
        height: 100%;
    }

.kargah .news-headline {
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 600;
}

.kargah .news-lead {
    line-height: 23px;
    height: 50px;
    margin-bottom: 10px;
    overflow: hidden;
    margin: 0;
    font-size: 13px;
}

.kargah .branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 1rem;
}

.kargah .site-title,
.kargah .site-tagline {
    margin: 0;
    font-size: 1rem;
    text-transform: lowercase;
    font-weight: 600;
}

.kargah .site-tagline {
    display: none;
}

.kargah .navigation {
    padding: 0 1rem;
}

    .kargah .navigation ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .kargah .navigation ul li {
            margin-left: 1rem;
            padding: 0;
            -webkit-transition: color 200ms ease;
            transition: color 200ms ease;
        }

            .kargah .navigation ul li:hover {
                cursor: pointer;
                color: rgba(0, 0, 0, 0.6);
            }

.navigation ul li i {
    font-size: 1.5rem;
    margin: 0;
}

.kargah .news-list {
    padding: 1.5rem;
    -webkit-transition: margin 200ms ease;
    transition: margin 200ms ease;
}


.kargah .news-group {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: #f9f9f9;
    border: 1px solid #f0f0f0;
}

.kargah .meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 0 0;
    font-size: 13px;
}

.kargah .timestamp {
    color: #999;
}

.kargah .news-category {
    color: #BA7609;
    display: block;
    cursor: pointer;
}

.kargah .hide {
    display: none;
}

.kargah .aboutus-section {
    margin: 0;
}

.kargah .news-group {
    background-color: #ffffff;
}
/*kargahPagemain*/


/*karagahinnerMain*/
.kargahInner .single-meta-wrap {
    position: relative;
    text-align: center;
    max-width: 700px;
    margin: 5px auto 0;
}

    .kargahInner .single-meta-wrap:before {
        border-width: 8px 2px 0 0;
        border-color: #fff transparent transparent transparent;
        left: 0;
    }

.kargahInner .single-meta-line {
    background: #6ac7e7;
    height: 2px;
    margin-top: 0px;
    top: 50%;
    left: 0;
    width: 100%;
    position: absolute;
}

.kargahInner .single-meta {
    color: #222;
    font-size: 19px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    background: #fbfbfb;
    position: relative;
    z-index: 2;
    padding: 0 12px;

}

.kargahInner .aboutus-banner {
    height: 330px !important;
}

.kargahInner .titr {
    width: 170px;
    font-size: 14px !important;
    font-weight: 700;
}


.kargahInner .listSeminarR i, .kargahInner .listSeminarL i, .kargahInner .glyphicon {
    color: #d93128;
    margin-left: 10px !important;
    font-size: 13px !important;
}

.kargahInner .table > tbody > tr > td, .kargahInner .table > tbody > tr > th, .kargahInner .table > tfoot > tr > td, .kargahInner .table > tfoot > tr > th, .kargahInner .table > thead > tr > td, .kargahInner .table > thead > tr > th {
    font-size: 14px !important;
}

.kargahInner .table tr:last-child {
    border-top: 2px solid transparent;
}

.kargahInner .btnRegister {
    text-align: center;
    margin: 2% 0;
}

    .kargahInner .btnRegister i {
        margin: 0 5px;
    }

.kargahInner .btn, .peyPage .btn {
    padding: 10px 30px;
    line-height: normal;
    background-color: #2f9e33;
    border-radius: 35px;
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-name: hover;
    animation-name: hover;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

    .kargahInner .btn:before, .peyPage .btn:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: -webkit-transform, opacity;
        transition-property: transform, opacity;
        opacity: .4;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
        -webkit-animation-name: hover-shadow;
        animation-name: hover-shadow;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        transition: all 0.5s;
    }

    .kargahInner .btn:hover, .peyPage .btn:hover {
        background-color: #ffffff;
        border: 2px solid #2f9e33;
        transition: all 0.5s;
        color: #333;
    }

@keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@-webkit-keyframes hover-shadow {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4;
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4;
    }
}

@keyframes hover-shadow {
    0% {
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4;
    }

    50% {
        -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
        transform: translateY(3px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4;
    }
}

@-webkit-keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

.kargahInner .progress {
    height: 20px;
    margin-bottom: 0;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.kargahInner .progress {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#ebebeb),to(#f5f5f5));
    background-image: -webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
    background-image: -moz-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
    background-image: linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0);
}

.kargahInner .progress {
    margin: 9px 0;
    margin-bottom: 0;
    height: 13px;
    border: 1px solid rgba(214, 46, 34, 0.46);
    background-color: #fbfbfb;
    background-image: none;
    box-shadow: none;
}

.kargahInner .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

.kargahInner .progress-bar {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));
    background-image: -webkit-linear-gradient(top,#428bca 0,#3071a9 100%);
    background-image: -moz-linear-gradient(top,#428bca 0,#3071a9 100%);
    background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0);
}

.kargahInner .progress-bar {
    box-shadow: none;
    border-radius: 3px;
    background-color: #0090D9;
    background-image: none;
    -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -ms-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.kargahInner .progress-bar-success {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#F44336),to(#F44336));
    background-image: -webkit-linear-gradient(top,#F44336 0,#F44336 100%);
    background-image: -moz-linear-gradient(top,#5cb85c 0,#449d44 100%);
    background-image: linear-gradient(to bottom,#e0483d 0,#d01d10 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0);
}

.kargahInner p {
    font-size: 16px;
    margin: 0;
    color: #000;
    color: #000;
    font-size: 16px;
    line-height: 32px;
    padding: 0px 0px;
    margin-top: 12px;
    text-align: justify;
    padding-bottom: 14px;
}
/*endkaragahinnerMain*/
/*endKargahPage*/

/*karagahinnerMainRegister*/
.peyPage  {
      text-align: center;
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
}
.peyPage .wrap {

	
}

.peyPage .avatar {
    margin: auto;
    width: 135px;
    border-radius: 100px;
    height: 135px;
    background: #448ed3;
    position: relative;
    bottom: -5px;
}

    .peyPage .avatar img {
        width: 100%;
        height: 100%;
        border-radius: 100px;
        margin: auto;
        border: 3px solid #2891e4;
        display: block;
    }

.peyPage .boxReg {
    text-align: center;
    min-height: 139px;
    height: auto;
    border-radius: 4px;
    box-shadow: 0px 1px 11px 1px rgba(51, 51, 51, 0.3215686274509804);
    background: #ccc6c6;
    border: 1px solid #c5bbbb82;
    background-color: #e8e9eb;
    padding: 15% 10%;
    padding-bottom: 17px;
    margin-bottom: 15px;
    margin-top: -30px;
}
    .peyPage .boxReg .table-condensed tr td {
        text-align:right;
        margin-right:20px;
    }
        .peyPage .boxReg .table-condensed > tbody > tr:nth-of-type(odd) {
            background-color: transparent;
        }
.peyPage .wrap input {
    border: none;
    background: #3394e2;
    font-weight: 700;
    display: block;
    height: 40px;
    outline: none;
    width: calc(100% - 24px);
    margin: auto;
    padding: 6px 12px 6px 12px;
}

.peyPage .bar {
    width: 100%;
    height: 1px;
    background: #fff;
}

    .peyPage .bar i {
        width: 95%;
        margin: auto;
        height: 1px;
        display: block;
        background: #d1d1d1;
    }

.peyPage p {
    line-height: 25px;
    font-size: 13px;
    text-align: justify;
}

.peyPage .money {
    color: green;
    font-size: 15px;
    margin: 20px auto;
    text-align: center;
}

.peyPage .pey {
    color: #2573a6;
    font-size: 13px;
    text-align: center;
    margin: 20px auto;
    margin-bottom: 5px;
}

.peyPage h5 {
    margin: 6% 0;
    margin-bottom: 7%;
}

    .peyPage h5 a {
        color: orangered !important;
    }

.peyPage .btn {
    font-size: 14px;
    padding: 7px 28px;
    border: 2px solid #2f9e33;
}

    .peyPage .btn:hover {
        padding: 7px 28px;
        border: 2px solid #2f9e33;
    }

.peyPage h4 {
    margin: 15px 0;
    line-height: 27px;
}
/*endkaragahinnerMainRegister*/

/*productPage*/

/*slider*/


.productPage .productPage {
    margin: 2% 0;
}

.productPage .product-inner .carousel {
    margin-top: 20px;
}

.productPage .desc-product-inner {
    margin-left: 5%;
    padding-right: 20px !important;
}


.productPage .product-inner .carousel-inner {
    height: 300px;
    width: 100%;
    -webkit-box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.4);
    border-radius: 4px;
    box-shadow: 0px 1px 11px 1px rgba(51, 51, 51, 0.3215686274509804);
}

.productPage .product-inner .item .thumb {
    width: 22%;
    cursor: pointer;
    float: left;
    margin: 0 6px;
}

    .productPage .product-inner .item .thumb img {
        width: 100%;
        height: 94px;
        border: 1px solid rgb(241, 241, 241);
        border-radius: 4px;
        box-shadow: 0px 1px 4px 1px rgb(196, 196, 196);
        padding: 9px;
        margin: 0 0px;
        transition: all 0.5s;
    }

.productPage .product-inner .item img {
    width: 100%;
    height: 300px;
}

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

    .productPage .product-inner .carousel-control .glyphicon-chevron-right, .productPage .carousel-control .icon-next {
        margin-right: -43px;
        background: #d03e21;
        font-size: 18px;
        padding: 5px;
        opacity: 1;
    }
}

@media screen and (min-width: 768px) {
    .productPage .product-inner .carousel-control .glyphicon-chevron-left, .productPage .carousel-control .icon-prev {
        margin-left: -19px;
        background: #d03e21;
        font-size: 18px;
        padding: 5px;
        opacity: 1;
    }
}

.productPage .carousel-control.left {
    position: absolute;
    top: -35% !important;
    background: transparent;
}

.productPage .carousel-control.right {
    position: absolute;
    top: -35% !important;
    background: transparent;
}

.productPage .carousel-inner-h {
    height: 110px !important;
    margin-bottom: 20px;
    width: 93%;
    box-shadow: none !important;
}

@media screen and (min-width: 768px) {
    .productPage .carousel-control .glyphicon-chevron-left, .productPage .carousel-control .glyphicon-chevron-right, .productPage .carousel-control .icon-next, .productPage .carousel-control .icon-prev {
        margin-top: 9px;
    }
}

.productPage .desc-product-inner span {
    margin-left: 5px;
    margin-bottom: 20px;
}

.productPage .desc-product-inner .btn {
    border-radius: 0;
    width: 89%;
    margin-top: 16px;
    color: #333;
}

.productPage .desc-product-inner i {
    color: #ff0000;
    margin-right: 2px;
}

.productPage .desc-product-inner a {
    color: #fff;
    text-decoration: none;
}

.productPage .desc-product-inner h4 {
    margin-bottom: 22px;
}

.productPage .desc-product-inner p {
    text-align: justify;
    line-height: 25px;
    color: rgb(119, 119, 153);
    font-size: 13px;
    margin-bottom: 19px !important;
    margin: 15px 0;
}

.productPage .desc-product-inner .rating {
    font-size: 9px;
    color: goldenrod;
    margin-bottom: 22px;
}

.productPage .h-pro {
    height: 32px;
    padding: 3px 3px;
    background: rgba(209, 207, 210, 0.18);
}

.productPage .product-inner .item .thumb img:hover {
    padding: 2px;
    transition: all 0.5s;
}

.productPage .productDetails .btn {
    box-shadow: rgba(62, 77, 71, 0.42) 0px 2px 2px 1px;
    background: rgb(104, 199, 231);
    color: #fff;
    border-radius: 3px;
    margin: 0px 3px;
}

.productPage .productDetails a {
    color: rgb(33, 150, 243);
    font-size: 12px;
}

.productPage .picAdv {
    margin: 0;
}

.productPage .picAdvMain {
    margin: 0 7px;
}
/*endProductPage*/
/*galleryPage*/

#gridGallery {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

    #gridGallery .colmd-6, #gridGallery .col-md-3 {
        margin: 0;
        padding: 0;
    }

    #gridGallery h2,
    #gridGallery .ms-WPBody h2 {
        color: #000;
    }

    #gridGallery .box h3 {
        color: #fff;
        font-family: 'Source Sans Pro';
        font-weight: 700;
    }

    #gridGallery .row {
        background: #fff;
    }

    #gridGallery .box {
        background-position: center center;
        background-size: cover;
        border: 1px solid #fff;
        transition: opacity .25s;
        overflow: hidden;
        padding: 0;
    }

    #gridGallery .hiddenText {
        display: none !important;
    }

    #gridGallery .box:hover {
        cursor: pointer;
        z-index: 1;
    }

    #gridGallery #boxOne,
    #gridGallery #boxTwo,
    #gridGallery #boxSeven,
    #gridGallery #boxEight {
        height: 300px;
    }

    #gridGallery #boxThree,
    #gridGallery #boxFour,
    #gridGallery #boxFive,
    #gridGallery #boxSix {
        height: 150px;
    }

        #gridGallery #boxThree img,
        #gridGallery #boxFour img,
        #gridGallery #boxFive img,
        #gridGallery #boxSix img,
        #gridGallery #boxOne img,
        #gridGallery #boxTwo img,
        #gridGallery #boxSeven img,
        #gridGallery #boxEight img {
            width: 100%;
            height: 100%;
        }

    #gridGallery .full {
        float: none;
        height: 600px !important;
        width: 1170px;
        position: absolute;
        z-index: 2;
    }

    #gridGallery #gridH {
        background-color: #eee;
        min-height: 600px;
        margin-bottom: 50px;
    }

        #gridGallery #gridH .row {
            margin-top: 150px;
        }

            #gridGallery #gridH .row .full {
                margin-top: -150px;
            }

    #gridGallery .full:hover {
        transform: scale(1);
        box-shadow: none;
    }

    #gridGallery .opacity {
        opacity: .8;
    }

    #gridGallery .captionBox {
        background-color: rgba(0, 0, 0, 0.8);
        bottom: 50px;
        color: white;
        left: 50px;
        padding: 25px;
        position: absolute;
        opacity: 0;
    }

        #gridGallery .captionBox p {
            font-size: 16px;
            font-weight: 300;
        }

        #gridGallery .captionBox h3 {
            margin-top: 0;
            text-transform: uppercase;
        }

    #gridGallery .transition {
        transition: 1s;
    }

    #gridGallery .bottomRight {
        left: auto;
        right: 80px;
    }

    #gridGallery .topRight {
        left: auto;
        right: 50px;
        bottom: auto;
        top: 50px;
    }

    #gridGallery .topLeft {
        bottom: auto;
        top: 50px;
    }

    #gridGallery .toggleIcon {
        background-color: rgba(0, 0, 0, 0.7);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 26px 26px;
        border-radius: 3px;
        bottom: 8px;
        height: 36px;
        opacity: 0;
        padding: 6px 6px;
        position: absolute;
    }

    #gridGallery .box.full .toggleIcon {
        background-color: rgba(0, 0, 0, 0.57);
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 3px;
        top: 26px;
        height: 36px;
        left: 50px;
        opacity: 0;
        padding: 10px;
        position: absolute;
        width: 36px;
    }

    #gridGallery .box:hover .toggleIcon {
        opacity: 1;
        right: 2%;
        transition: all 0.25s ease 0s;
    }

    #gridGallery .box.full .toggleIcon {
        opacity: 1;
        left: 50px;
        top: 26px;
        border-radius: 0;
        background-color: rgba(255, 255, 255, 0.66);
        background-size: 55%;
    }

        #gridGallery .box.full .toggleIcon:hover {
            background-color: black;
            transition: all 0s ease 0;
        }

    #gridGallery .toggleIcon span {
        color: #fff;
        font-size: 14px;
        padding: 10px 5px;
    }

    #gridGallery > .row {
        margin: 0;
    }

@media (max-width: 1200px) {
    #gridGallery .full {
        width: 970px;
    }
}

@media (max-width: 992px) {
    #gridGallery .full {
        width: 750px;
    }
}

@media (max-width: 768px) {
    #gridGallery #boxThree,
    #gridGallery #boxFour,
    #gridGallery #boxFive,
    #gridGallery #boxSix {
        height: 300px;
    }

    #gridGallery .toggleIcon {
        display: none;
    }

    #gridGallery .full .captionBox {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        padding: 10px;
    }

        #gridGallery .full .captionBox p {
            display: none;
        }

        #gridGallery .full .captionBox h3 {
            margin-bottom: 0;
        }

    #gridGallery .box.full {
        height: inherit;
        width: 100%;
    }

    #gridGallery .box {
        max-height: 150px !important;
    }

    #gridGallery .row {
        background-color: transparent;
    }

    #gridGallery #gridH .row {
        margin-top: 0px;
    }

    #gridGallery .box.full .toggleIcon {
        height: 50px !important;
        left: 0 !important;
        top: 0 !important;
        width: 50px !important;
        display: block;
    }

    #gridGallery .mobileFunction {
        float: left;
        height: 150px;
        width: 100%;
    }
}
/*endGalleryPage*/


/*hover*/
.kargah .solutions_role_container {
    text-align: center;
    height: 100%;
}

.kargah .role_img_container {
    /*width: 70%;
    margin: 0 auto;
  border-radius: 50%;*/
    overflow: hidden;
    height: 100%;
    z-index: 2;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #B1C3DA;
    box-shadow: 0 4px 10px #C6C6C6;
}

.kargah a.solutions_role_image {
    background: #000;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: block;
    height: 100%;
}

.kargah .solutions_role_image img {
    width: 100%;
    -moz-transition: opacity 0.4s ease-in-out, transform 0.2s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, transform 0.2s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out, transform 0.2s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.2s ease-in-out;
    display: block;
    overflow: hidden;
    transform: scale(1);
}

.kargah a.solutions_role_image:hover img {
    opacity: 0.7;
    transform: scale(1.08);
}

/*productPage*/

#productPage .product {
    height: 260px;
    margin-bottom: 40px;
    position: relative;
    box-shadow: 0px 1px 8px 1px rgba(95, 91, 91, 0.9294117647058824);
}

    #productPage .product > img {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
    }

    #productPage .product:hover .product-hover, .productPage .product:active .product-hover {
        opacity: 1;
    }

#productPage .product-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

@keyframes barberpole {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 60px 30px;
    }
}

#productPage .product-info {
    position: absolute;
    bottom: 30px;
    right: 30px;
    background: rgba(255, 255, 255, 0.7803921568627451);
    width: 180px;
    border-radius: 2px;
    padding: 10px 9px 50px 10px;
}

.productPage .subhead {
    font-size: 13px;
    margin-bottom: 7px;
    color: #FF5722;
    text-transform: uppercase;
    font-weight: bold;
}

#productPage .product-name {
    color: #990033;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    letter-spacing: -1px;
}

#productPage .price {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#productPage .amount {
    color: red;
    font-size: 150%;
}

    #productPage .amount > span {
        font-size: 75%;
    }

#productPage h1 {
    font-size: 72px;
    margin: 2px 0 0 0;
}

#productPage .productRow {
    min-height: 250px;
    height: auto;
    padding: 0 20px;
}

#productPage .price span {
    font-size: 12px;
    cursor: pointer;
}

#productPage .amount .btn {
    position: relative;
    padding: 0px 11px;
    line-height: normal;
    border: 1px solid #2f9e33;
    background-color: #2f9e33;
    border-radius: 3px;
    color: #fff;
    right: 56px;
    font-size: 12px;
}

    #productPage .amount .btn:hover {
        border: 1px solid #2f9e33;
        background-color: #fff;
        color: #333;
    }

#productPage #buttons input[type="button"] {
    transition: all .3s;
    border: 1px solid #ddd;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 15px;
}

#productPage #buttons .active {
    background-color: #d12c35;
    color: #fff;
}

#productPage #buttons input[type="button"]:not(.active) {
    background-color: #fff;
}
/*endProductPage*/

/*keywords*/
.keywords-panel div {
    line-height: 43px !important;
    padding: 11px 0 !important;
}

.keywords-panel .tag {
    float: right;
    background-color: rgba(186,184,176,.30980392156862746);
    color: #708196;
    margin: 0px 0 10px 4px;
    padding: 0px 10px;
    font-size: 12px;
    transition: all 0.5s;
}
/*endKeywords*/
/*BannerSite*/
.bannerSiteM {
    width: 80%;
    margin: 5px auto;
    height: 165px;
    box-shadow: 0px 0px 8px -1px rgb(204, 204, 204);
}

.bannerMainSite {
    height: 150px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 7px 1px rgba(51, 51, 51, 0.32941176470588235);
}

    .bannerMainSite img, .bannerSiteM img {
        width: 100%;
        height: 100%;
    }
/*endBannerSite*/
.bannerRepeat .bannerSiteM {
    border-radius: 4px;
    width: 98% !important;
    margin: 38px auto;
    margin-bottom: 0;
    height: 165px;
    box-shadow: 0px 0px 8px -1px rgb(204, 204, 204);
    overflow: hidden;
}

@media (max-width: 760px) {
    .cart, .phone {
        text-align: center;
    }
}

.aboutus-banner img {
    width: 100%;
    height: 100%;
}

#accordion .panel-default h3 a {
    color: #d42828 !important;
    font-weight: bold;
}


.btn-chek-new .btn.active {
    display: none;
}

.btn-chek-new .btn span:nth-of-type(1) {
    display: none;
}

.btn-chek-new .btn span:last-child {
    display: block;
}

.btn-chek-new .btn.active span:nth-of-type(1) {
    display: block;
}

.btn-chek-new .btn.active span:last-child {
    display: none;
}



    .profile-pfs .tabs-below > .nav-tabs {
        border-bottom: 0;
    }

    .profile-pfs .tab-content > .tab-pane,
    .profile-pfs .pill-content > .pill-pane {
        display: none;
    }

    .profile-pfs .tab-content > .active,
    .profile-pfs .pill-content > .active {
        display: block;
    }

    .profile-pfs .nav-tabs {
        border-bottom: 2px solid #d93128;
    }

        .profile-pfs .nav-tabs > li.active > a,
        .profile-pfs .nav-tabs > li.active > a:focus,
        .profile-pfs .nav-tabs > li.active > a:hover {

    color: #555;
    cursor: default;
    background-color: #fff !important;
    border: 2px solid #d93128;

        }

.nav-tabs > li a {
       color: #33393f;
    font-size: 12px;
    padding: 2px 6px;
}
.nav-tabs > li a.active.show{
    border-bottom: 4px solid #d93128;
    background: #fff !important;
    padding: 1px 16px;
}

.profile-pfs .nav-tabs > li > a i {
    font-size: 15px;
    color: #333;
    padding: 2px 10px;
    display: none;
}

.profile-pfs .nav-tabs > li.active > a i {
    font-size: 15px;
    color: #d93128;
    padding: 2px 10px;
}

.profile-pfs .tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

    .profile-pfs .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .profile-pfs .tabs-below > .nav-tabs > li > a {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

            .profile-pfs .tabs-below > .nav-tabs > li > a:hover,
            .profile-pfs tabs-below > .nav-tabs > li > a:focus {
                border-top-color: #ddd;
                border-bottom-color: transparent;
            }

    .profile-pfs .tabs-below > .nav-tabs > .active > a,
    .profile-pfs .tabs-below > .nav-tabs > .active > a:hover,
    .profile-pfs .tabs-below > .nav-tabs > .active > a:focus {
        border-color: transparent #ddd #ddd #ddd;
    }



/*table*/
.gif-lable {
    width: 100%;
    height: 245px;
}
.gif-lable img {
    width: 100%;
    height: 100%;
}
.profile-pfs .table > thead > tr > th {
    font-size: 11px;
    padding: 11px 7px;
    margin: 0px 0;
    border-bottom: 3px solid #d93128;
    background: #dee2e6;
}

.tab-pane h3{
    padding: 5px 10px;
    font-size: 0;
    /* border-bottom: 1px solid #c1c1c1; */
}

form.usualForms{

    padding: 20px 25px;
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 5px;
margin:10px auto;
}
@media screen and (max-width: 616px) {
.nav-tabs > li a {
     padding: 0;
    font-size: 10px;
}
.profile-pfs .nav-tabs > li > a i {
    display: none;}
.profile-pfs .nav-tabs  li{
margin:0px auto;
}
}
/*
jf;ajf;kdsajf;lksdfj;ksdfj;lkdsjf;ksldfjk;lsdfj;klsdfjsd;lkfjs;lkfj;sdklfj;ksdjf;kldsjfd;slkfj;sdlkfjs;dlkfjsd;klfjsd;klfj;kldf
sf;sfjs;dfj;sklfj;lskdfj;lsdkfj;sdlfj;lkdfj;dlskfj;sdkfj;sdkjf;sdlkjf;lkfj;skfj;kjf;kslfj;skladfj;klsadfj;sdlkafj;lksdfj;sdfj;sladkfjas
kf;jsdfj;j;skldfj;sfj;skjf;klsajfk;lsdjfk;sjf;lkfj;sfj;sdjf;sdfj;sfj;sdfj;sdfksd;fj;sdfj;klsdfj;lksf
kldfk';fk';dfksdfksdfksd;fk;'kfdf;'sdlkf;sdlkf;dslkf;'sdlkf;'sdlkf;'fk'f'fk'sd;flk';sdlfk;'dslfksd;lfk
kfk'sdfkl'flk'sd;lfk;sdlfk;sdlfk;'lkf;'sdlkf;lsdkf;dlskf;sdlfksd;fk;'sdlfksdf;l';sdlfkdflsad;lkf;sdlk
hfdhghfghfghdfhfghfghfghfgh
rtyrt'kl'lk';llk;lk;lkl;'k';k'kl'l';l;l';l';l';l';lk';;kl'l

*/
/*
jf;ajf;kdsajf;lksdfj;ksdfj;lkdsjf;ksldfjk;lsdfj;klsdfjsd;lkfjs;lkfj;sdklfj;ksdjf;kldsjfd;slkfj;sdlkfjs;dlkfjsd;klfjsd;klfj;kldf
sf;sfjs;dfj;sklfj;lskdfj;lsdkfj;sdlfj;lkdfj;dlskfj;sdkfj;sdkjf;sdlkjf;lkfj;skfj;kjf;kslfj;skladfj;klsadfj;sdlkafj;lksdfj;sdfj;sladkfjas
kf;jsdfj;j;skldfj;sfj;skjf;klsajfk;lsdjfk;sjf;lkfj;sfj;sdjf;sdfj;sfj;sdfj;sdfksd;fj;sdfj;klsdfj;lksf
kldfk';fk';dfksdfksdfksd;fk;'kfdf;'sdlkf;sdlkf;dslkf;'sdlkf;'sdlkf;'fk'f'fk'sd;flk';sdlfk;'dslfksd;lfk
kfk'sdfkl'flk'sd;lfk;sdlfk;sdlfk;'lkf;'sdlkf;lsdkf;dlskf;sdlfksd;fk;'sdlfksdf;l';sdlfkdflsad;lkf;sdlk
hfdhghfghfghdfhfghfghfghfgh
rtyrt'kl'lk';llk;lk;lkl;'k';k'kl'l';l;l';l';l';l';lk';;kl'l

*/