@font-face {
    font-family: IRANSansWeb;
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IRANSansWeb(FaNum).eot');
    src: url('fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),url('fonts/IRANSansWeb(FaNum).woff2') format('woff2'),url('fonts/IRANSansWeb(FaNum).woff') format('woff'),url('fonts/IRANSansWeb(FaNum).ttf') format('truetype')
}

html {
    overflow-x: hidden
}

body {
    font-family: IRANSansWeb,tahoma;
    font-size: 15px;
    overflow-x: hidden;
   
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a:active, a:hover, a:link {
    text-decoration: none;
    outline: 0 !important
}

h1, h2, h3, h4, h5, h6 {
    font-size: 15px;
    margin: 0;
    padding: 0
}

a, form button, i, input[type=submit] {
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s
}

input[type=url] {
    background-color: #eaeaea
}

img {
    max-width: 100%
}

i {
    font-family: "Font Awesome 5 Pro"
}

.grecaptcha-badge {
    z-index: 1000;
    margin-bottom: 46px
}

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

    .hvr-overline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 51%;
        right: 51%;
        top: 0;
        -webkit-box-shadow: 0 0 15px #fff;
        box-shadow: 0 0 15px #fff;
        background-color: gold;
        height: 2px;
        -webkit-transition-property: left,right;
        transition-property: left,right;
        -webkit-transition-duration: .3s;
        transition-duration: .4s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-overline-from-center:active:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:hover:before {
        left: 0;
        right: 0
    }

.hvr-r, .hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-r:before, .hvr-sweep-to-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-r:before {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    .hvr-sweep-to-left:active, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:hover {
        color: #fff
    }

        .hvr-r:active:before, .hvr-r:focus:before, .hvr-r:hover:before, .hvr-sweep-to-left:active:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

.ck-content {
    height: 275px
}

.ck.ck-editor {
    width: 100% !important
}

.wp-pagenavi {
    clear: both;
    margin: 20px auto 40px;
    text-align: center
}

    .wp-pagenavi .page {
        color: #00f
    }

    .wp-pagenavi .active, .wp-pagenavi a {
        text-decoration: none;
        width: 40px;
        padding: 9px 4px 7px 4px !important;
        margin: 5px 7px !important;
        border: none !important;
        text-align: center;
        display: inline-block;
        cursor: pointer;
        font-size: 16px;
        color: #000
    }

        .wp-pagenavi .active, .wp-pagenavi a:hover {
            background-color: #048181;
            color: #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            box-shadow: 0 0 3px #c7c6c6
        }

.photo-site {
    width: 100%;
    background: url(/img/image/Header.svg) no-repeat center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: 100
}
.ertefa{
    height:200px
}
.h-logo {
    margin: 0
}

    .h-logo img {
        position: absolute;
        width: 75px;
        float: right;
        top: 20px;
        z-index: 55
    }

.user-detail {
    /*
    
    padding: 0;
    left: 0;*/
    position: relative;
    text-align: center;
    z-index: 100;
    bottom: 22px;
}

    .user-detail .avatar-login {
        position: relative;
        
        border: 1px solid #000;
        border-radius: 20%;
        left: 110px;
        float: left;
        border-left: 0;
        border-right: 0;
        margin-left: -60px;
        height: 61px
    }

#account {
    border: 1px solid #000;
    border-radius: 10px;
    height: 45px;
    float: left;
    display: inline;
    padding-top: 10px;
    box-shadow: 0 0 6px gold;
    background: #fff
}

    #account .first {
        padding-right: 62px
    }

    #account .blogout {
        border-right: 1px solid #000;
        border-radius: 0
    }

.user-detail .backShadow {
    position: relative;
    border-radius: 20%;
    left: 110px;
    float: left;
    width: 60px;
    height: 62px;
    z-index: -1;
    box-shadow: 0 0 5px gold;
    margin-left: -60px
}

#account a {
    font-size: 13px;
    color: #000;
    display: inline;
    border-radius: 8px;
    cursor: pointer;
    padding: 8px 16px
}

#account .image-avatar {
    padding: 0
}

#account a:hover {
    color: #1128af
}

#account a i {
    padding-left: 4px;
    font-size: 14px;
    color: #000
}
.photo-site .title-homepage {
    line-height: 20px;
    position: absolute;
    text-indent: -9999px;
}
    .photo-site .header-title p {
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 53px 0 0 0
}

.photo-site .search-form {
    width: 550px;
    margin: 0 auto;
    padding: 5px 0 15px 0
}

    .photo-site .search-form form {
        width: 100%;
        position: relative
    }

        .photo-site .search-form form input {
            margin: 35px auto;
            background-color: azure;
            border-radius: 15px;
            width: 100%;
            line-height: 50px;
            border: 0;
            padding: 0 20px;
            color: #2c373b;
            box-shadow: 0 0 13px #000000
        }

        .photo-site .search-form form button {
            margin: 35px auto;
            background-color: azure;
            color: #324eee;
            font-size: 21px;
            width: 50px;
            height: 48px;
            position: absolute;
            border-top-left-radius: 14px;
            border-bottom-left-radius: 14px;
            left: 2px;
            top: 2px;
            border: 0
        }

            .photo-site .search-form form button i {
                position: relative;
                top: 1px
            }

            .photo-site .search-form form button:hover {
                background-color: #75a8bb;
                color: gold
            }

.photo-site .statistic-col {
    position: relative;
    width: 140px;
    margin: 0 auto
}

    .photo-site .statistic-col img {
        position: relative;
        width: 100%
    }

    .photo-site .statistic-col .title {
        font-size: 16px;
        line-height: 15px;
        width: 100%;
        display: block;
        text-align: center;
        color: #fff;
        position: relative;
        top: -3px;
        text-shadow: 0 0 1px gold
    }

.about {
    margin: 0;
    position: relative;
    top: 12px;
    z-index: 50;
    right: 120px
}

    .about a {
        font-size: 15px;
        color: #fff;
        text-shadow: 0 0 1px gold
    }

        .about a:hover {
            color: gold
        }

    .about span {
        margin-top: 10px;
        color: gold
    }

.mydropdown {
    float: left;
    position: absolute;
    top: 60px;
    left: 75px;
    z-index: 101;
    display: block
}

    .mydropdown span {
        color: #fff;
        cursor: pointer;
        font-size: 18px;
        /*top: 0px;
        position: relative;
        right: 136px;*/
    }

    .mydropdown .show {
        right: -75px !important
    }

    .mydropdown .dropdown-menu {
        font-size: 13px
    }

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    background-color: #fff
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    width: auto;
    border-radius: 5px;
    height: auto;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden
}

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        cursor: pointer
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 10px
    }

    .ui-menu .ui-state-active, .ui-menu .ui-state-focus {
        background-color: #499181
    }

        .ui-menu .ui-state-active:hover, .ui-menu .ui-state-focus:hover {
            color: #fff
        }

.ui-menu-icons {
    position: relative
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1
}

    .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-hover {
        margin: -1px
    }

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-front {
    z-index: 100
}

.fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    margin: 0;
    box-shadow: 0 0 14px #2f4f4f;
    box-shadow: 0 0 14px rgba(47,79,79,.91);
    transition: all 2s
}

.site-mobile-menu {
    width: 326px;
    right: 0;
    position: fixed;
    top: 0;
    z-index: 800;
    padding-top: 10px;
    background: linear-gradient(to right,#ececec,#474680,#292862);
    height: calc(100vh);
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-box-shadow: -10px 0 20px -10px #000;
    -webkit-box-shadow: -10px 0 20px -10px rgba(0,0,0,.1);
    box-shadow: -10px 0 20px -10px #000;
    box-shadow: -10px 0 20px -10px rgba(0,0,0,.1);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    box-sizing: border-box
}

.offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
        float: left
    }

        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
            font-size: 23px;
            display: inline-block;
            padding-left: 10px;
            padding-right: 0;
            line-height: 1;
            cursor: pointer;
            -webkit-transition: .3s all ease;
            -o-transition: .3s all ease;
            transition: .3s all ease;
            color: red
        }

            .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
                color: red
            }

.site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 20px 20px 20px;
    height: calc(100vh - 52px);
}

.site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

    .site-mobile-menu .site-nav-wrap a {
        padding: 12px 14px;
        display: block;
        position: relative;
        color: #fff
    }

        .site-mobile-menu .site-nav-wrap a:hover {
            color: #f7ff00
        }

    .site-mobile-menu .site-nav-wrap li {
        position: relative;
        display: block
    }

    .site-mobile-menu .site-nav-wrap .sbar a {
        font-size: 14px
    }

    .site-mobile-menu .site-nav-wrap .arrow-collapse {
        position: absolute;
        right: 154px;
        top: 9px;
        z-index: 20;
        width: 67px;
        height: 28px;
        text-align: center;
        cursor: pointer;
        border-radius: 5px;
        background: #fff;
        background: rgba(255,255,255,.7)
    }

        .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
            font-size: 12px;
            z-index: 20;
            font-family: "Font Awesome 5 Pro";
            content: '\f107';
            position: absolute;
            font-weight: 700;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%) rotate(-180deg);
            -ms-transform: translate(-50%,-50%) rotate(-180deg);
            transform: translate(-50%,-50%) rotate(-180deg);
            -webkit-transition: .3s all ease;
            -o-transition: .3s all ease;
            transition: .3s all ease
        }

        .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

    .site-mobile-menu .site-nav-wrap > li {
        display: block;
        position: relative;
        float: right;
        width: 100%
    }

        .site-mobile-menu .site-nav-wrap > li > a {
            padding-left: 20px;
            font-size: 16px;
            text-align: right;
            width: 151px
        }

        .site-mobile-menu .site-nav-wrap > li > ul {
            padding: 0;
            margin: 0;
            list-style: none;
            background: #000;
            background: rgba(0,0,0,.16);
            border-radius: 10px
        }

            .site-mobile-menu .site-nav-wrap > li > ul > li {
                display: block
            }

                .site-mobile-menu .site-nav-wrap > li > ul > li > a {
                    padding-right: 31px;
                    font-size: 14px;
                    text-align: right
                }

                .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
                    padding: 0;
                    margin: 0
                }

                    .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
                        display: block
                    }

                        .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                            font-size: 16px;
                            padding-left: 60px
                        }

    .site-mobile-menu .site-nav-wrap #smallMenu {
        width: 100%;
        padding: 0
    }

        .site-mobile-menu .site-nav-wrap #smallMenu > li {
            position: relative;
            height: auto;
            float: right;
            border-left: 1px solid gold
        }

            .site-mobile-menu .site-nav-wrap #smallMenu > li > a {
                padding: 6px 1px;
                text-align: center;
                border: 0;
                font-size: 14px
            }

            .site-mobile-menu .site-nav-wrap #smallMenu > li:last-child {
                border: 0
            }

    .site-mobile-menu .site-nav-wrap[data-class=social] {
        float: left;
        width: 100%;
        margin-top: 30px;
        padding-bottom: 5em
    }

        .site-mobile-menu .site-nav-wrap[data-class=social] > li {
            width: auto
        }

            .site-mobile-menu .site-nav-wrap[data-class=social] > li:first-child a {
                padding-left: 15px !important
            }

.site-navbar {
    background: #fbfcff;
    padding: 10px 0;
    box-shadow: 0 0 9px #000;
    border-bottom: 1px solid gold
}

.logo {
    display: none
}

.site-navbar .site-navigation .site-menu {
    margin-bottom: 0;
    padding: 0;
 
}

    .site-navbar .site-navigation .site-menu a {
        text-decoration: none !important;
        display: inline-block
    }

    .site-navbar .site-navigation .site-menu > li {
        float: right;
        display: block
    }

        .site-navbar .site-navigation .site-menu > li > a {
            padding: 3px 0;
            color: #000
        }

            .site-navbar .site-navigation .site-menu > li > a > span {
                padding: 9px 17px;
                display: inline-block;
                -webkit-transition: .3s all ease;
                -o-transition: .3s all ease;
                transition: .3s all ease;
                /*border-left: 1px solid #bbd6db;
                border-bottom-left-radius: 6px*/
            }

            .site-navbar .site-navigation .site-menu > li > a:hover > span {
                color: #173aff;
                display: inline-block
            }

    .site-navbar .site-navigation .site-menu .has-children {
        position: relative
    }

        .site-navbar .site-navigation .site-menu .has-children > a span {
            position: relative;
            padding-left: 10px
        }

        .site-navbar .site-navigation .site-menu .has-children .dropdown {
            visibility: hidden;
            opacity: 0;
            top: 100%;
            position: absolute;
            border-top: 2px solid #007bff;
            -webkit-box-shadow: 0 0 4px #c6c6c6;
            box-shadow: 0 0 4px #c6c6c6;
            padding: 4px;
            margin-top: 15px;
            margin-left: 0;
            background: #fff;
            -webkit-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear;
            z-index: 100
        }

            .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
                position: absolute
            }

                .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
                    bottom: 100%;
                    left: 20%;
                    border: solid transparent;
                    content: " ";
                    height: 0;
                    width: 0;
                    position: absolute;
                    pointer-events: none
                }

                .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
                    border-color: #88b7d5;
                    border-color: rgba(136,183,213,0);
                    border-bottom-color: #fff;
                    border-width: 10px;
                    margin-left: -10px
                }

            .site-navbar .site-navigation .site-menu .has-children .dropdown a {
                text-transform: none;
                letter-spacing: normal;
                color: #343a40
            }

                .site-navbar .site-navigation .site-menu .has-children .dropdown a:hover {
                    color: #fff !important
                }

            .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
                list-style: none;
                padding: 0;
                margin: 0;
                min-width: 200px;
                background: #fbfbfb
            }

                .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
                    padding: 9px 20px;
                    display: block;
                    text-align: center;
                    font-size: 14px
                }

            .site-navbar .site-navigation .site-menu .has-children .dropdown ul li {
                width: 125px;
                list-style: none;
                border-left: 1px solid silver;
                border-bottom: 1px solid silver
            }

                .site-navbar .site-navigation .site-menu .has-children .dropdown ul li:last-child {
                    border-left: 0
                }

                .site-navbar .site-navigation .site-menu .has-children .dropdown ul li a {
                    border: none;
                    height: 43px;
                    width: 125px;
                    text-align: center;
                    font-size: 14px;
                    padding: 10px 0
                }

            .site-navbar .site-navigation .site-menu .has-children .dropdown ul {
                padding: 0
            }

                .site-navbar .site-navigation .site-menu .has-children .dropdown ul ul {
                    padding: 0
                }

            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
                background: #fafafb
            }

            .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a {
                position: relative
            }

                .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:after {
                    position: absolute;
                    right: 0;
                    content: "\e315";
                    right: 20px;
                    font-family: icomoon;
                    font-family: "Font Awesome 5 Pro"
                }

            .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
                left: 100%;
                top: 0
            }

        .site-navbar .site-navigation .site-menu .has-children:active > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:hover > a {
            color: #007bff
        }

        .site-navbar .site-navigation .site-menu .has-children:active > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown {
            -webkit-transition-delay: 0;
            -o-transition-delay: 0;
            transition-delay: 0;
            margin-top: 0;
            visibility: visible;
            opacity: 1
        }

.menu-bar {
    right: -41px;
    position: relative;
    cursor: pointer
}

    .menu-bar a {
        font-size: 23px;
        color: #fff;
        padding: 16px 30px;
        text-align: center;
        position: relative
    }

.fixed-icon {
    position: fixed;
    top: 0;
    z-index: 1;
    transition: all 2s;
    margin-top: 73px
}

#icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

    #icon > ul {
        list-style: none;
        margin-top: 7px
    }

        #icon > ul > li {
            cursor: default;
            margin-bottom: 1px;
            width: 31px;
            height: 30px
        }

            #icon > ul > li > a {
                padding-top: 6px;
                color: #000;
                font-size: .875rem;
                text-align: center;
                width: 31px;
                height: 30px;
                z-index: 100
            }

    #icon ul ul {
        position: absolute;
        top: -30px
    }

    #icon ul li ul {
        left: 65px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    #icon li:hover > ul {
        left: 100px
    }

    #icon ul ul li {
        display: none
    }

    #icon ul li:hover ul li {
        display: block
    }

    #icon ul li ul {
        position: relative
    }

        #icon ul li ul li {
            width: 200px;
            height: 29px;
            position: absolute;
            left: -61px;
            background-color: #f8f9fa;
            border: 1px solid #000;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            text-align: center;
            border-left: none;
            color: #000;
            padding: 2px 0
        }

    #icon ul li a:hover {
        color: #fff
    }

