/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
/*==========================Fonts=============================*/
@import url(fontiran.css);

/*==========================Fonts=============================*/
body,
html,
a,
p,
div,
h1,
h2,
h3,
h4,
h5,
h6,
article,
section,
main,
aside,
ul li,
ol li {
    font-family: IRANSans !important;
    direction: rtl;
    /*font-weight: 100;*/
}

p {
    line-height: 1.8;
}

*,
*:focus {
    outline: none;
    outline-color: transparent;
}

a,
a:hover {
    text-decoration: none;
    color: inherit;
}

html {
    overflow-x: hidden;
}
.load-more-sponsor {
    position: relative;
    clear: both;
    margin: 0rem 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.load-more-sponsor .load-more-button {
    position: relative;
    display: inline-block;
    margin: 4rem 0 0 0;
    outline: none;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 0 0 1px rgb(255 255 255 / 30%);
    background-color: #6aaf39;
    padding: 15px 20px;
    border-radius: 1px;
    cursor: pointer;
    transition: all linear 0.4s;
}

.load-more-sponsor .load-more-button:hover {
    box-shadow: 2px 2px 5px #b7b7b7;
}
/*--------------Header---------------*/
header.header {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 100px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 999;
    margin-bottom: 50px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    height: 90px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

header.header .logo-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .profile-access a {
    -webkit-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

header.header.background--light .profile-access a {
    color: #fff;
}

header.header .logo-header-container a.identify {
    width: 70px;
    height: 70px;
    margin-left: 20px;
}

header.header .logo-header-container a.identify img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

header.header .logo-header-container nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

header.header .logo-header-container nav ul li {
    float: right;
    display: block;
    padding-left: 35px;
}

header.header .logo-header-container nav ul li a {
    text-decoration: none;
    color: #000;
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

header.header.background--dark .logo-header-container nav ul li a {
    color: #fff;
}

header.header.background--dark {
    background: transparent;
}

.mobile-box-menu {
    display: none
}

header.header a.login {
    text-decoration: none;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header.header.background--dark a.login {
    color: #fff;
}

header.header a.login img {
    width: 30px;
    height: auto;
    margin-left: 10px;
    mix-blend-mode: difference;
}

header.header.background--dark a.login img {}

.user-logged-in,
.user-logged-in>a {
    font-size: 1em;
    color: #f9f9f9;
}

header.header.background--light {
    background: transparent;
}

header.header.background--light a.login {
    color: #fff;
}

header.header.background--light a.login p {
    color: #fff;
}

header.header a.login p {
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

header.header.background--light nav ul li a {
    color: #fff;
}

header.header .logo-header-container nav ul li a {
    color: #f9f9f9;
}

header.header a.login {
    color: #fff;
}

header.header a.login p {
    color: #000;
}

header.header.tiny {
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 13px 0px rgba(213, 213, 213, 0.2);
}

header.tiny .profile-access a {
    color: #fff;
}

header.header.tiny .user-logged-in {
    color: #fff;
}


header.header.tiny .logo-header-container nav ul li a {
    color: rgb(255, 255, 255);
}

header.header.tiny a.login p {
    color: #000;
}

/*--------------Header---------------*/
/*---------------Home-----------------*/
main.wrapper.homeWrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

html.noScroll {
    overflow: hidden;
}

section#homeSlide.homeSlider {
    height: calc(100vh - 90px);
    position: relative;
    top: 0;
    /* width: 100vw; */
    margin-top: 90px;
}

.social-icon-share span {
    font-size: 0.95rem;
    font-weight: 400;
}

section#homeSlide.homeSlider .sliderContainer {
    /* position: relative; */
    height: 100%;
    width: 100%;
    overflow-y: hidden;
}

a.btn.sponsorBtn {
    background: #6aaf39;
    color: white;
}

.single-project-sponsor-btn {
    text-align: center;
    margin-top: 70px;
}

section#homeSlide.homeSlider .sliderContainer.close {
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out all;
    -o-transition: 0.5s ease-in-out all;
    transition: 0.5s ease-in-out all;
}


section#homeSlide.homeSlider .sliderContainer .slide {
    z-index: 10;
    position: absolute;
    height: 100%;
    opacity: 0;
    right: 0;
    width: 100%;
    pointer-events: none;
    -webkit-transition: 1s 1s ease-in-out all;
    -o-transition: 1s 1s ease-in-out all;
    transition: 1s 1s ease-in-out all;
    overflow-y: hidden;
    overflow: hidden;
}

section#homeSlide.homeSlider .sliderContainer .slide.op {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: 1s 0.4s ease-in-out all;
    -o-transition: 1s 0.4s ease-in-out all;
    transition: 1s 0.4s ease-in-out all;
}

section#homeSlide.homeSlider .sliderContainer .slide .slide-img-c {
    background-size: cover;
    width: 100%;
    height: 100vh;
    background-position: center;
    right: 0;
    background-repeat: no-repeat;
    overflow: hidden;
}

section#homeSlide.homeSlider .sliderContainer .slide .slide-img-c img {
    opacity: 0;
    position: absolute;
    width: 100vw;
    height: auto;
    right: 0;
}

section#homeSlide.homeSlider .sliderContainer .slide .img-slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

section#homeSlide.homeSlider .main-title {
    position: absolute;
    bottom: 50px;
    width: calc(50% - 200px);
    left: 100px;
}

section#homeSlide.homeSlider .control {
    position: absolute;
    top: 50vh;
    z-index: 12;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

section#homeSlide.homeSlider .control .arrow img {
    width: 50px;
}

section#homeSlide.homeSlider .control .arrow img:hover {
    -webkit-animation: 500ms moveArrow infinite linear;
    animation: 500ms moveArrow infinite linear;
}

section#homeSlide.homeSlider .control .arrow {
    cursor: pointer;
    padding: 50px 0;
}

@-webkit-keyframes moveArrow {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

h2.home-titles {
    font-size: 25px;
    color: #c71d23;
}

@keyframes moveArrow {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

.image-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* background: #0000008f; */
}

.spinner {
    position: absolute;
    bottom: 50px;
    right: 100px;
    width: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 12;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.spinner span {
    width: 1px;
    height: 20px;
    background: #fff;
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s;
}

.spinner span.show {
    height: 40px;
    pointer-events: none;
    -webkit-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s;
}

section#homeSlide.homeSlider .main-title * {
    color: #fff;
}

section#homeSlide.homeSlider .main-title p {
    line-height: 1.7;
    text-align: justify;
}

section#homeSlide.homeSlider .main-title a.btn.enterBtn {
    border: 1px solid #fff;
    padding: 10px 35px;
    width: calc(100% - 70px);
    display: inline-block;
    text-decoration: none;
    text-align: center;
    margin: 20px 0 0 0;
}

.slider-obj {
    position: absolute;
    z-index: 12;
    top: calc(50% - 25px);
    left: calc(50% - 50px);
    /* transform: translate(-50%,-50%); */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: none;
}

.slider-obj img {
    width: 25px;
}

.slider-obj .s-b {
    width: 50px;
    height: 50px;
    background: #000;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider-obj .s-b .s-b-s {
    width: 10px;
    height: 10px;
    background: red;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

section.home-Slider {
    margin: 100px 0;
    height: calc(100vh - 200px);
    position: relative;
    padding: 0 100px;
    box-sizing: border-box;
}

section.home-Slider .swiper-container {
    width: 100%;
    height: 100%;
}

section.home-Slider .swiper-container .swiper-wrapper {}

section.home-Slider .swiper-container .swiper-wrapper .swiper-slide {}

section.home-Slider .swiper-container .swiper-wrapper .swiper-slide .home-slide-box {
    width: 100%;
    height: 100%;
}

section.home-Slider .swiper-container .swiper-wrapper .swiper-slide .home-slide-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

section.home-Slider .swiper-container .swiper-button-prev,
section.home-Slider .swiper-container .swiper-container-rtl .swiper-button-next {
    background-image: url('../img/right-arrow.svg') !important;
}

section.home-Slider .swiper-container .swiper-button-next,
section.home-Slider .swiper-container .swiper-container-rtl .swiper-button-prev {
    background-image: url('../img/left-arrow.svg') !important;
}

section.home-Slider .swiper-container .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #6aaf39
}

section.home-slogan {
    padding: 80px 15vw;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    /* height: 100vh; */
    position: relative;
    text-align: center;
}

section.home-slogan img {
    width: 13vw;
    display: block;
    margin: 0 auto;
}

section.home-slogan h2 {
    font-size: 2.3em;
    color: #c71d23;
    position: relative;
    display: inline-block;
}

section.home-slogan p {
    line-height: 1.7;
    color: #5b5b5b;
    margin-bottom: 40px;
}

a.btn.greenBtn {
    border: 1px solid #6aaf39;
    padding: 5px 20px;
    background: #6aaf39;
    color: #fff;
    text-decoration: none;
}

section.homeVideo {
    position: relative;
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 70vh;
    /* background-image: url(../img/pattern.png); */
    background-size: cover;
    background-repeat: no-repeat;
}

.home-slide-project {
    margin: 0 100px;
    position: relative;
    height: 80vh;
}

.home-slide-project {}

.home-slide-project .swiper-container {
    width: 100%;
    height: 100%;
}

.home-slide-project .swiper-container .swiper-wrapper .swiper-slide .home-slide-box {
    width: 100%;
    height: 100%;
    position: relative;
}

.home-slide-project .swiper-container .swiper-wrapper .swiper-slide .home-slide-box .home-slide-box-img {
    position: relative;
    width: 100%;
    height: 100%;
}

.home-slide-project .swiper-container .swiper-wrapper .swiper-slide .home-slide-box .home-slide-box-info {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 30px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.77);
    color: #fff;
    text-align: left;
}

.home-slide-project .swiper-container .swiper-wrapper .swiper-slide .home-slide-box .home-slide-box-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home-slide-project .swiper-container .swiper-wrapper .swiper-slide .home-slide-box .home-slide-box-info h3 {
    color: #fff;
    text-align: right;
}

.home-slide-project .swiper-container .swiper-wrapper .swiper-slide .home-slide-box .home-slide-box-info p {}

.home-slide-project .swiper-container .swiper-wrapper .swiper-slide .home-slide-box .home-slide-box-info a.home-slide-box-link {
    position: relative;
    border: 1px solid #fff;
    padding: 10px 10px;
    margin: 25px 0 20px;
    display: inline-block;
    color: #fff;
    margin-left: 0;
    margin-right: auto;
    width: auto;
}

.home-slide-project .swiper-container .swiper-wrapper .swiper-slide .home-slide-box .home-slide-box-img::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

.home-slide-project .swiper-container .swiper-wrapper .swiper-slide .home-slide-box .home-slide-box-info p {
    color: #fff;
    text-align: right;
}

.home-slide-project .swiper-container .swiper-button-prev,
.home-slide-project .swiper-container .swiper-container-rtl .swiper-button-next {
    background-image: url('../img/right-arrow.svg') !important;
}

.home-slide-project .swiper-container .swiper-button-next,
.home-slide-project .swiper-container .swiper-container-rtl .swiper-button-prev {
    background-image: url('../img/left-arrow.svg') !important;
}

.home-slide-project .swiper-container .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #6aaf39;
}

section.homeVideo .video-box {
    width: 100%;
    height: 100%;
}

.home-news-title {
    text-align: center;
}

.home-sponsor-title {
    text-align: center;
}

section.homeVideo .video-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
}

section.homeVideo .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

section.homeVideo .video-play-icon img {
    width: 100px;
}

section.homeVideo .video-slogan {
    position: absolute;
    top: 65%;
    left: 50%;
    -webkit-transform: translate(-50%, -65%);
    -ms-transform: translate(-50%, -65%);
    transform: translate(-50%, -65%);
}

section.active-project-home h1 {
    text-align: center;
    display: inline-block;
    margin-bottom: 50px;
    font-size: 2rem;
    position: relative;
    color: #c71d23;
}

section.homeVideo .video-slogan p {
    color: #fff;
    font-size: 19px;
    position: relative;
    display: inline-block;
}

section.active-project-home {
    padding: 0px 15vw 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    display: inline-block;
    margin: 0 0 0 0;
}

section.active-project-home .a-p-h-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    margin-top: 60px;
    flex-wrap: wrap;
    /* padding-bottom: 50px; */
    /* border-bottom: 1px solid #e8e8e8; */
}

section.active-project-home .a-p-h-boxes .a-p-h-box {
    width: calc(70vw/3 - 27px);
    margin: 10px 10px 80px 10px;
    position: relative;
}

section.active-project-home .a-p-h-boxes .a-p-h-box .a-p-h-box-img {
    width: 100%;
    height: calc(70vw/4 - 22px);
}

section.active-project-home .a-p-h-boxes .a-p-h-box .a-p-h-box-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}

.skillbar {
    position: relative;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    background: #eee;
    height: 20px;
    -webkit-border-radius: 6px;
    -webkit-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
}

.h-m-p-container .h-m-p-box h2::before {
    right: 17px;
    -webkit-transform: translate(0, -50%) rotate(45deg) !important;
    -ms-transform: translate(0, -50%) rotate(45deg) !important;
    transform: translate(0, -50%) rotate(45deg) !important;
}

.skillbar-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    background: #6adcfa;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    display: none;
}

.skillbar-title span {
    display: block;
    background: rgba(0, 0, 0, 0.1);
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.skillbar-bar {
    height: 20px;
    width: 0px;
    background: #6adcfa;
    border-radius: 0 6px 6px 0;
}

.skill-bar-percent {
    position: absolute;
    left: 10px;
    top: -28px;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    color: rgb(0, 0, 0);
}

section.active-project-home .a-p-h-boxes .a-p-h-box>p {
    font-size: 0.8em;
    margin-bottom: 22px;
    text-align: justify;
}

section.active-project-home .a-p-h-boxes .a-p-h-box a.btn.greenBtn {
    float: left;
}

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

section.active-project-home .project-title h1 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 1.8em;
    display: inline-block;
    position: relative;
}

section.home-news {
    padding: 0 100px 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 100%;
    /* background-image: url("../img/pattern-2.png"); */
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    background-position: bottom;
}

.active-project-home-title {
    text-align: center;
}

section.home-news h1 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 1.9em;
    display: inline-block;
    position: relative;
    color: #c71d23;
}

section.home-news .home-news-container .swiper-pagination {
    bottom: 0;
    position: static;
    margin-top: 23px;
}

section.home-news .home-news-container .h-s-box {
    position: relative;
    height: 75vh;
}

section.home-news .home-news-container .h-s-box .h-s-img-box {
    width: 100%;
    height: 100%;
}

section.home-news .home-news-container .h-s-box .h-s-img-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

section.home-news .home-news-container .h-s-box .h-s-img-info {
    position: absolute;
    bottom: 50px;
    right: 50px;
    width: 33%;
}

section.home-news .home-news-container .h-s-box .h-s-img-info * {
    color: #fff;
}

section.home-news .home-news-container .h-s-box .h-s-img-info h3 {
    font-size: 1.3em;
}

section.home-news .home-news-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #6aaf39;
}

section.home-news .home-news-container .h-s-box .h-s-img-info h3 {
    color: #000 !important;
    margin: 0;
}

section.home-story {
    padding: 50px 100px 100px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
}

section.home-story .h-s-supported {
    width: 50%;
    margin-right: auto;
    padding-bottom: 50px;
}

