@font-face {
    font-family: yekan;
    src: url(../fonts/iranyekanweblight.ttf) format("truetype")
}

@font-face {
    font-family: yekan-bold;
    src: url(../fonts/iranyekanwebbold.ttf) format("truetype")
}

@font-face {
    font-family: yekan-regular;
    src: url(../fonts/iranyekanwebregular.woff) format("woff")
}

body, html {
    font-size: 10px;
    background: #fff;
    overflow-x: hidden
}

a, abbr, acronym, address, applet, big, blockquote, body, button, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, iframe, img, input, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
    font-family: yekan
}

h1, h2, h3, h4, h5, h6 {
    font-family: yekan-bold, yekan, yekan-regular, Poppins
}

a {
    text-decoration: none !important
}
button{
    outline: none;
}
footer input{
    outline: none!important;
}
.direction-rtl {
    direction: rtl !important
}

.direction-ltr {
    direction: ltr !important
}
.help-block{
    color: red;
}
.gold-color {
    color: #e4b473 !important
}
.pink-color {
    color: #ef5a88 !important
}
.orig-pink-color {
    color: #ef5a88 !important
}

.white-color {
    color: #ffffff !important
}

.red-color {
    color: #ff3155 !important
}
.purple-color {
    color: #b81c87 !important
}

.green-color {
    color: #19d895 !important
}

.gray-color {
    color: #bababa !important
}

.dark-gold-color {
    color: #c38830 !important
}

.yellow-color {
    color: #ffaf00 !important
}

.dir-ltr {
    direction: ltr !important
}

.light-white-back {
    background: #f1f1f1 !important
}

.bg-gray {
    background: #f6f5f3 !important
}
.bg-light-gray {
    background: #fcfcfc !important
}

.bg-blue {
    background: #2196f3 !important
}

.bg-green {
    background: #19d895 !important
}

.bg-red {
    background: #ff3155 !important
}

.bg-yellow {
    background: #ffaf00 !important
}

.bg-light-yellow {
    background: #fff2d5 !important
}

.gold-back {
    background: #c6a47e !important
}

.bg-gold {
    background: #ebc489 !important
}

.light-back {
    background: #f6f5f3 !important
}

.black-color {
    color: #121212 !important
}

.bg-back {
    background: #121212 !important
}
.bg-white {
    background: #ffffff !important
}
.bg-pink {
    background: #ef5a88 !important
}

.bg-purple {
    background: #b81c87 !important
}

.border-bottom-pink-1 {
    border-bottom: 1px solid #ef5a88 !important
}
.op-0{
    opacity: 0 !important
}
.light-shadow {
    box-shadow: 0 0 10px rgba(197, 164, 126, .7)
}

.text-white {
    color: #fff !important
}
.text-color{
    color: #5b646d;
}
.overflow-hidden {
    overflow: hidden
}

.my-10 {
    margin: 10px 0
}

.my-20 {
    margin: 20px 0
}

.my-30 {
    margin: 30px 0
}

.my-40 {
    margin: 40px 0
}

.my-50 {
    margin: 50px 0
}
.my-20 {
    margin: 20px 0
}

.mt-50 {
    margin-top: 50px
}
.mb-50 {
    margin-bottom: 50px
}
.mb-70 {
    margin-bottom: 70px
}
.mt-70 {
    margin-top: 70px
}
.mt-100 {
    margin-top: 100px
}
.mb-100{
    margin-bottom: 100px !important;
}
.py-70 {
    padding: 70px 0 !important
}

.py-90 {
    padding: 90px 0 !important
}

.py-120 {
    padding: 120px 0 !important
}

.transitaion-3 {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s
}
.border-none{
    border: none!important;
}
.b-5 {
    border-radius: 5px
}
.f-thin{
    font-weight: 100!important;
}
.f-2 {
    font-size: 2em !important
}

.f-22 {
    font-size: 2.2em !important
}

.f-25 {
    font-size: 2.5em !important
}

.f-3 {
    font-size: 3em !important
}

.f-4 {
    font-size: 4em !important
}

.f-17 {
    font-size: 1.7em !important
}


.f-18 {
    font-size: 1.8em !important
}

.f-19 {
    font-size: 1.9em !important
}

.f-16 {
    font-size: 1.6em !important
}

.f-15 {
    font-size: 1.5em !important
}

.f-14 {
    font-size: 1.4em !important
}

.f-13 {
    font-size: 1.3em !important
}

.f-12 {
    font-size: 1.2em !important
}

.f-11 {
    font-size: 1.1em !important
}

.f-1 {
    font-size: 1em !important
}

.f-bold {
    font-weight: 700 !important
}
.f-normal {
    font-weight: 100 !important
}
.line-height-1{
    line-height: 1!important
}
.line-height-15{
    line-height: 1.5!important
}
.line-height-2{
    line-height: 2!important
}
.border-left-1 {
    border-left: 1px solid rgba(0, 0, 0, .2)
}

.min-height-100 {
    min-height: 100vh
}
.min-h-90{
    min-height: 90vh;
}
.min-h-80{
    min-height: 80vh;
}
.w-35{
    width: 35% !important;
}
section {
    position: relative;
    width: 100%;
    padding: 70px 0;
}
.min-h-100{
    min-height: 100vh;
}
.min-h-80{
    min-height: 80vh;
}
.min-h-70{
    min-height: 70vh;
}
h1 {
    font-size: 3em
}

hr {
    border: 0;
    border-top: 1px solid rgba(197, 164, 126, .7)
}
.container-box {
    width: 90%;
    margin: auto;
}
@media (min-width: 1400px) {
    .container-box {
        width: 90%;
        margin: auto;
    }
}
.main-content {
    min-height: 100vh;
    position: relative;
    padding-top: 85px;
}
.main-btn {
    min-width: 170px;
    cursor: pointer;
    background: transparent;
    color: #fff;
    padding: .5em 1.2em;
    font-size: 1.4em;
    border-radius: 25px;
    border: 1px solid #ffffff;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    display: inline-block
}
.black-btn {
    color: #5b646d;
    border: 1px solid #5b646d;
    display: inline-block
}
.main-btn.active{
    color: #a67833;
    border-color: #e4b473;
}
.main-btn.purple-btn{
    padding-left: 30px;
    padding-right: 30px;
    color: white;
    border-color:#b81c87;
    background-color:#b81c87;
}