.aboutus {
    padding: 1px 15px 25px;
    margin: 5px 5px 20px;
    text-align: justify;
    -moz-box-shadow: 0 0 6px gray;
    -webkit-box-shadow: 0 0 6px gray;
    box-shadow: 0 0 6px gray;
    border-radius: 8px;
    background-color: #fff
}

.abouth {
    margin: 12px 5px 0 5px;
    border-radius: 8px;
    border: 1px solid #d7d7d7
}

    .abouth h1 {
        padding: 21px;
        font-size: 17px;
        font-weight: 700
    }

.aboutus h2 {
    font-size: 18px;
    color: #1128af;
    padding: 24px 10px 10px
}

.aboutus p {
    line-height: 45px;
    font-size: 17px;
    padding: 5px 11px 0
}

.contactus {
    margin: 30px 0;
    padding: 15px;
    background: #fff;
    -moz-box-shadow: 0 1px 6px #a5a3a3;
    -webkit-box-shadow: 0 1px 6px #a5a3a3;
    box-shadow: 0 1px 6px #a5a3a3;
    border-radius: 5px;
    background: #fafafa
}

    .contactus:before {
        width: 155px;
        height: 159px;
        background: url(../img/image/contact.svg) no-repeat left bottom;
        content: '';
        position: absolute;
        left: -3px;
        top: 90px
    }

    .contactus p {
        font-size: 18px;
        color: #1128af
    }

    .contactus span {
        padding: 0 5px;
        font-size: 17px
    }

    .contactus tr {
        height: 60px
    }

    .contactus td a {
        width: 170px;
        text-align: left
    }

.contactme {
    margin: 30px 0
}

    .contactme header {
        background-color: #daf1f2;
        border-radius: 10px;
        border: 2px dotted #004288
    }

        .contactme header h1 {
            font-size: 25px;
            font-weight: 700;
            line-height: 30px;
            display: block;
            text-align: center;
            padding: 10px 0
        }

        .contactme header p {
            font-size: 15px;
            text-align: center;
            margin-top: 12px
        }

    .contactme div {
        text-align: right;
        margin: 10px 0
    }

        .contactme div label {
            margin: auto;
            height: 50px;
            padding: 10px
        }

    .contactme input {
        border: 1px solid #1128af;
        border-right: 0;
        width: 80%;
        text-align: right;
        cursor: text !important;
        height: 50px
    }

    .contactme span {
        font-size: 16px;
        color: #1128af;
        margin-right: 10px
    }

    .contactme .title {
        border: 1px solid #6a7ce9;
        width: 100%;
        text-align: right;
        cursor: text;
        box-shadow: 0 0 4px #bcbcbc
    }

.box-shop header {
    margin: 60px 0 0;
    color: #1128af;
    font-size: 19px
}

    .box-shop header h3 {
        margin-bottom: 25px
    }

    .box-shop header::before {
        width: 2055px;
        height: 5px;
        background: #1da4ba;
        background: rgba(29,164,186,.2);
        position: absolute;
        right: -1990px;
        top: 32px;
        content: ''
    }

    .box-shop header::after {
        width: 80px;
        height: 5px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        background-color: #ff00fb;
        position: absolute;
        right: 0;
        top: 32px;
        content: ''
    }

.detail-top-link {
    position: relative;
    display: block;
    padding: 10px 0;
    margin-left: 0;
    color: #007bff;
    top: -5px;
    text-align: center;
    width: 250px;
    float: left;
    left: -6px;
    font-size: 14px
}

.detail-bottom-link {
    position: relative;
    display: none;
    padding: 10px 0;
    color: #007bff;
    text-align: center;
    font-size: 14px
}

@keyframes more {
    from {
        width: 12px;
        opacity: 0
    }

    to {
        width: 50px;
        opacity: 1;
        color: #ff00fb
    }
}

@-webkit-keyframes more {
    from {
        width: 12px;
        opacity: 0
    }

    to {
        width: 50px;
        opacity: 1;
        color: #ff00fb
    }
}

.more {
    -webkit-animation: more 4.5s alternate ease-in-out;
    animation: more 4.5s alternate ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.terms-items {
    width: 100%;
    padding: 0;
    margin: 0
}

    .terms-items .term-col {
        padding: 0 9px
    }

    .terms-items .term-book {
        padding: 0
    }

.term-col article {
    border-radius: 5px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    box-shadow: 1px 2px 10px #000;
    box-shadow: 1px 2px 10px rgba(0,0,0,.15);
    margin-bottom: 15px;
    -webkit-transition: .35s ease-out;
    -moz-transition: .35s ease-out;
    -o-transition: .35s ease-out;
    transition: .35s ease-out;
    margin-bottom: 30px;
    position: relative;
    box-shadow: 0 0 6px #ccc;
    background-color: #fff
}

    .term-col article:hover {
        -webkit-transform: translate3d(0,-5px,0);
        -moz-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
        box-shadow: 0 23px 40px #000;
        box-shadow: 0 0 40px rgba(0,0,0,.19)
    }

    .term-col article:before {
        width: 100px;
        height: 100px;
        background: url(../img/image/ab.svg) no-repeat left bottom;
        content: '';
        position: absolute;
        left: 0;
        bottom: 58px
    }

    .term-col article img {
        display: block;
        height: 160px;
        margin: auto;
        width: 100%;
        -o-transition-property: all;
        transition-property: all;
        -o-transition-duration: 1s;
        -webkit-transition-duration: 1s;
        transition-duration: 1s
    }

    .term-col article h2 {
        margin: 8px 2px 2px;
        padding: 11px 5px;
        line-height: 30px;
        color: #000;
        height: 84px;
        font-size: 14px;
        word-spacing: -1px;
        font-weight:600;
        transition: all .2s linear 0s;
        text-align: center
    }

    .term-col article:hover h2 {
        /*color: #0c72df*/
        
    }

    .term-col article .topdetail {
        border-top: 2px solid #adb5be;
        margin: 0 25px;
        padding: 9px
    }

    .term-col article:hover span {
        color: maroon
    }
    .term-col article:hover .timefreeCourse {
        color: green
    }
    .term-col article:hover .timepriceCourse {
        color: red
    }
    .term-col article .name-teacher {
        font-size: 14px;
        word-spacing: -1px
    }
    .term-col article .discount-hover {
        position: absolute;
        left: -60px;
        top: 6px;
        margin-top: 2px;
        background-color: #ff00cd;
        padding: 0 14px;
        color: white;
        z-index: 800;
        border-radius: 0 15px 15px 0;
        transition: all ease .4s;
        box-shadow: 0px 0px 5px #6e6e67;
    }
    .term-col article:hover .discount-hover {
        left: 0;
        color: white;
    }
    .term-col article .bottomdetail {
        border-top: 2px solid #cfd5dc;
        margin: 0 12px 2px 12px;
        padding: 9px
    }

    .term-col article p {
        width: 100%;
        display: block
    }
        .term-col article p .freeCourse {
            color: green;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: 1px;
                }
        .term-col article p .priceCourse {
            color: red;
            font-weight: 600;
        }

.bottomdetail time {
    color: #137aff;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    float: left;
    letter-spacing: 1px;
}

.bottomdetail i {
    position: relative;
    top: 2px;
    font-style: normal
}

.offer {
    padding: 10px 12px;
    border-radius: 24px;
    text-align: center;
    background-color: #e4f7ff;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    top: -44px;
    right: -9px;
    box-shadow: 0 0 4px #c7c7c7;
    display: inline-block
}

.term-book article {
    width: 95%;
    margin-right: 6px
}

    .term-book article:before {
        display: none
    }

    .term-book article img {
        display: block;
        height: 250px;
        margin: auto;
        width: 100%;
        -o-transition-property: all;
        transition-property: all;
        -o-transition-duration: 1s;
        -webkit-transition-duration: 1s;
        transition-duration: 1s
    }

.mrbio::before {
    position: absolute;
    right: -197px;
    background: url(../img/image/mrbio.svg) no-repeat top left;
    background-size: auto;
    background-size: 243px 310px;
    width: 243px;
    height: 310px;
    content: '';
    opacity: .2;
    margin-top: 25px
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
    height: 485px;
    overflow: hidden
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

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

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 2.5s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: .9s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.product-slider .owl-dots {
    text-align: right
}

    .product-slider .owl-dots button {
        width: 9px;
        height: 6px;
        background: #ff769d;
        border-radius: 5px;
        margin-right: 6px;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s
    }

        .product-slider .owl-dots button.active {
            width: 40px;
            background: #2f4f4f;
            border-radius: 5px
        }

.product-slider .owl-nav button[type=button] {
    display: none
}

.head1 {
    margin: 14px 0
}

    .head1 h1 {
        line-height: 20px;
        position: absolute;
        text-indent: -9999px
    }

.section-news {
    width: 100%;
    background-color: #fff;
    border-radius: 5px
}

.indexnews {
    margin-top: 16px;
    border-top: 3px solid #4b0096;
    border-bottom: 2px solid #4b0096;
    border-radius: 5px;
    background: #fafafa
}

.slider {
    background: 0 0
}

.section-news article:hover {
    box-shadow: 0 0 5px #303030;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.section-news article {
    height: 175px;
    backface-visibility: hidden;
    overflow: hidden;
    border-bottom: 1px solid #4b0096;
    transition: .3s ease-out
}

.section-news img {
    height: 85%;
    width: 22%;
    display: block;
    margin: auto 5px;
    filter: contrast(.9)
}

.section-news a:hover img {
    filter: contrast(1)
}

.section-news .body-news {
    margin: 5px
}

    .section-news .body-news h2 {
        font-size: 18px;
        font-weight: 700;
        color: #00008b;
        padding: 10px 5px
    }

    .section-news .body-news > .text-news {
        font-size: 15px;
        color: #000;
        padding: 5px 5px 0;
        height: 70px;
        overflow: hidden;
        line-height: 35px
    }

    .section-news .body-news > .oborder {
        border-right: 1px solid #d6d3d3
    }

.section-news article:hover .oborder {
    border-right: 1px solid #f85493
}

.section-news .body-news > .news-publish {
    font-size: 12px;
    color: gray;
    padding-top: 0;
    display: ruby-text;
    position: absolute
}

.section-news a:hover h2 {
    color: #000
}

.section-news a .bv {
    background: url(../img/image/news.svg) no-repeat center center;
    background-size: cover;
    border-radius: 0;
    border: 0
}

    .section-news a .bv h2 {
        font-weight: 400;
        font-size: 19px;
        margin: 0 35px
    }

    .section-news a .bv .text-news {
        margin: 5px 8px 5px 50px
    }

.post-cat-box {
    width: 50px;
    float: right;
    margin: 12px 11px 0 0;
    z-index: 1;
    position: absolute
}

.post-cat {
    border-radius: 3px;
    float: right;
    padding: 2px 5px;
    margin: 8px 0 0 10px;
    font-size: 10px;
    background-color: #f1c40f;
    color: #333;
    font-weight: 300
}

.leftsection-news {
    padding-bottom: 1px;
    -moz-box-shadow: 0 0 2px #c2c2c2;
    -webkit-box-shadow: 0 0 2px #c2c2c2;
    box-shadow: 0 0 2px #c2c2c2
}

    .leftsection-news .body-news {
        margin: 0 5px
    }

    .leftsection-news section {
        border-bottom: 1px solid #4b0096;
        border-radius: 5px
    }

    .leftsection-news .body-news h2 {
        font-size: 15px;
        font-weight: 600;
        color: #000;
        padding: 10px 5px
    }

    .leftsection-news a:hover h2 {
        color: #00008b;
        border-right: 2px solid #00008b
    }

    .leftsection-news .body-news > .news-publish {
        font-size: 10px;
        color: gray;
        padding-top: 5px;
        text-align: justify;
    }

.topviewnews {
    padding: 12px;
    margin-top: -2px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #6f8491;
    color: #fff
}

.categories {
    overflow: hidden;
    margin: 10px 5px
}

    .categories .container-fluid {
        padding-right: 5px;
        padding-left: 5px
    }

.categories_item {
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 6px 10px 0 0
}

    .categories_item.categories_large_item {
        height: 310px
    }

        .categories_item .categories_text, .categories_item.categories_large_item .categories_text {
            padding: 0 8px 7px;
            background-color: transparent;
            background-image: -webkit-linear-gradient(90deg,#000 0,rgba(0,0,0,0) 100%);
            overflow: hidden;
            /*position: absolute;*/
            bottom: 0;
            right: 0;
            left: 0;
            transition: all .3s ease-in-out;
            color: #fff
        }

        .categories_item.categories_large_item .categories_text {
            padding: 30px 18px 7px
        }

    .categories_item .categories_text {
        right: 10px;
        padding-top: 25px
    }

    .categories_item:hover .categories_text {
        padding-top: 50px
    }

.categories_text h2 {
    font-family: Cookie,cursive;
    color: #fff;
    margin-bottom: 10px;
    font-size: 1.2rem
}

.categories_text p {
    margin-bottom: 10px
}

.switch-field {
    overflow: hidden;
    margin: 24px 8px 5px 8px;
    text-align: center;
    border: 1px solid silver;
    border-radius: 6px
}

.switch-news {
    border: 0
}

.switch-field label {
    border-radius: 0;
    width: 33.3%;
    padding: 7px 0;
    float: right;
    font-size: 14px;
    transition: all .5s ease-in-out 0;
    margin-bottom: 0
}

.switch-news label {
    width: 25%
}

.switch-field label:hover {
    background-color: #dc3545;
    color: #fff;
    border-color: #dc3545
}

.switch-field label:nth-child(2) {
    border-left: 1px solid silver;
    border-right: 1px solid silver
}

    .switch-field label:nth-child(2):hover {
        border-right: 1px solid #fff;
        border-left: 1px solid #fff
    }

.switch-news label:nth-child(3) {
    border-left: 1px solid silver
}

    .switch-news label:nth-child(3):hover {
        border-right: 1px solid #fff;
        border-left: 1px solid #fff
    }

.switch-field input {
    display: none
}

    .switch-field input:checked + label {
        background-color: #939599;
        color: #fff
    }

.switch-field .active {
    background-color: #6190e5;
    color: #fff
}

.jumbotron {
    padding: 0
}

#myTab li {
    margin: 3px 0;
    padding: 4px 3px 0 0
}

    #myTab li a {
        text-align: center;
        width: 128px;
        font-size: 14px
    }

@keyframes a5 {
    from {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes a5 {
    from {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

#sectionA div, #sectionB div, #sectionC div, #sectionD div, #sectionE div, #sectionF div {
    -webkit-animation: a5 .5s linear;
    animation: a5 .5s linear;
    margin-bottom: 30px
}

#sectionA .uni, #sectionB .uni, #sectionC .uni, #sectionD .uni, #sectionE .uni, #sectionF .uni {
    margin-top: 20px
}

#sectionA .ima, #sectionB .ima, #sectionC .ima, #sectionD .ima, #sectionE .ima, #sectionF .ima {
    width: 90px;
    height: 100px;
    display: block;
    margin: auto;
    margin-bottom: 5px
}

#sectionA img, #sectionB img, #sectionC img, #sectionD img, #sectionE img, #sectionF img {
    width: 100%;
    height: 100%;
    transition-property: all;
    transition-duration: 1s
}

#sectionA .scale:hover img, #sectionB .scale:hover img, #sectionC .scale:hover img, #sectionD .scale:hover img, #sectionE .scale:hover img, #sectionF .scale:hover img {
    transform: scale(1.07,1.07)
}

#sectionA .uniname, #sectionB .uniname, #sectionC .uniname, #sectionD .uniname, #sectionE .uniname, #sectionF .uniname {
    height: 50px
}

#sectionA span, #sectionB span, #sectionC span, #sectionD span, #sectionE span, #sectionF span {
    display: block;
    margin: 10px 0
}

.name-episode {
    background-color: #fff;
    -moz-box-shadow: 0 0 5px #616060;
    -webkit-box-shadow: 0 0 5px #616060;
    box-shadow: 0 0 5px #616060;
    margin: 5px 5px
}

    .name-episode h1, .name-episode h2 {
        padding: 20px 10px;
        font-size: 20px
    }