section.home-story .h-s-supported h1 {
    font-size: 1.5em;
    position: relative;
    display: inline-block;
}

section.home-story .h-s-supported p {
    width: 50%;
    text-align: justify;
}

section.home-story .h-s-supported-boxes {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

section.home-story .h-s-supported-boxes a.h-s-s-box {
    width: calc(100vw/9 - 2px);
    height: calc(100vw/9 - 1px);
    position: relative;
    overflow: hidden;
}

section.home-story .h-s-supported-boxes a.h-s-s-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

section.home-story .h-s-supported-boxes a.h-s-s-box:nth-of-type(5) img {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

section.home-story .h-s-supported-boxes a.h-s-s-box:nth-of-type(17) img {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

section.home-story .h-s-supported-boxes a.h-s-s-box .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

section.home-story .h-s-supported-boxes a.h-s-s-box .video-play-icon img {
    width: 80px;
}

section.home-sponsor {
    padding: 100px;
    width: 100%;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* background-image: url("../img/pattern-1.png"); */
    background-size: contain;
    background-repeat: no-repeat;
}

section.home-sponsor h1 {
    text-align: center;
    display: inline-block;
    font-size: 1.8rem;
    position: relative;
}

section.home-sponsor .h-s-real {
    width: 40%;
    float: right;
    margin-top: 40px;
    text-align: center;
}

section.home-sponsor .h-s-real .h-s-real {}

section.home-sponsor .h-s-legal {
    width: 40%;
    float: left;
    margin-top: 40px;
    text-align: center;
}

section.home-sponsor .h-s-real-boxes {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

section.home-sponsor .h-s-real-boxes a.h-s-real-box {
    width: calc(100vw/9 - -1px);
    height: calc(100vw/9 - 1px);
    position: relative;
    overflow: hidden;
}
section.home-sponsor .h-s-real-boxes a.h-s-real-box .media-box {width: 100%;height: 100%;}

section.home-sponsor .h-s-real-boxes a.h-s-real-box .h-s-real-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 10px;
    transition: all ease-out 0.4s;
    transform: translateY(100%);
}
section.home-sponsor .h-s-real-boxes a.h-s-real-box .h-s-real-info p {
    color: #fff;
    text-align: center;
}
section.home-sponsor .h-s-real-boxes a.h-s-real-box:hover .h-s-real-info {
    transform: none;
}
section.home-sponsor .h-s-real-boxes a.h-s-real-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

section.home-sponsor h2 {
    font-size: 1.4em;
    margin-bottom: 50px;
    position: relative;
    display: inline-block;
}

section.home-map-pin {
    /*background-image: url("../img/home-map-pin.jpg");*/
    background-size: cover;
    background-repeat: no-repeat;
    /*height: 90vh;*/
    position: relative;
}

.h-m-p-container {
    position: relative;
    margin-top: 60px;
    margin-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0 10vw;
    justify-content: space-between;
}

.h-m-p-container .h-m-p-box {
    width: calc(33.3333% - 40px);
    margin: 20px;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    position: relative;
    border-radius: 10px;
}

.h-m-p-container .h-m-p-box:nth-of-type(1) {
    margin: 0 0 0 20px;
}

.h-m-p-container .h-m-p-box:nth-of-type(2) {
    margin: 0 20px 0 20px;
}

.h-m-p-container .h-m-p-box:nth-of-type(3) {
    margin: 0 20px;
}

.h-m-p-container .h-m-p-box * {
    color: #fff;
}

.h-m-p-container .h-m-p-box:nth-of-type(4) {
    margin: 0 20px 0 0;
}

.h-m-p-container .h-m-p-box h2 {
    font-size: 1.6em;
    position: relative;
    padding-right: 0;
    text-align: center;
    margin: 0 0 34px 0;
    font-weight: 500;
}

.h-m-p-container .h-m-p-box h3 {
    font-weight: 400;
}

.h-m-p-container .h-m-p-box p {
    font-size: 1em;
    text-align: right;
}

.h-m-p-container .h-m-p-box a.btn {
    width: auto;
    border: 1px solid rgba(255, 255, 255, 0);
    background: #fff;
    color: #000;
    display: block;
    text-align: center;
    padding: 6px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
    /* position: absolute; */
    /* left: 30px; */
    /* right: 30px; */
    /* bottom: 30px; */
    /* font-weight: 300; */
    /* letter-spacing: 0; */
    margin: 30px auto 0;
    letter-spacing: 0;
}

.h-m-p-container .h-m-p-box a.btn.btnRed {
    /* color: #000000; */
    border-radius: 5px;
}

.h-m-p-container .h-m-p-box a.btn.btnGre {
    color: #000000;
    letter-spacing: 0;
    font-weight: 300;
}

.h-m-p-container .h-m-p-box a.btn.btnBlue {
    /* color: #000000; */
}

section.home-order-flower {
    position: relative;
    padding: 100px 100px 100px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.home-video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background: #fffc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    transition: all ease-in-out 0.6s;
    pointer-events: none;
}

.home-video-container.play {
    opacity: 1;
    pointer-events: auto;
}

.home-video-container .home-video-box {
    width: 70%;
}

.home-video-container .home-video-box video#home-video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home-video-container .close-video {
    width: 25px;
    position: absolute;
    top: 30px;
    right: 25px;
    cursor: pointer;
}

section.home-order-flower .h-o-f-container {
    height: 60vh;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

section.home-order-flower .h-o-f-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

main.wrapper.flowerOrderWrapper .user-dashboard-container {
    padding: 0 25vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

main.wrapper.flowerOrderWrapper .user-dashboard-container .login-register-content-box {
    border: 1px solid #eaeaea;
}

main.wrapper.flowerOrderWrapper .user-dashboard-container .login-register-content-box .login-register-footer {
    padding: 0 2em;
}

main.wrapper.flowerOrderWrapper .user-dashboard-container .login-register-content-box .login-register-footer p a {
    font-weight: 400;
}

main.wrapper.flowerOrderWrapper .user-dashboard-container .login-register-content-box p.fieldset label {
    font-weight: 500;
}

main.wrapper.flowerOrderWrapper .user-dashboard-container .login-register-content-box p.fieldset label a {
    font-weight: 600;
    color: #4CAF50;
}

main.wrapper.flowerOrderWrapper .user-dashboard-container h1 {
    margin-bottom: 22px;
}

section.home-order-flower .h-o-f-container h2 {
    font-size: 3em;
    line-height: 1.5;
    margin: 0;
    position: relative;
    padding-right: 20px;
}

section.home-order-flower .h-o-f-container h2::before {
    top: 40px;
    right: 15px;
}

a.btn.orderBtn {
    background: #6aaf39;
    color: #fff;
    padding: 17px 40px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 10px;
    font-size: 1.3em;
    width: 200px;
    text-align: center;
}

section.home-social-icon {
    position: relative;
    display: inline-block;
    padding: 60px 100px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* background-image: url("../img/pattern.png"); */
    background-size: cover;
    height: 100%;
}

section.home-social-icon .h-s-i-img-boxes {
    width: 100%;
    position: relative;
}

section.home-social-icon .h-s-i-box-info {
    width: 30%;
    margin-right: 20px;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img {
    height: calc(100vh/2);
    width: 20%;
    margin: 10px 10px 0 0;
    float: right;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img:nth-of-type(2) {
    width: calc(20% - 10px);
    height: calc(50vh/2 - 5px);
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img:nth-of-type(3) {
    width: calc(20% - 10px);
    height: calc(50vh/2 - 5px);
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img:nth-of-type(4) {
    width: calc(20% - 10px);
    height: calc(50vh/2 - 5px);
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img a.h-s-i-img-info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.74);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    pointer-events: none;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img a.h-s-i-img-info .instagram-like-comment {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img a.h-s-i-img-info .instagram-desc {
    font-size: 0.8rem;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img a.h-s-i-img-info .instagram-like-comment .instagram-like {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img a.h-s-i-img-info .instagram-like-comment .instagram-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img a.h-s-i-img-info .instagram-like-comment .instagram-like img {
    width: 20px;
    margin-left: 5px;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img a.h-s-i-img-info .instagram-like-comment .instagram-like p {
    font-size: 0.8rem;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img a.h-s-i-img-info .instagram-like-comment .instagram-comment img {
    width: 20px;
    margin-left: 5px;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img a.h-s-i-img-info .instagram-like-comment .instagram-comment p {
    font-size: 0.8rem;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img:hover a.h-s-i-img-info {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    pointer-events: auto;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img:nth-of-type(5) {
    width: calc(20% - 10px);
    height: calc(50vh/2 - 5px);
}

section.home-social-icon h1 {
    font-size: 1.5em;
    position: relative;
    padding-right: 25px;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img:nth-of-type(6) {
    width: calc(20% - 10px);
    height: calc(50vh/2 - 5px);
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img:nth-of-type(7) {
    width: calc(20% - 10px);
    height: calc(50vh/2 - 5px);
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img:nth-of-type(8) {
    width: calc(20% - 10px);
    height: calc(50vh/2 - 5px);
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img:nth-of-type(9) {
    width: calc(20% - 10px);
    height: calc(50vh/2 - 5px);
}

section.home-social-icon .home-social-icon-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

section.home-social-icon .h-s-i-img-boxes .h-s-i-img:nth-of-type(1) {
    margin-right: 0;
}

section.home-social-icon .h-s-i-box-info p {
    color: #5b5b5b;
}

section.home-social-icon .h-s-i-box-info h1 {
    font-size: 2.5em;
    margin: 0 0 20px 0;
}

section.home-row {
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin-bottom: 100px;
}

section.home-row p {
    width: 30%;
}

.social-icon-slider {
    position: absolute;
    bottom: 50px;
    z-index: 12;
    right: 50px;
}

.social-icon-slider ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.social-icon-slider ul li {
    margin-top: 6px;
}

.social-icon-slider ul li a i {
    font-size: 23px;
    color: #fff;
}

section.home-order-flower .h-o-f-container .h-o-f-img-box {
    width: 70%;
    margin-left: 20px;
}

section.home-order-flower .h-o-f-container .h-o-info {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

section.home-order-flower .h-o-f-container .h-o-info p {
    margin: 0;
}

section.homeVideo .video-slogan p::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(15px, -50%) rotate(45deg);
    -ms-transform: translate(15px, -50%) rotate(45deg);
    transform: translate(15px, -50%) rotate(45deg);
}

section.home-story .h-s-supported h1::before,
.home-news-title h1::before,
section.home-sponsor h1::before,
section.active-project-home h1::before {
    /* content: ''; */
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(40px, -50%) rotate(45deg);
    -ms-transform: translate(40px, -50%) rotate(45deg);
    transform: translate(40px, -50%) rotate(45deg);
}

section.home-order-flower h1 {
    margin: 0 0 27px 0;
    font-size: 1.2em;
    position: relative;
    position: relative;
    padding-right: 25px;
}

section.home-social-icon>h1::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f4392f;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
}

section.home-order-flower h1::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f4392f;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
}

.social-icon {
    position: absolute;
    padding: 50px 100px 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
}

.social-icon ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.social-icon ul li {
    margin-top: 8px;
}

.social-icon ul li a {
    color: #5b5b5b;
    font-size: 25px;
}

/*---------------Home-----------------*/
/*------------Dashborad---------------*/
#tabs {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: 0.5em;
}

.user-dashboard-container h1 {
    margin-bottom: 50px;
    font-size: 1.8rem;
}

#tabs li {
    float: right;
    /* margin: 0 0 0 0.5em; */
}

#tabs a {
    position: relative;
    background: #4caf50;
    /* background-image: linear-gradient(to bottom, #fff, #ddd); */
    padding: .7em 3.5em;
    float: right;
    text-decoration: none;
    color: #444;
    /* text-shadow: 0 1px 0 rgba(255,255,255,.8); */
    border-radius: 5px 5px 0 0;
    /* box-shadow: 0 2px 2px rgba(0,0,0,.4); */
    border: 1px solid #4CAF50;
    border-bottom: unset;
    color: #fff;
}

.profile-info {
    padding: 0 15vw;
}

.profile-info form {}

.profile-info form .profile-name-email-mobile {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

.profile-info form .profile-addr-pass {
    position: relative;
    width: 100%;
    display: inline-block;
}

.profile-info form input#update-profile {
    width: auto;
    margin-right: auto;
    margin-left: 0;
    display: block;
    padding: 10px 31px;
    background: #6aaf39;
    color: #fff;
    border: 2px solid #6aaf39;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    transition: all ease-in-out 0.6s;
}

.profile-payment-report {
    position: relative;
    width: 100%;
    display: inline-block;
}

.profile-payment-report .p-p-r-boxes {
    position: relative;
    width: 100%;
    display: inline-block;
}

.profile-payment-report .p-p-r-boxes .p-p-r-box-title {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.p-p-r-price {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.p-p-r-date {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.p-p-r-sponsor {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.p-p-r-box {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px dashed #8BC34A;
    border-right: none;
    border-left: navajowhite;
    border-bottom: none;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.profile-payment-report .p-p-r-boxes .p-p-r-box-title p {
    color: #4caf50;
    font-weight: 500;
}

.profile-info form .profile-name-email-mobile .group {
    position: relative;
    display: inline-block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
}

.profile-info form label {
    margin-bottom: 25px;
    color: #4b4b4b;
}

.profile-info form input {
    border: 1px solid #c4c4c4;
    padding: 7px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: 11px;
}

.profile-info form .profile-addr-pass .group {
    margin-right: 0;
    margin-bottom: 30px;
}

.profile-info form .profile-addr-pass .group:first-child {
    width: 100%;
    margin-bottom: 30px;
}

.profile-info form .profile-addr-pass .group:last-child {
    width: 100%;
}

.profile-info form input#update-profile:hover {
    background: white;
    color: #6aaf39
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after {
    background: #fff;
    color: #4caf50;
}

#tabs a:focus {
    outline: 0;
}

#tabs a::after {
    /* content:''; */
    position: absolute;
    z-index: 1;
    top: 0;
    right: -.5em;
    bottom: 0;
    width: 1em;
    /* background: #fff; */
    /* background-image: linear-gradient(to bottom, #fff, #ddd); */
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
    border-radius: 0 5px 0 0;
}

#tabs #current a,
#tabs #current a::after {
    background: #fff;
    z-index: 3;
    border-bottom: unset;
    color: #4caf50;
}

#content {
    background: #fff;
    padding: 2em;
    height: auto;
    position: relative;
    z-index: 2;
    border-radius: 0 5px 5px 5px;
    /* box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5); */
}

#content::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #4CAF50;
    top: -1px;
    right: 0;
    z-index: -1;
}

#tabs li:first-child a {
    border-left: unset;
}

.avatar-upload {
    position: relative;
    max-width: 201px;
    margin: 50px auto;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input+label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input+label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #757575;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.avatar-upload .avatar-preview {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*------------Dashborad---------------*/
/*---------------about---------------*/
main.wrapper.aboutWrapper {
    padding: 90px 0 0;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.about-rows .about-target {
    width: 100%;
    margin-left: 25px;
    position: relative;
    display: inline-block;
}

.about-rows .about-t-m-v-info {
    position: relative;
    float: right;
    width: 50%;
}

.about-rows .about-t-m-v-title {
    position: relative;
    float: right;
    width: calc(50% - 25px);
    padding-right: 25px;
}

.about-row .about-image .a-i-three {
    float: right;
    height: calc(100vh/2 - -100px);
    width: calc(33.3333% - 25px);
    margin-right: 25px;
}

.about-video-banner {
    position: absolute;
    width: 50%;
    height: auto;
    background: #6aaf39;
    color: #fff;
    padding: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 71%);
    -ms-transform: translate(-50%, 71%);
    transform: translate(-50%, 71%);
    z-index: 1;
    line-height: 1.9;
    text-align: center;
}

.about-video-banner h3 {
    color: #fff;
}

.about-video-banner p {
    color: #fff;
}

.about-introduction {
    position: relative;
    width: 100%;
    display: inline-block;
    height: 100vh;
    margin-top: 70px;
    margin-bottom: 400px;
}

.about-introduction .about-intro-img {
    width: 100%;
    height: 100%;
}

.about-introduction .about-introduction-slogan {
    position: absolute;
    width: 50%;
    height: auto;
    background: #ffbdab;
    color: #fff;
    padding: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 71%);
    -ms-transform: translate(-50%, 71%);
    transform: translate(-50%, 71%);
    z-index: 1;
    line-height: 1.9;
    text-align: center;
}

.about-introduction .about-introduction-slogan div {}

.about-introduction .about-introduction-slogan p {}

.about-introduction .about-intro-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.about-image {
    position: relative;
    width: 100%;
    display: inline-block;
    height: 90vh;
    margin-bottom: 300px;
}

.about-image .about-image-box {
    width: 100%;
    height: 100%;
    position: relative;
}

.about-image .about-image-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.about-image .about-image-slogan {
    position: absolute;
    width: 50%;
    height: auto;
    background: #ff7d5f;
    color: #fff;
    padding: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 71%);
    -ms-transform: translate(-50%, 71%);
    transform: translate(-50%, 71%);
    z-index: 1;
    line-height: 1.9;
    text-align: center;
}

.about-row .about-image .a-i-three img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.about-rows .about-vision {
    float: right;
    width: 100%;
    position: relative;
}

.about-rows .about-t-m-v-title h2 {
    text-align: center;
    display: inline-block;
    position: relative;
    color: #545454;
    font-size: 1.6em;
}

.about-rows .about-t-m-v-title h2::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(17px, -50%) rotate(45deg);
    -ms-transform: translate(17px, -50%) rotate(45deg);
    transform: translate(17px, -50%) rotate(45deg);
}

.about-slog-three {
    position: relative;
    width: 50%;
    margin: 70px auto 70px;
}

.about-slog-three div {
    position: relative;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ff687b;
    text-align: center;
    color: #fff;
    padding: 50px;
    line-height: 1.9;
}

.about-slog-four {
    position: relative;
    width: 50%;
    margin: 70px auto 70px;
}

.about-slog-four div {
    position: relative;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #2752ff;
    text-align: center;
    color: #fff !important;
    padding: 50px;
    line-height: 1.9;
}

.about-rows .about-mission {
    float: right;
    width: 100%;
    position: relative;
}

.about-row {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-top: 217px;
    padding: 0 25vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.about-row .about-title {
    position: relative;
    /* display: inline-block; */
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    /* float: right; */
    /* padding-right: 25px; */
}

.about-row .about-title h1 {
    /* text-align: center; */
    /* display: inline-block; */
    /* position: relative; */
    /* color: #545454; */
    font-size: 1.6em;
    color: #e52329;
}

.about-row .about-title h1::before {
    /* content: ''; */
    /* position: absolute; */
    /* width: 10px; */
    /* height: 10px; */
    /* background: #f4392f; */
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(17px, -50%) rotate(45deg);
    -ms-transform: translate(17px, -50%) rotate(45deg);
    transform: translate(17px, -50%) rotate(45deg);
}

.about-row p.about-desc {
    margin-bottom: 80px;
    /* width: 50%; */
    float: right;
    text-align: justify;
}

.about-row .about-target h2 {
    font-size: 1.3em;
    color: #545454;
}

.about-rows .about-vision h2 {
    font-size: 1.3em;
    color: #545454;
}

.about-rows .about-mission h2 {
    font-size: 1.3em;
    color: #545454;
}

.about-rows .about-mission p {
    color: #545454;
    text-align: justify;
}

.about-rows .about-vision p {
    color: #545454;
    text-align: justify;
}

.about-rows .about-target p {
    color: #545454;
    text-align: justify;
}

.about-video {
    position: relative;
    width: 100%;
    height: 100vh;
}
.about-embed-video-box {width: 100%;height: 100%;}

.about-embed-video-box > * > * {
    height: 100%;
}
.about-embed-video-box > *{
    height: 100%;
}
.about-video .about-video-box {
    position: relative;
    width: 100%;
    height: 100%;
}

.video-slogan div#watch {
    position: relative;
    width: auto;
    padding: 10px;
    cursor: pointer;
}

.video-slogan div#watch p {
    display: inline-block;
}

.video-slogan div#watch:hover p {
    color: #6aaf39;
}

div#fullWidth-video-container {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1000000000000000000;
    background: #fff;
    pointer-events: none;
    transition: all ease-in-out 0.45s;
    opacity: 0;
}

div#fullWidth-video-container .close-video {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

div#fullWidth-video-container .close-video img {
    height: 30px;
}

html.play div#fullWidth-video-container {
    opacity: 1;
    pointer-events: auto;
}

div#fullWidth-video-container .fullWidth-video-box {
    position: relative;
    width: 100%;
    height: 100%;
}

html.play {
    overflow: hidden;
}

div#fullWidth-video-container .fullWidth-video-box video#fullVideo {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-video .about-video-box video#video {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.video-slogan {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 3;
}

.swiper-container.swiper-container-home-two {
    width: 100%;
    height: 100%;
}
.swiper-container.swiper-container-home-two .img-slider {
    width: 100%;
    height: 100%;
}

.swiper-container.swiper-container-home-two .img-slider .slide-img-c {
    width: 100%;
    height: 100%;
}

.swiper-container.swiper-container-home-two .img-slider .slide-img-c img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slide-box {
    position: relative;
    width: 100%;
    height: 100%;
}
.swiper-container.swiper-container-home-two .swiper-button-prev {
    filter: brightness(0) invert(1);
    right: 30px;
}

.swiper-container.swiper-container-home-two .swiper-button-next {
    filter: brightness(0) invert(1);
    left: 30px;
}

.swiper-container.swiper-container-home-two .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}

.video-slogan h1 {
    color: #fff;
    display: none;
}

.video-slogan p {
    color: #fff;
    margin: 0;
    font-size: 1.5rem;
    display: none;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000047;
    z-index: 1;
}

.about-rows {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 0 25vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*---------------about---------------*/
/*------------flower order-----------*/
main.wrapper.flowerOrderWrapper {
    position: relative;
    padding: 150px 100px 75px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flowerOrderContainer {}

.flowerOrderContainer .flower-order-title {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.flowerOrderContainer .flower-order-title h1 {
    position: relative;
    color: #e52329;
    display: inline-block;
}

.flowerOrderContainer .order-flower-desc {
    margin-bottom: 70px;
}

.flowerOrderContainer .order-flower-boxes {
    position: relative;
    width: 100%;
    display: inline-block;
}

.flowerOrderContainer .order-flower-boxes .order-flower-box {
    position: relative;
    width: calc(33.3333% - 40px);
    float: right;
    margin: 0 20px 75px;
}

.flowerOrderContainer .order-flower-boxes .h-m-p-container {
    padding: 0;
    margin-top: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flowerOrderContainer .order-flower-boxes .h-m-p-container .h-m-p-box {
    margin: 0 15px 30px;
    width: calc(25% - 30px);
    height: calc(100vw/4 - -18px);
}

.flowerOrderContainer .order-flower-boxes .h-m-p-container .h-m-p-box a.btn {
    position: absolute;
    bottom: 30px;
    width: calc(100% - 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flowerOrderContainer .order-flower-boxes .order-flower-box .order-flower-img {
    width: 100%;
    height: calc(100vw/4 - 115px);
}

.flowerOrderContainer .order-flower-boxes .order-flower-box .order-flower-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.flowerOrderContainer .order-flower-boxes .order-flower-box h2 {
    font-weight: 500;
    font-size: 1.3em;
    padding-right: 25px;
}

.flowerOrderContainer .order-flower-boxes .order-flower-box .blog-desc {
    text-align: justify;
    font-size: 0.9em;
    height: 137px;
    overflow: hidden;
}

.flowerOrderContainer .order-flower-boxes .order-flower-box .flower-order-money {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid darkgrey;
    border-right: unset;
    border-left: unset;
    margin-top: 25px;
    padding: 10px 0;
    font-size: 0.8em;
    margin-bottom: 25px;
}

.flowerOrderContainer .order-flower-boxes .order-flower-box .order-flower-sponsor {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flowerOrderContainer .order-flower-boxes .order-flower-box .flower-order-money p {
    margin: 0;
}

.flowerOrderContainer .order-flower-boxes .order-flower-box .order-flower-sponsor a.btn.orderFlowerBtn {
    background: #6aaf39;
    color: #fff;
    padding: 10px 53px;
}

.flowerOrderContainer .order-flower-boxes .order-flower-box .order-flower-sponsor img {
    width: 20px;
}

.flowerOrderContainer .flower-order-title h1::before,
.h-m-p-container .h-m-p-box h2::before {
    /* content: ''; */
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0px;
    -webkit-transform: translate(22px, -50%) rotate(45deg);
    -ms-transform: translate(22px, -50%) rotate(45deg);
    transform: translate(22px, -50%) rotate(45deg);
}

.support-box-title {
    position: relative;
}

.flowerOrderContainer .order-flower-boxes .order-flower-box h2::before {
    right: 22px;
}

/*------------flower order-----------*/
/*---------------blog-----------------*/
main.wrapper.blogWrapper {
    padding: 100px 100px 60px;
    position: relative;
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.blog-container {}

.blog-container .blog-title {
    position: relative;
    width: 100%;
    text-align: center;
}

.blog-container .blog-title h1 {
    position: relative;
    display: inline-block;
}

.blog-boxes {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-top: 70px;
}

.blog-boxes .blog-box {
    width: calc(25% - 20px);
    position: relative;
    float: right;
    margin: 0 10px 112px;
}

.blog-boxes .blog-box .blog-box-img {
    width: 100%;
    height: calc(100vw/5 - 93px);
}

.blog-container .blog-title h1::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(17px, -50%) rotate(45deg);
    -ms-transform: translate(17px, -50%) rotate(45deg);
    transform: translate(17px, -50%) rotate(45deg);
}

.blog-boxes .blog-box .blog-box-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-boxes .blog-box h2 {
    font-weight: 500;
    position: relative;
    padding-right: 0px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-boxes .blog-box h2::before {
    right: 25px;
}

.blog-boxes .blog-box .blog-desc {
    /*font-size: 0.9em;*/
    text-align: justify;
    line-height: 1.7em;
    height: 142px;
    overflow: hidden;
    margin-bottom: 10px;
}

.blog-boxes .blog-box .blog-desc p {
    height: 144px;
    overflow: hidden;
    font-size: 0.85rem;
}

.blog-boxes .blog-box .blog-share {
    position: relative;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom: 2px solid #b3b3b3;
    padding-bottom: 15px;
    margin-bottom: 19px;
}

.blog-boxes .blog-box .blog-share p {
    font-size: 0.7em;
    color: #adadad;
    margin-left: 5px;
}

.blog-boxes .blog-box .blog-share img {
    width: 25px;
}

.blog-boxes .blog-box span {
    display: none;
}

.blog-boxes .blog-box .btn.blogBtn {
    background: #b3b3b3;
    display: inline-block;
    color: #fff;
    position: absolute;
    left: 0;
}

.blog-boxes .blog-box .btn.blogBtn:hover {
    background: #6aaf39;
}

.blog-boxes .blog-box .blog-share div#social-links {
    /* height: 20px; */
    /* width: 100px; */
    position: relative;
    width: auto;
    display: inline-block;
}

.blog-boxes .blog-box .blog-share div#social-links ul li {
    float: left;
    margin: 0 5px 0 0;
}

.blog-boxes .blog-box .blog-share div#social-links ul li a.social-button {
    font-size: 20px;
}

.blog-boxes .blog-box .blog-share div#social-links ul li a.social-button span {
    font-family: "Font Awesome 5 Free" !important;
    display: block;
}

/*---------------blog-----------------*/
/*--------------contact--------------*/
.contact-form form {
    width: 100%;
    margin: 0;
}

.contact-form form h1 {
    font-size: 3em;
    font-weight: 300;
    text-align: center;
    color: #2196F3;
}

.contact-form form h5 {
    text-align: center;
    text-transform: uppercase;
    color: #c6c6c6;
}

.contact-form form hr.sep {
    background: #2196F3;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    height: 2px;
    width: 25%;
    margin: 0px auto 45px auto;
}

.contact-form form .emoji {
    font-size: 1.2em;
}

.contact-form .group {
    position: relative;
    margin: 0 0 40px 0;
}

.contact-form textarea {
    resize: none;
}

.contact-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    margin-top: 50px;
}

.contact-information {}

.contact-information p {}

.contact-information a {
    display: block;
    margin-bottom: 25px;
}

.contact-information span {
    color: #7f910c;
    font-weight: 500;
}

.contact-form input,
.contact-form textarea {
    background: none !important;
    color: #444444 !important;
    font-size: 16px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #a2a2a2;
    background: none;
}

input:focus,
textarea:focus {
    outline: none;
}

input:focus~label,
textarea:focus~label,
textarea:valid~label {
    top: -14px;
    font-size: 12px;
    color: #6aaf39;
}

input:focus~.bar:before,
textarea:focus~.bar:before {
    width: 100%;
}

.contact-form label {
    color: #4e4e4e;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    right: 5px;
    top: 10px;
    -webkit-transition: 300ms ease all;
    -o-transition: 300ms ease all;
    transition: 300ms ease all;
}

.bar {
    position: relative;
    display: block;
    width: 100%;
}

.bar:before {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0px;
    position: absolute;
    background: #7f910c;
    -webkit-transition: 300ms ease all;
    -o-transition: 300ms ease all;
    transition: 300ms ease all;
    right: 0%;
}

.btn {
    /* background: #fff; */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
}

.btn:hover {
    color: #8b8b8b;
    -webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.18), 0 5px 5px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.18), 0 5px 5px rgba(0, 0, 0, 0.12);
}

.btn.btn-link {
    background: #2196F3;
    color: #d3eafd;
}

.btn.btn-link:hover {
    background: #0d8aee;
    color: #deeffd;
}

.btn.btn-submit {
    background: #6aaf39;
    color: #ffffff;
    width: 100%;
}

.btn.btn-submit:hover {
    background: #ffffff;
    color: #6aaf39;
}

.btn.btn-cancel {
    background: #eee;
}

.btn.btn-cancel:hover {
    background: #e1e1e1;
    color: #8b8b8b;
}

.btn-box {
    text-align: center;
    margin: 50px 0;
}

main.wrapper.contactWrapper {
    position: relative;
    padding: 127px 100px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}

.contact-title {
    position: relative;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 19px;
}

.contact-title h1 {
    position: relative;
    color: #e52329;
    display: inline-block;
}

.contact-title h1::before {
    /* content: ''; */
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: -3px;
    -webkit-transform: translate(15px, -50%) rotate(45deg);
    -ms-transform: translate(15px, -50%) rotate(45deg);
    transform: translate(15px, -50%) rotate(45deg);
}

.contact-map {
    position: relative;
    width: calc(66.6666% - 100px);
    margin: 0 100px 0 0;
    float: right;
    height: auto;
    display: inline-block;
    border: 1px solid #6aaf39;
}

.contact-map .contact-img {}

.contact-map .contact-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.contact-form {
    width: 33.3333%;
    float: right;
    height: 100%;
}

/*--------------contact--------------*/
/*---------paying sponsor---------------*/
main.wrapper.payingSponsorWrapper {
    position: relative;
    padding: 140px 20vw;
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input.btn.sponsorBtn {
    background: #4CAF50;
}

section.payingSponsorContainer {
    position: relative;
    width: 100%;
    display: inline-block;
}

section.payingSponsorContainer .paying-sponsor-title {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

section.payingSponsorContainer .paying-sponsor-title h1 {
    display: inline-block;
    position: relative;
}

section.payingSponsorContainer .paying-sponsor-title h1::before {
    /* content: ''; */
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(22px, -50%) rotate(45deg);
    -ms-transform: translate(22px, -50%) rotate(45deg);
    transform: translate(22px, -50%) rotate(45deg);
}

section.payingSponsorContainer .paying-sponsor-desc {
    margin-bottom: 70px;
}

section.payingSponsorContainer .paying-sponsor-money {
    position: relative;
    width: 100%;
    display: inline-block;
}

section.payingSponsorContainer .paying-sponsor-money h2 {
    font-size: 1.2em;
    position: relative;
    padding-right: 18px;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(4) {
    border-bottom: unset;
    text-align: right;
    width: 100%;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(5) {
    padding: 30px 0;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(4) label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    right: 0;
}

isection.payingSponsorContainer .paying-sponsor-money div:nth-of-type(4) label input {
    margin-right: 15px;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(5) label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

section.payingSponsorContainer .paying-sponsor-money h2::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(0px, -42%) rotate(45deg);
    -ms-transform: translate(0px, -42%) rotate(45deg);
    transform: translate(0px, -42%) rotate(45deg);
}

section.payingSponsorContainer .paying-sponsor-money div {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 13px 0;
    border: 1px solid #d2d8d8;
    border-right: unset;
    border-left: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(2) {
    border: none;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(3) {
    border: navajowhite;
}

section.payingSponsorContainer .paying-sponsor-money div {}

section.payingSponsorContainer .paying-sponsor-money div input {
    border: none;
    margin-right: 9px;
}

input.btn.sponsorBtn:hover {
    background: #ffffff;
    -webkit-box-sizing: unset;
    box-sizing: unset;
    border: 1px solid #4CAF50;
    color: #4CAF50;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(1) p {
    width: 50%;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(4) .one {
    /* width: 50%; */
    border: none;
    padding: 0;
    /* display: inline-block; */
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(4) .two {
    width: 50%;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(4) .one label {
    width: 100%;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(1) label {
    width: 50%;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(2) label.radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
    padding-right: 20px;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(2) label.radio span.label {
    margin-left: 5px;
    position: relative;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(2) label.radio input {
    margin-top: 5px;
}

section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(2) label.radio::before {
    /* content: ''; */
    position: absolute;
    width: 7px;
    height: 7px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(0px, -42%) rotate(45deg);
    -ms-transform: translate(0px, -42%) rotate(45deg);
    transform: translate(0px, -42%) rotate(45deg);
}

/*---------paying sponsor---------------*/
/*--------------Single---------------*/
ul.breadcrumb {
    padding: 10px 0px;
    list-style: none;
    background-color: transparent;
}

/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
    font-size: 18px;
    color: #f0ff00;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 8px;
    color: white;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
    color: #f6f6f6;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
    color: #f0ff00;
    text-decoration: underline;
}

main.wrapper.singleWrapper {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: 150px;
    display: inline-block;
}

main.wrapper.singleWrapper section.single-title {
    padding: 30px 100px;
    background: #6aaf39;
}

main.wrapper.singleWrapper section.single-title h1 {
    color: #fff;
}

header.header.header-dark .logo-header-container nav ul li a {
    color: #000;
}

header.header.header-dark a.login {
    color: #000;
}

section.single-info {
    padding: 50px 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
}

/*--------------Single---------------*/
/*---------------footer--------------*/
footer {
    position: relative;
    width: 100%;
    display: inline-block;
    /* margin: 25px 100px; */
    border-top: 2px solid #6aaf39;
    padding: 42px 30px 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #000000e3;
}

footer .footer-inner {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

footer .footer-inner .footer-box {
    flex: auto;
    display: inline-block;
    margin: 0;
}

footer .footer-inner p {
    position: relative;
    font-size: 0.9em;
}

footer .footer-inner div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
}

footer .footer-inner div ul {
    margin: 0;
    padding: 0;
}

footer .footer-inner div ul li {
    float: right;
    float: none;
    margin: 0 0 15px 0;
    line-height: 30px;
    color: #ffffff;
}

footer .footer-inner div ul li a {
    margin: 0 6px;
    color: #ffffff;
}

footer .footer-inner div ul li a img {
    width: 20px;
}

footer .footer-inner p::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(-10px, -42%) rotate(45deg);
    -ms-transform: translate(-10px, -42%) rotate(45deg);
    transform: translate(-10px, -42%) rotate(45deg);
}

footer .footer-inner p::after {
    content: '';
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    left: 0;
    -webkit-transform: translate(10px, -42%) rotate(45deg);
    -ms-transform: translate(10px, -42%) rotate(45deg);
    transform: translate(10px, -42%) rotate(45deg);
}

footer .footer-inner .footer-box h4 {
    margin: 0 1px 25px 0;
    font-weight: 500;
    position: relative;
    padding: 0 20px 5px 1px;
    box-sizing: border-box;
    border-bottom: 1px solid #6aaf3947;
    width: 84%;
    color: #fff;
}

footer .footer-inner .footer-box.footer-tel-addr {}

footer .footer-inner .footer-box.footer-tel-addr .footer-tel-addr-box {
    display: block;
    margin: 0 0 30px 0;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

footer .footer-inner .footer-box.footer-tel-addr .footer-tel-addr-box h4 {
    margin-bottom: 15px;
    position: relative;
    /* padding: 0 12px; */
}

footer .footer-inner .footer-box.footer-box-social-copy-right {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: space-between;
}

footer .footer-inner .footer-box h4::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(1px, -42%) rotate(45deg);
    -ms-transform: translate(1px, -42%) rotate(45deg);
    transform: translate(-6px, -42%) rotate(45deg);
}

footer .footer-inner .footer-box.footer-box-social-copy-right .footer-social-media {
    display: block;
    margin: 0;
}

footer .footer-inner .footer-box.footer-box-social-copy-right .footer-social-media .footer-social-media-box {
    display: block;
    position: relative;
}

footer .footer-inner .footer-box.footer-box-social-copy-right .footer-social-media .footer-social-media-box ul {}

footer .footer-inner .footer-box.footer-box-social-copy-right .footer-social-media .footer-social-media-box ul li {
    float: right;
}

footer .footer-inner .footer-box.footer-box-social-copy-right .footer-social-media .footer-social-media-box ul li a {
    margin: 0 0 0 20px;
}

footer .footer-inner .footer-box.footer-tel-addr .footer-tel-addr-box a {
    margin-bottom: 10px;
    direction: ltr;
    text-align: right;
}

footer .footer-inner .footer-box.footer-tel-addr .footer-tel-addr-box a:last-child {
    margin: 0;
}

footer .footer-inner .footer-box.footer-tel-addr .footer-tel-addr-box:last-child {
    margin: 0;
}

footer .footer-inner .footer-box.footer-box-social-copy-right .footer-copy-right {}

footer .footer-inner .footer-box.footer-box-social-copy-right .footer-copy-right p {
    margin: 0;
    padding: 0 25px;
}

/*---------------footer--------------*/

.ribon {
    position: absolute;
    width: 100vw;
    overflow: hidden;
    top: 0;
    height: auto;
    left: 0;
    /* background: aquamarine; */
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0.3;
}

.logged-in {
    position: absolute;
    display: inline-block;
    left: 0;
}

.logged-in:hover .rf-tooltip--main.rf-tooltip--utility {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    line-height: 2;
    visibility: visible;
}

a.qa-nav-link-image.js-profile-tooltip-link.js-primary-nav-profile-link {
    position: absolute;
    /* border: 1px solid deeppink; */
    width: 200px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: -60px;
}

img.rf-primary-nav__avatar.js-profile-image-50 {
    width: 40px;
    margin-right: 10px;
}

.before-login-bt {
    /* opacity: 0; */
}

.rf-tooltip--main.rf-tooltip--utility {
    width: 280px;
    position: absolute;
    left: 20px;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 4px -3px 19px -12px black;
    box-shadow: 4px -3px 19px -12px black;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    opacity: 0;
    visibility: hidden;
}

.rf-tooltip--main.rf-tooltip--utility img {
    width: 70px;
    position: relative;
}

.rf-primary-nav__profile {
    /* display: flex; */
    float: right;
    margin: 0 20px;
    border-bottom: 1px solid #333;
    margin-bottom: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.rf-primary-nav__profile-avatar-wrap {
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.primary-nav__profile-avatar-container {
    float: right;
    height: 65px;
    margin-left: 14px;
    width: 65px;
}

.rf-primary-nav__profile-name {
    font-family: inherit;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    float: left;
    width: calc(100% - 79px);
    font-size: 18px;
    font-weight: bold;
    line-height: 2;
}

.rf-primary-nav__profile-email {
    font-family: inherit;
    font-size: 13px;
    line-height: 1.3;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    float: left;
    width: calc(100% - 79px);
    color: dimgray;
    margin-bottom: 0;
}

a.rf-primary-nav__profile-link {
    font-size: 13px;
    line-height: 0;
}

a.rf-submenu__link.js-primary-nav-profile-link {}

ul.rf-submenu.rf-submenu--primary {
    font-size: 13px;
    color: gray;
    margin: 20px;
    line-height: 2;
}

/*------------single project-------------*/
main.wrapper.singleProjectWrapper {
    padding: 170px 0 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}

.single-project-comment {
    position: relative;
    width: calc(100% - 30vw);
    display: inline-block;
    margin: 0 15vw 50px;
}

.single-project-comment .single-p-s-t h2 {
    position: relative;
    display: inline-block;
    padding-right: 17px;
    color: #e52329;
}

.single-project-comment .single-p-s-t {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

main.wrapper.homeWrapper h2::before {
    /* content: ''; */
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(17px, -50%) rotate(45deg);
    -ms-transform: translate(17px, -50%) rotate(45deg);
    transform: translate(17px, -50%) rotate(45deg);
}

.single-project-comment-boxes {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    /* padding-left: 20vw; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.single-project-comment-boxes .single-project-comment-box {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-height: 47vh;
    overflow: visible;
    -webkit-transition: max-height 0.1s ease-in-out;
    -o-transition: max-height 0.1s ease-in-out;
    transition: max-height 0.1s ease-in-out;
}

div#single-comment-shadow {
    position: absolute;
    top: 70%;
    width: 100%;
    height: 43%;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    clear: both;
    -webkit-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}


div#single-comment-shadow .read-more {
    position: relative;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

div#single-comment-shadow .read-more p {
    position: absolute;
    width: 100%;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

div#single-comment-shadow .read-more p:first-child {}

div#single-comment-shadow .read-more p:last-child {
    opacity: 0;
}

html.showComment div#single-comment-shadow {
    height: 10vh;
    bottom: 0;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    top: unset;
}

html.showComment .single-project-comment-boxes .single-project-comment-box {
    max-height: 10000vh;
    overflow: visible;
}

html.showComment div#single-comment-shadow div#single-comment-shadow .read-more-c p:last-child {
    opacity: 1;
}

html.showComment div#single-comment-shadow .read-more-c p:last-child {
    opacity: 1;
}

html.showComment div#single-comment-shadow .read-more-c p:first-child {
    opacity: 0;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-img-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info {
    -webkit-box-flex: 16;
    -ms-flex: 16;
    flex: 16;
    margin-right: 27px;
}

div#read-more-comment {
    position: relative;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

div#read-more-comment p {
    position: absolute;
    display: inline-block;
    font-size: 13px;
    color: #8BC34A;
    font-weight: 700;
}

div#read-more-comment p:first-child {}

div#read-more-comment p:last-child {
    opacity: 0;
}

html.showSpon .single-project-sponsor-team .single-p-s-t-boxes {
    overflow: visible;
    max-height: 100%;
}

html.showSpon .single-p-s-t-shadow {
    top: unset;
    bottom: 0;
    -webkit-transform: translateY(46px);
    -ms-transform: translateY(46px);
    transform: translateY(46px);
    height: 6vh;
}

html.showSpon .single-p-s-t-shadow .read-more p:first-child {
    opacity: 0;
}

html.showSpon .single-p-s-t-shadow .read-more p:last-child {
    opacity: 1;
}

.single-p-s-t-shadow .read-more p {
    font-size: 13px;
    color: #8BC34A;
    font-weight: 700;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-p-c-question {
    border: 1px solid #eee;
    padding: 15px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fbfbfb;
    margin-bottom: 26px;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info a.s-b-reply-btn {
    display: block;
    text-align: left;
    margin: 5px 0;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 26px;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-p-c-question h4 {}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-p-c-question .s-p-c-question-t {}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-p-c-question .s-b-comment-share {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-p-c-question .s-b-comment-share .s-b-c-s {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-p-c-question .s-p-c-question-t p {}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-p-c-question .s-b-comment-share .s-b-c-s p {}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-p-c-question .s-b-comment-share .s-b-c-s img {
    width: 18px;
    margin-right: 6px;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-info {
    -webkit-box-flex: 16;
    -ms-flex: 16;
    flex: 16;
    margin-right: 27px;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f7f7f7;
    padding: 15px 15px 32px;
    line-height: 26px;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-info h4 {}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-info .s-b-comment-except {}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-info .s-b-comment-except p {}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-info .s-b-comment-img {}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-img img {
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-img-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

main.wrapper.singleProjectWrapper .single-project-boxes h1 {
    text-align: center;
    position: relative;
    display: inline-block;
    font-size: 1.7em;
    color: #e52329;
}

.single-project-boxes {
    margin: 0px 15vw 50px;
}

.single-project-boxes .single-project-desc {
    clear: both;
}

.single-project-container .slideshow .slides_container .image_wrapper {
    background-size: contain;
}

.single-project-container .slideshow .slides_container .square1_dots {
    bottom: -10px;
}

.single-project-container .slideshow .square1_dots {
    bottom: -32px;
}

.single-project-container .slideshow .square1_caption {
    bottom: 0;
    padding: 13px 0;
    width: auto !important;
    background: rgba(255, 255, 255, 0.73);
    font-weight: 500;
    font-size: 16px;
}

.single-project-boxes .single-project-desc p.slogon {
    font-weight: 500;
    font-size: 0.9em;
    text-align: center;
}

.single-project-container p img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.single-project-boxes .single-project-desc ul {
    list-style: circle inside !important;
}

.single-project-boxes .single-project-desc ul li strong {
    font-weight: 400;
}

.single-project-boxes .single-project-desc ul li {
    line-height: 1.9;
}

main.wrapper.singleProjectWrapper .single-project-boxes h1::before,
.single-project-comment .single-p-s-t h2::before {
    /* content: ''; */
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(17px, -50%) rotate(45deg);
    -ms-transform: translate(17px, -50%) rotate(45deg);
    transform: translate(17px, -50%) rotate(45deg);
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-info .s-b-comment-share {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-info .s-b-comment-share .s-b-c-s {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px;
}

.social-icon-share-single-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 30px;
    padding: 25px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.social-icon-share-single-page div#social-links ul li {
    float: left;
    margin: 0 7px 0 0;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-info .s-b-comment-share .s-b-c-s p {}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-info .s-b-comment-share .s-b-c-s img {
    width: 18px;
    margin-right: 6px;
}

a.s-b-reply-btn-admin {
    display: block;
    text-align: left;
    margin-top: 7px;
    display: none;
}

.single-project-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 80px 0 10px;
}

.single-project-container .single-project-information {
    width: calc(50% - 50px);
    float: right;
    margin-left: 50px;
    margin-bottom: 50px;
}

.single-project-swipe-slider {
    position: relative;
    width: 100%;
    height: 88vh;
}

.single-project-swipe-slider .swiper-container.gallery-top {
    height: 80%;
    margin-bottom: 10px;
}

.single-project-swipe-slider .swiper-container.gallery-thumbs {
    height: 20%;
}

.single-project-swipe-slider .swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.single-project-container .single-project-img {
    width: 50%;
    float: right;
    position: relative;
}

.single-project-container .single-project-img .s-p-img {
    width: 100%;
    height: calc(100vh/2);
}

.s-p-i-desc p {
    margin: 0 0 10px 0;
    font-size: 0.9em;
}

.single-project-container .single-project-img .s-p-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.single-project-title {
    text-align: center;
}

.single-project-container .single-project-img .s-p-img .s-p-percent-bar {}

.single-project-container .single-project-img .s-p-img .single-project-except {}

.single-project-container .single-project-img .s-p-percent-bar .skillbar-title {
    display: block;
    right: 0;
    height: 20px;
    font-size: 11px;
}

.single-project-container .single-project-img .s-p-percent-bar .skillbar.clearfix {
    margin-bottom: 40px;
}

.single-project-container .single-project-img .s-p-percent-bar .skillbar-title span {
    height: 20px;
    line-height: 20px;
}

.single-project-container .single-project-img .s-p-percent-bar {
    margin: 29px 0;
}

.single-project-container .single-project-img .s-p-percent-bar progress#single-project-progress {
    width: 100%;
    margin-top: 20px;
    background-color: #f1f1f1;
    border-radius: 11px;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; */
}

progress#single-project-progress {
    display: block;
    /* default: inline-block */
    width: 300px;
    margin: 2em auto 0;
    /* padding: 4px; */
    border: 0 none;
    background: #444;
    border-radius: 14px;
    /* box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2); */
}

progress#single-project-progress::-moz-progress-bar {
    border-radius: 12px;
    background: #FFF;
    box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.4), 0 2px 5px 0px rgba(0, 0, 0, 0.3);

}

/* webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    progress#single-project-progress {
        height: 18px;
    }
}

progress#single-project-progress::-webkit-progress-bar {
    background: transparent;
}

progress#single-project-progress::-webkit-progress-value {
    background: #6aaf39;
    border-radius: 0px 12px 12px 0px;

}

.single-project-container .single-project-img .single-project-except {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px 0;
}

.single-project-container .single-project-img .single-project-except .s-p-e {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.single-project-container .single-project-img .single-project-except .s-p-e span {
    font-size: 0.8em;
}

.single-project-container .single-project-img .single-project-except .s-p-e img {
    width: 25px;
}

.single-project-container .single-project-information>p {
    font-weight: 300;
    font-size: 14px;
}

.single-project-container .single-project-information p span {
    font-weight: 500;
}

.single-project-container .single-project-information .s-p-i {
    line-height: 1.9em;
    font-size: 0.9em;
    text-align: justify;
    font-weight: 400;
    line-height: 35px;
}

.single-project-container .single-project-information .s-p-i p {
    font-size: 1em;
    font-weight: 500;
    text-align: justify;
}

.container {
    width: 100%;
    margin: 2rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}

.tab-slider--nav {
    width: 100%;
    float: right;
    margin-bottom: 20px;
    width: calc(100% - 30vw);
    padding: 0rem 15vw;
    border: 1px solid #bdbdbd;
    border-right: unset;
    border-left: unset;
}

.tab-slider--tabs {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
    height: 51px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tab-slider--tabs:after {
    content: "";
    width: 50%;
    background: #6aaf39;
    height: 4%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    border-radius: 0;
}

.tab-slider--tabs.slide:after {
    left: 0;
}

.tab-slider--trigger {
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    color: #333333;
    text-transform: uppercase;
    text-align: center;
    padding: 18px 19px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: color 250ms ease-in-out;
    -o-transition: color 250ms ease-in-out;
    transition: color 250ms ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tab-slider--trigger.active {
    color: #6aaf39;
}

.tab-slider--body {
    margin-bottom: 20px;
    width: calc(100% - 30vw);
    margin: 2rem 15vw;
}

.single-project-tab {
    position: relative;
    display: inline-block;
    width: 100%;
}

main.wrapper.singleProjectWrapper .ribon {
    opacity: 0.4;
}

.single-project-sponsor-team {
    position: relative;
    width: calc(100% - 30vw);
    display: inline-block;
    margin: 0 15vw 70px;
}

.single-project-sponsor-team .single-p-s-t {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.single-project-sponsor-team .single-p-s-t h2 {
    position: relative;
    display: inline-block;
}

.single-project-sponsor-team .single-p-s-t-boxes {
    position: relative;
    width: 100%;
    display: inline-block;
    max-height: 70vh;
    overflow: hidden;
    -webkit-transition: max-height 0.1s ease-in-out;
    -o-transition: max-height 0.1s ease-in-out;
    transition: max-height 0.1s ease-in-out;
}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box {
    width: calc(20% - 22px);
    float: right;
    margin: 0 10px 18px;
    border: 1px solid #cccccb;
    text-align: center;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box .s-p-s-t-avatar {}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box .s-p-s-t-name {}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box .s-p-s-money {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 2px solid #cccccb;
}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box .s-p-s-sponsor {}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box .s-p-s-social-icon {}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box .s-p-s-t-avatar img {
    width: 100px;
}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box .s-p-s-t-name p {
    color: #9a9a9a;
    font-size: 0.9em;
}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box .s-p-s-money p {
    color: #9a9a9a;
    font-size: 0.9em;
}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box .s-p-s-sponsor p {
    color: #9a9a9a;
    font-size: 0.9em;
}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box .s-p-s-social-icon ul {
    position: relative;
    display: inline-block;
}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box .s-p-s-social-icon ul li {
    float: right;
    margin: 0 7px;
}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box .s-p-s-social-icon ul li a {}

.single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box .s-p-s-social-icon ul li a img {
    width: 17px;
}

.single-project-sponsor-team .single-p-s-t h2::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(17px, -50%) rotate(45deg);
    -ms-transform: translate(17px, -50%) rotate(45deg);
    transform: translate(17px, -50%) rotate(45deg);
}

.single-p-s-t-shadow {
    position: absolute;
    top: 70%;
    width: 100%;
    height: 43%;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    clear: both;
    -webkit-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}

html.opShadow .single-p-s-t-shadow {
    height: 3%;
    bottom: 0;
    position: relative;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.single-p-s-t-shadow .read-more {
    cursor: pointer;
    position: relative;
}

html.opShadow {}

html.opShadow .single-project-sponsor-team .single-p-s-t-boxes {
    max-height: 100%;
    -webkit-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
}

.single-project-sponsor-team .single-p-s-t-boxes .s-p-s-t-s {
    position: relative;
    display: inline-block;
    width: 100%;
}

.single-p-s-t-shadow .read-more p {
    -webkit-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}

.single-p-s-t-shadow .read-more p:last-child {
    opacity: 0;
}

html.opShadow .single-p-s-t-shadow .read-more p:first-child {
    opacity: 0;
}

html.opShadow .single-p-s-t-shadow .read-more p:last-child {
    opacity: 1;
}

/*------------single project-------------*/
/*---------------project------------------*/
/*---BTNs---*/
.btn-danger {
    color: #fff;
    background-color: #e3342f;
    border-color: #e3342f
}

.btn-danger:hover {
    color: #fff;
    background-color: #d0211c;
    border-color: #c51f1a
}

.btn-danger.focus,
.btn-danger:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(227, 52, 47, .5);
    box-shadow: 0 0 0 .2rem rgba(227, 52, 47, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #e3342f;
    border-color: #e3342f
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c51f1a;
    border-color: #b91d19
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(227, 52, 47, .5);
    box-shadow: 0 0 0 .2rem rgba(227, 52, 47, .5)
}

/*---ALERTs---*/
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    line-height: 30px;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: #114e7e;
    background-color: #d3eafd;
    border-color: #c1e2fc;
}

.alert-primary hr {
    border-top-color: #a9d7fb;
}

.alert-primary .alert-link {
    color: #0b3251;
}

.alert-secondary {
    color: #73777a;
    background-color: #f8fafb;
    border-color: #f5f7f9;
}

.alert-secondary hr {
    border-top-color: #e5eaef;
}

.alert-secondary .alert-link {
    color: #5a5d60;
}

.alert-success {
    color: #0d704d;
    background-color: #d1f7ea;
    border-color: #bff4e1;
}

.alert-success hr {
    border-top-color: #a9f0d7;
}

.alert-success .alert-link {
    color: #08422e;
}

.alert-info {
    color: #473374;
    background-color: #e7e0f9;
    border-color: #ded3f6;
}

.alert-info hr {
    border-top-color: #cebef2;
}

.alert-info .alert-link {
    color: #312351;
}

.alert-warning {
    color: #855b00;
    background-color: #ffefcc;
    border-color: #ffe9b8;
}

.alert-warning hr {
    border-top-color: #ffe19f;
}

.alert-warning .alert-link {
    color: #523800;
}

.alert-danger {
    color: #85332e;
    background-color: #ffe0de;
    border-color: #ffd3d0;
}

.alert-danger hr {
    border-top-color: #ffbbb7;
}

.alert-danger .alert-link {
    color: #5f2421;
}

.alert-light {
    color: #838383;
    background-color: #fefefe;
    border-color: #fefefe;
}

.alert-light hr {
    border-top-color: #f1f1f1;
}

.alert-light .alert-link {
    color: #6a6a6a;
}

.alert-dark {
    color: #131724;
    background-color: #d3d5da;
    border-color: #c2c4cb;
}

.alert-dark hr {
    border-top-color: #b4b7bf;
}

.alert-dark .alert-link {
    color: #010203;
}

main.wrapper.projectsWrapper .a-p-h-boxes .a-p-h-box {
    width: calc(100vw/4 - 75px);
    position: relative;
}

main.wrapper.projectsWrapper section.list-of-projects.active-project-home {
    padding: 130px 70px;
}

main.wrapper.projectsWrapper .a-p-h-boxes .a-p-h-box .a-p-h-box-img {
    height: calc(100vw/5 - 62px);
}

p#breadcrumb {
    font-size: 0.8em;
}

p#breadcrumb a {
    color: #4caf50;
}

.a-p-h-boxes p {
    text-align: justify;
    font-size: 0.9rem;
    font-weight: 400;
    height: 135px;
    overflow: hidden;
}

.a-p-h-box h3 {
    font-weight: 400;
    height: 53px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.project-title h1::before {
    /* content: ''; */
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f4392f;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 0;
    -webkit-transform: translate(17px, -50%) rotate(45deg);
    -ms-transform: translate(17px, -50%) rotate(45deg);
    transform: translate(17px, -50%) rotate(45deg);
}

.project-title {
    width: 100%;
    position: relative;
    text-align: center;
}

h1,
h2,
h3,
h4,
h5,
p,
a {
    color: #5b5b5b;
}

.project-desc {
    margin-bottom: 70px;
}

.social-icon-share {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 13px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.social-icon-share ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.about-slog-four div p {
    color: #fff;
}

.social-icon-share ul li {
    float: right;
    margin: 0 3px;
}

.social-icon-share ul li a {
    margin: 0 !important;
}

.about-slog-three div p {
    color: #fff;
}

.about-image .about-image-slogan p {
    color: #fff;
}

.about-introduction .about-introduction-slogan div p {
    color: #fff;
}

.social-icon-share ul li a img {
    width: 17px;
    -webkit-filter: contrast(0.5);
    filter: contrast(0.5);
}

main.wrapper.projectsWrapper .a-p-h-boxes .a-p-h-box a {
    font-weight: 400;
    font-size: 0.8em;
    position: relative;
    display: block;
    margin-bottom: 25px;
}

main.wrapper.projectsWrapper .a-p-h-boxes .a-p-h-box a.single-pro-link {
    font-size: 1rem;
}

.btn.successBtn {
    width: 40%;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #6aaf39;
    border-radius: 30px;
    color: #6aaf39;
}

.btn.unSuccessBtn {
    width: 40%;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #a0a0a0;
    border-radius: 30px;
    color: #a0a0a0;
}

section.active-project-home .a-p-h-boxes.news-boxes {
    flex-direction: column;
}

section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box {
    width: 100% !important;
    margin: 0 0 40px 0;
    background-color: #ffffffb5;
    padding: 25px;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 1px 1px 13px 0px rgba(202, 202, 202, 0.25);
}

section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link {
    position: relative;
    display: flex;
}

section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link a.a-p-h-box-img {
    flex: 1;
    height: auto;
    margin: 0 0 0 40px;
}

section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link a.a-p-h-box-img img {}

section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link .news-box-info-title-share {
    flex: 5;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link .news-box-info-title-share a.news-box-info-title {
    margin: 0;
}

section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link .news-box-info-title-share a.news-box-info-title h3 {
    margin: 0 0 25px 0;
    height: auto;
    font-size: 20px;
    font-weight: 400;
}

section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link .news-box-info-title-share a.news-box-info-title p {
    height: auto;
    margin: 0 0 25px 0;
}

section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link .news-box-info-title-share .social-icon-share {
    justify-content: flex-end;
    margin: 0;
}

section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link .news-box-info-title-share .social-icon-share>span {
    margin: 0 25px;
}

/*---------------project------------------*/
/*---------------single blog------------------*/
main.wrapper.singelBlogWrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.single-blog-container {
    position: relative;
    width: calc(100vw - 40vw);
    display: inline-block;
    margin: 170px 20vw 30px;
}

.single-blog-container .single-blog-img {
    width: 100%;
    height: 70vh;
}

.single-blog-container .single-blog-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.single-blog-container .single-blog-share {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.single-blog-related-title {
    text-align: center;
    margin-bottom: 30px;
}

.single-blog-related-title h2 {
    position: relative;
    display: inline-block;
    padding-right: 16px;
}

.single-blog-container .single-blog-title {
    text-align: center;
    margin-bottom: 25px;
}

.single-blog-container .single-blog-desc {}

.single-blog-container .single-blog-share p {
    margin-left: 5px;
    color: #b3b3b3;
}

.single-blog-container .single-blog-share img {
    width: 22px;
}

.single-blog-container .single-blog-title h1 {
    font-size: 1.7em;
    color: #e52329;
}

main.wrapper.singelBlogWrapper .blog-boxes {
    margin: 0 100px;
    width: calc(100% - 200px);
}

main.wrapper.singelBlogWrapper .blog-boxes>h2 {
    text-align: center;
    font-size: 1.7em;
    margin-bottom: 40px;
}

/*---------------single blog------------------*/


/* --------------------------------

xcody-info

-------------------------------- */
#cody-info {
    position: relative;
    background: #FFF;
    height: 44px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

#cody-info .cody-info-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -13px;
}

#cody-info .cody-info-logo svg {
    display: block;
    -webkit-transition: opacity, 0.2s;
    -o-transition: opacity, 0.2s;
    transition: opacity, 0.2s;
}

#cody-info .cody-info-logo svg:hover {
    opacity: .9;
}

#cody-info .cody-info-logo .cody-info-logo-svg {
    fill: #343642;
}

#cody-info li {
    position: absolute;
    top: 0;
}

#cody-info li:first-child {
    left: 0;
}

#cody-info li:last-child {
    right: 0;
}

#cody-info li a {
    display: block;
    width: 44px;
    height: 44px;
    position: relative;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}

#cody-info li a:hover {
    background-color: #29889b;
}

#cody-info li a:hover .cody-info-buttons-svg {
    fill: #FFF;
}

#cody-info li svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
}

#cody-info li .cody-info-buttons-svg {
    fill: #29889b;
}

#cody-info.cody-info-bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
}

#cody-info::after {
    content: '';
    display: table;
    clear: both;
}

@media only screen and (min-width: 600px) {
    #cody-info {
        height: 60px;
    }

    #cody-info li a {
        height: 60px;
        width: 60px;
    }
}