.main-btn.gold-btn{
    padding-left: 30px;
    padding-right: 30px;
    color: white;
    border-color:#ebc489;
    background-color:#ebc489;
}

.main-btn.gold-btn:hover{
    color: #ebc489;
    border-color:#ebc489;
    background-color:transparent;
}
.main-btn:hover {
    -webkit-box-shadow: 0 0 0 1px #b61984 inset;
    box-shadow: 0 0 0 1px #b61984 inset;
    color: #b61984;
    background: transparent;
}

.dashboard-btn {
    display: flex;
    align-items: center;
    padding: .3em 1.2em;
    font-size: 1.4em;
    background: #e1ccb2;
    background: linear-gradient(90deg, rgba(225, 204, 178, 1) 0, rgba(214, 160, 96, 1) 100%);
    border: transparent
}


.main-logo{
    height: 90px;
    width: 128px;
    background-image: url(../images/logo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    text-indent: -100px;
    overflow: hidden;
}
#maad_reward_btn.dashboard-btn {
    height: 40px;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    cursor: pointer
}

#maad_reward_btn.de-active {
    background: #c5c5c5;
    background: linear-gradient(90deg, #b5b5b5 0, #dadada 100%);
    cursor: not-allowed
}

.dashboard-btn:hover {
    color: #fff
}

.light-shadow {
    box-shadow: 0 0 10px rgba(197, 164, 126, .7)
}

.text-white {
    color: #fff !important
}
.text-color{
    color: #5b646d;
}
.overflow-hidden {
    overflow: hidden
}

.my-10 {
    margin: 10px 0
}

.my-20 {
    margin: 20px 0
}

.my-30 {
    margin: 30px 0
}

.my-40 {
    margin: 40px 0
}

.my-50 {
    margin: 50px 0
}
.my-20 {
    margin: 20px 0
}

.mt-50 {
    margin-top: 50px
}
.mb-50 {
    margin-bottom: 50px
}
.mb-70 {
    margin-bottom: 70px
}
.mt-70 {
    margin-top: 70px
}
.mt-100 {
    margin-top: 100px
}

.py-70 {
    padding: 70px 0 !important
}

.py-90 {
    padding: 90px 0 !important
}

.py-120 {
    padding: 120px 0 !important
}

.transitaion-3 {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s
}
.border-none{
    border: none!important;
}
.b-5 {
    border-radius: 5px
}

.f-2 {
    font-size: 2em !important
}

.f-22 {
    font-size: 2.2em !important
}

.f-25 {
    font-size: 2.5em !important
}

.f-3 {
    font-size: 3em !important
}

.f-4 {
    font-size: 4em !important
}

.f-17 {
    font-size: 1.7em !important
}


.f-18 {
    font-size: 1.8em !important
}

.f-19 {
    font-size: 1.9em !important
}

.f-16 {
    font-size: 1.6em !important
}

.f-15 {
    font-size: 1.5em !important
}

.f-14 {
    font-size: 1.4em !important
}

.f-13 {
    font-size: 1.3em !important
}

.f-12 {
    font-size: 1.2em !important
}

.f-11 {
    font-size: 1.1em !important
}

.f-1 {
    font-size: 1em !important
}

.f-5 {
    font-size: 5em !important
}
.f-bold {
    font-weight: 700 !important
}
.f-normal {
    font-weight: 100 !important
}
.line-height-1{
    line-height: 1!important
}
.line-height-15{
    line-height: 1.5!important
}
.line-height-17{
    line-height: 1.7!important
}
.line-height-2{
    line-height: 2!important
}
.border-left-1 {
    border-left: 1px solid rgba(0, 0, 0, .2)
}

.min-height-100 {
    min-height: 100vh
}
.w-35{
    width: 35% !important;
}
.z-100{
    z-index: 100;
}
section {
    position: relative;
    width: 100%;
    padding: 70px 0
}

h1 {
    font-size: 3em
}

hr {
    border: 0;
    border-top: 1px solid rgba(197, 164, 126, .7)
}
footer.main-footer {
    margin-top: 0;
    padding: 80px 0 20px;
    background-color: #aa017e;
    position: relative;
    z-index: 100;
}
.watermark{
    position: relative;
    z-index: 10;
}
.watermark h5{
    color: #ffffff;
    line-height: 1.5;
    text-align: center;
}
footer.main-footer .container{
    position: relative;
    z-index: 100;
}
.owl-theme .owl-dots .owl-dot{
    background: transparent;
    border: none;
}
.owl-theme .owl-dots .owl-dot span{
    margin: 0;
}
.min-h-50{
    min-height: 50vh;
}
#mainHead {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    width: 100%;
}
#mainHead.show-bg {
    background: rgba(255,255,255,0.7);
}
.lab-svg .cls-1 {
    fill: none;
}

.lab-svg .cls-2 {
    fill: #e2e2e2;
}

.lab-svg .cls-3 {
    fill: #a64c31;
}

.lab-svg .cls-4 {
    fill: #fff;
}

.lab-svg .cls-5 {
    fill: #f1f1f1;
}

.lab-svg .cls-6 {
    fill: #43bae5;
}

.lab-svg .cls-7 {
    fill: #c0d1fb;
}

.lab-svg .cls-8 {
    fill: #8f3d64;
}

.lab-svg .cls-9 {
    fill: #85cec3;
}

.lab-svg .cls-10 {
    fill: #1ee2d9;
}

.lab-svg .cls-11 {
    fill: #17afa8;
}

.lab-svg .cls-12 {
    fill: #1cd6ce;
}

.lab-svg .cls-13 {
    fill: #3d3542;
}

.lab-svg .cls-14, .lab-svg .cls-17 {
    fill: #ece0fa;
}

.lab-svg .cls-14 {
    opacity: 0.3;
}

.lab-svg .cls-15 {
    fill: #01cff6;
}

.lab-svg .cls-16 {
    fill: #85fbff;
}

.lab-svg .cls-18 {
    fill: #4c4252;
}

.lab-svg .cls-19 {
    fill: #fafafa;
}

.lab-svg .cls-20 {
    fill: #e7e7e7;
}

.lab-svg .cls-21 {
    fill: #323b7c;
}

.lab-svg .cls-22 {
    fill: #3698bb;
}

.lab-svg .cls-23 {
    fill: #40b2db;
}

.lab-svg .cls-24 {
    fill: #b9caf2;
}

.lab-svg .cls-25 {
    fill: #00596f;
}

.lab-svg .cls-26 {
    fill: #e5f3f4;
}