.rightpanel {
    position: relative;
    overflow: hidden;
    border: 1px solid #edf1f4;
    margin: 20px auto;
    height: 48px;
    border-radius: 6px
}

    .rightpanel input {
        position: relative;
        height: 46px;
        border: 0;
        font-size: 14px;
        line-height: 40px;
        border-radius: 6px
    }

        .rightpanel input:focus {
            border: 2px solid #00f
        }

    .rightpanel button, .search-price {
        background-color: transparent;
        width: 42px;
        position: absolute;
        top: 0;
        border: 0;
        font-size: 17px;
        color: #0180ff;
        text-align: center;
        height: 46px
    }

    .rightpanel button {
        left: 0
    }

.teacher-info {
    padding: 15px;
    border-radius: 5px;
    width: 100%;
    position: relative;
    margin: 25px 0;
    -moz-box-shadow: 0 0 2px #2b9792;
    -webkit-box-shadow: 0 0 2px #2b9792;
    box-shadow: 0 0 2px #2b9792;
    border: 1px solid #2b9792
}

    .teacher-info h2::after {
        width: 57px;
        height: 2px;
        border-radius: 25px;
        background-color: #2b9792;
        position: absolute;
        right: 5px;
        top: 183px;
        content: ''
    }

    .teacher-info h2::before {
        width: 57px;
        height: 2px;
        border-radius: 25px;
        background-color: #2b9792;
        position: absolute;
        left: 5px;
        top: 183px;
        content: ''
    }

    .teacher-info .googleMap {
        border: 1px solid #979797;
        margin: 17px 0 -6px;
        width: 100%;
        height: 217px;
        border-radius: 5px
    }

    .teacher-info img {
        width: 170px;
        height: 200px;
        border-radius: 2px;
        margin: 15px auto;
        display: block
    }

    .teacher-info h2 {
        width: 100%;
        line-height: 25px;
        text-align: center;
        font-size: 15px;
        margin: 15px 0
    }

    .teacher-info span {
        width: 100%;
        line-height: 25px;
        font-size: 16px;
        color: #639;
        font-weight: 700;
        margin: 15px 0
    }

    .teacher-info i {
        color: #016f99
    }

.collegeinfo {
    padding: 20px
}

.episode-info .college {
    margin: 0;
    background-color: #e9ecef
}

    .episode-info .college div {
        width: 201px;
        padding: 10px 0
    }

.contex-episode .topuni {
    line-height: 35px;
    font-size: 18px
}

.episode-info section {
    display: inline-flex;
    margin: 25px 20px;
    width: 250px
}

    .episode-info section span {
        display: block;
        font-size: 28px;
        text-align: center;
        margin: 5px auto 0;
        color: red
    }

    .episode-info section i {
        color: #20b2aa;
        font-size: 46px;
        margin: auto 5px;
        margin-left: 10px
    }

    .episode-info section div {
        font-size: 18px;
        line-height: 22px;
        display: inline;
        margin: 15px auto
    }

    .episode-info section:hover span {
        color: gold
    }

    .episode-info section:hover i {
        color: gold
    }

.ozv {
    background: url(/img/image/Sprinkle.svg);
    height: 144px;
    margin: 15px 0 30px;
    background-size: cover;
    background-attachment: fixed
}

    .ozv button {
        width: 150px
    }

    .ozv span {
        cursor: default;
        width: 40px
    }