/* --------------------------------

Main components

-------------------------------- */
header[role=banner] {
    position: relative;
    height: 50px;
    background: #343642;
}

header[role=banner] #cd-logo {
    float: left;
    margin: 4px 0 0 5%;
    /* reduce logo size on mobile and make sure it is left aligned with the transform-origin property */
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

header[role=banner] #cd-logo img {
    display: block;
}

header[role=banner]::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}

.single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-info p {
    display: flex;
}

@media only screen and (min-width: 768px) {
    header[role=banner] {
        height: 80px;
    }

    header[role=banner] #cd-logo {
        margin: 20px 0 0 5%;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.main-nav {
    float: right;
    margin-right: 5%;
    width: 44px;
    height: 100%;
    background: url("../img/cd-icon-menu.svg") no-repeat center center;
    cursor: pointer;
}

.main-nav ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.main-nav ul.is-visible {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

.main-nav a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 5%;
    background: #292a34;
    border-top: 1px solid #3b3d4b;
    color: #FFF;
}

@media only screen and (min-width: 768px) {
    .main-nav {
        width: auto;
        height: auto;
        background: none;
        cursor: auto;
    }

    .main-nav ul {
        position: static;
        width: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        line-height: 80px;
    }

    .main-nav ul.is-visible {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .main-nav li {
        display: inline-block;
        margin-left: 1em;
    }

    .main-nav li:nth-last-child(2) {
        margin-left: 2em;
    }

    .main-nav a {
        display: inline-block;
        height: auto;
        line-height: normal;
        background: transparent;
    }

    .main-nav a.cd-signin,
    .main-nav a.cd-signup {
        padding: .6em 1em;
        border: 1px solid rgba(255, 255, 255, 0.6);
        border-radius: 50em;
    }

    .main-nav a.cd-signup {
        background: #2f889a;
        border: none;
    }
}

/* --------------------------------

xsigin/signup popup

-------------------------------- */

div#map {
    width: 100%;
    height: 100%;
}

/*---------Scroll Style------------*/
html::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
}