.lab-svg .cls-27 {
    fill: #18b8b2;
}

.lab-svg .cls-28 {
    fill: #f9e6c8;
}

.lab-svg .cls-29 {
    fill: #e7d5ba;
}

.lab-svg .cls-30 {
    fill: #15a29b;
}

.lab-svg .cls-31 {
    fill: #a4a2c1;
}

.lab-svg .cls-32 {
    fill: #87e5ff;
}

.lab-svg .cls-33 {
    fill: #73d8f7;
}

.lab-svg .cls-34 {
    fill: #1f2348;
}

.lab-svg .cls-35 {
    fill: #e0a180;
}

.lab-svg .cls-36 {
    fill: #e7e7ee;
}

.lab-svg .cls-37 {
    fill: #ecd89d;
}

.lab-svg .cls-38 {
    clip-path: url(#clip-path);
}

.lab-svg .cls-39 {
    fill: #443e3e;
}

.lab-svg .cls-40 {
    fill: #231f20;
}

.lab-svg .cls-41 {
    fill: #edeef1;
}

.lab-svg .cls-42 {
    fill: #69605b;
}

.lab-svg .cls-43 {
    fill: #473c44;
}

.lab-svg .cls-44 {
    fill: #5a4a47;
}

.lab-svg .cls-45 {
    fill: #c4af82;
}

.lab-svg .cls-46 {
    fill: #c2aa47;
}

.lab-svg .cls-47 {
    fill: #c2c8c5;
}

.lab-svg .cls-48 {
    fill: #afc7f9;
    opacity: 0.36;
}
.move__down{
    width: 70px;
    height: 70px;
    position: relative;
    text-align: center;
    line-height: 95px;
    color: #777777;
    cursor: pointer;
}
.move__down:before{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-bottom: 1px solid #777777;
    animation: right_left linear infinite;
    animation-duration: 2.5s;
    animation-direction: revert;
    transform-origin: center;
    transform-box: fill-box;
    content: '';
    right: 0;
    top: 0;
}
#shotel{
    position: absolute;
    width: 100%;
    max-width: 420px;
    top: -100px;
    z-index: 100;
    right: 5%;
}
#shotelSvg .cls-1 {
    isolation: isolate;
}

#shotelSvg .cls-2 {
    fill: #f15b2b;
}

#shotelSvg .cls-3 {
    fill: #fcb752;
}

#shotelSvg .cls-4, #shotelSvg .cls-6 {
    fill: #736759;
}

#shotelSvg .cls-5 {
    fill: #5a4b43;
}

#shotelSvg .cls-14, #shotelSvg .cls-17, #shotelSvg .cls-22, #shotelSvg .cls-6, #shotelSvg .cls-9 {
    opacity: 0.5;
}

#shotelSvg .cls-14, #shotelSvg .cls-16, #shotelSvg .cls-17, #shotelSvg .cls-6, #shotelSvg .cls-9 {
    mix-blend-mode: multiply;
}

#shotelSvg .cls-7, #shotelSvg .cls-9 {
    fill: #f1adc9;
}

#shotelSvg .cls-8 {
    fill: #f282a9;
}

#shotelSvg .cls-10 {
    fill: #5ccbf3;
}

#shotelSvg .cls-11 {
    fill: #3eb4d3;
}

#shotelSvg .cls-12, #shotelSvg .cls-17 {
    fill: #97cbee;
}

#shotelSvg .cls-13, #shotelSvg .cls-14 {
    fill: #e5502b;
}

#shotelSvg .cls-15, #shotelSvg .cls-22 {
    fill: #fff;
}

#shotelSvg .cls-16 {
    fill: #e5e6e7;
}

#shotelSvg .cls-18 {
    fill: #053849;
}

#shotelSvg .cls-19 {
    fill: #8caedb;
}

#shotelSvg .cls-20 {
    fill: #f47b26;
}

#shotelSvg .cls-21 {
    fill: #f6c514;
}

#shotelSvg .cls-22 {
    mix-blend-mode: soft-light;
}

#shotelSvg .cls-23 {
    fill: #d1d6ed;
}

#shotelSvg .cls-24 {
    fill: #1b204f;
}

#shotelSvg .cls-25 {
    fill: #fdb519;
}
.navbar-light .navbar-nav .nav-link{
    color: #121212;
}
.navbar-white .navbar-light .navbar-nav .nav-link{
    color: #ffffff;
}
.navbar-white .social__media a{
    color: #ffffff;
}
.navbar-light .navbar-nav .active>.nav-link{
    position: relative;
}
.navbar-light .navbar-nav .active>.nav-link:before{
    position: absolute;
    bottom: -7px;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #aa017e;
    right: 0;
    left: 0;
    margin: auto;
}
/*footer.main-footer:after {*/
/*    position: absolute;*/
/*    content: '';*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    right: 0;*/
/*    background: url(../images/footer-bg.jpg);*/
/*    background-size: 90px;*/
/*    background-repeat: repeat;*/
/*    background-position: center;*/
/*    opacity: .5;*/
/*    z-index: 0*/
/*}*/

/*footer.main-footer:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    width: 220px;*/
/*    height: 66px;*/
/*    top: -65px;*/
/*    left: 0;*/
/*    margin: auto;*/
/*    right: 0;*/
/*    background: url(../images/footer-pat.png);*/
/*    background-size: 100%*/
/*}*/

footer.main-footer h6 {
    font-size: 1.6em;
    color: #fff
}

footer.main-footer .svg-lines {
    margin: 1.5em 0;
    width: 55px
}

footer.main-footer ul {
    padding-right: 0;
    list-style: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*height: 180px*/
}

footer.main-footer li {
    line-height: 3.2em
}