footer {
    background: linear-gradient(to top,#040b12,#6e9ed4);
    color: #fff
}

    footer .footer-inner::before {
        content: "";
        display: block;
        position: absolute;
        background: url(/img/image/curvature-bottom.svg) no-repeat 50% -1px;
        background-size: auto;
        background-size: contain;
        width: 100%;
        height: 40px;
        right: 0
    }

    footer a {
        color: #fff;
        font-size: 15px
    }

        footer a:hover {
            color: #cde6ff
        }

.f3 {
    background: #fff;
    background: rgba(255,255,255,.11);
    border-radius: 20px;
    width: 35px;
    display: inline-block;
    height: 35px;
    text-align: center;
    padding-top: 8px;
    box-shadow: 0 0 3px #fff
}

    .f3 i {
        text-align: center;
        font-size: 15px
    }

.blockquote-footer {
    color: #fff;
    font-size: 13px
}

.enamad1 {
    width: 105px;
    height: 118px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 15px 0 0 0;
    background-color: #fdfdfd;
    cursor: pointer
}

.enamad2 {
    width: 105px;
    height: 118px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 15px 1px 0 0;
    background-color: #fdfdfd
}

.login {
    background-image: url(/img/image/blogo.svg);
    background-repeat: repeat
}

.client-page {
    width: 100%;
    padding: 20px 0
}

.container-login100 {
    width: 100%;
    display: flex
}

.wrap-login100 {
    width: 550px;
    margin: 0 auto;
    background-color: #fff;
    -moz-box-shadow: 0 0 15px #919191;
    -webkit-box-shadow: 0 0 15px #919191;
    box-shadow: 0 0 15px #919191;
    border-radius: 20px
}

    .wrap-login100 header {
       
        margin-bottom: 14px;
        border-radius: 20px
    }

        .wrap-login100 header h1 {
            font-size: 22px;
            line-height: 30px;
            display: block;
            text-align: center;
            padding: 16px 0 9px
        }

        .wrap-login100 header p {
            font-size: 15px;
            text-align: center;
            margin-top: 12px;
            color: #606060
        }

    .wrap-login100 .warp-img {
        max-width: 160px;
        margin: 0 auto
    }

.wrap-input100 {
    width: 85%;
    position: relative;
    border-bottom: 3px solid gray;
    margin: 30px auto 8px
}

.input100 {
    outline: 0;
    border: none;
    font-size: 19px;
    color: #000;
    display: block;
    width: 100%;
    height: 42px;
    background: 0 0;
    padding: 0 20px 0 30px !important;
    direction: ltr;
    font-family: sans-serif;
    border-radius: 10px 10px 1px 5px;
}

.focus-input100 {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0 20px 0 20px !important;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

    .focus-input100:before {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        right: 0;
        width: 0;
        height: 3px;
        -webkit-transition: all .6s;
        -o-transition: all .6s;
        -moz-transition: all .6s;
        transition: all .6s;
        background: #2c75d2
    }

    .focus-input100::after {
        font-size: 14px;
        color: #000;
        content: attr(data-placeholder);
        display: block;
        width: 100%;
        position: absolute;
        top: 13px;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s
    }

.input100:focus {
    padding-right: 5px
}

    .input100:focus + .focus-input100::after {
        top: -20px;
        font-size: 15px;
        padding-right: 28px;
        color: red
    }

    .input100:focus + .focus-input100::before {
        width: 100%
    }

.has-val.input100 + .focus-input100::after {
    top: -22px;
    font-size: 16px;
    color: #000;
    padding-right: 33px
}

.has-val.input100 + .focus-input100::before {
    width: 100%
}

.has-val.input100 {
    padding-right: 5px
}

.vorod {
    padding: 10px;
    width: 55%;
    margin: auto
}

.wrap-login100 .link {
    padding: 20px 0
}

    .wrap-login100 .link a {
        text-decoration: none;
        display: block;
        line-height: 30px;
        font-size: 14px;
        color: #5426a6;
        text-align: center
    }

        .wrap-login100 .link a:hover {
            color: #00f;
            font-size: 15px
        }

        .wrap-login100 .link a i {
            font-size: 17px;
            margin-left: 5px;
            position: relative;
            top: 2px;
            color: #275ea5
        }

.header-shop {
    border: 1px solid #ababab;
    margin: 33px 0;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 5px #cdf8ff
}

    .header-shop .select-layer, .header-shop .show-layer {
        width: auto;
        white-space: nowrap;
        min-width: 250px;
        height: 48px;
        line-height: 40px;
        border: 1px solid #edf1f4;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
        margin: 20px auto;
        padding: 0
    }

    .header-shop .show-layer {
        font-size: 13px;
        text-align: center
    }

    .header-shop .select-layer select {
        width: 100%;
        height: 47px;
        line-height: 40px;
        font-size: 13px;
        border: 0;
        border-radius: 6px;
        padding-right: 15px;
        cursor: pointer
    }

        .header-shop .select-layer select:focus {
            border: 2px solid #00f
        }

.term-categories .aside-section {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    -moz-box-shadow: 0 0 3px #9e9898;
    -webkit-box-shadow: 0 0 3px #9e9898;
    box-shadow: 0 0 3px #9e9898;
    background-color: #fff;
    border-radius: 5px
}

    .term-categories .aside-section header h3 {
        font-size: 14px;
        padding: 15px 15px 0 15px
    }

    .term-categories .aside-section header h1 {
        font-size: 16px;
        padding: 20px
    }

.term-categories .mhead {
    box-shadow: 0 0 5px gray;
    margin-top: 18px
}

.widget_list ul {
    padding: 0 10px 0 10px;
    list-style: none
}

.widget_list > ul > li {
    padding: 5px;
    font-size: 14px;
    line-height: 5px;
    border-bottom: 1px solid #ebebeb
}

    .widget_list > ul > li > a {
        font-size: 14px;
        display: block;
        line-height: 25px;
        padding: 10px 0
    }

    .widget_list > ul > li.widget_sub_categories > a {
        position: relative;
        color: #000
    }

        .widget_list > ul > li.widget_sub_categories > a:hover {
            color: #00f
        }

        .widget_list > ul > li.widget_sub_categories > a::before {
            content: '\f106';
            cursor: pointer;
            font-family: "Font Awesome 5 Pro";
            font-size: 12px;
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .widget_list > ul > li.widget_sub_categories > a.active::before {
            content: '\f107';
            cursor: pointer;
            font-family: "Font Awesome 5 Pro";
            font-size: 12px;
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .widget_list > ul > li ul {
        padding-right: 15px
    }

        .widget_list > ul > li ul li {
            border-bottom: 1px solid #ebebeb
        }

            .widget_list > ul > li ul li:first-child {
                border-top: 1px solid #ebebeb
            }

            .widget_list > ul > li ul li:last-child {
                border-bottom: 0
            }

            .widget_list > ul > li ul li a {
                padding-bottom: 10px;
                padding: 18px 0;
                display: block;
                color: #4c4c4c
            }

.widget_list a:hover {
    color: #00f
}

.parallax::before {
    position: absolute;
    left: 2px;
    top: 385px;
    background: url(../img/image/parallax.svg) no-repeat top left;
    background-size: auto;
    background-size: 200px 113px;
    width: 200px;
    height: 113px;
    content: '';
    opacity: .25
}

.header-course {
    height: 50px;
    margin-bottom: 18px
}

    .header-course h1 {
        font-size: 20px;
        padding: 12px 0;
        color: #142d3b
    }

.short-link {
    text-align: left;
    padding: 5px 25px;
    
    position: relative
}

    .short-link span {
        font-size: 13px;
        line-height: 35px;
        margin: 0 0 0 5px
    }

    .short-link input::-moz-selection {
        background: 0 0
    }

    .short-link input::selection {
        background: 0 0
    }

    .short-link input {
        color: #494949;
        line-height: 35px;
        font-size: 14px;
        border: 0;
        width: 160px;
        text-align: center;
        border-radius: 5px
    }

    .short-link button {
        background-color: transparent;
        border: 0;
        line-height: 35px;
        padding-right: 12px
    }

    .short-link .tool {
        position: relative;
        display: inline-block
    }

        .short-link .tool .tooltiptext {
            visibility: hidden;
            width: 110px;
            background-color: #ff1493;
            color: #fff;
            text-align: center;
            border-radius: 5px;
            position: absolute;
            z-index: 1;
            bottom: 150%;
            left: 50%;
            margin-left: -55px;
            opacity: 0;
            transition: opacity .3s;
            font-size: 17px
        }

.contex-episode {
/*    -moz-box-shadow: 0 0 15px #807d7d;
    -webkit-box-shadow: 0 0 15px #807d7d;
    box-shadow: 0 0 15px #807d7d;*/
    margin: 14px 0
}

.course-contex {
    -moz-box-shadow: 0 0 7px #d5e4f7;
    -webkit-box-shadow: 0 0 7px #d5e4f7;
    box-shadow: 0 0 7px #d5e4f7;
    margin: 14px 0;
    border-radius: 5px;
    padding-bottom: 10px;
    background: #fff
}

.contex-episode .header-episode {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.contex-episode h1 {
    font-size: 23px;
    line-height: 30px;
    padding: 15px 25px
}

.contex-episode p {
    font-size: 17px;
    line-height: 40px;
    text-align: justify;
    padding: 25px 21px 0;
    word-spacing: -1px;
}

.contex-episode .img_layer_2 {
    width: 96%;
    overflow: hidden;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 15px;
    height: 340px
}

.contex-episode .alert {
    padding: 9px 0;
    margin: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align: center;
    color: #1b0085;
    font-size: 15px
}

    .contex-episode .alert i {
        position: relative;
        top: 3px;
        margin-left: 8px;
        color: red
    }

.course-contex .video-box {
    margin: 13px
}

    .course-contex .video-box .video {
        width: 100%;
        border-radius: 6px
    }

.contex-episode span {
    margin-right: 10px
}

.contex-episode .imgnews {
    width: 100%;
    height: 280px;
    margin-bottom: 20px
}

.contex-episode .alert-ask {
    margin: 10px 13px 0;
    padding: 0
}

    .contex-episode .alert-ask p {
        font-size: 15px;
        line-height: 33px
    }

.full-info {
    -moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
    padding: 1px 0 0;
    margin: 14px 10px 5px;
    border-radius: 5px 5px 0 0;
    background: #fff;
    background: rgba(255,255,255,.8);
    z-index: 10;
    position: relative;
}

    .full-info .book-info .img-book img {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-top: -1px
    }

.episode-info .h-layer::after {
    width: 80px;
    height: 5px;
    border-radius: 25px;
    background-color: #2b9792;
    position: relative;
    right: -79px;
    top: 20px;
    content: '';
    display: inline-block
}

.share-course {
    height: 65px
}

    .share-course span {
        font-size: 13px;
        position: relative;
        top: 10px;
        left: 0;
        color: #55584a
    }

    .share-course div {
        float: left;
        position: relative;
        top: 6px
    }

        .share-course div a {
            border-radius: 12%;
            text-align: center;
            box-shadow: 0 0 3px #989898;
            padding: 6px 0 4px;
            display: inline-block;
            width: 31px;
            color: #000;
            margin: 0 1px
        }

            .share-course div a:hover {
                box-shadow: 0 0 4px #989898;
                border-radius: 33%
            }

.data-pisode {
    border-top: 1px solid #a5a3a3;
    border-top-left-radius: 20px;
    box-shadow: 0 -1px 5px #9c9c9c;
    border-top-right-radius: 20px
}

    .data-pisode ul {
        list-style: none;
        padding: 10px 0 70px;
        margin-bottom: 0
    }

        .data-pisode ul li {
            display: inline-table;
            width: 33.33%;
            text-align: center;
            float: right
        }

            .data-pisode ul li span {
                font-size: 14px;
                color: #000;
                display: block;
                padding-bottom: 5px
            }

            .data-pisode ul li i {
                font-size: 16px;
                display: block;
                font-style: normal;
                color: #1562c5
            }

    .data-pisode > div {
        width: 100%;
        line-height: 45px;
        text-align: center;
        display: block;
        background-color: #61b832;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
    }

        .data-pisode > div > a {
            color: #fff;
            font-size: 18px;
            display: block
        }

.img-vote {
    text-align: center
}

    .img-vote img {
        height: 90px;
        width: 95%
    }

.vote {
    margin: -5px 9px 0 9px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 4px #acacac;
    opacity: .8
}

    .vote button:first-child {
        width: 50%;
        color: green;
        border-radius: 0 0 5px 0;
      
        border-left: 1px solid #acacac
    }

    .vote button:last-child {
        width: 50%;
        color: red;
        border-radius: 0 0 0 5px;
        border-right: 1px solid #acacac
    }

    .vote button:hover {
        color: #fff
    }

.forum {
    margin: 0 10px;
    text-align: center;
    border: 1px solid gray;
    border-radius: 5px;
    background: #cf008f
}

    .forum a {
        color: #fff;
        display: block;
        padding: 11px
    }

.forum-question {
    padding: 35px 25px;
    box-shadow: 0 0 5px silver;
    border-radius: 10px;
    margin-bottom: 35px
}

@keyframes ChangeColor {
    from {
        background: #fff
    }

    to {
        background: #fff2f2
    }
}

@-webkit-keyframes ChangeColor {
    from {
        background: #fff
    }

    to {
        background: #f3fff2
    }
}

.change {
    -webkit-animation: ChangeColor 6s alternate;
    animation: ChangeColor 6s alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.proffer > ul > li > a {
    font-size: 15px;
    line-height: 25px;
    padding: 0 14px 0 5px;
    position: relative;
    color: #1e2f38
}

    .proffer > ul > li > a:hover {
        color: #00f
    }

.proffer > ul > li a::before {
    position: absolute;
    right: -2px;
    top: 9px;
    content: '';
    border: 2px solid #00b3e9;
    width: 8px;
    height: 8px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.down-episode {
    width: 100%;
    position: relative;
    margin: 25px 0
}

    .down-episode .ingo .alert i {
        position: relative;
        top: -1px;
        right: -29px;
        line-height: 28px;
        border-radius: 20px;
        padding: 0 12px;
        background: #fff;
        box-shadow: 3px 0 4px #c4c4c4
    }

    .down-episode .ingo ul li:after {
        display: block;
        clear: both;
        content: '';
        visibility: hidden;
        height: 0;
        line-height: 0
    }

    .down-episode .ingo .ingo_p {
        font-size: 18px;
        padding: 0 10px
    }

        .down-episode .ingo .ingo_p i {
            color: #98a951;
            margin-left: 18px;
            top: 4px;
            position: relative
        }

    .down-episode .ingo {
        width: 100%;
        margin-bottom: 20px;
        position: relative;
        -moz-box-shadow: 0 0 5px #ccc;
        -webkit-box-shadow: 0 0 5px #ccc;
        box-shadow: 0 0 5px #ccc;
        background-color: #fff;
        padding: 25px 25px 10px;
        border-radius: 7px
    }

        .down-episode .ingo ul li {
            width: 100%;
            border: 1px dashed #789;
            border-radius: 4px;
            padding: 15px;
            background-color: #fff
        }

            .down-episode .ingo ul li h2 {
                width: auto;
                display: inline-table;
                font-size: 15px;
                line-height: 30px;
                padding: 5px 15px
            }

        .down-episode .ingo .row {
            color: gray;
            display: inline-block;
            position: relative;
            background-color: #fff;
            color: #000;
            border: 2px solid #ababab;
            border-radius: 20px;
            width: 32px;
            height: 32px;
            text-align: center;
            top: 48px;
            padding: 4px
        }

        .down-episode .ingo ul li .table-price i, .down-episode .ingo ul li .table-size i {
            font-size: 14px;
            width: auto;
            line-height: 22px;
            font-style: normal;
            padding: 0 10px
        }

        .down-episode .ingo ul li span {
            font-size: 17px;
            width: auto;
            line-height: 22px;
            color: #333;
            font-style: normal
        }

        .down-episode .ingo ul li .table-size {
            color: gray;
            border-right: 1px solid #c80000;
            padding-right: 5px
        }

        .down-episode .ingo ul li .table-price {
            border-right: 1px solid #c80000;
            color: #2aaf27
        }

        .down-episode .ingo ul li .table-down {
            float: left;
            font-size: 16px;
            border: 1px solid #c4c4c4;
            margin: -5px 7px 0 0;
            padding: 9px 14px 6px;
            border-radius: 30px;
            box-shadow: 0 0 5px #cddcff
        }

.info-down span::before {
    content: attr(data-prefix);
    font-size: 18px;
    margin-right: 9px
}

.info-down > div {
    display: none;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
    text-align: right;
    padding: 19px 33px;
    margin-top: 24px
}

.user-comments {
    padding: 20px
}

    .user-comments header h3 {
        font-size: 18px;
        padding: 0 10px 20px 0;
        margin-bottom: 35px;
        border-bottom: 1px solid #ebebeb
    }

    .user-comments form input {
        height: 40px
    }

    .user-comments form textarea {
        resize: none;
        height: 114px
    }

    .user-comments button {
        height: 40px;
        margin-right: 20px
    }

    .user-comments .reply {
        color: #f90087;
        float: left;
        font-size: 15px;
    }

.comment-list .comment-row:after, .term-content .term-description ul li:after, .term-content aside, .term-content aside .statistics ul:after, .user-account .avatar-layer ul:after {
    display: block;
    clear: both;
    content: '';
    height: 0;
    line-height: 0
}

.comment-list {
    padding: 35px 10px;
    margin: 10px 0;
    border-top: 1px solid #ebebeb
}

    .comment-list .comment-row {
        width: 100%;
        padding: 15px;
        padding-bottom: 4px;
        position: relative;
        margin-bottom: 8px;
        border-radius: 7px;
        background-color: #fff
    }

    .comment-list .answer {
        margin-right: 20px;
        width: 97%;
        background-color: #e4ebf5
    }

    .comment-list .comment-row img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        position: absolute;
        right: 0;
        border: 2px solid #ebebeb;
        top: 3px
    }

    .comment-list .comment-row .left-col {
        width: 100%;
        position: relative
    }

        .comment-list .comment-row .left-col .cotitle {
            margin: 1px 58px 1px 0
        }

        .comment-list .comment-row .left-col h4 {
            display: inline;
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 5px;
            color: #722040
        }

        .comment-list .comment-row .left-col span {
            font-size: 13px;
            line-height: 22px;
            margin-bottom: 5px;
            color: #a5a3a3
        }

    .comment-list .comment-row .com-news span {
        display: inline;
        padding: 10px 5px;
        color: #00008b
    }

    .comment-list .comment-row .com-course span {
        display: inline;
        padding: 10px 75px 10px 0;
        color: #00008b
    }

        .comment-list .comment-row .com-course span small {
            font-size: 13px;
            color: #0005ac
        }

    .comment-list .comment-row .left-col p {
        display: block;
        font-size: 15px;
        line-height: 30px;
        text-align: justify;
        padding:0 8px;
        word-wrap: break-word
    }

        .comment-list .comment-row .left-col p:first-child {
            text-indent: 56px;
            padding-top: 25px
        }

    .comment-list .comment-row .left-col .commtext {
        padding-right: 70px
    }

.user-account .avatar-layer {
    margin: 10px 0 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0;
    height: 195px
}

    .user-account .avatar-layer .img-layer {
        margin: 12px auto;
        position: relative;
        z-index: 1;
        width: 140px;
        height: 140px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .user-account .avatar-layer .img-layer img {
            width: 140px;
            height: 140px;
            z-index: 1;
            position: relative;
            margin-top: 5px
        }

        .user-account .avatar-layer .img-layer .change-image {
            width: 140px;
            height: 140px;
            line-height: 140px;
            text-align: center;
            font-size: 27px;
            color: #000;
            border: 1px solid #000;
            background-color: #e4ebf5;
            background-color: rgba(228,235,245,.4);
            position: absolute;
            z-index: 2;
            opacity: 0
        }

        .user-account .avatar-layer .img-layer:hover .change-image {
            opacity: 1
        }

    .user-account .avatar-layer .name-layer {
        text-align: center
    }

.user-account aside > section header {
    padding: 5px 15px
}

    .user-account aside > section header h3 {
        font-size: 15px;
        line-height: 35px;
        text-align: center;
        color: #722040
    }

.user-account aside > section .inner {
    box-shadow: 0 0 4px #4e4e4e;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 35px
}

    .user-account aside > section .inner ul li a {
        display: block;
        font-size: 15px;
        line-height: 30px;
        padding: 15px 0;
        line-height: 17px
    }

    .user-account aside > section .inner ul li .active {
        box-shadow: 0 0 6px #0b8dff;
        background: #f0f8ff;
        margin: 0 -5px 0 -5px;
        font-size: 16px
    }

    .user-account aside > section .inner ul li a:hover {
        box-shadow: 0 0 6px #0b8dff;
        margin: 0 -5px 0 -5px;
        background: #fafdff;
        transition: .37s ease-out;
        font-size: 16px
    }

.user-account .user-account-content {
    margin: 11px 0 35px 0;
    border-radius: 5px
}

    .user-account .user-account-content header {
        box-shadow: 0 0 6px #0b8dff;
        padding-top: 9px;
        background: #f0f8ff;
        border-radius: 5px;
        margin: 0 -5px 0 -5px
    }

        .user-account .user-account-content header h1 {
            padding: 10px;
            font-size: 17px;
            text-align: center;
            color: #414141
        }

    .user-account .user-account-content .dashboard {
        border: 1px solid #a4acb6;
        border-top: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        margin: 0 8px;
        box-shadow: 0 0 4px #9cb8b7
    }

        .user-account .user-account-content .dashboard .master-d {
            margin: 5px;
            background: aliceblue;
            line-height: 35px;
            font-size: 14px;
        }

            .user-account .user-account-content .dashboard .master-d span {
                color: #830909;
                padding-right: 5px;
                font-size: 14px
            }

        .user-account .user-account-content .dashboard div svg {
            color: #bfbfbf
        }

        .user-account .user-account-content .dashboard div {
            padding: 9px
        }

        .user-account .user-account-content .dashboard span {
            font-size: 16px;
            color: #130096;
            padding-right: 10px
        }

.user-account .form-layer {
    margin: 20px auto;
    padding: 0 20px
}

    .user-account .form-layer .input-group {
        margin-bottom: 15px
    }

    .user-account .form-layer .link {
        padding: 15px 0
    }

        .user-account .form-layer .link a {
            display: block;
            line-height: 30px;
            font-size: 14px;
            color: #1cbdf9
        }

            .user-account .form-layer .link a:hover {
                color: #2c373b
            }

            .user-account .form-layer .link a i {
                font-size: 17px;
                margin-left: 5px;
                position: relative;
                top: 2px
            }

    .user-account .form-layer .checkbox-layer {
        margin-top: 10px
    }

        .user-account .form-layer .checkbox-layer input[type=checkbox], .user-account .form-layer .radio-layer input[type=radio] {
            position: relative;
            top: 2px;
            margin-left: 5px
        }

        .user-account .form-layer .checkbox-layer label, .user-account .form-layer .radio-layer label {
            margin-left: 25px
        }

.user-account ul {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0;
    padding: 0
}

.myOrder {
    margin: 20px 0
}

    .myOrder .alert i {
        position: relative;
        right: -35px;
        line-height: 32px;
        border-radius: 20px;
        background: #fff;
        box-shadow: 3px 0 4px #dedede;
        color: #00f;
        border-right: 1px solid #000;
        float: right;
        padding: 0 9px 2px
    }

    .myOrder .alert, .wallet .alert {
        border: 1px dashed #000;
        text-align: center
    }

.order-table {
    margin: 15px 0
}
.order-table .table tbody tr td {
    font-size: 14px
}
.delete-order {
    position: relative;
    right: -26px;
    background: #fff;
    top: 4px;
    float: right
}

    .delete-order i {
        background: #fff
    }

.wallet .alert i {
    position: relative;
    right: -36px;
    line-height: 32px;
    border-radius: 20px;
    padding: 0 9px 2px;
    background: #fff;
    box-shadow: 3px 0 4px #dedede;
    color: red;
    border-right: 1px solid #000;
    float: right
}

#notfound {
    position: relative;
    height: 100vh
}

    #notfound .notfound {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.notfound {
    max-width: 560px;
    width: 100%;
    padding-left: 150px
}

    .notfound .notfound-404 {
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        width: 150px;
        height: 150px;
        background-image: url(/img/image/Error.png);
        background-size: cover
    }

        .notfound .notfound-404:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-transform: scale(2.4);
            -ms-transform: scale(2.4);
            transform: scale(2.4);
            border-radius: 50%;
            background-color: #cde6ff;
            z-index: -1
        }

    .notfound h1 {
        letter-spacing: -5px;
        font-size: 70px;
        font-weight: 900;
        margin-top: -60px;
        font-family: sans-serif;
        margin-bottom: 10px;
        text-align: center;
        color: #639
    }

    .notfound h2 {
        font-size: 40px;
        margin: 0
    }

    .notfound p {
        font-size: 30px
    }

    .notfound a {
        display: inline-block;
        font-weight: 700
    }

.team .member {
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 15px #124265;
    box-shadow: 0 2px 15px rgba(18,66,101,.08);
    border-top-left-radius: 50px;
    transition: all .2s linear 0s
}

    .team .member:hover {
        border-top-left-radius: 4px
    }

    .team .member .member-img {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 255px
    }

    .team .member .social {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 40px;
        opacity: 0;
        transition: ease-in-out .3s;
        text-align: center;
        background: #fff;
        background: rgba(255,255,255,.85)
    }

        .team .member .social a {
            transition: color .3s;
            color: #124265;
            margin: 0 10px;
            padding-top: 8px;
            display: inline-block
        }

            .team .member .social a:hover {
                color: #f85493
            }

        .team .member .social i {
            font-size: 18px;
            margin: 0 2px
        }

    .team .member .member-info {
        padding: 25px 15px
    }

        .team .member .member-info h4 a {
            font-weight: 700;
            margin-bottom: 5px;
            font-size: 16px;
            color: #124265;
            padding-right: 5px
        }

            .team .member .member-info h4 a:hover {
                color: #0180ff
            }

    .team .member:hover .social {
        opacity: 1
    }

.teacher-panel {
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 5px #a1c1f8;
    margin: 15px 0
}

    .teacher-panel img {
        width: 135px
    }

    .teacher-panel h1 {
        margin: 25px 15px 0 0;
        font-size: 17px
    }

    .teacher-panel .teacher-head span {
        margin-right: 15px
    }

    .teacher-panel .teacher-body {
        margin: 15px 10px;
        padding: 10px 15px
    }

.section-title h1 {
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding-bottom: 0;
    color: #124265
}

.material-scrolltop {
    z-index: 500;
    display: block;
    position: fixed;
    width: 0;
    height: 0;
    bottom: 5px;
    right: 0;
    padding: 0;
    overflow: hidden;
    outline: 0;
    border: none;
    box-shadow: 0 3px 7px #000;
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
    border-top-left-radius: 50%;
    background: gray;
    -webkit-transition: all .3s cubic-bezier(.25,.25,0,1);
    -moz-transition: all .3s cubic-bezier(.25,.25,0,1);
    -o-transition: all .3s cubic-bezier(.25,.25,0,1);
    transition: all .3s cubic-bezier(.25,.25,0,1)
}

    .material-scrolltop:hover {
        background-color: #8fbc8f;
        text-decoration: none
    }

    .material-scrolltop::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        content: '';
        width: 0;
        border-radius: 100%;
        background: #67bb6a
    }

    .material-scrolltop:active::before {
        width: 120%;
        padding-top: 120%;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

    .material-scrolltop.reveal {
        width: 46px;
        height: 46px
    }

    .material-scrolltop span {
        display: block;
        font-size: 23px;
        color: #fff
    }

    .material-scrolltop, .material-scrolltop::before {
        background-image: url(/img/image/Path1.svg);
        background-position: center 50%;
        background-repeat: no-repeat
    }

.control {
    width: 40px;
    background: #abc1d6;
    top: 0
}

.anim3 {
    height: 80px;
    width: 80px
}

.share-layer a {
    width: 35px;
    font-size: 16px;
    text-align: center;
    border: 0
}

.contex-uni {
    min-height: 460px
}

    .contex-uni img {
        width: 100%;
        height: 250px
    }

    .contex-uni .alertuni {
        color: #ff0048;
        font-size: 15px;
        background-color: #f6faff;
        padding: 15px;
        text-align: center
    }

.ask-question {
    box-shadow: 0 0 5px #cad4df;
    margin: 15px 0 12px;
    border-radius: 6px;
    padding-bottom: 20px
}

    .ask-question img {
        width: 85px;
        height: 85px;
        border-radius: 50%;
        margin: 10px;
        box-shadow: 0 0 3px #c9d4e3
    }

    .ask-question h3 {
        font-size: 15px;
        font-weight: 600;
        line-height: 30px;
        margin: 18px 0;
        border-bottom: 1px solid silver;
        padding: 0 0 20px;
    }

        .ask-question h3 a {
            color: #4a6caa
        }

    .ask-question span {
        font-size: 13px;
        border-right: 3px dotted #b7afcb;
        padding: 0 10px 0 20px
    }

.question {
    box-shadow: 0 0 5px #d3d3d3;
    border-radius: 5px;
    padding: 10px;
    margin: 0 0 35px
}

    .question .time-question {
        font-size: 12px;
        border-bottom: 1px dashed gray;
        margin: 0 21px;
        line-height: 52px
    }

    .question .text-question {
        font-size: 15px;
        padding: 15px;
        margin: 10px 0 0;
        line-height: 45px
    }

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

.text-answer {
    font-size: 15px;
    margin: 5px;
    line-height: 45px
}

.askCount {
    min-width: auto !important
}

.tags-layer {
    width: 100%;
    position: relative;
    margin-bottom: 25px;
    -moz-box-shadow: 0 0 3px #9e9c9c inset;
    -webkit-box-shadow: 0 0 3px #9e9c9c inset;
    box-shadow: 0 0 3px #9e9c9c inset
}

.episode-info {
    padding: 20px 25px 0
}

    .episode-info p {
        font-size: 18px;
        color: #639
    }

    .episode-info h3 {
        font-size: 17px;
        line-height: 22px;
        padding-bottom: 10px;
        border-bottom: 1px solid #2b9792;
        margin-bottom: 15px
    }

    .episode-info h4 {
        font-size: 14px;
        padding-bottom: 4px;
        text-align: center;
        margin-bottom: 5px;
        color: #000b55;
    }

    .episode-info h3::after {
        width: 72px;
        height: 5px;
        border-radius: 25px;
        background-color: #2b9792;
        position: absolute;
        right: 20px;
        top: 51px;
        content: ''
    }

    .episode-info ul li {
        font-size: 14px;
        line-height: 28px;
        padding: 5px 0
    }

        .episode-info ul li .discount {
            text-decoration: line-through;
            font-size: 15px
        }

        .episode-info ul li .price-pay {
            padding-right: 40px;
            line-height: 35px;
            font-size: 15px
        }

.tags-layer {
    padding: 10px;
    display: block !important;
}

    .tags-layer a {
        font-size: 13px;
        line-height: 31px;
        padding: 5px;
        background-color: #f2f2f2;
        color: #00f
    }

        .tags-layer a:hover {
            background-color: gold
        }

#carouselExample {
    margin: 5px 10px 0 0
}

.map {
    -moz-box-shadow: 0 0 5px #6f6f6f;
    -webkit-box-shadow: 0 0 5px #6f6f6f;
    box-shadow: 0 0 5px #6f6f6f;
    margin: 5px 0 35px;
    padding: 5px 0
}

    .map a {
        width: 150px;
        margin: 5px
    }

#Buy {
    cursor: pointer;
    color: #fff;
    padding: 1px
}

.logi, .regis {
    margin: 15px auto 10px;
    display: block;
    width: 50%
}

.sn {
    text-align: end;
    box-shadow: none
}

    .sn input {
        background-color: transparent;
        color: #000
    }

.tool .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid;
    border-style: solid;
    border-color: #ff1493 transparent transparent transparent
}

.tool:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.set-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}