html::-webkit-scrollbar {
    width: 0.4rem;
    background-color: rgb(255, 255, 255);
}

html::-webkit-scrollbar-thumb {
    background-color: #6aaf39;
}

/*---------Scroll Style------------*/
/*=====================================================Add New css
by Nikoo
 on 4.7.2020 */
section.home-news .home-news-container .h-s-box .h-s-img-box img {
    object-fit: contain;
    -o-object-fit: contain;
}

section.home-news .home-news-container .h-s-box .h-s-img-info {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    bottom: 0;
    background: rgba(255, 255, 255, 0.84);
    width: auto;
    /* background: rgb(255, 255, 255); */
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.2497373949579832)), color-stop(50%, rgba(255, 255, 255, 0.5018382352941176)), color-stop(75%, rgba(255, 255, 255, 0.7511379551820728)), to(rgba(255, 255, 255, 1))); */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2497373949579832) 25%, rgba(255, 255, 255, 0.5018382352941176) 50%, rgba(255, 255, 255, 0.7511379551820728) 75%, rgba(255, 255, 255, 1) 100%);
    /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2497373949579832) 25%, rgba(255, 255, 255, 0.5018382352941176) 50%, rgba(255, 255, 255, 0.7511379551820728) 75%, rgba(255, 255, 255, 1) 100%); */
    color: #000 !important;
    padding: 25px 42px;
    box-sizing: border-box;
    width: 100%;
}