footer.main-footer li a {
    color: #ffffff;
    font-size: 1.4em;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

footer.main-footer li a:hover {
    color: #f2edeb
}

footer.main-footer li a i {
    font-size: 1.3em;
    color: #ffffff
}

footer.main-footer p {
    color: #ffffff;
    font-size: 1.3em;
    line-height: 1.7em;
    text-align: justify
}
footer input{
    width: 100%;
    height: 45px;
    border: 1px solid #ffffff;
    border-radius: 25px;
    text-align: center;
    line-height: 45px;
    background: transparent;
    color: white;
    pointer-events: fill;
    font-size: 13px;
}
footer input::placeholder{
    color: white;
}
.container-box {
    width: 90%;
    margin: auto;
}
#topRightSvg {
    position: absolute;
    top: 0;
    right: 0;
    width: 37%;
    z-index: 0;
}
.future-section{
    background: #dcd1f3;
}
.coverage_image{
    position: absolute;
    right: 0;
    left: 0;
    pointer-events: none;
}
.coverage_image.bottom{
    bottom: -2px;
}
.coverage_image.top{
    top: -2px;
}
.coverage_image img{
    width: 100%;
    height: auto;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.rotate-180{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}
.future-box{
    padding-right: 50px;
    position: relative;
}
.main-boxes{
    position: relative;
    z-index: 100;
}
#contactPage{
    min-height: 100vh;
    background-color: #0061ab;
}
#blogPage{
    background-color: #f1ecea;
}
#contactPage .main-boxes{
    padding-top: 8em;
    padding-bottom: 8em;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.speech{
    padding: 35px;
    position: relative;
}
.speech_coverage{
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}
.speech_coverage img{
    width: 100%;
    height: auto;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.speech-text{
    position: relative;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.speech-text p{
    padding: 50px;
    font-weight: bold;
    margin-bottom: 0;
}
.speech-text:before{
    position: absolute;
    content: '';
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: url(../images/speech_bubble_outline_04.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.sec-title{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sec-title:before{
    position: absolute;
    width: 100px;
    height: 100px;
    content: '';
    background: url(../images/svg/halghe-title.svg);
    z-index: -1;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: -50px;
    right: -30px;
}
.item-box{
    background: white;
    box-shadow: 0 0 5px rgba(0,0,0,0.05);
    position: relative;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    overflow: hidden;
}
.item-box .img-box{
    width: 100%;
}
.item-box .img-box img{
    width: 100%;
    height: 150px;
}
.detail-box{
    padding: 15px;
}
.icons-svg .cls-1, .icons-svg .cls-2 {
    fill: none;
    stroke: #231f20;
    stroke-miterlimit: 10;
}
#teachers, #mapFrame{
    background: #ffd043;
    /*background: url("../images/background_02.jpg");*/
    /*background-attachment: fixed;*/
    /*background-position: center;*/
    /*background-size: 100%;*/
}
.icons-svg .cls-1 {
    stroke-width: 2px;
}

.icons-svg .cls-2 {
    stroke-width: 5px;
}
.icons-svg{
    position: absolute;
    width: 40px;
    right: 0;
    top: 0;
}
.st0 {
    fill: #81818D;
    stroke: #5B5B61;
    stroke-width: 0.1;
    stroke-miterlimit: 10;
}

.st1 {
    fill: #75777F;
}

.st2 {
    fill: #E3E3E3;
    stroke: #231F20;
    stroke-width: 0.1;
    stroke-miterlimit: 10;
}

.st3 {
    fill: #A74C31;
    stroke: #231F20;
    stroke-width: 0.1;
    stroke-miterlimit: 10;
}

.st4 {
    fill: #273470;
    stroke: #172247;
    stroke-width: 0.1;
    stroke-miterlimit: 10;
}

.st5 {
    fill: #81818D;
}

.st6 {
    fill: none;
    stroke: #5B5B61;
    stroke-width: 0.1;
    stroke-miterlimit: 10;
}

.st7 {
    fill: #E8E8EF;
}

.st8 {
    fill: #C3AB47;
}

.st9 {
    fill: #EDD99E;
}

.st10 {
    fill: #E7CA89;
}

.st11 {
    fill: none;
    stroke: #CEBC6A;
    stroke-width: 0.5;
    stroke-miterlimit: 10;
}

.st12 {
    fill: #EEEFF2;
}

.st13 {
    fill: none;
    stroke: #231F20;
    stroke-width: 0.1;
    stroke-miterlimit: 10;
}

.st14 {
    fill: #69605B;
}

.st15 {
    fill: #443E3E;
}

.st16 {
    fill: none;
    stroke: #C5B083;
    stroke-width: 0.1;
    stroke-miterlimit: 10;
}

.st17 {
    fill: #473C44;
}
.list-style-none{
    list-style: none!important;
}
.person__items .card-header{
background-color: white!important;
    border-bottom: 1px solid rgba(0,0,0,.05);
}
.person__items .card{
border: none!important;
}
#registerStudent{
    width: 80%;
}
#registerStudent .cls-1, #registerStudent .cls-14, #registerStudent .cls-17, #registerStudent .cls-6 {
    fill: none;
}
#registerStudent .cls-3 {
    fill: #d4d6d3;
}

#registerStudent .cls-4 {
    fill: #e7ca89;
}

#registerStudent .cls-5 {
    fill: #edd99e;
}

#registerStudent .cls-6 {
    stroke: #231f20;
    stroke-width: 0.25px;
}

#registerStudent .cls-14, #registerStudent .cls-17, #registerStudent .cls-6 {
    stroke-miterlimit: 10;
}

#registerStudent .cls-7 {
    fill: #eeeff2;
}

#registerStudent .cls-8 {
    fill: #69605b;
}

#registerStudent .cls-9 {
    fill: #473c44;
}

#registerStudent .cls-10 {
    fill: #5a4a47;
}

#registerStudent .cls-11 {
    fill: #e8e8ef;
}

#registerStudent .cls-12 {
    fill: #273470;
}

#registerStudent .cls-13 {
    fill: #6178a4;
}

#registerStudent .cls-14 {
    stroke: #cebc6a;
}

#registerStudent .cls-14, #registerStudent .cls-17 {
    stroke-width: 0.1px;
}

#registerStudent .cls-15 {
    fill: #443e3e;
}

#registerStudent .cls-16 {
    fill: #c3ab47;
}

#registerStudent .cls-17 {
    stroke: #c5b083;
}
#Manzome .cls-1 {
    fill: #2d2b6d;
}

#Manzome .cls-12, #Manzome .cls-19, #Manzome .cls-2, #Manzome .cls-23, #Manzome .cls-37, #Manzome .cls-44, #Manzome .cls-67, #Manzome .cls-8 {
    fill: #fff;
}

#Manzome .cls-3, #Manzome .cls-49, #Manzome .cls-52 {
    fill: #8d8ac3;
}

#Manzome .cls-21, #Manzome .cls-4 {
    fill: #f498c0;
}

#Manzome .cls-27, #Manzome .cls-5, #Manzome .cls-51 {
    fill: #282e74;
}

#Manzome .cls-12, #Manzome .cls-14, #Manzome .cls-18, #Manzome .cls-5 {
    opacity: 0.27;
}