.info-down span {
    border-radius: 30px;
    padding: 10px 6px 7px 14px;
    cursor: pointer;
    -o-transition: .25s all;
    -webkit-transition: .25s all;
    transition: .25s all;
    position: relative;
    border: 1px solid #c4c4c4;
    float: left;
    margin-top: -5px;
    box-shadow: 0 0 5px #cddcff
}

.discount-card {
    box-shadow: 0 0 9px #d5e4f7;
    height: auto;
    margin: 2px 2px 0 9px;
    border-radius: 5px;
    padding: 20px
}
    .discount-card b {
        color: #01c3cd;
        font-size: 16px;
        letter-spacing: 1px
    }

@media screen and (max-width:1280px) {
    .parallax::before {
        left: 0;
        background-size: 150px 113px;
        opacity: .25
    }

    .h-logo img {
        right: 0
    }

    .about {
        right: 90px
    }
}

@media screen and (max-width:1074px) {
    .about {
        display: none
    }

    .user-detail {
        left: 0;
        top: 16px;
        height: 90px
    }
}

@media screen and (max-width:991.9px) {
    .ertefa {
        height: 30px
    }
    .photo-site .statistic-col {
        display: none
    }

    .parallax::before {
        display: none
    }

    .ask-question h3 {
        margin: 20px
    }

    .ask-question span {
        display: block;
        margin: 8px 15px 8px
    }

    .ask-question img {
        display: none
    }

    .switch-field {
        margin-top: 10px
    }

    .term-categories > .top-bar .select-ddl {
        margin-top: 10px
    }

    .about {
        position: relative;
        right: -94px
    }

    .full-info .book-info .img-book img {
        padding: 5px 70px
    }
}