section.home-news .home-news-container .h-s-box .h-s-img-info * {
    color: #000 !important;
    font-weight: 400;
}

div#mah-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10000000;
    background: #fff;
    padding: 25px;
    width: 70vw;
    height: auto;
    overflow-x: hidden;
    max-height: 70vh;
    overflow-y: auto;
    pointer-events: none;
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    opacity: 0;
    box-shadow: 1px 1px 12px rgba(171, 171, 171, 0.67);
}

html.showModal div#mah-modal {
    opacity: 1;
    pointer-events: auto;
}

div#mah-modal .mah-modal-container {
    position: relative;
    width: 100%;
    height: 100%;
}

div#mah-modal .mah-modal-close {
    margin-bottom: 20px;
    cursor: pointer;
}

div#mah-modal .mah-modal-wrapper {
    width: 100%;
    height: 100%;
}

div#mah-modal .mah-modal-button {
    margin: 25px 0;
    text-align: left;
}

div#mah-modal .mah-modal-wrapper .mah-modal-img {
    width: 100%;
    height: 100%;
}

div#mah-modal .mah-modal-wrapper .mah-modal-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

div#mah-modal .mah-modal-close img {
    width: 18px;
}

div#mah-modal .mah-modal-button a.btn.modalBtn {
    background: #6aaf39;
    padding: 10px 38px;
}