#Manzome .cls-12, #Manzome .cls-13, #Manzome .cls-14, #Manzome .cls-18, #Manzome .cls-19, #Manzome .cls-20, #Manzome .cls-23, #Manzome .cls-24, #Manzome .cls-27, #Manzome .cls-37, #Manzome .cls-39, #Manzome .cls-43, #Manzome .cls-44, #Manzome .cls-5, #Manzome .cls-51, #Manzome .cls-55, #Manzome .cls-58, #Manzome .cls-66, #Manzome .cls-67, #Manzome .cls-8, #Manzome .cls-9 {
    isolation: isolate;
}

#Manzome .cls-6 {
    fill: #f0ec85;
}

#Manzome .cls-11, #Manzome .cls-7 {
    fill: #8dd1c4;
}

#Manzome .cls-8 {
    opacity: 0.67;
}

#Manzome .cls-9 {
    fill: #4a3695;
    opacity: 0.24;
}

#Manzome .cls-10 {
    fill: #fde49d;
}

#Manzome .cls-11 {
    stroke: #5fc3aa;
    stroke-width: 1.98px;
}

#Manzome .cls-11, #Manzome .cls-16, #Manzome .cls-21, #Manzome .cls-29, #Manzome .cls-30, #Manzome .cls-32, #Manzome .cls-38, #Manzome .cls-41, #Manzome .cls-47, #Manzome .cls-49, #Manzome .cls-52, #Manzome .cls-57 {
    stroke-miterlimit: 10;
}

#Manzome .cls-13 {
    fill: #fafdf9;
    opacity: 0.37;
}

#Manzome .cls-14, #Manzome .cls-43 {
    fill: #008345;
}

#Manzome .cls-15 {
    fill: #008d77;
}

#Manzome .cls-16, #Manzome .cls-32, #Manzome .cls-41, #Manzome .cls-47, #Manzome .cls-57 {
    fill: none;
}

#Manzome .cls-16 {
    stroke: #008d77;
}

#Manzome .cls-16, #Manzome .cls-41, #Manzome .cls-47, #Manzome .cls-57 {
    stroke-width: 0.5px;
}

#Manzome .cls-17 {
    fill: #00b7a4;
}

#Manzome .cls-18 {
    fill: #212461;
}

#Manzome .cls-19 {
    opacity: 0.28;
}

#Manzome .cls-20 {
    fill: #3d2971;
    opacity: 0.26;
}

#Manzome .cls-21 {
    stroke: #e27cb2;
    stroke-width: 2.05px;
}

#Manzome .cls-22 {
    fill: #83cec6;
}

#Manzome .cls-23, #Manzome .cls-40 {
    opacity: 0.2;
}

#Manzome .cls-24 {
    fill: #5a459c;
}

#Manzome .cls-24, #Manzome .cls-39 {
    opacity: 0.16;
}

#Manzome .cls-25 {
    fill: #c94298;
}

#Manzome .cls-26 {
    fill: #f6b1cf;
}

#Manzome .cls-27, #Manzome .cls-43 {
    opacity: 0.19;
}

#Manzome .cls-28 {
    fill: #dd8b82;
}

#Manzome .cls-29, #Manzome .cls-30, #Manzome .cls-36, #Manzome .cls-38 {
    fill: #ecaca3;
}

#Manzome .cls-29, #Manzome .cls-30, #Manzome .cls-38 {
    stroke: #ca7f77;
}

#Manzome .cls-29 {
    stroke-width: 1.16px;
}

#Manzome .cls-30 {
    stroke-width: 1.18px;
}

#Manzome .cls-31 {
    fill: #833a38;
}

#Manzome .cls-32 {
    stroke: #833a38;
    stroke-width: 0.25px;
}

#Manzome .cls-33 {
    opacity: 0.22;
}

#Manzome .cls-34, #Manzome .cls-39 {
    fill: #30246b;
}

#Manzome .cls-35 {
    fill: #b984ba;
}

#Manzome .cls-37 {
    opacity: 0.75;
}

#Manzome .cls-38 {
    stroke-width: 2px;
}

#Manzome .cls-41 {
    stroke: #aa5650;
}

#Manzome .cls-42 {
    fill: #a9a5d2;
}

#Manzome .cls-44 {
    opacity: 0.43;
}

#Manzome .cls-45 {
    fill: #89c97f;
}

#Manzome .cls-46 {
    fill: #429a64;
}

#Manzome .cls-47 {
    stroke: #429a64;
}

#Manzome .cls-48 {
    fill: #f49cc3;
}

#Manzome .cls-49 {
    stroke: #6566ae;
    stroke-width: 2.96px;
}

#Manzome .cls-50 {
    fill: #6e70b4;
}

#Manzome .cls-51 {
    opacity: 0.17;
}

#Manzome .cls-52 {
    stroke: #575aa7;
    stroke-width: 3px;
}

#Manzome .cls-53 {
    opacity: 0.33;
}

#Manzome .cls-54, #Manzome .cls-55 {
    fill: #95d9f3;
}

#Manzome .cls-55 {
    opacity: 0.18;
}

#Manzome .cls-56 {
    fill: #5353a3;
}

#Manzome .cls-57 {
    stroke: #3e419a;
}

#Manzome .cls-58, #Manzome .cls-60 {
    fill: #fdda31;
}

#Manzome .cls-58, #Manzome .cls-66, #Manzome .cls-67 {
    opacity: 0.1;
}

#Manzome .cls-59 {
    fill: #faee41;
}

#Manzome .cls-61 {
    fill: #881719;
}

#Manzome .cls-62 {
    fill: #f37677;
}

#Manzome .cls-63 {
    fill: #1d1d1b;
}

#Manzome .cls-64 {
    fill: #5da57a;
}

#Manzome .cls-65 {
    fill: #fdb515;
}

#Manzome .cls-66 {
    fill: #282b49;
}
#studentHat .cls-1, #studentHat .cls-16, #studentHat .cls-20, #studentHat .cls-21, #studentHat .cls-22 {
    fill: none;
}

#studentHat .cls-2 {
    isolation: isolate;
}

#studentHat .cls-3 {
    fill: #efeae8;
}

#studentHat .cls-4 {
    fill: #c6bed1;
}

#studentHat .cls-5 {
    clip-path: url(#clip-path);
}

#studentHat .cls-6 {
    fill: #dcdbe3;
}