@media screen and (max-width:767.9px) {
    .photo-site .header-title{
        height:80px;
    }
    .photo-site .header-title p {
        font-size: 16px;
    }
    .course-contex .video-box {
        margin: 13px 0
    }

    .site-navbar {
        background: linear-gradient(to right,#ececec,#474680,#292862);
        padding: 0
    }

        .site-navbar .line-nav {
            display: inline-block
        }

    .mydropdown {
        top: 60px;
        left: 66px
    }

    .breadcrumb {
        display: none
    }





    .text-answer {
        margin: 100px 0 5px
    }

    .container {
        padding-right: 40px;
        padding-left: 40px
    }

    .contex-episode .img_layer_2 {
        margin: 0
    }

    #account .first {
        border-right: 1px solid #000;
        border-radius: 0
    }

    .user-detail {
        left: 0;
        bottom: -20px;
        height: 81px
    }

        .user-detail .avatar-login {
            display: none
        }

        .user-detail .backShadow {
            display: none
        }

    #account a {
        padding: 8px 15px
    }

    #account .first {
        padding-right: 10px
    }

    .photo-site .header-title h2 {
        display: block
    }

    .photo-site .search-form {
        width: 330px;
        margin: 0 auto;
        padding-bottom: 0;
        padding-top: 15px
    }

        .photo-site .search-form form input {
            margin-top: 45px
        }

        .photo-site .search-form form button {
            margin-top: 45px
        }

    .detail-top-link {
        display: none
    }

    .detail-bottom-link {
        display: block
    }

    #myTab {
        margin-right: 10px
    }

    .term-col article h2 {
        height: 60px;
        font-size: 15px
    }

    .sn {
        text-align: start
    }

    .full-info {
        margin: 14px 0 5px
    }

        .full-info .book-info .img-book img {
            padding: 0 10px
        }

    .section-news a .bv {
        height: 90px
    }

        .section-news a .bv h2 {
            margin: 0 10px;
            font-size: 17px
        }

        .section-news a .bv .news-publish {
            margin: 0 10px
        }

    #btn-account {
        width: 90px;
        height: 45px;
        position: absolute;
        left: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994
    }

        #btn-account:before {
            position: absolute;
            top: 11px;
            left: 20px;
            display: block;
            height: 1px;
            width: 16px;
            background: #000;
            content: ''
        }

        #btn-account:after {
            position: absolute;
            top: 15px;
            left: 20px;
            display: block;
            height: 5px;
            width: 16px;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000;
            content: ''
        }

        #btn-account span {
            display: block;
            font-size: 10px;
            margin: 7px 0 0 40px;
            left: 0;
            position: relative
        }

    .ibar {
        display: none
    }

    .logo {
        position: relative;
        right: 45%;
        display: inline
    }

        .logo img {
            width: 64px
        }

    footer img {
        width: 80px;
        height: 70px
    }

    .titan-caption {
        width: 100%
    }

    .carousel-control-next, .carousel-control-prev {
        position: absolute;
        top: 95%;
        bottom: -15%;
        display: flex;
        display: -ms-flexbox;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .control {
        width: 50%;
        border: 1px solid #fff;
        background: #abc1d6
    }

        .control i {
            font-size: 16px
        }

    .fix {
        height: 250px
    }

    .client-page .container-content {
        width: 92%;
        margin-right: 4%
    }

    .term-content .term-description ul li i {
        padding: 0 2px
    }

    .term-content .term-description ul li span {
        float: none;
        display: block;
        clear: both;
        font-size: 15px;
        padding-top: 8px
    }

    .term-content .term-description {
        padding: 15px
    }

    .term-categories > .top-bar > header > span {
        display: none
    }

    .section-news {
        box-shadow: none
    }

        .section-news article {
            height: 155px;
            overflow: hidden;
            border-bottom: 1px solid #a50a0a;
            border-radius: 3px
        }

        .section-news img {
            height: 85%;
            align-self: center;
            width: 25%;
            display: block;
            margin: 5px
        }

        .section-news .body-news {
            margin: 5px
        }

            .section-news .body-news h2 {
                font-size: 16px;
                font-weight: 700;
                color: #000;
                padding: 20px 5px;
                line-height: 30px
            }

            .section-news .body-news > .text-news {
                display: none
            }

            .section-news .body-news > .news-publish {
                font-size: 10px;
                color: gray;
                margin-top: 5px
            }

    .contex-episode {
        box-shadow: none;
        margin: 14px 0
    }

        .contex-episode h1 {
            border-top: 1px solid silver
        }

    .down-episode ul li i {
        padding: 0 2px
    }

    .down-episode .ingo ul li .table-size {
        display: block
    }

    .down-episode .ingo ul li .table-price {
        display: inline
    }

    .down-episode ul li span {
        font-size: 15px;
        padding-top: 8px
    }

    .notfound .notfound-404 {
        width: 110px;
        height: 110px
    }

    .notfound {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 110px
    }

    .term-categories .aside-section header h1 {
        display: none
    }

    .categories_item, .categories_item.categories_large_item {
        height: 80px;
        padding: 25px 15px;
        background-position: center center;
        display: block ruby
    }

        .categories_item.categories_large_item .categories_text p {
            display: none
        }

        .categories_item .categories_text, .categories_item.categories_large_item .categories_text {
            padding-top: 25px;
            background: 0 0;
            margin: 0;
            outline: 0;
            font-size: 100%;
            overflow: hidden;
            position: absolute;
            background-color: transparent;
            background-image: -webkit-linear-gradient(90deg,#000 0,rgba(0,0,0,0) 100%);
            color: #fff;
            height: 80px
        }

        .categories_item:hover .categories_text {
            padding-top: 25px
        }

    .categories_text h2 {
        margin-bottom: 0
    }

    .contex-episode p {
        padding: 0;
        margin: 25px 0
    }

    .contex-episode .alert-ask {
        margin: 10px 0 0
    }

        .contex-episode .alert-ask p {
            padding: 5px 8px
        }

    .down-episode .ingo ul li h2 {
        line-height: 26px
    }

    .contex-episode .img_layer_2 {
        width: 100%;
        margin-bottom: 20px
    }

    .comment-list .comment-row .com-course span {
        padding-right: 3px
    }
}

@media screen and (max-width:627.9px) {
    .terms-items .term-col {
        padding: 0
    }
}

@media screen and (max-width:50em) {
    .label_Avatar strong {
        display: block
    }
}

@media screen and (max-width:500px) {
    .container {
        padding-right: 28px;
        padding-left: 28px
    }

    .landing-layer header h2, .landing-layer header h3 {
        display: none
    }

    .landing-layer header h1 {
        font-size: 21px
    }

    .landing-layer header {
        padding-bottom: 30px
    }

    .term-categories > .top-bar > header > span {
        display: none
    }

    .comment-list .comment-row img {
        display: block;
        margin: 0 auto 5px;
        top: 3px
    }

    .comment-list .comment-row .left-col .commtext {
        margin-top: 25px;
        padding-right: 5px
    }

    .comment-list .comment-row .left-col .cotitle {
        margin: 1px 19px 1px 0
    }

    .episode-info .college div {
        width: 100%
    }

    .modal-header .close {
        margin: -2rem 19rem -1rem auto
    }

    .teacher-panel .teacher-head {
        text-align: center
    }

    .full-info .book-info .img-book img {
        padding: 0
    }
}

@media screen and (max-width:385px) {
    .photo-site .search-form {
        width: 290px;
        margin: 0 auto;
        padding-bottom: 0
    }

    .short-link {
        padding: 5px 10px
    }

    .modal-header .close {
        margin: -2rem 16rem -1rem auto
    }

    .contex-episode .alert-ask p {
        display: none
    }
}

.nav-contact {
    padding-top: 60px;
    direction: ltr
}

.ziehharmonika h3 {
    background: #e4ebf5;
    color: #000;
    text-align: right;
    border-radius: 4px;
    padding: 14px 12px;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 9px;
    padding-right: 55px;
    -o-transition: .25s all;
    -webkit-transition: .25s all;
    transition: .25s all;
    position: relative
}

    .ziehharmonika h3.active {
        margin-bottom: 21px;
        background: #2098d1;
        color: #fff
    }

    .ziehharmonika h3::before {
        content: attr(data-prefix);
        font-size: 18px;
        margin-right: 9px
    }

    .ziehharmonika h3.alignLeft {
        padding-left: 35px
    }

.ziehharmonika > div {
    display: none;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
    text-align: right;
    padding: 31px 33px;
    margin-bottom: 9px
}

.ziehharmonika .collapseIcon {
    position: absolute;
    right: 20px;
    top: 45%;
    font-size: 25px;
    font-weight: 300;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

    .ziehharmonika .collapseIcon.alignLeft {
        right: initial;
        left: 20px
    }

.product-item {
    margin-bottom: 0
}

    .product-item .pi-pic {
        position: relative
    }

@media only screen and (max-width:260px) {
    .categories_item .categories_text, .categories_item.categories_large_item .categories_text {
        padding-top: 0
    }

    .categories_item:hover .categories_text {
        padding-top: 0
    }
}









#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 215px 694px #000, 1102px 692px #000, 761px 174px #000, 1547px 1459px #000, 1338px 1497px #000, 1606px 175px #000, 959px 719px #000, 1331px 463px #000, 183px 1774px #000, 610px 1974px #000, 569px 1179px #000, 729px 94px #000, 325px 1490px #000, 1356px 404px #000, 1828px 244px #000, 253px 1081px #000, 1312px 162px #000, 371px 1114px #000, 1060px 383px #000, 80px 145px #000, 710px 389px #000, 491px 1162px #000, 22px 132px #000, 485px 824px #000, 144px 1006px #000, 1443px 588px #000, 852px 751px #000, 1637px 485px #000, 191px 185px #000, 406px 1032px #000, 647px 711px #000, 152px 1587px #000, 478px 150px #000, 75px 1356px #000, 1888px 1291px #000, 1497px 747px #000, 938px 680px #000, 1961px 818px #000, 1327px 922px #000, 1667px 1995px #000, 300px 482px #000, 1078px 53px #000, 1500px 979px #000, 1833px 1431px #000, 1818px 98px #000, 1002px 796px #000, 917px 1773px #000, 1782px 433px #000, 936px 971px #000, 106px 1366px #000, 1783px 735px #000, 1651px 191px #000, 1874px 209px #000, 1407px 682px #000, 1165px 1062px #000, 228px 1204px #000, 657px 1294px #000, 637px 573px #000, 1366px 1597px #000, 634px 1385px #000, 1567px 684px #000, 275px 116px #000, 1339px 1416px #000, 690px 1221px #000, 1714px 1843px #000, 1341px 150px #000, 1221px 427px #000, 431px 1324px #000, 1080px 224px #000, 271px 1013px #000, 1685px 623px #000, 396px 1626px #000, 778px 1183px #000, 1941px 677px #000, 1776px 549px #000, 1604px 285px #000, 1679px 1495px #000, 1301px 1507px #000, 309px 1163px #000, 915px 334px #000, 1441px 969px #000, 1532px 95px #000, 1864px 67px #000, 1776px 1474px #000, 1270px 1231px #000, 972px 1763px #000, 413px 926px #000, 1006px 974px #000, 1115px 1785px #000, 1136px 712px #000, 428px 254px #000, 1150px 1283px #000, 520px 1563px #000, 1395px 637px #000, 641px 887px #000, 341px 727px #000, 432px 1938px #000, 941px 321px #000, 834px 1623px #000, 1240px 404px #000, 1654px 1453px #000, 710px 1356px #000, 1006px 1435px #000, 799px 528px #000, 1899px 1773px #000, 1713px 29px #000, 1376px 1675px #000, 1260px 730px #000, 203px 970px #000, 442px 484px #000, 24px 162px #000, 1287px 649px #000, 1233px 1928px #000, 1418px 754px #000, 557px 780px #000, 1906px 1328px #000, 1400px 333px #000, 227px 483px #000, 1041px 831px #000, 1550px 739px #000, 468px 1929px #000, 1690px 869px #000, 1696px 251px #000, 59px 1931px #000, 287px 1363px #000, 1461px 1890px #000, 509px 393px #000, 783px 683px #000, 1551px 260px #000, 395px 851px #000, 896px 552px #000, 1571px 102px #000, 1585px 1859px #000, 1805px 327px #000, 6px 1419px #000, 763px 1809px #000, 578px 1346px #000, 88px 1530px #000, 1238px 1256px #000, 775px 669px #000, 964px 631px #000, 1841px 236px #000, 405px 1442px #000, 1236px 1498px #000, 1303px 1982px #000, 1631px 1039px #000, 1304px 1552px #000, 806px 356px #000, 692px 223px #000, 600px 159px #000, 470px 1254px #000, 225px 115px #000, 1393px 1654px #000, 12px 1965px #000, 1200px 889px #000, 1265px 861px #000, 414px 233px #000, 252px 1043px #000, 431px 734px #000, 234px 448px #000, 1604px 995px #000, 324px 676px #000, 822px 1183px #000, 247px 685px #000, 1942px 1841px #000, 546px 1486px #000, 102px 1632px #000, 942px 582px #000, 1781px 1367px #000, 1941px 534px #000, 1132px 251px #000, 1245px 1442px #000, 1823px 1349px #000, 479px 1673px #000, 174px 1591px #000, 148px 1090px #000, 112px 1210px #000, 1339px 1698px #000, 909px 1442px #000, 738px 1702px #000, 1533px 1391px #000, 1949px 672px #000, 474px 425px #000, 1049px 1121px #000, 140px 1276px #000, 1206px 1597px #000, 794px 1896px #000, 1741px 784px #000, 1157px 675px #000, 1647px 1530px #000, 586px 681px #000, 1891px 1442px #000, 1309px 1112px #000, 320px 588px #000, 532px 982px #000, 32px 810px #000, 846px 1619px #000, 1386px 220px #000, 1577px 1602px #000, 1147px 1593px #000, 1603px 856px #000, 1734px 787px #000, 80px 541px #000, 947px 338px #000, 1157px 1144px #000, 1011px 1432px #000, 573px 961px #000, 1964px 1069px #000, 538px 1488px #000, 1382px 510px #000, 1800px 1623px #000, 921px 379px #000, 307px 1745px #000, 644px 393px #000, 1497px 1006px #000, 1905px 738px #000, 1646px 938px #000, 231px 515px #000, 1235px 467px #000, 1397px 930px #000, 225px 1604px #000, 1820px 1272px #000, 1055px 527px #000, 792px 1084px #000, 681px 1504px #000, 1969px 578px #000, 838px 1832px #000, 1525px 213px #000, 1982px 1341px #000, 1594px 1634px #000, 435px 1199px #000, 1803px 808px #000, 732px 423px #000, 1518px 747px #000, 1025px 127px #000, 386px 701px #000, 384px 1263px #000, 1343px 1542px #000, 626px 547px #000, 1064px 450px #000, 755px 1027px #000, 318px 673px #000, 1831px 1066px #000, 1090px 1374px #000, 1235px 1249px #000, 1561px 1020px #000, 1378px 572px #000, 1638px 1239px #000, 1677px 1141px #000, 1819px 657px #000, 1417px 94px #000, 1021px 1726px #000, 1406px 576px #000, 1676px 1192px #000, 1735px 1604px #000, 332px 322px #000, 675px 779px #000, 194px 1434px #000, 1042px 1149px #000, 223px 1448px #000, 721px 592px #000, 879px 1666px #000, 587px 650px #000, 1633px 612px #000, 1437px 1653px #000, 927px 907px #000, 1834px 427px #000, 927px 1751px #000, 165px 448px #000, 518px 862px #000, 118px 82px #000, 656px 473px #000, 625px 1836px #000, 1315px 658px #000, 1928px 1578px #000, 1303px 1835px #000, 826px 583px #000, 1306px 266px #000, 1020px 115px #000, 1873px 725px #000, 1694px 1419px #000, 179px 1775px #000, 108px 911px #000, 1785px 1540px #000, 293px 566px #000, 181px 1423px #000, 1406px 281px #000, 357px 886px #000, 1411px 430px #000, 1397px 1494px #000, 378px 852px #000, 1210px 120px #000, 890px 156px #000, 1878px 403px #000, 1682px 1549px #000, 960px 378px #000, 151px 1224px #000, 1493px 86px #000, 1118px 1482px #000, 1257px 1041px #000, 853px 1223px #000, 1884px 1859px #000, 1482px 1964px #000, 420px 1526px #000, 801px 49px #000, 95px 223px #000, 1017px 1515px #000, 1810px 842px #000, 1266px 9px #000, 1187px 1422px #000, 999px 837px #000, 627px 844px #000, 168px 1408px #000, 1408px 1814px #000, 1606px 1720px #000, 1914px 345px #000, 411px 409px #000, 1610px 318px #000, 126px 1661px #000, 1400px 656px #000, 29px 1296px #000, 1182px 4px #000, 948px 1553px #000, 120px 1589px #000, 1573px 811px #000, 1334px 411px #000, 7px 1960px #000, 659px 1015px #000, 1909px 1559px #000, 215px 1107px #000, 102px 650px #000, 945px 471px #000, 260px 22px #000, 209px 1102px #000, 212px 1515px #000, 1335px 67px #000, 799px 844px #000, 1245px 844px #000, 679px 1273px #000, 948px 2px #000, 1304px 21px #000, 1508px 1967px #000, 1828px 342px #000, 538px 1262px #000, 759px 381px #000, 1113px 1350px #000, 344px 1001px #000, 1259px 526px #000, 621px 613px #000, 1976px 857px #000, 32px 923px #000, 1992px 477px #000, 718px 1546px #000, 710px 1127px #000, 525px 1520px #000, 855px 1879px #000, 733px 1371px #000, 844px 1420px #000, 1512px 1422px #000, 217px 881px #000, 1796px 461px #000, 60px 1634px #000, 576px 1111px #000, 1066px 535px #000, 1047px 897px #000, 145px 1319px #000, 534px 939px #000, 576px 1090px #000, 1483px 1714px #000, 1518px 1873px #000, 750px 78px #000, 435px 981px #000, 789px 1285px #000, 1650px 40px #000, 1288px 109px #000, 1962px 228px #000, 1214px 803px #000, 882px 421px #000, 1038px 83px #000, 364px 1152px #000, 370px 1884px #000, 1673px 510px #000, 236px 170px #000, 1852px 1932px #000, 1468px 1423px #000, 1751px 1584px #000, 1832px 516px #000, 544px 148px #000, 755px 680px #000, 1109px 357px #000, 871px 614px #000, 1124px 1397px #000, 372px 1362px #000, 1622px 329px #000, 10px 471px #000, 267px 1507px #000, 340px 596px #000, 862px 1014px #000, 1128px 499px #000, 348px 948px #000, 1011px 229px #000, 482px 1702px #000, 1703px 457px #000, 1810px 1804px #000, 1153px 629px #000, 786px 1506px #000, 1867px 1162px #000, 836px 930px #000, 341px 377px #000, 1586px 1012px #000, 1112px 981px #000, 1599px 1513px #000, 1548px 1112px #000, 1244px 1820px #000, 561px 1255px #000, 1232px 213px #000, 848px 535px #000, 1245px 461px #000, 1103px 66px #000, 1467px 1136px #000, 1096px 1371px #000, 622px 554px #000, 1286px 1481px #000, 450px 560px #000, 674px 1605px #000, 972px 541px #000, 1569px 1623px #000, 263px 1678px #000, 1518px 1304px #000, 807px 1583px #000, 801px 1027px #000, 1881px 1270px #000, 639px 1414px #000, 526px 1646px #000, 1114px 1956px #000, 150px 615px #000, 1469px 1236px #000, 1587px 1749px #000, 1259px 615px #000, 851px 1986px #000, 1959px 863px #000, 947px 1952px #000, 237px 97px #000, 122px 1973px #000, 1753px 91px #000, 697px 2px #000, 1820px 1852px #000, 1067px 21px #000, 1750px 1023px #000, 992px 740px #000, 180px 119px #000, 1491px 503px #000, 868px 114px #000, 1419px 1967px #000, 1982px 133px #000, 1824px 1375px #000, 788px 1219px #000, 996px 1443px #000, 770px 1127px #000, 1486px 1841px #000, 1854px 696px #000, 439px 367px #000, 860px 915px #000, 1745px 116px #000, 1728px 1230px #000, 1891px 715px #000, 1969px 1719px #000, 1233px 639px #000, 1781px 1523px #000, 811px 660px #000, 1682px 346px #000, 1808px 239px #000, 59px 1576px #000, 786px 1707px #000, 556px 920px #000, 691px 116px #000, 560px 1068px #000, 169px 178px #000, 1072px 400px #000, 1259px 1038px #000, 1215px 1373px #000, 896px 221px #000, 659px 256px #000, 1348px 312px #000, 1032px 1574px #000, 1517px 1709px #000, 915px 953px #000, 1112px 217px #000, 691px 1739px #000, 477px 554px #000, 683px 423px #000, 1876px 98px #000, 14px 197px #000, 92px 609px #000, 1261px 1621px #000, 689px 922px #000, 1043px 1661px #000, 1493px 209px #000, 1918px 1650px #000, 746px 1547px #000, 9px 1827px #000, 85px 324px #000, 1284px 1614px #000, 489px 991px #000, 666px 1768px #000, 1901px 1708px #000, 1543px 1619px #000, 1653px 636px #000, 487px 242px #000, 1586px 1336px #000, 1854px 988px #000, 1206px 980px #000, 297px 34px #000, 1155px 704px #000, 1862px 1892px #000, 1494px 1340px #000, 1479px 46px #000, 1407px 809px #000, 1764px 885px #000, 1576px 828px #000, 1697px 793px #000, 1793px 745px #000, 1096px 1px #000, 1732px 6px #000, 938px 467px #000, 842px 722px #000, 950px 1080px #000, 1386px 412px #000, 719px 490px #000, 1938px 148px #000, 1474px 1425px #000, 203px 36px #000, 1612px 9px #000, 1589px 1878px #000, 77px 1118px #000, 1292px 267px #000, 1141px 1271px #000, 1166px 1530px #000, 660px 1667px #000, 787px 343px #000, 1403px 838px #000, 580px 1068px #000, 367px 1110px #000, 861px 494px #000, 272px 940px #000, 780px 532px #000, 1319px 799px #000, 1038px 1469px #000, 396px 877px #000, 541px 939px #000, 803px 1361px #000, 884px 848px #000, 516px 830px #000, 67px 1771px #000, 1482px 1262px #000, 1292px 970px #000, 1876px 251px #000, 850px 411px #000, 974px 1281px #000, 81px 595px #000, 1727px 278px #000, 108px 237px #000, 1460px 1223px #000, 1198px 1757px #000, 777px 615px #000, 470px 1637px #000, 256px 1481px #000, 1938px 900px #000, 847px 299px #000, 1001px 1513px #000, 1347px 1049px #000, 411px 461px #000, 245px 1216px #000, 460px 441px #000, 1689px 1826px #000, 423px 148px #000, 281px 1847px #000, 106px 1307px #000, 548px 1158px #000, 1417px 646px #000, 126px 1685px #000, 977px 764px #000, 525px 1117px #000, 946px 732px #000, 717px 1997px #000, 573px 513px #000, 1088px 623px #000, 1880px 1931px #000, 1727px 724px #000, 1212px 129px #000, 1009px 616px #000, 1758px 777px #000, 1599px 1169px #000, 1932px 993px #000, 263px 1573px #000, 326px 328px #000, 1573px 1025px #000, 1271px 329px #000, 1362px 604px #000, 103px 725px #000, 1718px 1813px #000, 1603px 1327px #000, 1433px 723px #000, 899px 977px #000, 709px 764px #000, 1482px 919px #000, 1994px 1204px #000, 1590px 1335px #000, 1268px 1836px #000, 1173px 295px #000, 920px 1479px #000, 1901px 1025px #000, 1238px 1338px #000, 493px 542px #000, 355px 1370px #000, 929px 1605px #000, 1569px 1750px #000, 863px 1809px #000, 1837px 817px #000, 443px 1760px #000, 1869px 1629px #000, 921px 1197px #000, 1549px 716px #000, 1242px 89px #000, 1142px 684px #000, 204px 402px #000, 670px 1032px #000, 967px 1736px #000, 1752px 1306px #000, 1175px 879px #000, 1379px 969px #000, 1759px 743px #000, 706px 599px #000, 767px 1473px #000, 1510px 1352px #000, 11px 857px #000, 652px 585px #000, 1690px 1316px #000, 521px 773px #000, 846px 759px #000, 1686px 1364px #000, 768px 335px #000, 326px 1406px #000, 669px 268px #000, 1806px 1869px #000, 134px 371px #000, 500px 1278px #000, 411px 568px #000, 473px 41px #000, 1110px 55px #000, 302px 1255px #000, 423px 1979px #000, 177px 905px #000, 1296px 723px #000, 1346px 1331px #000, 1308px 1069px #000, 1896px 23px #000, 512px 1786px #000, 794px 169px #000, 137px 1593px #000, 1623px 1493px #000, 1109px 388px #000, 708px 1002px #000, 1184px 290px #000, 376px 424px #000, 1267px 1148px #000, 166px 1645px #000, 962px 1641px #000, 1716px 876px #000, 430px 785px #000, 36px 290px #000, 984px 1730px #000, 1295px 1514px #000, 717px 1783px #000, 654px 30px #000, 883px 946px #000, 1478px 1061px #000, 1799px 901px #000, 1382px 778px #000, 1419px 429px #000, 988px 1803px #000, 1604px 651px #000, 1268px 204px #000, 1520px 302px #000, 1655px 1843px #000, 1009px 78px #000, 1938px 1151px #000, 317px 1539px #000, 1771px 1706px #000, 1602px 85px #000, 1837px 995px #000, 1700px 1544px #000, 1547px 901px #000, 866px 1861px #000, 1013px 930px #000, 928px 1019px #000, 490px 998px #000, 970px 1801px #000, 749px 670px #000, 1900px 1160px #000;
    animation: animStar 50s linear infinite;
}

    #stars:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 1px;
        height: 1px;
        background: transparent;
        box-shadow: 215px 694px #000, 1102px 692px #000, 761px 174px #000, 1547px 1459px #000, 1338px 1497px #000, 1606px 175px #000, 959px 719px #000, 1331px 463px #000, 183px 1774px #000, 610px 1974px #000, 569px 1179px #000, 729px 94px #000, 325px 1490px #000, 1356px 404px #000, 1828px 244px #000, 253px 1081px #000, 1312px 162px #000, 371px 1114px #000, 1060px 383px #000, 80px 145px #000, 710px 389px #000, 491px 1162px #000, 22px 132px #000, 485px 824px #000, 144px 1006px #000, 1443px 588px #000, 852px 751px #000, 1637px 485px #000, 191px 185px #000, 406px 1032px #000, 647px 711px #000, 152px 1587px #000, 478px 150px #000, 75px 1356px #000, 1888px 1291px #000, 1497px 747px #000, 938px 680px #000, 1961px 818px #000, 1327px 922px #000, 1667px 1995px #000, 300px 482px #000, 1078px 53px #000, 1500px 979px #000, 1833px 1431px #000, 1818px 98px #000, 1002px 796px #000, 917px 1773px #000, 1782px 433px #000, 936px 971px #000, 106px 1366px #000, 1783px 735px #000, 1651px 191px #000, 1874px 209px #000, 1407px 682px #000, 1165px 1062px #000, 228px 1204px #000, 657px 1294px #000, 637px 573px #000, 1366px 1597px #000, 634px 1385px #000, 1567px 684px #000, 275px 116px #000, 1339px 1416px #000, 690px 1221px #000, 1714px 1843px #000, 1341px 150px #000, 1221px 427px #000, 431px 1324px #000, 1080px 224px #000, 271px 1013px #000, 1685px 623px #000, 396px 1626px #000, 778px 1183px #000, 1941px 677px #000, 1776px 549px #000, 1604px 285px #000, 1679px 1495px #000, 1301px 1507px #000, 309px 1163px #000, 915px 334px #000, 1441px 969px #000, 1532px 95px #000, 1864px 67px #000, 1776px 1474px #000, 1270px 1231px #000, 972px 1763px #000, 413px 926px #000, 1006px 974px #000, 1115px 1785px #000, 1136px 712px #000, 428px 254px #000, 1150px 1283px #000, 520px 1563px #000, 1395px 637px #000, 641px 887px #000, 341px 727px #000, 432px 1938px #000, 941px 321px #000, 834px 1623px #000, 1240px 404px #000, 1654px 1453px #000, 710px 1356px #000, 1006px 1435px #000, 799px 528px #000, 1899px 1773px #000, 1713px 29px #000, 1376px 1675px #000, 1260px 730px #000, 203px 970px #000, 442px 484px #000, 24px 162px #000, 1287px 649px #000, 1233px 1928px #000, 1418px 754px #000, 557px 780px #000, 1906px 1328px #000, 1400px 333px #000, 227px 483px #000, 1041px 831px #000, 1550px 739px #000, 468px 1929px #000, 1690px 869px #000, 1696px 251px #000, 59px 1931px #000, 287px 1363px #000, 1461px 1890px #000, 509px 393px #000, 783px 683px #000, 1551px 260px #000, 395px 851px #000, 896px 552px #000, 1571px 102px #000, 1585px 1859px #000, 1805px 327px #000, 6px 1419px #000, 763px 1809px #000, 578px 1346px #000, 88px 1530px #000, 1238px 1256px #000, 775px 669px #000, 964px 631px #000, 1841px 236px #000, 405px 1442px #000, 1236px 1498px #000, 1303px 1982px #000, 1631px 1039px #000, 1304px 1552px #000, 806px 356px #000, 692px 223px #000, 600px 159px #000, 470px 1254px #000, 225px 115px #000, 1393px 1654px #000, 12px 1965px #000, 1200px 889px #000, 1265px 861px #000, 414px 233px #000, 252px 1043px #000, 431px 734px #000, 234px 448px #000, 1604px 995px #000, 324px 676px #000, 822px 1183px #000, 247px 685px #000, 1942px 1841px #000, 546px 1486px #000, 102px 1632px #000, 942px 582px #000, 1781px 1367px #000, 1941px 534px #000, 1132px 251px #000, 1245px 1442px #000, 1823px 1349px #000, 479px 1673px #000, 174px 1591px #000, 148px 1090px #000, 112px 1210px #000, 1339px 1698px #000, 909px 1442px #000, 738px 1702px #000, 1533px 1391px #000, 1949px 672px #000, 474px 425px #000, 1049px 1121px #000, 140px 1276px #000, 1206px 1597px #000, 794px 1896px #000, 1741px 784px #000, 1157px 675px #000, 1647px 1530px #000, 586px 681px #000, 1891px 1442px #000, 1309px 1112px #000, 320px 588px #000, 532px 982px #000, 32px 810px #000, 846px 1619px #000, 1386px 220px #000, 1577px 1602px #000, 1147px 1593px #000, 1603px 856px #000, 1734px 787px #000, 80px 541px #000, 947px 338px #000, 1157px 1144px #000, 1011px 1432px #000, 573px 961px #000, 1964px 1069px #000, 538px 1488px #000, 1382px 510px #000, 1800px 1623px #000, 921px 379px #000, 307px 1745px #000, 644px 393px #000, 1497px 1006px #000, 1905px 738px #000, 1646px 938px #000, 231px 515px #000, 1235px 467px #000, 1397px 930px #000, 225px 1604px #000, 1820px 1272px #000, 1055px 527px #000, 792px 1084px #000, 681px 1504px #000, 1969px 578px #000, 838px 1832px #000, 1525px 213px #000, 1982px 1341px #000, 1594px 1634px #000, 435px 1199px #000, 1803px 808px #000, 732px 423px #000, 1518px 747px #000, 1025px 127px #000, 386px 701px #000, 384px 1263px #000, 1343px 1542px #000, 626px 547px #000, 1064px 450px #000, 755px 1027px #000, 318px 673px #000, 1831px 1066px #000, 1090px 1374px #000, 1235px 1249px #000, 1561px 1020px #000, 1378px 572px #000, 1638px 1239px #000, 1677px 1141px #000, 1819px 657px #000, 1417px 94px #000, 1021px 1726px #000, 1406px 576px #000, 1676px 1192px #000, 1735px 1604px #000, 332px 322px #000, 675px 779px #000, 194px 1434px #000, 1042px 1149px #000, 223px 1448px #000, 721px 592px #000, 879px 1666px #000, 587px 650px #000, 1633px 612px #000, 1437px 1653px #000, 927px 907px #000, 1834px 427px #000, 927px 1751px #000, 165px 448px #000, 518px 862px #000, 118px 82px #000, 656px 473px #000, 625px 1836px #000, 1315px 658px #000, 1928px 1578px #000, 1303px 1835px #000, 826px 583px #000, 1306px 266px #000, 1020px 115px #000, 1873px 725px #000, 1694px 1419px #000, 179px 1775px #000, 108px 911px #000, 1785px 1540px #000, 293px 566px #000, 181px 1423px #000, 1406px 281px #000, 357px 886px #000, 1411px 430px #000, 1397px 1494px #000, 378px 852px #000, 1210px 120px #000, 890px 156px #000, 1878px 403px #000, 1682px 1549px #000, 960px 378px #000, 151px 1224px #000, 1493px 86px #000, 1118px 1482px #000, 1257px 1041px #000, 853px 1223px #000, 1884px 1859px #000, 1482px 1964px #000, 420px 1526px #000, 801px 49px #000, 95px 223px #000, 1017px 1515px #000, 1810px 842px #000, 1266px 9px #000, 1187px 1422px #000, 999px 837px #000, 627px 844px #000, 168px 1408px #000, 1408px 1814px #000, 1606px 1720px #000, 1914px 345px #000, 411px 409px #000, 1610px 318px #000, 126px 1661px #000, 1400px 656px #000, 29px 1296px #000, 1182px 4px #000, 948px 1553px #000, 120px 1589px #000, 1573px 811px #000, 1334px 411px #000, 7px 1960px #000, 659px 1015px #000, 1909px 1559px #000, 215px 1107px #000, 102px 650px #000, 945px 471px #000, 260px 22px #000, 209px 1102px #000, 212px 1515px #000, 1335px 67px #000, 799px 844px #000, 1245px 844px #000, 679px 1273px #000, 948px 2px #000, 1304px 21px #000, 1508px 1967px #000, 1828px 342px #000, 538px 1262px #000, 759px 381px #000, 1113px 1350px #000, 344px 1001px #000, 1259px 526px #000, 621px 613px #000, 1976px 857px #000, 32px 923px #000, 1992px 477px #000, 718px 1546px #000, 710px 1127px #000, 525px 1520px #000, 855px 1879px #000, 733px 1371px #000, 844px 1420px #000, 1512px 1422px #000, 217px 881px #000, 1796px 461px #000, 60px 1634px #000, 576px 1111px #000, 1066px 535px #000, 1047px 897px #000, 145px 1319px #000, 534px 939px #000, 576px 1090px #000, 1483px 1714px #000, 1518px 1873px #000, 750px 78px #000, 435px 981px #000, 789px 1285px #000, 1650px 40px #000, 1288px 109px #000, 1962px 228px #000, 1214px 803px #000, 882px 421px #000, 1038px 83px #000, 364px 1152px #000, 370px 1884px #000, 1673px 510px #000, 236px 170px #000, 1852px 1932px #000, 1468px 1423px #000, 1751px 1584px #000, 1832px 516px #000, 544px 148px #000, 755px 680px #000, 1109px 357px #000, 871px 614px #000, 1124px 1397px #000, 372px 1362px #000, 1622px 329px #000, 10px 471px #000, 267px 1507px #000, 340px 596px #000, 862px 1014px #000, 1128px 499px #000, 348px 948px #000, 1011px 229px #000, 482px 1702px #000, 1703px 457px #000, 1810px 1804px #000, 1153px 629px #000, 786px 1506px #000, 1867px 1162px #000, 836px 930px #000, 341px 377px #000, 1586px 1012px #000, 1112px 981px #000, 1599px 1513px #000, 1548px 1112px #000, 1244px 1820px #000, 561px 1255px #000, 1232px 213px #000, 848px 535px #000, 1245px 461px #000, 1103px 66px #000, 1467px 1136px #000, 1096px 1371px #000, 622px 554px #000, 1286px 1481px #000, 450px 560px #000, 674px 1605px #000, 972px 541px #000, 1569px 1623px #000, 263px 1678px #000, 1518px 1304px #000, 807px 1583px #000, 801px 1027px #000, 1881px 1270px #000, 639px 1414px #000, 526px 1646px #000, 1114px 1956px #000, 150px 615px #000, 1469px 1236px #000, 1587px 1749px #000, 1259px 615px #000, 851px 1986px #000, 1959px 863px #000, 947px 1952px #000, 237px 97px #000, 122px 1973px #000, 1753px 91px #000, 697px 2px #000, 1820px 1852px #000, 1067px 21px #000, 1750px 1023px #000, 992px 740px #000, 180px 119px #000, 1491px 503px #000, 868px 114px #000, 1419px 1967px #000, 1982px 133px #000, 1824px 1375px #000, 788px 1219px #000, 996px 1443px #000, 770px 1127px #000, 1486px 1841px #000, 1854px 696px #000, 439px 367px #000, 860px 915px #000, 1745px 116px #000, 1728px 1230px #000, 1891px 715px #000, 1969px 1719px #000, 1233px 639px #000, 1781px 1523px #000, 811px 660px #000, 1682px 346px #000, 1808px 239px #000, 59px 1576px #000, 786px 1707px #000, 556px 920px #000, 691px 116px #000, 560px 1068px #000, 169px 178px #000, 1072px 400px #000, 1259px 1038px #000, 1215px 1373px #000, 896px 221px #000, 659px 256px #000, 1348px 312px #000, 1032px 1574px #000, 1517px 1709px #000, 915px 953px #000, 1112px 217px #000, 691px 1739px #000, 477px 554px #000, 683px 423px #000, 1876px 98px #000, 14px 197px #000, 92px 609px #000, 1261px 1621px #000, 689px 922px #000, 1043px 1661px #000, 1493px 209px #000, 1918px 1650px #000, 746px 1547px #000, 9px 1827px #000, 85px 324px #000, 1284px 1614px #000, 489px 991px #000, 666px 1768px #000, 1901px 1708px #000, 1543px 1619px #000, 1653px 636px #000, 487px 242px #000, 1586px 1336px #000, 1854px 988px #000, 1206px 980px #000, 297px 34px #000, 1155px 704px #000, 1862px 1892px #000, 1494px 1340px #000, 1479px 46px #000, 1407px 809px #000, 1764px 885px #000, 1576px 828px #000, 1697px 793px #000, 1793px 745px #000, 1096px 1px #000, 1732px 6px #000, 938px 467px #000, 842px 722px #000, 950px 1080px #000, 1386px 412px #000, 719px 490px #000, 1938px 148px #000, 1474px 1425px #000, 203px 36px #000, 1612px 9px #000, 1589px 1878px #000, 77px 1118px #000, 1292px 267px #000, 1141px 1271px #000, 1166px 1530px #000, 660px 1667px #000, 787px 343px #000, 1403px 838px #000, 580px 1068px #000, 367px 1110px #000, 861px 494px #000, 272px 940px #000, 780px 532px #000, 1319px 799px #000, 1038px 1469px #000, 396px 877px #000, 541px 939px #000, 803px 1361px #000, 884px 848px #000, 516px 830px #000, 67px 1771px #000, 1482px 1262px #000, 1292px 970px #000, 1876px 251px #000, 850px 411px #000, 974px 1281px #000, 81px 595px #000, 1727px 278px #000, 108px 237px #000, 1460px 1223px #000, 1198px 1757px #000, 777px 615px #000, 470px 1637px #000, 256px 1481px #000, 1938px 900px #000, 847px 299px #000, 1001px 1513px #000, 1347px 1049px #000, 411px 461px #000, 245px 1216px #000, 460px 441px #000, 1689px 1826px #000, 423px 148px #000, 281px 1847px #000, 106px 1307px #000, 548px 1158px #000, 1417px 646px #000, 126px 1685px #000, 977px 764px #000, 525px 1117px #000, 946px 732px #000, 717px 1997px #000, 573px 513px #000, 1088px 623px #000, 1880px 1931px #000, 1727px 724px #000, 1212px 129px #000, 1009px 616px #000, 1758px 777px #000, 1599px 1169px #000, 1932px 993px #000, 263px 1573px #000, 326px 328px #000, 1573px 1025px #000, 1271px 329px #000, 1362px 604px #000, 103px 725px #000, 1718px 1813px #000, 1603px 1327px #000, 1433px 723px #000, 899px 977px #000, 709px 764px #000, 1482px 919px #000, 1994px 1204px #000, 1590px 1335px #000, 1268px 1836px #000, 1173px 295px #000, 920px 1479px #000, 1901px 1025px #000, 1238px 1338px #000, 493px 542px #000, 355px 1370px #000, 929px 1605px #000, 1569px 1750px #000, 863px 1809px #000, 1837px 817px #000, 443px 1760px #000, 1869px 1629px #000, 921px 1197px #000, 1549px 716px #000, 1242px 89px #000, 1142px 684px #000, 204px 402px #000, 670px 1032px #000, 967px 1736px #000, 1752px 1306px #000, 1175px 879px #000, 1379px 969px #000, 1759px 743px #000, 706px 599px #000, 767px 1473px #000, 1510px 1352px #000, 11px 857px #000, 652px 585px #000, 1690px 1316px #000, 521px 773px #000, 846px 759px #000, 1686px 1364px #000, 768px 335px #000, 326px 1406px #000, 669px 268px #000, 1806px 1869px #000, 134px 371px #000, 500px 1278px #000, 411px 568px #000, 473px 41px #000, 1110px 55px #000, 302px 1255px #000, 423px 1979px #000, 177px 905px #000, 1296px 723px #000, 1346px 1331px #000, 1308px 1069px #000, 1896px 23px #000, 512px 1786px #000, 794px 169px #000, 137px 1593px #000, 1623px 1493px #000, 1109px 388px #000, 708px 1002px #000, 1184px 290px #000, 376px 424px #000, 1267px 1148px #000, 166px 1645px #000, 962px 1641px #000, 1716px 876px #000, 430px 785px #000, 36px 290px #000, 984px 1730px #000, 1295px 1514px #000, 717px 1783px #000, 654px 30px #000, 883px 946px #000, 1478px 1061px #000, 1799px 901px #000, 1382px 778px #000, 1419px 429px #000, 988px 1803px #000, 1604px 651px #000, 1268px 204px #000, 1520px 302px #000, 1655px 1843px #000, 1009px 78px #000, 1938px 1151px #000, 317px 1539px #000, 1771px 1706px #000, 1602px 85px #000, 1837px 995px #000, 1700px 1544px #000, 1547px 901px #000, 866px 1861px #000, 1013px 930px #000, 928px 1019px #000, 490px 998px #000, 970px 1801px #000, 749px 670px #000, 1900px 1160px #000;
    }

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 640px 1885px #000, 1409px 1144px #000, 1281px 1304px #000, 1776px 614px #000, 1643px 94px #000, 1043px 1266px #000, 787px 848px #000, 922px 815px #000, 275px 272px #000, 484px 257px #000, 1107px 381px #000, 1678px 1068px #000, 1518px 1501px #000, 1878px 854px #000, 1082px 669px #000, 684px 1834px #000, 152px 411px #000, 1004px 180px #000, 645px 249px #000, 1204px 797px #000, 680px 591px #000, 693px 1661px #000, 1955px 1864px #000, 877px 753px #000, 1506px 1580px #000, 1077px 1049px #000, 848px 1043px #000, 1347px 1513px #000, 161px 184px #000, 323px 808px #000, 1950px 520px #000, 1203px 707px #000, 1612px 1274px #000, 106px 941px #000, 1477px 67px #000, 203px 1965px #000, 837px 796px #000, 1636px 1582px #000, 450px 503px #000, 1010px 69px #000, 620px 1016px #000, 1250px 247px #000, 922px 967px #000, 26px 260px #000, 352px 1064px #000, 458px 1925px #000, 1448px 1806px #000, 1488px 1888px #000, 477px 524px #000, 1943px 40px #000, 848px 96px #000, 1468px 1686px #000, 960px 1084px #000, 1094px 1577px #000, 1010px 948px #000, 1722px 426px #000, 1161px 544px #000, 1216px 1192px #000, 741px 544px #000, 938px 706px #000, 940px 766px #000, 499px 905px #000, 1326px 502px #000, 1363px 681px #000, 756px 1783px #000, 655px 79px #000, 970px 1964px #000, 566px 30px #000, 2000px 580px #000, 114px 596px #000, 392px 1439px #000, 563px 1432px #000, 1488px 1172px #000, 1474px 1342px #000, 255px 784px #000, 1959px 1531px #000, 1525px 487px #000, 1155px 728px #000, 750px 1650px #000, 106px 1922px #000, 150px 423px #000, 1931px 1095px #000, 1337px 1564px #000, 428px 406px #000, 1752px 957px #000, 1562px 1683px #000, 1275px 1257px #000, 1701px 1011px #000, 1525px 193px #000, 487px 715px #000, 791px 1926px #000, 795px 846px #000, 134px 691px #000, 1939px 1292px #000, 1016px 966px #000, 778px 957px #000, 1597px 1355px #000, 1209px 920px #000, 535px 436px #000, 820px 681px #000, 469px 1538px #000, 1199px 1546px #000, 1241px 834px #000, 1881px 807px #000, 1370px 1752px #000, 849px 1569px #000, 478px 1452px #000, 127px 464px #000, 431px 1751px #000, 1056px 683px #000, 815px 1881px #000, 1524px 1498px #000, 1786px 258px #000, 130px 204px #000, 599px 1740px #000, 1666px 1463px #000, 775px 417px #000, 861px 1631px #000, 1532px 258px #000, 627px 1569px #000, 410px 659px #000, 1562px 1433px #000, 531px 1691px #000, 1225px 879px #000, 745px 400px #000, 1915px 1583px #000, 1165px 922px #000, 238px 1700px #000, 577px 134px #000, 1637px 1429px #000, 452px 690px #000, 366px 1368px #000, 476px 1098px #000, 1659px 1096px #000, 1484px 127px #000, 64px 1233px #000, 1837px 487px #000, 158px 1952px #000, 414px 1687px #000, 1868px 1742px #000, 1036px 1369px #000, 1552px 1652px #000, 1366px 1464px #000, 1729px 1564px #000, 480px 315px #000, 1944px 41px #000, 25px 1376px #000, 13px 913px #000, 504px 1211px #000, 1965px 1509px #000, 1998px 509px #000, 718px 1285px #000, 1536px 259px #000, 1768px 1699px #000, 948px 1940px #000, 558px 239px #000, 1387px 664px #000, 1644px 1230px #000, 1197px 341px #000, 1634px 1101px #000, 181px 1510px #000, 1849px 637px #000, 1800px 1245px #000, 1151px 79px #000, 1625px 146px #000, 1868px 1051px #000, 229px 1328px #000, 1810px 1584px #000, 483px 915px #000, 1689px 182px #000, 1664px 580px #000, 868px 1361px #000, 728px 1146px #000, 216px 496px #000, 1194px 538px #000, 1971px 528px #000, 106px 786px #000, 1312px 1093px #000, 164px 1549px #000, 1387px 667px #000, 377px 311px #000, 1094px 694px #000, 1469px 753px #000, 1997px 1507px #000, 1147px 1658px #000, 997px 1849px #000, 381px 1856px #000, 1511px 1816px #000, 1793px 1752px #000, 1233px 1221px #000, 488px 1958px #000, 1689px 257px #000, 787px 290px #000, 1201px 1128px #000, 1364px 957px #000, 1611px 398px #000, 1384px 598px #000, 823px 507px #000, 1470px 1820px #000, 314px 1769px #000;
    animation: animStar 100s linear infinite;
}

    #stars2:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 2px;
        height: 2px;
        background: transparent;
        box-shadow: 640px 1885px #000, 1409px 1144px #000, 1281px 1304px #000, 1776px 614px #000, 1643px 94px #000, 1043px 1266px #000, 787px 848px #000, 922px 815px #000, 275px 272px #000, 484px 257px #000, 1107px 381px #000, 1678px 1068px #000, 1518px 1501px #000, 1878px 854px #000, 1082px 669px #000, 684px 1834px #000, 152px 411px #000, 1004px 180px #000, 645px 249px #000, 1204px 797px #000, 680px 591px #000, 693px 1661px #000, 1955px 1864px #000, 877px 753px #000, 1506px 1580px #000, 1077px 1049px #000, 848px 1043px #000, 1347px 1513px #000, 161px 184px #000, 323px 808px #000, 1950px 520px #000, 1203px 707px #000, 1612px 1274px #000, 106px 941px #000, 1477px 67px #000, 203px 1965px #000, 837px 796px #000, 1636px 1582px #000, 450px 503px #000, 1010px 69px #000, 620px 1016px #000, 1250px 247px #000, 922px 967px #000, 26px 260px #000, 352px 1064px #000, 458px 1925px #000, 1448px 1806px #000, 1488px 1888px #000, 477px 524px #000, 1943px 40px #000, 848px 96px #000, 1468px 1686px #000, 960px 1084px #000, 1094px 1577px #000, 1010px 948px #000, 1722px 426px #000, 1161px 544px #000, 1216px 1192px #000, 741px 544px #000, 938px 706px #000, 940px 766px #000, 499px 905px #000, 1326px 502px #000, 1363px 681px #000, 756px 1783px #000, 655px 79px #000, 970px 1964px #000, 566px 30px #000, 2000px 580px #000, 114px 596px #000, 392px 1439px #000, 563px 1432px #000, 1488px 1172px #000, 1474px 1342px #000, 255px 784px #000, 1959px 1531px #000, 1525px 487px #000, 1155px 728px #000, 750px 1650px #000, 106px 1922px #000, 150px 423px #000, 1931px 1095px #000, 1337px 1564px #000, 428px 406px #000, 1752px 957px #000, 1562px 1683px #000, 1275px 1257px #000, 1701px 1011px #000, 1525px 193px #000, 487px 715px #000, 791px 1926px #000, 795px 846px #000, 134px 691px #000, 1939px 1292px #000, 1016px 966px #000, 778px 957px #000, 1597px 1355px #000, 1209px 920px #000, 535px 436px #000, 820px 681px #000, 469px 1538px #000, 1199px 1546px #000, 1241px 834px #000, 1881px 807px #000, 1370px 1752px #000, 849px 1569px #000, 478px 1452px #000, 127px 464px #000, 431px 1751px #000, 1056px 683px #000, 815px 1881px #000, 1524px 1498px #000, 1786px 258px #000, 130px 204px #000, 599px 1740px #000, 1666px 1463px #000, 775px 417px #000, 861px 1631px #000, 1532px 258px #000, 627px 1569px #000, 410px 659px #000, 1562px 1433px #000, 531px 1691px #000, 1225px 879px #000, 745px 400px #000, 1915px 1583px #000, 1165px 922px #000, 238px 1700px #000, 577px 134px #000, 1637px 1429px #000, 452px 690px #000, 366px 1368px #000, 476px 1098px #000, 1659px 1096px #000, 1484px 127px #000, 64px 1233px #000, 1837px 487px #000, 158px 1952px #000, 414px 1687px #000, 1868px 1742px #000, 1036px 1369px #000, 1552px 1652px #000, 1366px 1464px #000, 1729px 1564px #000, 480px 315px #000, 1944px 41px #000, 25px 1376px #000, 13px 913px #000, 504px 1211px #000, 1965px 1509px #000, 1998px 509px #000, 718px 1285px #000, 1536px 259px #000, 1768px 1699px #000, 948px 1940px #000, 558px 239px #000, 1387px 664px #000, 1644px 1230px #000, 1197px 341px #000, 1634px 1101px #000, 181px 1510px #000, 1849px 637px #000, 1800px 1245px #000, 1151px 79px #000, 1625px 146px #000, 1868px 1051px #000, 229px 1328px #000, 1810px 1584px #000, 483px 915px #000, 1689px 182px #000, 1664px 580px #000, 868px 1361px #000, 728px 1146px #000, 216px 496px #000, 1194px 538px #000, 1971px 528px #000, 106px 786px #000, 1312px 1093px #000, 164px 1549px #000, 1387px 667px #000, 377px 311px #000, 1094px 694px #000, 1469px 753px #000, 1997px 1507px #000, 1147px 1658px #000, 997px 1849px #000, 381px 1856px #000, 1511px 1816px #000, 1793px 1752px #000, 1233px 1221px #000, 488px 1958px #000, 1689px 257px #000, 787px 290px #000, 1201px 1128px #000, 1364px 957px #000, 1611px 398px #000, 1384px 598px #000, 823px 507px #000, 1470px 1820px #000, 314px 1769px #000;
    }

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 253px 1144px #000, 1184px 297px #000, 1857px 798px #000, 1688px 307px #000, 1041px 326px #000, 1759px 1759px #000, 404px 1433px #000, 1888px 1246px #000, 1879px 452px #000, 98px 1284px #000, 444px 1030px #000, 336px 770px #000, 1099px 1906px #000, 537px 1115px #000, 788px 1467px #000, 965px 1868px #000, 1334px 788px #000, 806px 1407px #000, 502px 674px #000, 1376px 693px #000, 1666px 1731px #000, 1846px 794px #000, 906px 1155px #000, 729px 1698px #000, 437px 1127px #000, 639px 1223px #000, 831px 505px #000, 926px 813px #000, 385px 1637px #000, 1663px 790px #000, 416px 869px #000, 1482px 1526px #000, 1206px 1174px #000, 1514px 296px #000, 1430px 1860px #000, 883px 860px #000, 97px 1355px #000, 1659px 678px #000, 1723px 1590px #000, 129px 338px #000, 571px 1730px #000, 1813px 1614px #000, 1290px 1955px #000, 919px 1737px #000, 1716px 549px #000, 1650px 347px #000, 1190px 1424px #000, 1491px 558px #000, 279px 620px #000, 698px 199px #000, 967px 1336px #000, 1037px 104px #000, 278px 214px #000, 540px 348px #000, 1921px 1816px #000, 1654px 976px #000, 637px 870px #000, 273px 1267px #000, 257px 1474px #000, 1641px 428px #000, 1173px 811px #000, 1160px 778px #000, 1128px 171px #000, 1509px 1746px #000, 1247px 562px #000, 714px 875px #000, 1308px 621px #000, 342px 969px #000, 664px 1802px #000, 808px 1469px #000, 1573px 1752px #000, 1976px 1960px #000, 244px 766px #000, 249px 1237px #000, 284px 2000px #000, 50px 1145px #000, 951px 639px #000, 162px 482px #000, 1911px 733px #000, 1913px 1070px #000, 638px 517px #000, 1635px 620px #000, 1855px 444px #000, 1643px 116px #000, 201px 108px #000, 1173px 1631px #000, 1030px 416px #000, 73px 1394px #000, 478px 1666px #000, 17px 467px #000, 210px 844px #000, 798px 1645px #000, 1094px 1410px #000, 595px 666px #000, 1160px 1715px #000, 627px 892px #000, 658px 696px #000, 975px 620px #000, 32px 91px #000, 1297px 1323px #000;
    animation: animStar 150s linear infinite;
}

    #stars3:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 3px;
        height: 3px;
        background: transparent;
        box-shadow: 253px 1144px #000, 1184px 297px #000, 1857px 798px #000, 1688px 307px #000, 1041px 326px #000, 1759px 1759px #000, 404px 1433px #000, 1888px 1246px #000, 1879px 452px #000, 98px 1284px #000, 444px 1030px #000, 336px 770px #000, 1099px 1906px #000, 537px 1115px #000, 788px 1467px #000, 965px 1868px #000, 1334px 788px #000, 806px 1407px #000, 502px 674px #000, 1376px 693px #000, 1666px 1731px #000, 1846px 794px #000, 906px 1155px #000, 729px 1698px #000, 437px 1127px #000, 639px 1223px #000, 831px 505px #000, 926px 813px #000, 385px 1637px #000, 1663px 790px #000, 416px 869px #000, 1482px 1526px #000, 1206px 1174px #000, 1514px 296px #000, 1430px 1860px #000, 883px 860px #000, 97px 1355px #000, 1659px 678px #000, 1723px 1590px #000, 129px 338px #000, 571px 1730px #000, 1813px 1614px #000, 1290px 1955px #000, 919px 1737px #000, 1716px 549px #000, 1650px 347px #000, 1190px 1424px #000, 1491px 558px #000, 279px 620px #000, 698px 199px #000, 967px 1336px #000, 1037px 104px #000, 278px 214px #000, 540px 348px #000, 1921px 1816px #000, 1654px 976px #000, 637px 870px #000, 273px 1267px #000, 257px 1474px #000, 1641px 428px #000, 1173px 811px #000, 1160px 778px #000, 1128px 171px #000, 1509px 1746px #000, 1247px 562px #000, 714px 875px #000, 1308px 621px #000, 342px 969px #000, 664px 1802px #000, 808px 1469px #000, 1573px 1752px #000, 1976px 1960px #000, 244px 766px #000, 249px 1237px #000, 284px 2000px #000, 50px 1145px #000, 951px 639px #000, 162px 482px #000, 1911px 733px #000, 1913px 1070px #000, 638px 517px #000, 1635px 620px #000, 1855px 444px #000, 1643px 116px #000, 201px 108px #000, 1173px 1631px #000, 1030px 416px #000, 73px 1394px #000, 478px 1666px #000, 17px 467px #000, 210px 844px #000, 798px 1645px #000, 1094px 1410px #000, 595px 666px #000, 1160px 1715px #000, 627px 892px #000, 658px 696px #000, 975px 620px #000, 32px 91px #000, 1297px 1323px #000;
    }