div#mah-modal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
}

div#mah-modal::-webkit-scrollbar {
    width: 0.2rem;
    background-color: rgb(255, 255, 255);
}

div#mah-modal::-webkit-scrollbar-thumb {
    background-color: #6aaf39;
}

.mah-modal-overlay {
    position: fixed;
    z-index: 99999;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.8);
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    opacity: 0;
}

html.showModal .mah-modal-overlay {
    opacity: 1;
    pointer-events: auto;
}

main.wrapper.flowerOrderWrapper .user-dashboard-container .profile-info {
    padding: 0;
}

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

    /*=====================================================Add New css
by Nikoo
 on 4.7.2020 */
    div#mah-modal {
        width: 85vw;
    }

    .swiper-pagination {
        display: none;
    }

    /*---------Nav------------*/
    header.header {
        padding: 0 20px;
        height: 80px;
        background: rgba(0, 0, 0, 0.83) !important;
    }

    nav {
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: #fff;
        left: 0;
        top: 0;
        -webkit-transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
        pointer-events: none;
        top: -100vh;
        z-index: 10;
    }

    header.header .logo-header-container nav ul li a {
        color: #000
    }

    html.opM header .profile-access a {
        color: #000;
    }

    header.header.tiny .logo-header-container nav ul li a {
        color: #000
    }

    html.opM header.tiny .profile-access a {
        color: #000;
    }

    header.header.background--light nav ul li a {
        color: #000
    }

    section.home-Slider {
        padding: 0 20px;
        height: auto;
        margin-bottom: 40px;
    }

    main.wrapper.flowerOrderWrapper .user-dashboard-container {
        padding: 0;
    }

    .mobile-box-menu {
        position: relative;
        display: block;
        padding: 30px 0;
        cursor: pointer;
        z-index: 12;
    }

    .mobile-box-menu .menu-mobile-box {
        position: relative;
        width: 45px;
        height: 9px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .mobile-box-menu .menu-mobile-box span {
        display: block;
        width: 100%;
        height: 1px;
        -webkit-transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
        background: #fff;
    }

    header.header .logo-header-container a.identify {
        width: 60px;
        height: 63px;
    }

    html.opM nav {
        top: 0;
        pointer-events: auto;
    }

    header.header .logo-header-container nav ul {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    header.header.background--dark .logo-header-container nav ul li a {
        color: #000;
    }

    header.header .logo-header-container nav ul li {
        float: unset;
        padding: 0;
        font-size: 1.5rem;
        line-height: 2;
    }

    html.opM .mobile-box-menu .menu-mobile-box span {
        background: #000 !important;
    }

    html.opM .mobile-box-menu .menu-mobile-box span:first-child {
        -webkit-transform: rotate(45deg) translate(3px, 5px);
        -ms-transform: rotate(45deg) translate(3px, 5px);
        transform: rotate(45deg) translate(3px, 5px);
    }

    html.opM .mobile-box-menu .menu-mobile-box span:last-child {
        -webkit-transform: rotate(-45deg) translate(0px, -3px);
        -ms-transform: rotate(-45deg) translate(0px, -3px);
        transform: rotate(-45deg) translate(0px, -3px);
    }

    header.header.background--dark .mobile-box-menu .menu-mobile-box span {
        background: #fff;
    }

    header.header .logo-header-container a.identify {
        position: relative;
        display: inline-block;
    }

    header.header .logo-header-container {
        display: inline-block;
        z-index: 12;
    }

    html.opM header.header.tiny .user-logged-in {
        color: #000;
    }

    header.header .profile-access {
        position: relative;
        display: block;
        z-index: 12;
    }

    /*---------Nav------------*/
    /*---------Home-----------*/
    section.home-slogan {
        padding: 40px 20px;
        height: auto;
    }

    section.home-slogan img {
        width: 130px;
    }

    main.wrapper.homeWrapper {
        width: 100vw;
    }

    section#homeSlide.homeSlider {
        margin-top: 80px;
        height: auto;
    }

    section.home-slogan h2 {
        font-size: 1rem;
        font-weight: 500;
        padding-right: 5px;
    }

    section.homeVideo {
        padding: 0 20px;
        height: 50vh;
    }

    section.active-project-home {
        padding: 50px 20px 15px;
        margin: 0 0 30px 0;
    }

    .home-slide-project .swiper-container .swiper-wrapper .swiper-slide .home-slide-box .home-slide-box-info {
        position: relative;
        padding: 30px 50px;
    }

    .home-slide-project {
        margin: 0;
        height: auto;
    }

    h1 {
        font-size: 1.5rem !important;
        font-weight: 500;
    }

    section.active-project-home .a-p-h-boxes {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    section.active-project-home .a-p-h-boxes .a-p-h-box {
        width: 100% !important;
        margin: 0 0 40px 0;
    }

    section.active-project-home .a-p-h-boxes .a-p-h-box .a-p-h-box-img {
        height: auto !important;
    }

    section.home-news {
        padding: 0px 20px 20px;
    }

    section.home-news .home-news-container .h-s-box {
        height: auto;
    }

    section.home-story {
        padding: 25px 20px;
    }

    section.home-story .h-s-supported {
        width: 100%;
        margin: 0;
    }

    section.home-story .h-s-supported p {
        width: 100%;
    }

    header.header.background--light a.login {
        color: #000;
    }

    header.header.background--light a.login p {
        color: #000;
    }

    section.home-story .h-s-supported-boxes a.h-s-s-box {
        width: calc(100vw/2 - 20px);
        height: calc(100vw/2 - 20px);
    }

    section.home-sponsor {
        padding: 50px 20px;
    }

    section.home-sponsor .h-s-real {
        width: 100%;
    }

    section.home-sponsor .h-s-legal {
        width: 100%;
        margin-top: 30px;
    }

    section.home-sponsor .h-s-real-boxes a.h-s-real-box {
        width: calc(100vw/2 - 20px);
        height: calc(100vw/2 - 20px);
    }

    .h-m-p-container {
        padding: 0 20px;
        margin-top: 40px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    section.home-map-pin {
        background: unset;
        height: auto;
    }

    .h-m-p-container .h-m-p-box {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 10px 0 !important;
        padding: 20px;
        text-align: center;
    }

    .flowerOrderContainer .order-flower-boxes .h-m-p-container .h-m-p-box a.btn {
        position: relative;
        bottom: 0
    }

    .h-m-p-container .h-m-p-box h2 {
        font-size: 1.2rem;
        text-align: right;
        padding-right: 18px;
    }

    .h-m-p-container .h-m-p-box p {
        font-size: 0.95rem;
        text-align: justify;
    }

    .h-m-p-container .h-m-p-box a.btn {
        position: relative;
        left: unset;
        right: unset;
        top: unset;
        bottom: unset;
        margin: 0 auto;
    }

    section.home-order-flower {
        padding: 50px 20px;
    }

    section.home-order-flower .h-o-f-container {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    section.home-order-flower .h-o-f-container .h-o-f-img-box {
        width: 100%;
        margin: 0 0 15px 0;
    }

    section.home-order-flower .h-o-f-container .h-o-info {
        width: 100%;
    }

    section.home-order-flower .h-o-f-container h2 {
        font-size: 1.5rem;
        font-weight: 500;
        margin-bottom: 15px;
        padding-right: 21px;
    }

    section.home-order-flower .h-o-f-container .h-o-info p {
        text-align: justify;
    }

    h2::before {
        right: 14px;
    }

    section.home-social-icon {
        padding: 50px 20px;
    }

    section.home-social-icon .h-s-i-img-boxes {
        width: 100%;
    }

    section.home-social-icon .home-social-icon-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    section.home-social-icon .h-s-i-box-info {
        width: 100%;
        margin: 25px 0 0 0;
    }

    section.home-social-icon .h-s-i-img-boxes .h-s-i-img {
        width: 100%;
        height: auto;
    }

    section.home-social-icon .h-s-i-img-boxes .h-s-i-img {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 10px 0;
    }

    section.home-social-icon .h-s-i-box-info h1 {
        font-size: 1.3rem;
        padding: 0;
    }

    section.home-social-icon .h-s-i-box-info p {
        text-align: justify;
    }

    section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link {
        flex-direction: column;
    }

    section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link a.a-p-h-box-img {
        margin: 0 0 30px 0px;
    }

    section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link .news-box-info-title-share a.news-box-info-title {
        margin-bottom: 25px;
    }

    section.home-row {
        padding: 0 20px;
        padding-bottom: 40px;
    }

    section.home-row p {
        width: 100%;
        text-align: justify;
    }

    .social-icon {
        padding: 50px 20px;
    }

    footer {
        /* margin: 20px; */
        padding: 20px;
        width: 100vw;
    }

    footer .footer-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        align-items: baseline;
    }

    footer .footer-inner .footer-box {
        margin-bottom: 30px;
    }

    section.home-news .home-news-container .h-s-box .h-s-img-info {
        width: 100%;
        position: relative;
        background: none;
        left: auto;
        transform: none;
        display: block;
        padding: 10px 0;
    }

    section.home-news .home-news-container .h-s-box .h-s-img-info * {
        color: #545454;
        font-size: 1rem;
    }

    section.home-sponsor h2 {
        padding-right: 14px;
        text-align: right;
    }

    section#homeSlide.homeSlider .control {
        padding: 0 20px;
    }

    .main-title {}

    section#homeSlide.homeSlider .control .arrow img {
        width: 25px;
    }

    .slider-obj .s-b {
        width: 30px;
        height: 30px;
    }

    .slider-obj img {
        width: 15px;
    }

    .slider-obj {
        left: calc(50% - 30px);
    }

    .social-icon-slider {
        right: 20px;
        bottom: 110px;
    }

    section#homeSlide.homeSlider .main-title a.btn.enterBtn {
        width: 70px;
    }

    section#homeSlide.homeSlider .main-title p {
        display: block;
        font-size: 0.9rem !important;
        /* height: 22vh; */
        /* overflow: hidden; */
        /* overflow-y: auto; */
        margin: 0;
    }

    section#homeSlide.homeSlider .main-title h1 {
        font-size: 1rem !important;
        font-weight: bold;
        margin: 0 0 5px 0;
    }

    section#homeSlide.homeSlider .main-title {
        left: 50%;
        width: 100%;
        height: auto;
        bottom: 0;
        box-sizing: border-box;
        padding: 7px 10px !important;
        transform: translateX(-50%);
        position: relative;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .img-slider {
        height: 75%;
    }
    .swiper-container.swiper-container-home-two .slide-box .img-slider .slide-img-c {
        background-size: contain;
        background-image: unset !important;
        width: 100%;
        height: 100%;
    }

    .swiper-container.swiper-container-home-two .slide-box .img-slider .slide-img-c img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    section#homeSlide.homeSlider .main-title a.btn.enterBtn {
        font-size: 0.6rem;
        padding: 5px;
    }
    .swiper-container.swiper-container-home-two .img-slider{
        height: 50vh;
    }
    .spinner {
        bottom: 20px;
        right: 20px;
        width: 25px;
    }
    .swiper-container.swiper-container-home-two .swiper-button-prev {
        right: 12px;
        width: 21px;
        height: 28px;
        background-size: contain;
    }

    .swiper-container.swiper-container-home-two .swiper-button-next {
        left: 12px;
        width: 21px;
        height: 28px;
        background-size: contain;
    }
    .spinner span.show {
        height: 20px;
    }

    .spinner span {
        height: 10px;
    }

    section.home-news .home-news-container .h-s-box .h-s-img-info h3 {
        font-size: 1rem;
    }

    section.home-news .home-news-container .h-s-box .h-s-img-box {
        height: 37vh;
    }

    .a-p-h-box p {
        text-align: justify;
        height: auto;
    }

    .a-p-h-box h3 {
        font-weight: 500;
    }

    /*---------Home-----------*/
    /*-----------about------------*/
    main.wrapper.aboutWrapper {
        padding: 80px 0 0;
    }

    .about-video {
        height: auto;
    }

    .overlay {
        height: calc(100vh - 80px);
    }

    .about-video .about-video-box {
        height: calc(100vh - 80px);
    }

    .video-slogan {
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: 40vh;
    }

    .video-slogan p {
        font-size: 1.7rem;
    }

    section.homeVideo .video-play-icon img {
        width: 63px;
    }

    .about-video-banner {
        width: 100%;
        position: relative;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        left: unset;
        padding: 20px;
        bottom: unset;
    }

    .about-row {
        padding: 0 20px;
        margin-top: 50px;
    }

    .about-row .about-title {
        width: calc(100% - 25px);
    }

    .about-row p.about-desc {
        width: 100%;
        margin-bottom: 40px;
    }

    .about-image .about-image-slogan {
        position: relative;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        width: 100%;
        left: unset;
        padding: 20px;
    }

    .about-image {
        height: auto;
        margin-bottom: 50px;
    }

    .about-image .about-image-slogan p {
        margin: 0;
        text-align: justify;
    }

    .about-rows {
        padding: 0 20px;
    }

    .about-rows .about-target {
        margin: 0;
    }

    .about-rows .about-t-m-v-title {
        width: 100%;
        width: calc(100% - 25px);
    }

    .about-rows .about-t-m-v-info {
        width: 100%;
    }

    .about-slog-three {
        width: 100%;
        margin: 30px 0;
    }

    .about-slog-three div {
        padding: 20px;
        text-align: justify;
    }

    .about-slog-four {
        width: 100%;
        margin: 20px 0;
    }

    .about-slog-four div {
        padding: 20px;
        text-align: justify;
    }

    .about-introduction .about-introduction-slogan {
        position: relative;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        width: 100%;
        left: unset;
        padding: 20px;
        text-align: justify;
    }

    .about-introduction {
        height: auto;
        margin: 50px 0;
    }

    /*-----------about------------*/
    /*-----------project------------*/
    main.wrapper.projectsWrapper section.list-of-projects.active-project-home {
        padding: 90px 20px 40px;
    }

    section.active-project-home .project-title h1 {
        margin-bottom: 15px;
    }

    .project-desc {
        margin-bottom: 45px;
    }

    /*-----------project------------*/
    /*-----------blog---------------*/
    main.wrapper.blogWrapper {
        padding: 90px 20px 0px;
    }

    .blog-boxes {
        margin-top: 40px;
    }

    .blog-boxes .blog-box {
        width: 100%;
        margin: 0 0 82px 0;
    }

    .blog-boxes .blog-box h2 {
        font-size: 1rem;
    }

    .blog-boxes .blog-box .blog-box-img {
        height: auto;
    }

    /*-----------blog---------------*/
    /*---------single blog----------*/
    .single-blog-container {
        margin: 80px 0 0;
        width: 100vw;
    }

    .single-blog-container .single-blog-share {
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .single-blog-container .single-blog-title {
        padding: 0 20px;
    }

    .single-blog-container .single-blog-desc {
        padding: 0 20px;
        text-align: justify;
    }

    main.wrapper.singelBlogWrapper .blog-boxes {
        margin: 0 20px;
        width: calc(100% - 40px);
    }

    /*---------single blog----------*/
    /*--------single project--------*/
    main.wrapper.singleProjectWrapper {
        padding: 90px 0 0 0;
        width: 100vw;
    }

    .single-project-boxes {
        margin: 0 20px 50px;
    }

    main.wrapper.singleProjectWrapper .single-project-boxes h1 {
        font-size: 1.2rem !important;
    }

    .single-project-container {
        margin-top: 40px;
        margin-bottom: 0;
    }

    .single-project-container .single-project-information {
        width: 100%;
        margin: 0 0 70px 0;
    }

    .single-project-container .single-project-img {
        width: 100%;
    }

    .single-project-container .single-project-img .s-p-img {
        height: auto;
    }

    .single-project-comment {
        margin: 0 20px 85px;
        width: calc(100vw - 40px);
    }

    .single-project-comment-boxes {
        padding-left: 0;
    }

    .single-project-comment-boxes .single-project-comment-box .s-p-c-img-box {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

    .single-project-comment-boxes .single-project-comment-box .s-p-c-box-info {
        -webkit-box-flex: 15;
        -ms-flex: 15;
        flex: 15;
        margin-right: 15px;
    }

    div#single-comment-shadow {
        left: 0px;
        width: 100%;
    }

    .single-project-comment-boxes .single-project-comment-box {}

    .single-project-sponsor-team {
        margin: 0 20px 80px;
        width: calc(100vw - 40px);
    }

    .single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-p-c-question {
        padding: 15px;
    }

    .single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-info {
        padding: 15px;
        margin-right: 15px;
        -webkit-box-flex: 12;
        -ms-flex: 12;
        flex: 12;
    }

    .single-project-comment-boxes .single-project-comment-box .s-p-c-box-info .s-b-comment-reply .s-b-c-r .s-b-comment-img {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

    /*--------single project--------*/
    /*--------pay sponsor---------*/
    main.wrapper.payingSponsorWrapper {
        padding: 80px 20px;
    }

    section.payingSponsorContainer .paying-sponsor-desc {
        margin-bottom: 50px;
    }

    section.payingSponsorContainer .paying-sponsor-money div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin-bottom: 25px;
    }

    section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(1) p {
        width: 100%;
    }

    section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(1) label {
        width: 100%;
    }

    section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(2) label.radio {
        margin-bottom: 19px;
    }

    section.payingSponsorContainer .paying-sponsor-money div input {
        margin-right: 0;
    }

    section.payingSponsorContainer .paying-sponsor-money div:nth-of-type(4) .two {
        width: 100%;
    }

    section.payingSponsorContainer .paying-sponsor-money div input#opt5 {
        margin-right: 15px;
    }

    section.payingSponsorContainer .paying-sponsor-money div input#opt4 {
        margin-right: 15px;
    }

    section.payingSponsorContainer .paying-sponsor-money div input#opt6 {
        margin-right: 15px;
    }

    /*--------pay sponsor---------*/
    /*------flower order------*/
    main.wrapper.flowerOrderWrapper {
        padding: 80px 20px;
    }

    .flowerOrderContainer .order-flower-desc {
        text-align: justify;
    }

    .flowerOrderContainer .order-flower-boxes .order-flower-box {
        width: 100%;
        margin: 0 0 50px 0;
    }

    .flowerOrderContainer .order-flower-boxes .order-flower-box .order-flower-img {
        height: auto;
    }

    #tabs a {
        padding: .7em 1.5em;
        font-size: 0.9rem;
    }

    div#content {
        padding: 1em;
    }

    .profile-info {
        padding: 0;
    }

    .p-p-r-box p {
        font-size: 0.75rem;
    }

    /*------flower order------*/
    /*--------contact---------*/
    main.wrapper.contactWrapper {
        padding: 80px 20px;
    }

    .contact-title {
        margin-bottom: 40px;
    }

    .contact-form {
        width: 100%;
        margin-bottom: 30px;
    }

    .contact-map {
        margin: 0;
        width: 100%;
        height: 50vh;
    }

    .contact-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    /*--------contact---------*/
}

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

    /*---------nav-----------*/
    /*---------nav-----------*/
    /*---------Home----------*/
    section#homeSlide.homeSlider .main-title p {
        height: auto;
        font-size: 1rem;
    }

    section.active-project-home .a-p-h-boxes .a-p-h-box {
        width: calc(100vw/2 - 30px) !important;
        margin: 0 5px 30px;
    }

    section.active-project-home .a-p-h-boxes .a-p-h-box .a-p-h-box-img {
        height: calc(100vw/2 - 30px) !important;
    }

    section.home-news .home-news-container .h-s-box .h-s-img-box {
        height: 50vh;
    }

    section.home-story .h-s-supported-boxes a.h-s-s-box {
        width: calc(100vw/3 - 15px);
        height: calc(100vw/3 - 15px);
    }

    section.home-social-icon .h-s-i-img-boxes .h-s-i-img {
        width: calc(100vw/2 - 30px) !important;
        margin: 0 5px 10px !important;
    }

    section#homeSlide.homeSlider .main-title h1 {
        font-weight: 300;
        font-size: 1.5rem !important;
    }

    .a-p-h-box p {
        height: 160px;
    }

    /*---------Home----------*/
    /*---------blog-----------*/
    .blog-boxes .blog-box {
        width: calc(100vw/2 - 32px);
        margin: 0 5px 66px;
    }

    .blog-boxes .blog-box .blog-box-img {
        height: calc(100vw/3 - -15px);
    }

    /*---------blog-----------*/
    /*-----single project-----*/
    .single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box {
        width: calc(50vw - 30px);
        margin: 0 5px 10px;
    }

    /*-----single project-----*/
    /*------flower order------*/
    .flowerOrderContainer .order-flower-boxes .order-flower-box {
        width: calc(50vw - 33px);
        margin: 0 5px 30px;
    }

    .flowerOrderContainer .order-flower-boxes .order-flower-box .order-flower-img {
        height: calc(33vw - 33px);
    }

    .flowerOrderContainer .order-flower-boxes .h-m-p-container .h-m-p-box {
        width: calc((50vw - 33px)) !important;
        margin: 0 5px 10px !important;
        height: calc(100vw/2 - 10px) !important;
    }

    .flowerOrderContainer .order-flower-boxes .h-m-p-container .h-m-p-box a.btn {
        position: absolute;
        bottom: 30px;
    }

    /*------flower order------*/
}