#studentHat .cls-7 {
    fill: #3a383e;
}

#studentHat .cls-8 {
    fill: #bbc1d3;
}

#studentHat .cls-9 {
    fill: #273570;
}

#studentHat .cls-10 {
    opacity: 0.25;
}

#studentHat .cls-10, #studentHat .cls-23 {
    mix-blend-mode: multiply;
}

#studentHat .cls-11 {
    fill: #e6c987;
}

#studentHat .cls-12 {
    fill: #e7e6ed;
}

#studentHat .cls-13 {
    fill: #c3ab47;
}

#studentHat .cls-14 {
    fill: #ecd89e;
}

#studentHat .cls-15 {
    fill: #453f3f;
}

#studentHat .cls-16, #studentHat .cls-22 {
    stroke: #231f20;
}

#studentHat .cls-16, #studentHat .cls-20, #studentHat .cls-21, #studentHat .cls-22 {
    stroke-miterlimit: 10;
}

#studentHat .cls-16, #studentHat .cls-20, #studentHat .cls-21 {
    stroke-width: 0.1px;
}

#studentHat .cls-17 {
    fill: #edeef0;
}

#studentHat .cls-18 {
    fill: #6a615b;
}

#studentHat .cls-19 {
    fill: #483d45;
}

#studentHat .cls-20 {
    stroke: #c4af82;
}

#studentHat .cls-21 {
    stroke: #cebb6b;
}

#studentHat .cls-22 {
    stroke-width: 0.05px;
}

#studentHat .cls-23 {
    opacity: 0.5;
}

#studentHat .cls-24 {
    fill: #c2c8c5;
}
.transform-360{
    animation: t_360 linear infinite;
    animation-duration: 30s;
    animation-direction: revert;
    transform-origin: center;
    transform-box: fill-box;
}
.register-box {
    -webkit-box-shadow: 0 30px 30px -10px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 30px -10px rgba(0, 0, 0, .2);
    padding: 20px;
    border-radius: 10px;
    background: white;
}

.register-box input:not([type='submit']):not([type='checkbox']):not([type='radio']), .register-box textarea, .register-box select {
    outline: none;
    font: inherit;
    width: 100%;
    background: transparent;
    line-height: 1;
    display: block;
    color: inherit;
    border-radius: 50px;
    padding: 1em 1em 1em 3.5em;
    font-size: 1.2em !important;
    height: 3.3em;
    border: 1px solid #ced4da;
}

.register-box input:not([type='submit']):not([type='checkbox']):not([type='radio'])::placeholder, .register-box textarea::placeholder, .register-box select::placeholder {
    color: #212529;
}

.register-box input:not([type='checkbox']):not([type='radio']):not([type='submit']), .register-box textarea, .register-box select {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}
.register-box select {
    background: url(../images/down-arrow.svg) no-repeat left;
    -webkit-appearance: none;
    background-position-x: 15px;
    background-size: 10px;
}
.register-box input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus, .register-box textarea:focus {
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.3);
}
.chackbox__radio {
    display: block;
    position: relative;
    padding-right: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-bottom: 0;
    user-select: none;
}
.chackbox__radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border-radius: 50%;
    bottom: 0;
    margin: 0;
}
.chackbox__radio input:checked ~ .checkmark {
    background-color: #b61984;
}
.checkmark:after, .checkmark:before {
    content: "";
    position: absolute;
    display: none;
}
.chackbox__radio input:checked ~ .checkmark:after, .chackbox__radio input:checked ~ .checkmark:before {
    display: block;
}
.chackbox__radio .checkmark:after {
    left: 4px;
    top: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.register-box textarea {
    padding: 1.2em !important;
    height: 80px;
    line-height: 1.5;
}
#registerPage .register-box{
    margin-top: 185px;
    position: relative;
}
#registerPage .register-box:before{
    position: absolute;
    width: 50%;
    height: 200px;
    content: '';
    background: url(../images/svg/register-student.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    top: -186px;
    right: 25%;
}
#registerPage .svg-box{
    width: 80%;
}
#Manzome{
    overflow: inherit;
}
.cicle{
    animation: cicle linear infinite alternate;
    animation-duration: 2s;
    transform-origin: bottom;
}
.translate-up{
    animation: t_up linear infinite alternate;
    animation-duration: 5s;
    transform-origin: bottom;
}
.image-box img {
    display: block;
    margin: 0;
    line-height: 0;
    max-width: 100%;
    height: auto;
}

.up-down-translate {
    animation: up_down linear infinite alternate;
    animation-duration: 3s;
}

.contact-form input, .contact-form textarea {
    padding-right: 39px !important;
    padding-left: 0 !important;
}

.contact-form i {
    position: absolute;
    top: 9px;
    right: 12px;
}

.map {
    height: 450px;
    border-radius: 50px;
    -webkit-box-shadow: 0 30px 30px -10px rgba(0, 0, 0, .2);
    box-shadow: 0 30px 30px -10px rgba(0, 0, 0, .2);
    overflow: hidden;
}

.blog__box{
    border: 1px solid #FFFFFF;
}
.blog__item__detail{
    position: relative;
    margin-bottom: 10px;
}
.blog__item__detail:before{
    position: absolute;
    content: '';
    width: 96%;
    height: 2px;
    background: white;
    right: 2%;
    bottom: -5px;
}

.blog-1 {
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #e2e2e2;
    box-shadow: 0 0 35px transparent;
    border-radius: 10px;
    overflow: hidden;
}

.blog-1 .blog-photo {
    position: relative;
    overflow: hidden
}

.main-text-blog img {
    width: 100% !important;
    height: auto !important
}
.blog-1 .date-box {
    position: absolute;
    top: 0;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    width: 50px;
    height: 75px;
    text-align: center;
    padding-top: 5px;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #ee5b54;
    box-shadow: 0 0 10px rgba(51, 74, 178,.2);
}

.date-box span {
    font-size: 19px;
    display: block;
    line-height: 22px;
    color: #fff
}

.blog-1 .detail {
    padding: 30px 20px 5px;
    font-size: 16px;
}

.blog-1 .detail h4 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 45px;
    overflow: hidden;
    color: #000
}

.change_bg.blog-1 .detail h4 {
    color: #b81c87
}

.change_bg.blog-1 .detail .blog-dsc, .change_bg.blog-1 .post-meta span {
    color: #fbf7f4
}

.blog-1 .post-meta {
    width: 100%;
    margin-bottom: 10px;
    display: flex
}