@keyframes animStar {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-2000px);
    }
}

.item_one {
    background: url('/img/image/8.png') no-repeat center center / cover !important;
}

.item_two {
    background: url('/img/image/9.png') no-repeat center center / cover !important;
}

.carousel-item {
    height: 19vh;
    min-height: 170px;
    background: no-repeat center center scroll;
    background-size: cover;
    border-radius: 10px;
}

.carousel-items {
    height: 19vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    background-size: cover;
    border-radius: 10px;
}

.carousel-control-prev, .carousel-control-next {
    opacity: 1;
}

.titan-caption {
    margin: 0 auto 95px;
    padding: 30px 25px;
    float: left;
}

    .titan-caption h4 {
        font-size: 26px;
        color: black;
        font-weight: 800;
        text-align: right;
    }

    .titan-caption h5 {
        font-size: 26px;
        color: black;
        font-weight: 800;
        text-align: right;
        margin-right: 20px;
    }


.carousel-indicators li{
    background-color:white !important
}
.carousel-indicators .active {
    background-color: black !important
}

    .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

/* HTML: <div class="loader"></div> */
.loader {
    width: fit-content;
    font-weight: bold;
   color:blue;
   border:0;
    font-size: 18px;
    padding: 0 5px 8px 0;
    background: repeating-linear-gradient(90deg,currentColor 0 8%,#0000 0 10%) 200% 100%/200% 3px no-repeat;
    animation: l3 2s steps(6) infinite;
}

    .loader:before {
        content: " بارگذاری بیشتر  ";
        color:red
    }

@keyframes l3 {
    to {
        background-position: 80% 100%
    }
}
.uniProvince {
    box-shadow: 0px -10px 11px 0px #bdbdbd;
    border-radius: 13px 13px 0 0;
}
    .uniProvince h1 {
       font-size: 20px
    }




.content {
    position: relative; 
    z-index: 2; 
}

.btn-custom {
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease; 
    width: 80%; 
    height: 50px; 
    background-color: #a0d3ff; 
    color: #004080; 
    border: none; 
}

    .btn-custom:hover {
        transform: scale(1.05); 
        background-color: #7ec1ff; 
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); 
    }

.btn-warning-custom {
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease; 
    width: 20%; 
    height: 50px; 
    background-color: #b2e0b2; 
    color: #005700; 
    border: none; 
}

.carousel-item {
    transition: transform 1s ease-in-out !important;
}



@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1300px;
    }
}
.media {
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}
.breadcrumb {
    direction: ltr;
    float: inline-start;
    margin-top: 10px;
}
body.modal-open {
    padding-right: 0 !important;
}
/* عنوان راست‌چین */
.modal-header .modal-title {
    flex: 1;
    text-align: right;
}

/* بستن برود سمت چپ */
.modal-header .btn-close {
    margin-left: 0;
    margin-right: auto;
}

/* وسط‌چین‌کردن متن داخل مودال */
.modal-body {
    text-align: center;
}

.input-group-text {
    height:40px;

}

.toggle-password {
    position: relative;
    left: 34px;
    color: darkgray;
}
.eye-password {
	
    right:-6px;
    bottom:27px;
    float:left;
	width: 16px;
}