@media only screen and (min-width: 769px) and (max-width: 1030px) {

    /*----------nav------------*/
    /*----------nav------------*/
    /*----------Home-----------*/
    header.header {
        padding: 0 60px;
    }

    main.wrapper.flowerOrderWrapper .user-dashboard-container {
        padding: 0 10vw;
    }

    section#homeSlide.homeSlider .control {
        padding: 0 60px;
    }

    section#homeSlide.homeSlider .main-title {
        left: 60px;
        width: calc(50% - 115px);
    }

    section.home-slogan {
        padding: 60px;
        height: auto;
    }

    section.home-slogan img {
        width: 30vw;
    }

    section.homeVideo {
        height: auto;
        padding: 0 60px;
    }

    .h-m-p-container .h-m-p-box h2 {
        font-size: 1.2rem;
    }

    section.active-project-home {
        padding: 122px 60px 70px !important;
    }

    section.active-project-home .a-p-h-boxes .a-p-h-box {
        width: calc(100vw/3 - 62px) !important;
    }

    .a-p-h-boxes p {
        height: 178px;
    }

    section.active-project-home .a-p-h-boxes {}

    section.active-project-home .a-p-h-boxes .a-p-h-box .a-p-h-box-img {
        height: calc(100vw/3 - 62px) !important;
    }

    section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link .news-box-info-title-share {
        flex: 3;
    }

    section.home-news {
        padding: 0 60px 50px;
    }

    section.home-news .home-news-container .h-s-box {
        height: 50vh;
    }

    section.home-story .h-s-supported {
        width: 100%;
    }

    section.home-story .h-s-supported-boxes a.h-s-s-box {
        width: calc(100vw/5 - 26px);
        height: calc(100vw/5 - 26px);
    }

    section.home-story {
        padding: 60px;
    }

    section.home-sponsor {
        padding: 60px;
    }

    .h-m-p-container {
        padding: 0 60px;
    }

    .h-m-p-container .h-m-p-box {
        height: auto;
        padding: 15px;
        text-align: center;
    }

    .h-m-p-container .h-m-p-box:nth-of-type(1) {
        margin: 0 0 0 5px;
    }

    .h-m-p-container .h-m-p-box p {
        font-size: 0.9rem
    }

    .h-m-p-container .h-m-p-box:nth-of-type(2) {
        margin: 0 5px;
    }

    .h-m-p-container .h-m-p-box:nth-of-type(3) {
        margin: 0 5px;
    }

    .h-m-p-container .h-m-p-box:nth-of-type(4) {
        margin: 0 5px 0 0;
    }

    section.home-order-flower {
        padding: 80px 60px;
    }

    section.home-order-flower .h-o-f-container {
        height: auto;
    }

    section.home-order-flower .h-o-f-container h2 {
        font-size: 2rem;
    }

    section.home-social-icon {
        padding: 60px;
    }

    section.home-social-icon .h-s-i-img-boxes {
        width: 100%;
        margin-bottom: 30px;
    }

    section.home-social-icon .h-s-i-box-info {
        width: 100%;
        margin: 0;
    }

    .flowerOrderContainer .order-flower-boxes .h-m-p-container .h-m-p-box {
        margin: 0 5px 10px;
        width: calc(33% - 8px);
        height: calc(100vw/3 - -47px);
    }

    .flowerOrderContainer .order-flower-boxes .h-m-p-container .h-m-p-box a.btn {
        width: calc(100% - 30px);
    }

    section.home-social-icon .home-social-icon-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    section.home-social-icon .h-s-i-img-boxes .h-s-i-img {
        height: calc(100vh/3);
    }

    section.home-social-icon .h-s-i-img-boxes .h-s-i-img:nth-of-type(2) {
        height: calc(50vh/3 - 5px);
    }

    section.home-social-icon .h-s-i-img-boxes .h-s-i-img:nth-of-type(4) {
        height: calc(50vh/3 - 5px);
    }

    section.home-social-icon .h-s-i-img-boxes .h-s-i-img:nth-of-type(3) {
        height: calc(50vh/3 - 5px);
    }

    section.home-social-icon .h-s-i-img-boxes .h-s-i-img:nth-of-type(5) {
        height: calc(50vh/3 - 5px);
    }

    section.home-social-icon .h-s-i-box-info h1 {
        padding: 0;
    }

    section.home-row p {
        width: 50%;
    }

    section.home-row {
        padding: 0 60px;
    }

    footer {
        margin: 20px 60px;
        width: calc(100vw - 120px);
    }

    /*----------Home-----------*/
    /*---------about----------*/
    .about-video-banner {
        width: 70%;
    }

    .about-row {
        padding: 0 10vw;
    }

    .about-image {
        height: 50vh;
        margin-bottom: 315px;
    }

    .about-image .about-image-slogan {
        width: 70%;
    }

    .about-rows {
        padding: 0 10vw;
    }

    .about-slog-three {
        width: 70%;
    }

    .about-slog-four {
        width: 70%;
    }

    .about-introduction {
        height: 50vh;
    }

    .about-introduction .about-introduction-slogan {
        width: 70%;
    }

    /*---------about----------*/
    /*--------project---------*/
    main.wrapper.projectsWrapper section.list-of-projects.active-project-home {
        padding: 140px 70px;
    }

    /*--------project---------*/
    /*---------blog-----------*/
    main.wrapper.blogWrapper {
        padding: 110px 60px 50px;
    }

    .blog-boxes .blog-box {
        width: calc(100vw/3 - 52px);
        margin: 0 5px 66px;
    }

    .blog-boxes .blog-box .blog-box-img {
        height: calc(100vw/4 - -15px);
    }

    /*---------blog-----------*/
    /*------single blog-------*/
    .single-blog-container {
        margin: 150px 60px 75px;
        width: calc(100vw - 120px);
    }

    .single-blog-container .single-blog-img {
        height: auto;
    }

    main.wrapper.singelBlogWrapper .blog-boxes {
        margin: 0 60px;
        width: calc(100vw - 120px);
    }

    /*------single blog-------*/
    /*-----single project-----*/
    .single-project-boxes {
        margin: 0 60px 0;
    }

    .single-project-container .single-project-img .s-p-img {
        height: auto;
    }

    .single-project-comment {
        margin: 0 60px 80px;
        width: calc(100vw - 120px);
    }

    .single-project-sponsor-team {
        margin: 0 60px 80px;
        width: calc(100vw - 120px);
    }

    .single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box {
        width: calc(33vw - 60px);
    }

    /*-----single project-----*/
    /*-------pay sponsor------*/
    main.wrapper.payingSponsorWrapper {
        padding: 140px 60px;
    }

    /*-------pay sponsor------*/
    /*------flower order------*/
    main.wrapper.flowerOrderWrapper {
        padding: 130px 60px 75px;
    }

    .flowerOrderContainer .order-flower-desc {
        text-align: justify;
    }

    .flowerOrderContainer .order-flower-boxes .order-flower-box {
        width: calc(33vw - 49px);
        margin: 0 5px 30px;
    }

    .flowerOrderContainer .order-flower-boxes .order-flower-box .order-flower-sponsor a.btn.orderFlowerBtn {
        padding: 10px 25px;
    }

    .flowerOrderContainer .order-flower-boxes .order-flower-box .order-flower-img {
        height: calc(25vw - 49px);
    }

    /*------flower order------*/
    /*---------contact---------*/
    main.wrapper.contactWrapper {
        padding: 130px 60px;
    }

    .contact-map {
        margin: 0 60px 0 0;
        width: calc(66.6666% - 60px);
    }

    /*---------contact---------*/
    .blog-boxes .blog-box .blog-desc {}
    section.home-sponsor .h-s-real-boxes a.h-s-real-box {
        width: calc(100vw/7 - -56px);
        height: calc(100vw/7 - -56px);
    }

    section.home-sponsor .h-s-legal {
        width: 45%;
        margin-top: 20px;
    }
    section.home-sponsor h2 {
        margin-bottom: 20px;
    }
    section.home-sponsor .h-s-real {
        width: 45%;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 1031px) {

    /*----------Nav------------*/
    header.header {
        padding: 0 70px;
    }

    /*----------Nav------------*/
    /*----------Home-----------*/
    section#homeSlide.homeSlider .control {
        padding: 0 70px;
    }

    section#homeSlide.homeSlider .main-title {
        left: 70px;
        width: calc(50% - 144px);
    }

    section.home-slogan img {
        width: 30vw;
    }

    section.home-slogan {
        padding: 10px 70PX;
        height: auto;
    }

    main.wrapper.flowerOrderWrapper .user-dashboard-container {
        padding: 0 10vw;
    }

    section.active-project-home {
        padding: 80px 70px 40px;
    }

    .flowerOrderContainer .order-flower-boxes .h-m-p-container .h-m-p-box {
        margin: 0 5px 10px;
        width: calc(33% - 8px);
        height: calc(100vw/3 - -47px);
    }

    .flowerOrderContainer .order-flower-boxes .h-m-p-container .h-m-p-box a.btn {
        width: calc(100% - 48px);
    }

    section.active-project-home .a-p-h-boxes .a-p-h-box {
        width: calc(100vw/3 - 69px) !important;
    }

    .a-p-h-boxes p {
        height: 178px;
    }

    section.active-project-home .a-p-h-boxes .a-p-h-box .a-p-h-box-img {
        height: calc(100vw/3 - 69px);
    }

    section.active-project-home .a-p-h-boxes.news-boxes .a-p-h-box.news-box .single-pro-link .news-box-info-title-share {
        flex: 3;
    }

    section.home-story .h-s-supported p {
        width: 100%;
    }

    section.home-story .h-s-supported-boxes a.h-s-s-box {
        width: calc(100vw/8 - 2px);
        height: calc(100vw/8 - 2px);
    }

    section.home-story {
        padding: 70px;
    }

    section.home-news {
        padding: 60px 70px 50px;
    }

    section.home-sponsor {
        padding: 70px;
    }

    .h-m-p-container {
        padding: 0 70px;
    }

    .h-m-p-container .h-m-p-box {
        height: auto;
    }

    section.home-order-flower .h-o-f-container h2 {
        font-size: 1.25rem;
    }

    section.home-order-flower {
        padding: 70px;
    }

    section.home-order-flower .h-o-f-container {
        height: auto;
    }

    section.home-social-icon {
        padding: 60px 70px;
    }

    section.home-social-icon .h-s-i-box-info h1 {
        font-size: 1.25rem;
    }

    section.home-social-icon .home-social-icon-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    section.home-social-icon .h-s-i-img-boxes {
        width: 100%;
        margin-bottom: 30px;
    }

    section.home-social-icon .h-s-i-box-info {
        margin: 0;
        width: 100%;
    }

    section.home-row p {
        width: 50%;
    }

    /*----------Home-----------*/
    /*---------about----------*/
    .about-video-banner {
        width: 70%;
    }

    .about-row {
        padding: 0 10vw;
    }

    .about-image {
        height: 50vh;
        margin-bottom: 315px;
    }

    .about-image .about-image-slogan {
        width: 70%;
    }

    .about-rows {
        padding: 0 10vw;
    }

    .about-slog-three {
        width: 70%;
    }

    .about-slog-four {
        width: 70%;
    }

    .about-introduction {
        height: 50vh;
    }

    .about-introduction .about-introduction-slogan {
        width: 70%;
    }

    /*---------about----------*/
    /*---------blog-----------*/
    main.wrapper.blogWrapper {
        padding: 110px 70px 50px;
    }

    .blog-boxes .blog-box {
        width: calc(100vw/3 - 60px);
        margin: 0 5px 66px;
    }

    .blog-boxes .blog-box .blog-box-img {
        height: calc(100vw/4 - 33px);
    }

    /*---------blog-----------*/
    /*------single blog-------*/
    .single-blog-container {
        margin: 150px 70px 75px;
        width: calc(100vw - 140px);
    }

    .single-blog-container .single-blog-img {
        height: auto;
    }

    main.wrapper.singelBlogWrapper .blog-boxes {
        margin: 0 70px;
        width: calc(100vw - 140px);
    }

    /*------single blog-------*/
    /*------single project------*/
    .single-project-boxes {
        margin: 0px 70px 50px;
    }

    .single-project-comment {
        width: calc(100vw - 140px);
        margin: 0 70px 120px;
    }

    .single-project-sponsor-team {
        width: calc(100vw - 140px);
        margin: 0 70px 70px;
    }

    .single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box {
        width: calc(25vw - 56px);
    }

    /*------single project------*/
    /*-------pay sponsor------*/
    main.wrapper.payingSponsorWrapper {
        padding: 140px 70px;
    }

    /*-------pay sponsor------*/
    /*------flower order------*/
    main.wrapper.flowerOrderWrapper {
        padding: 130px 70px 75px;
    }

    .flowerOrderContainer .order-flower-desc {
        text-align: justify;
    }

    .flowerOrderContainer .order-flower-boxes .order-flower-box {
        width: calc(33vw - 57px);
        margin: 0 5px 50px;
    }

    .flowerOrderContainer .order-flower-boxes .order-flower-box .order-flower-sponsor a.btn.orderFlowerBtn {
        padding: 10px 25px;
    }

    .flowerOrderContainer .order-flower-boxes .order-flower-box .order-flower-img {
        height: calc(25vw - 49px);
    }

    /*------flower order------*/
    /*---------contact---------*/
    main.wrapper.contactWrapper {
        padding: 130px 70px;
    }

    .contact-map {
        margin: 0 60px 0 0;
        width: calc(66.6666% - 70px);
    }

    /*---------contact---------*/
    .blog-boxes .blog-box .blog-desc {}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    /*---------Home----------*/
    section.home-slogan {
        padding: 80px 15vw;
        height: auto;
    }

    section.home-slogan img {
        width: 25vw;
    }

    section.active-project-home {
        padding: 80px 15vw 30px;
    }

    section.active-project-home .a-p-h-boxes .a-p-h-box {
        width: calc(70vw/3 - 23px);
    }

    section.active-project-home .a-p-h-boxes .a-p-h-box .a-p-h-box-img {
        height: calc(70vw/3 - 23px);
    }

    section.active-project-home .a-p-h-boxes {
        padding-bottom: 10px;
    }

    section.active-project-home .a-p-h-boxes .a-p-h-box a.single-pro-link p {
        height: 192px;
        overflow: hidden;
        margin-bottom: 25px;
        text-align: justify;
        font-size: 0.85rem;
    }

    section.active-project-home .a-p-h-boxes .a-p-h-box a.single-pro-link h3 {
        font-size: 1.1rem;
        font-weight: 500;
        height: 42px;
    }

    section.home-story .h-s-supported-boxes a.h-s-s-box {
        width: calc(100vw/9 - 8px);
        height: calc(100vw/9 - 8px);
    }

    main.wrapper.flowerOrderWrapper .user-dashboard-container {
        padding: 0 22vw;
    }

    section.home-sponsor .h-s-real-boxes a.h-s-real-box {
        width: calc(100vw/9 - 1px);
        height: calc(100vw/9 - 1px);
    }

    .h-m-p-container {
        padding: 0 10vw;
    }

    .h-m-p-container .h-m-p-box {
        padding: 20px;
        height: auto;
    }

    .flowerOrderContainer .order-flower-boxes .h-m-p-container .h-m-p-box {
        margin: 0 5px 10px;
        width: calc(33% - 8px);
        height: calc(100vw/3 - 29px);
    }

    .flowerOrderContainer .order-flower-boxes .h-m-p-container .h-m-p-box a.btn {
        width: calc(100% - 40px);
    }


    section.home-order-flower .h-o-f-container h2 {
        font-size: 1.5rem;
    }

    section.home-order-flower .h-o-f-container {
        height: auto;
    }

    section.home-order-flower {
        padding-bottom: 50px;
    }

    section.home-social-icon .h-s-i-box-info h1 {
        font-size: 1.5rem;
    }

    /*---------Home----------*/
    /*---------about---------*/
    .about-video-banner {
        width: 70%;
    }

    .about-row {
        padding: 0 15vw;
    }

    .about-image .about-image-slogan {
        width: 70%;
    }

    .about-rows {
        padding: 0 15vw;
    }

    .about-slog-three {
        width: 70%;
    }

    .about-slog-four {
        width: 70%;
    }

    .about-introduction .about-introduction-slogan {
        width: 70%;
    }

    /*---------about---------*/
    /*--------project--------*/
    main.wrapper.projectsWrapper .a-p-h-boxes .a-p-h-box {
        width: calc(100vw/4 - 72px);
        margin-bottom: 50px;
    }

    /*--------project--------*/
    /*----------blog---------*/
    .blog-boxes .blog-box h2 {
        font-size: 16px;
        height: 42px;
        overflow: hidden;
    }

    /*----------blog---------*/
    /*------single blog------*/
    .single-blog-container {
        margin: 170px 15vw 75px;
        width: calc(100vw - 30vw);
    }

    /*------single blog------*/
    /*------single project-------*/
    .single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box {
        width: calc(25vw - 92px);
    }

    .single-project-boxes {
        margin: 0 10vw 50px;
    }

    .single-project-comment {
        width: calc(100vw - 20vw);
        margin: 0 10vw 130px;
    }

    .single-project-sponsor-team {
        width: calc(100vw - 20vw);
        margin: 0 10vw 130px;
    }

    /*------single project-------*/
    /*-------pay sponsor------*/
    main.wrapper.payingSponsorWrapper {
        padding: 140px 15vw;
    }

    /*-------pay sponsor------*/
    .blog-boxes .blog-box .blog-desc {
        font-size: 0.9rem;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {

    /*------single project-------*/
    .single-project-sponsor-team .single-p-s-t-boxes .single-p-s-t-box {
        width: calc(20vw - 62px);
    }

    /*------single project-------*/
    main.wrapper.flowerOrderWrapper {
        padding-bottom: 75px
    }

    .flowerOrderContainer .order-flower-boxes .h-m-p-container .h-m-p-box {
        margin: 0 5px 10px;
        width: calc(25% - 13px);
        height: calc(100vw/3 - 17px);
    }

    .flowerOrderContainer .order-flower-boxes .h-m-p-container .h-m-p-box a.btn {
        width: calc(100% - 40px);
    }

    .a-p-h-boxes p {
        height: 180px;
    }
}

.gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.home-news-container {
    margin-top: 60px;
}

main.wrapper.projectsWrapper {
    padding: 0px 11vw;
}