.blog-1 .post-meta span {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 100;
    color: #535353;
    display: flex
}

.blog-1 .post-meta span i {
    margin-left: 5px;
    line-height: 18px;
    font-weight: bolder;
    font-size: 15px;
    color: #20345d
}
.change_bg.blog-1 .post-meta span i {
    color: #fbf7f4
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.blog-1 .detail .blog-dsc {
    font-size: 1.4em;
    font-weight: 100;
    height: 75px;
    overflow: hidden;
    color: #5d5d5d;
    line-height: 1.6em;
    text-align: justify
}

.blog-1 a:hover h4 {
    color: #b81c87
}

.all-item-boxes a:hover img {
    transform: scale(1.03)
}

.list-blog:hover {
    box-shadow: 0 0 15px rgba(182, 25, 132,.2)
}

.blog-1 .blog-detail {
    padding: 30px 20px 5px
}

.main-text-blog .blog-detail {
    padding-top: 0
}

.blog-big h3 {
    font-size: 2.1em;
    text-align: justify
}

.blog-big h3 a {
    color: #2b2b2b;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.7
}

.blog-1 .blog-detail blockquote {
    margin: 30px 20px 30px 0;
    border-right: 5px solid #b81c87;
    border-left: none;
    padding-right: 24px;
    padding-left: 60px;
    position: relative;
    font-size: 1.4em;
    text-align: justify;
    line-height: 1.9
}

.blog-tags a {
    background-color: #b81c87;
    border: 1px solid #b81c87;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    margin: 5px;
    padding: 5px 13px;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 3px
}

.blog_content {
    font-size: 1.4em;
    text-align: justify;
    line-height: 1.9
}
.blog-social-share {
    display: flex;
    align-items: center;
}
.blog-social-share a {
    color: #20345d;
}
.change_bg .blog-social-share a {
    color: #fbf7f4;
}
.change_bg{
    background: #20345d;
}
.blog-body{
    position: relative;
    z-index: 10;
}
.change_bg.blog-1 .date-box {
    background: #b81c87;
    background-repeat: repeat;
    background-size: 160px;
}
.sidebar-right {
    margin: 0 0 30px 0;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e2e2e2;
}
.sidebar-right:hover {
    box-shadow: 0 0 15px rgba(182, 25, 132,.2);
}

.widget {
    margin-bottom: 20px;
    padding: 20px;
    border-bottom: solid 1px #eae9e9
}

.sidebar-title {
    font-size: 20px;
    position: relative;
    margin: 0 0 25px;
    font-weight: 600;
    text-transform: uppercase;
    color: #132853
}
.sidebar-title .media{
    padding-bottom: 5px;
    border-bottom: 1px dashed #F3F3F3;
}
.sidebar-title .media:last-child{
    border-bottom: none;
}
.form-search {
    position: relative
}

.form-search .form-control, .form-search .form-group {
    width: 100%
}

.form-search .form-control {
    border: 1px solid #eee;
    box-shadow: none;
    border-radius: 3px;
    height: 45px;
    font-size: 1.3em
}

.form-search .btn {
    background: 0 0;
    position: absolute;
    left: 0;
    top: 0;
    padding: 12px 12px 9px 13px;
    height: 100%;
    font-size: 2em;
    background: #b81c87;
    color: white;
    display: flex;
    align-items: center;
}

.posts-by-category ul {
    margin: 0;
    padding: 0;
    text-align: left
}

.posts-by-category ul li {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between
}

.posts-by-category ul li a {
    color: #535353;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: space-between
}

.posts-by-category ul li a:hover span:first-child {
    color: #b81c87
}

.widget:last-child {
    border-bottom: none
}

.recent-posts .media img {
    width: 60px;
    height: 60px;
    border-radius: 2px
}

.recent-posts .media h5 {
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 12px;
    color: #535353;
    line-height: 1.6;
    font-family: yekan, yekan-regular, Poppins;
}
input[name="search-header"]{
    border: 1px solid #525252;
}
.recent-posts .listing-post-meta {
    font-size: 11px;
    font-weight: 500;
    color: #757474
}
.container{
    position: relative;
    z-index: 1;
}
.gallery__cat__image{
    overflow: hidden;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.gallery__cat__box,.gallery__cat__image img{
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.gallery__cat__box:hover {
    z-index: 999;
    -webkit-box-shadow: 0 25px 20px -20px rgba(0,0,0,.2);
    box-shadow: 0 25px 20px -20px rgba(0,0,0,.2);
}
.gallery__cat__box:hover .gallery__cat__image img {
    -webkit-transform: scale3d(1.05,1.05,1.05);
    -moz-transform: scale3d(1.05,1.05,1.05);
    -ms-transform: scale3d(1.05,1.05,1.05);
    transform: scale3d(1.05,1.05,1.05);
}
.gallery__cat__detail{
    padding: 1.5em 3em 3em 3em;
    position: relative;
    overflow: hidden;
    background: white;
}
.gallery__cat__detail:before{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    content: '';
    background-color: transparent;
    right: -22px;
    top: 10px;
    background-image: url(../images/camera.jpg);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: center;
    border: 1px solid #ee5b54;
}
.push__date{
    padding-right: .5em;
    margin-bottom: 5px;
}
.gallery__cat__title{
    padding-right: .5em;
}
.filter-buttons {
    margin-bottom: 30px;
}

.filter-buttons p {
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 25px;
    padding: 4px 23px;
    margin-right: 5px;
    background-color: #eee;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 1;
    overflow: hidden;
    font-size: 1.5em;
}

.filter-buttons p.active,
.filter-buttons p:hover {
    color: #fff;
}

.filter-buttons p::after {
    position: absolute;
    background-color: #b81c87;
    content: '';
    height: 100%;
    width: 0;
    right: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.filter-buttons p.active::after,
.filter-buttons p:hover::after {
    width: 100%;
    right: auto;
    left: 0;
}

.works_wrapper .header_text {
    margin-bottom: 55px;
}

.work_info,
.work_info span,
.work_info h3,
.work_info p {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.single_work {
    overflow: hidden;
    text-align: center;
}

.single_work a {
    position: relative;
    overflow: hidden;
    display: block;
    color: #fff;
    text-shadow: 0 1px 0 #333;
}

.work_info {
    position: absolute;
    text-align: center;
    top: 50%;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.single_work img {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.single_work:hover img {
    -webkit-filter: brightness(.3);
    filter: brightness(.3);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.work_info h3,
.work_info p,
.work_info span {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-25px) scale(.5);
    -ms-transform: translateY(-25px) scale(.5);
    transform: translateY(-25px) scale(.5);
}

.single_work:hover .work_info span,
.single_work:hover .work_info h3,
.single_work:hover .work_info p {
    opacity: 1;
    visibility: visible;
}

.work_info span {
    font-size: 30px;
    display: inline-block;
}

.single_work:hover .work_info h3,
.single_work:hover .work_info p,
.single_work:hover .work_info span {
    -webkit-transform: translateY(0)scale(1);
    -ms-transform: translateY(0)scale(1);
    transform: translateY(0)scale(1);
}

.single_work:hover .work_info p {
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
}

.single_work:hover .work_info span {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.isotope .isotope-item
{
    -webkit-transition-property: right, top, -webkit-transform, opacity;
    -moz-transition-property: right, top, -moz-transform, opacity;
    -ms-transition-property: right, top, -ms-transform, opacity;
    -o-transition-property: right, top, -o-transform, opacity;
    transition-property: right, top, transform, opacity;
}
textarea#content_contact{
    resize: none;
    height: auto;
    border-radius: 25px;
}
.blog-svg{
    width: 70%;
    margin: auto;
}
.translate___y___4{
    transform: translateY(4px);
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -o-transform: translateY(4px);
}
.anim-translateY-4{
    animation: translateY_4 linear infinite;
    animation-duration: 2.2s;
    transform-origin: center;
    transform-box: fill-box;
}
.anim-translateY-12{
    animation: translateY_4 linear infinite;
    animation-duration: 3.3s;
    transform-origin: center;
    transform-box: fill-box;
    animation-delay: .7s;
}
.anim-translateY-8{
    animation: translateY_4 linear infinite;
    animation-duration: 2.7s;
    transform-origin: center;
    transform-box: fill-box;
    animation-delay: .5s;
}
.anim-translateY-6{
    animation: translateY_4 linear infinite;
    animation-duration: 2.5s;
    transform-origin: center;
    transform-box: fill-box;
    animation-delay: .2s;
}
.splash_opacity{
    animation: splash_opacity linear infinite;
    animation-duration: 2s;
    transform-origin: center;
    transform-box: fill-box
}
.delay__0{
    animation-delay: 0s;
}
.delay__2{
    animation-delay: .2s;
}
.delay__5{
    animation-delay: .5s;
}
.delay__6{
    animation-delay: .6s;
}
.delay__8{
    animation-delay: .8s;
}
.team__img{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: -5px 5px 20px rgba(0,0,0,0.2);
}
@keyframes up_down {
    from {
        transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -o-transform: translateY(-15px);
    }
    to {
        transform: translateY(15px);
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -o-transform: translateY(15px);
    }
}
@keyframes splash_opacity {
    0% {
        opacity: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateY(-1px);
        -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        -moz-transform: translateY(-1px);
        -o-transform: translateY(-1px);
    }
    100% {
        opacity: 0;
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -o-transform: translateY(-2px);
    }
}
@keyframes translateY_4 {
    0% {
        opacity: 0;
        transform: translateY(4px);
        -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
        -moz-transform: translateY(4px);
        -o-transform: translateY(4px);
    }
    50% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-4px);
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -o-transform: translateY(-4px);
    }
}

@keyframes t_360 {
    from{
        transform: rotateZ(0deg);
    }
    to{
        transform: rotateZ(360deg);
    }
}
@keyframes right_left {
    from{
        transform: rotateZ(0deg);
        border-color: #777777;
    }
    to{
        transform: rotateZ(360deg);
        border-color: #b81c87;
    }
}
@keyframes cicle {
    from{
        transform: rotateX(0deg);
    }
    to{
        transform: rotateX(20deg);
    }
}
/*@keyframes t_up {*/
/*    from{*/
/*        transform: translateY(0);*/
/*    }*/
/*    to{*/
/*        transform: translateY(1px);*/
/*    }*/
/*}*/
@media (min-width: 1400px) {
    .container-box {
        width: 90%;
        margin: auto;
    }
}
.top_mobile_menu{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    height: 45px;
}
/* Header Start */
@media only screen and (max-width: 1024px) {
    .my-lg-2{
        margin: .5rem 0!important;
    }
    .f-md-25{
        font-size: 2.5em!important;
    }
}
@media (max-width: 992px) {
    .f-xs-12{
        font-size: 1.2em!important;
    }
    .f-xs-11{
        font-size: 1.1em!important;
    }
    #contactPage, #blogPage {
        min-height: 70vh;
    }
    .map {
        height: 300px;
        border-radius: 25px;
    }
    #mainHead{
        position: relative;
        margin-top: 45px;
        background-color: white;
        box-shadow: 0 5px 10px rgba(0,0,0,0.05);
    }
    #mainHead .navbar-light .navbar-brand img{
        height: 40px
    }
    section {
        padding: 30px 0;
    }
    section.min-h-100 {
        min-height: auto;
    }
    .main-content {
        padding-top: 20px;
        min-height: auto;
    }
    .navbar-light .navbar-nav .nav-link{
        border-bottom: 1px solid #f0f0f0;
        padding: 10px 15px;
        color: #121212!important;
    }
    .navbar-light .navbar-nav .nav-item:last-child .nav-link{
        border-bottom: none;
    }
    .navbar-light .navbar-nav .active>.nav-link:before {
        position: absolute;
        bottom: 0;
        top: 0;
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #aa017e;
        right: 0;
        margin: auto 0;
    }
    .speech {
        padding: 0;
    }
    .item-box .img-box img {
         height: auto;
    }
    .sec-title {
        padding-right: 20px;
    }
    .sec-title:before {
        right: -10px;
    }
    #contactPage .main-boxes {
        padding-top: 4em;
        min-height: auto;
    }
    #contactPage .coverage_image img{
        width: 190%;
        position: absolute;
        left: 0;
    }
    #galleryTopStyle .coverage_image img{
        width: 150%;
        position: absolute;
        left: 0;
    }
    #contactPage .coverage_image{
        height: 200px;
    }
    #galleryTopStyle .coverage_image{
        height: 300px;
    }
    #contactPage .coverage_image.bottom{
        bottom: 0;
    }
    .mobile__radio__view{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 70px;
    }
    .min-mobile-h-auto{
        min-height: auto;
    }
}

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

}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 320px) {

}