.header,.footer{
    position:relative;
    width:100%;
    z-index:9;
}

/*****Content*****/
@media (max-width:900px){
    .content{
        position:relative;
        margin:0px auto;
        width:calc(100% - 40px);
    }
}
@media (min-width:900px){
    .content{
        position:relative;
        margin:0px auto;
        width:90%;
    }
}

/*****Header*****/
@media (max-width:900px){
    #headerMobile{
        position:relative;
        width:100%;
        height:auto;
    }
    #headerMobile .logoMenu{
        border-left:1px solid #1D1D1B;
        border-top:1px solid #1D1D1B;
        border-bottom:1px solid #1D1D1B;
    }
    #headerMobile .logoMenu .logo{
        float:left;
        width:230px;
        height:60px;
        border-right:1px solid #1D1D1B;
        background:url("../images/logo-en.svg") center no-repeat;
        background-size:220px 50px;
    }
    #headerMobile .logoMenu .menu{
        float:right;
        width:calc(100% - 230px);
    }
    #headerMobile .logoMenu .menu .tab{
        float:right;
        height:60px;
        padding:20px 7px 0px 7px;
        margin-right:10px;
        background:#1D1D1B;
    }
    #headerMobile .logoMenu .menu .burgerTab{
        float:right;
        width:40px;
        height:60px;
        padding:15px 15px 0px 15px;
        background:#1D1D1B url("../images/burger-icon.png") center no-repeat;
        background-size:25px 25px;
    }
    #headerMobile .guides{
        position:relative;
    }
    #headerMobile .guides .cirleTab{
        float:right;
        width:35px;
        height:35px;
        margin:10px 20px 10px 0px;
        border:1px solid transparent;
        border-radius:50%;;
    }
    #headerMobile .guides .cirleTab:hover{
        border:1px solid #1D1D1B;
    }
    #headerMobile .guides .cirleTabLeft{
        float:left;
        margin-left:20px;
    }
    #headerMobile .guides .cirleTabLeft:hover{
        border:1px solid #1D1D1B;
    }
    #menuMobile{
        position:fixed;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        padding-top:80px;
        background:#1E1E1D;
        z-index:99999999;
    }
    #menuMobile #closeBtn{
        position:absolute;
        top:15px;
        right:15px;
        width:35px;
        height:35px;
        background:#FFF url("../images/close-icon.svg") center no-repeat;
        background-size:20px 20px;
        border-radius:5px;
    }
}
@media (min-width:900px){
    #headerDesktop{
        position:relative;
        width:100%;
        height:90px;
        border-top:1px solid #1D1D1B;
        border-bottom:1px solid #1D1D1B;
    }
    #headerDesktop .logo{
        float:left;
        width:340px;
        height:90px;
        border-left:1px solid #1D1D1B;
        border-right:1px solid #1D1D1B;
        background:url("../images/logo-en.svg") center no-repeat;
        background-size:300px 70px;
    }
    #headerDesktop .menu{
        position:relative;
        float:right !important;
        width:calc(100% - 350px);
    }
    #headerDesktop .menu .tab{
        float:right;
        height:88px;
        padding:30px 7px 0px 7px;
        margin-left:10px;
        background:#1D1D1B;
    }
    #headerDesktop .menu .cirleTab{
        float:right;
        width:40px;
        height:40px;
        margin:25px 5px 0px 5px;
        border:1px solid transparent;
        border-radius:50%;;
    }
    #headerDesktop .menu .cirleTab:hover{
        border:1px solid #1D1D1B;
    }
    #headerDesktop .menu .cirleTabLeft{
        float:left;
    }
    #headerDesktop .menu .cirleTabLeft:hover{
        border:1px solid #1D1D1B;
    }
}

/*****Footer*****/
@media (max-width:900px){
    #footer .newsletter{
        position:relative;
        width:100%;

    }
    #footer .newsletter .form{
        position:relative;
        padding:20px 0px;
        border-top:1px solid #1D1D1B;
        border-bottom:1px solid #1D1D1B;
    }
    #footer .newsletter .form #title{
        margin-bottom:20px;
        clear:both;
    }

    #footer .newsletter .form #email{
        float:left;
        width:calc(100% - 60px) !important;
    }

    #footer .newsletter .form #email input[type="text"]#newsletterEmail{
        width:100%;
        height:50px;
        padding:10px;
        border:1px solid #1D1D1B;
    }
    #footer .newsletter .form input[type="button"]#newsletterBtn{
        width:50px;
        height:50px;
        border:1px solid #1D1D1B;
        border-left:0px;
        outline:none;
        background:#FF5C35 url("../images/arrow-right.svg") center no-repeat;
        background-size:40px 20px;
    }
    #footer .newsletter .form iframe{
        
    }
    #footer .sponsors{
        position:relative;
        width:100%;
        padding:10px 0px 20px 0px;
        background:#1D1D1B !important;
    }
    #footer .copyright{
        padding-top:10px;
    }
}
@media (min-width:900px){
    #footer .newsletter{
        position:relative;
        width:100%;
        padding:30px 0px;
    }
    #footer .newsletter .form{
        position:relative;
        width:100%;
        height:82px;
        border-top:1px solid #1D1D1B;
        border-bottom:1px solid #1D1D1B;
    }
    #footer .newsletter .form #title{
        width:calc(45% - 40px);
        padding-top:12px;
        overflow:hidden !important;
        white-space: nowrap;
    }
    #footer .newsletter .form #email{
        width:calc(32% - 43px)
    }
    #footer .newsletter .form #email input[type="text"]#newsletterEmail{
        width:100%;
        height:80px;
        padding:20px;
        outline:none;
        border:0px;
        border-left:1px solid #1D1D1B;
        border-right:1px solid #1D1D1B;
    }
    #footer .newsletter .form input[type="button"]#newsletterBtn{
        width:80px;
        height:80px;
        border:0px;
        border-right:1px solid #1D1D1B;
        outline:none;
        background:#FF5C35 url("../images/arrow-right.svg") center no-repeat;
        background-size:40px 20px;
    }
    #footer .sponsors{
        position:relative;
        width:100%;
        padding:50px 0px 20px 0px;
        background:#1D1D1B !important;
    }
    #footer .copyright{
        margin-top:10px;
        padding-top:20px;
        border-top:1px solid #FFF;
    }
}

@media(max-width:1450px){
    #footer .newsletter .form #title{
        width:calc(66% - 40px) !important;
    }
    #footer .newsletter .form #email{
        width:calc(34% - 43px)
    }
}

/*****Login*****/
@media (max-width:900px){
    #loginContainer , #forgotPasswordContainer{
        position:fixed;
        top:0;
        left:0px;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.6);
        z-index:99999;
    }
    #loginContainer .redContainer , #forgotPasswordContainer .redContainer{
        position:relative;
        margin:0px auto;
        width:80%;
        margin-top:80px;
        padding:40px 30px;
        background:#FF5C35;
    }
    #loginContainer #closeBtn , #forgotPasswordContainer #closeBtn{
        position:absolute;
        top:20px;
        right:20px;
        width:22px;
        height:22px;
        background:url("../images/close-icon.svg") center no-repeat;
        background-size:cover;
    }
    #loginContainer input[type="text"],#loginContainer input[type="password"] , #forgotPasswordContainer input[type="text"]{
        width:100%;
        padding:5px 10px;
        border:0px;
        outline:none;
        color:#1D1D1B;
        background:rgba(255,255,255,0.3);
    }
    #loginContainer input[type="button"] , #forgotPasswordContainer input[type="button"]{
        padding:8px 25px;
        outline:none;
        color:#1D1D1B;
        border:1px solid #1D1D1B;
        background:transparent;
    }#loginContainer input[type="button"]:hover , #forgotPasswordContainer input[type="button"]:hover{
        background:#FFF;
    }
    #loginContainer .blackContainer{
        position:relative;
        margin:0px auto;
        width:80%;
        padding:30px 30px;
        background:#1D1D1B;
    }
}
@media (min-width:900px){
    #loginContainer , #forgotPasswordContainer{
        position:absolute;
        top:30%;
        right:5%;
        width:450px;
        z-index:99999;
    }
    #loginContainer .redContainer , #forgotPasswordContainer .redContainer{
        padding:40px 30px;
        background:#FF5C35;
    }
    #loginContainer #closeBtn , #forgotPasswordContainer #closeBtn{
        position:absolute;
        top:20px;
        right:20px;
        width:22px;
        height:22px;
        background:url("../images/close-icon.svg") center no-repeat;
        background-size:cover;
    }
    #loginContainer input[type="text"] , #loginContainer input[type="password"] , #forgotPasswordContainer input[type="text"]{
        width:300px;
        padding:8px 10px;
        border:0px;
        outline:none;
        color:#1D1D1B;
        background:rgba(255,255,255,0.3);
    }
    #loginContainer input[type="button"] , #forgotPasswordContainer input[type="button"]{
        padding:8px 25px;
        outline:none;
        color:#1D1D1B;
        border:1px solid #1D1D1B;
        background:transparent;
    }
    #loginContainer input[type="button"]:hover , #forgotPasswordContainer input[type="button"]:hover{
        background:#FFF;
    }
    #loginContainer .blackContainer{
        padding:30px 30px;
        background:#1D1D1B;
    }
}

/*****accountFavorites*****/
.accountFavorites{
    position:absolute;
    left:calc(50% - 150px);
    width:300px;
    z-index:99999;
}
.accountFavorites .accountBtn{
    width:135px;
    padding:7px 30px;
    color:#1D1D1B;
    background:#FF5C35;
}
.accountFavorites .favoritesBtn{
    width:135px;
    padding:7px 30px;
    color:#1D1D1B;
    background:#FF5C35 url("../images/heart-active.svg") 90% no-repeat;
    background-size:20px 15px;
}


/*****Signup*****/
@media(max-width:900px){
    .signup{
        position:relative;
        width:100%;
        padding:30px 0px;
        background:#1D1D1B;
    }
    .signup .signupForm{
        position:relative;
        width:100%;
    }
    .signup .signupForm input[type="text"] , .signup .signupForm input[type="password"]{
        width:100%;
        padding:12px;
        border:1px solid transparent;
        outline:none;
        color:#FFF;
        background-color:#9E9E9B;
    }
    .signup .signupForm textarea{
        width:100%;
        height:100px;
        padding:12px;
        border:1px solid transparent;
        outline:none;
        color:#FFF;
        background-color:#9E9E9B;
    }
    .signup .signupForm select{
        width:100%;
        padding:12px;
        border:1px solid transparent;
        outline:none;
        color:#FFF;
        background-color:#9E9E9B;
        -moz-appearance: none;
        -webkit-appearance:none;
    }
    .signup .signupForm select option{
        background-color:#9E9E9B;
    }
    .signup .signupForm input[type="checkbox"]{
        width:15px;
        height:15px;
        border:1px solid #FFF;
        -moz-appearance: none;
        -webkit-appearance: none;
        background:transparent;
    }
    .signup .signupForm input[type="checkbox"]:checked{
        background:#FFF;
    }
    .signup .signupForm  .error{
        margin-top:5px;
    }
    .signup .signupForm input[type="button"]{
        width:100%;
        padding:10px 35px;
        border:1px solid #FF5C35;
        outline:none;
        color:#FF5C35;
        background-color:transparent;
    }
}
@media(min-width:900px){
    .signup{
        position:relative;
        width:100%;
        padding:50px 0px;
        background:#1D1D1B;
    }
    .signup .signupForm{
        position:relative;
        width:35%;
    }
    .signup .signupForm input[type="text"] , .signup .signupForm input[type="password"]{
        width:100%;
        padding:12px;
        border:1px solid transparent;
        outline:none;
        color:#FFF;
        background-color:#9E9E9B;
    }
    .signup .signupForm textarea{
        width:100%;
        height:150px;
        padding:12px;
        border:1px solid transparent;
        outline:none;
        color:#FFF;
        background-color:#9E9E9B;
    }
    .signup .signupForm select{
        width:100%;
        padding:12px;
        border:1px solid transparent;
        outline:none;
        color:#FFF;
        background-color:#9E9E9B;
        -moz-appearance: none;
        -webkit-appearance:none;
    }
    .signup .signupForm select option{
        background-color:#9E9E9B;
    }
    .signup .signupForm input[type="checkbox"]{
        width:15px;
        height:15px;
        border:1px solid #FFF;
        -moz-appearance: none;
        -webkit-appearance: none;
        background:transparent;
    }
    .signup .signupForm input[type="checkbox"]:checked{
        background:#FFF;
    }
    .signup .signupForm  .error{
        margin-top:5px;
    }
    .signup .signupForm input[type="button"]{
        padding:10px 35px;
        border:1px solid #FF5C35;
        outline:none;
        color:#FF5C35;
        background-color:transparent;
    }
}


/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/

/*****Home*****/
@media(max-width:900px){
    .homeBg{
        position:relative;
        width:100%;
        height:800px;
        background:url("../images/backgrounds/home-bg.jpg") center no-repeat;
        background-size:cover;
    }
    .homeBg .redBox{
        position: absolute;
        top: 100px;
        left: 5%;
        width: 90%;
        padding: 20px;
        background: #FF5C35;
        z-index:999;
    }
    .homeBg .redBox #editProfileBtn{
        padding:10px 20px;
        border:0px;
        outline:none;
        color:#FFF;
        background:#1D1D1B;
    }
    .homeAbout{
        position:relative;
        padding:30px 0px;
        width:100%;
        background:#1D1D1B;
    }
    .homeGuides{
        position:relative;
        width:100%;
        padding:30px 0px;
        background:#EDEDED;
    }
    .homeGuides .leaves{
        position:relative;
    }
    .homeGuides .leaves .leaf{
        width:100%;
        height:auto;
        margin-top:30px;
    }
    .homeGuides .leaves .leaf .opacityBg{
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        opacity:0.5;
        z-index:1;
    }
    .homeGuides .leaves .leaf .title{
        position:absolute;
        top:calc( 50% - 25px);
        left:0px;
        width:100%;
        z-index:9999;
    }
    .homeImpactField{
        position:relative;
        padding:30px 0px;
        background:#FF5C35;
    }
    .homeImpactField .title{
        width:100%;
    }
    .homeImpactField .pdfText{
        float:left;
        width:calc( 100% - 50px);
        padding:10px 5px;
        height:40px;
        border:1px solid #1D1D1B;
        background:#FFF;
    }
    .homeImpactField .pdfButton{
        float:left;
        width:40px;
        height:40px;
        border:1px solid #1D1D1B;
        background:url("../images/arrow-right.svg") center no-repeat;
        background-size:30px 15px;
    }
    .homeImpactField .logo{
        position:relative;
        margin-top:30px;
        width:100%;
        height:200px;
        background:#A9BC4D url("../images/sponsors/impactField.png") center no-repeat;
        background-position:contain;
    }
    .homeSponsors{
        position:relative;
    }
}
@media(min-width:900px){
    .homeBg{
        position:relative;
        width:100%;
        height:800px;
        background:url("../images/backgrounds/home-bg.jpg") center no-repeat;
        background-size:cover;
    }
    .homeBg .redBox{
        position: absolute;
        top: 100px;
        left: 5%;
        width: 400px;
        padding: 30px;
        background: #FF5C35;
        z-index: 999;
    }
    .homeBg .redBox #editProfileBtn{
        padding:10px 20px;
        border:0px;
        outline:none;
        color:#FFF;
        background:#1D1D1B;
    }
    .homeAbout{
        position:relative;
        padding:50px 0px;
        width:100%;
        background:#1D1D1B;
    }
    .homeAbout .halfText{
        width:70%;
    }
    .homeGuides{
        position:relative;
        width:100%;
        padding:50px 0px;
        background:#EDEDED;
    }
    .homeGuides .leaves{
        position:relative;
    }
    .homeGuides .leaves .leaf{
        float:left;
        /*margin-right:4%;*/
        margin-right:5%;
        margin-top:30px;
        /*width:22%;*/
        width:30%;
        height:auto;
    }
    .homeGuides .leaves .leaf:nth-child(3){
        margin-right:0px !important;
    }
    /*.homeGuides .leaves .leaf:nth-child(4){
        margin-right:0px;
    }*/

    /* .homeGuides .leaves .leaf{
        float:left;
        margin-right:2%;
        margin-top:30px;
        width:30%;
        height:auto;
    } */
    
    .homeGuides .leaves .leaf .opacityBg{
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        opacity:0.5;
        z-index:1;
    }
    .homeGuides .leaves .leaf .title{
        position:absolute;
        top:calc( 50% - 25px);
        left:0px;
        width:100%;
        z-index:9999;
    }
    .homeImpactField{
        position:relative;
        padding:50px 0px;
        background:#FF5C35;
    }
    .homeImpactField .title{
        float:left;
        width:60%;
    }
    .homeImpactField .pdfText{
        float:left;
        padding:10px 100px 10px 10px;
        height:40px;
        border:1px solid #1D1D1B;
        background:#FFF;
    }
    .homeImpactField .pdfButton{
        float:left;
        width:40px;
        height:40px;
        border:1px solid #1D1D1B;
        background:url("../images/arrow-right.svg") center no-repeat;
        background-size:30px 15px;
    }
    .homeImpactField .logo{
        position:absolute;
        top:-50px;
        right:0px;
        width:28%;
        height:calc( 100% + 100px );
        background:#A9BC4D url("../images/sponsors/impactField.png") center no-repeat;
        background-position:contain;
    }
    .homeSponsors{
        position:relative;
    }
}

/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/

/*****Guide*****/
@media(max-width:900px){
    .leafBg{
        position:relative;
        width:100%;
        height:auto;
        background:url("../images/backgrounds/leaf-bg.jpg") center no-repeat;
        background-size:cover;
    }
    .leafBg .leafOpacity{
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index:999;
    }
    .leafBg .leafOpacityBlue{
        background:rgba(0,152,197,0.2);
    }
    .leafBg .leafOpacityYellow{
        background:rgba(255,237,0,0.2);
    }
    .leafBg .leafOpacityGreen{
        background:rgba(148,213,0,0.2);
    }
    .leafBg .leafOpacityRed{
        background:rgb(248, 53, 59,0.5);
    }
    .leafBg .leafOpacityPink{
        background:rgba(159,49,255,0.5);
    }
    .leafBg .box{
        position:absolute;
        top:50px;
        left:20px;
        width:calc(100% - 40px);
        height:auto;
        padding:30px;
        z-index:999;
    }
    .leafBg .sponsors{
        position:absolute;
        bottom:5%;
        left:5%;
        width:90%;
        z-index:99999;
    }
    .introduction{
        position:relative;
        padding:20px 0px;
        background-image: linear-gradient(to right,#E8EAEA,#C6C6C6);
    }
    .learnGuide{
        position:relative;
        padding:20px 0px;
    }
    .blueLearnGuide{
        background-image: linear-gradient(to right,#EFF4F4,#1BCFC9);
    }
    .yellowLearnGuide{
        background-image: linear-gradient(to right,#EFF4F4,#FFED00);
    }
    .greenLearnGuide{
        background-image: linear-gradient(to right,#EFF4F4,#94D500);
    }
    .redLearnGuide{
        background-image: linear-gradient(to right,#EFF4F4,#F8353B);
    }
    .pinkLearnGuide{
        background-image: linear-gradient(to right,#EFF4F4,#9F31FF );
    }
    .introduction .arrow , .learnGuide .arrow{
        width:25px;
        height:40px;
        background:url("../images/arrow-down.svg") center no-repeat;
        background-size:15px 24px;
    }
    .introduction .arrowActive , .learnGuide .arrowActive{
        width:25px;
        height:40px;
        background:url("../images/arrow-up.svg") center no-repeat;
        background-size:15px 24px;
    }
    .greenMenuIcon,.redMenuIcon{
        position:absolute;
        top:-40px;
        left:10px;
        width:40px;
        height:40px;
        background:url("../images/list-icon.png") center no-repeat;
        background-size:40px 40px;
        z-index:9999;
    }
    .greenMenu,.redMenu{
        position:absolute;
        top:0px;
        left:-60%;
        width:60%;
        padding:15px 40px 15px 20px;
        background:rgba(255,255,255,0.96);
        z-index:9999;
    }
    .greenMenu .greenTab , .redMenu .redTab {
        position:relative;
    }
    .greenMenu .greenTab .dot , .redMenu .redTab .dot{
        position:absolute;
        top:10px;
        right:-25px;
        width:10px;
        height:10px;
        border-radius:50%;
        background:#1D1D1B;
    }
    .greenContent, .redContent{
        position:relative;
        width:100%;
    }
    .greenContent .defaultText{
        text-align:center;
    }
    .greenContent .defaultImage{
        margin-top:40px;
    }
    .greenContent .downloadPdfBtn , .redContent .downloadPdfBtn{
        margin-top:40px;
        margin-left:10%;
        width:80%;
        padding:10px 20px;
        color:#FFF;
        text-align:left;
        border:0px;
        outline:none;
        background:#1D1D1B url('../images/download-pdf.png') 98% no-repeat;
        background-size:40px 40px;
    }
    .greenContent .downloadPdfBtn:hover{
        background-color:#94D500;
    }
    .redContent .downloadPdfBtn:hover{
        background-color:#F8353B;
    }
    .greenContent .nextSectionBtn , .redContent .nextSectionBtn{
        position:absolute;
        bottom:40px;
        left:50px;
        padding:8px 70px 8px 10px;
        border:1px solid #1D1D1B;
        color:#1D1D1B;
        background:transparent url('../images/arrow-right.svg') 95% no-repeat;
        background-size:40px 20px;
    }
    .greenContent .nextSectionBtn:hover{
        background-color:#94D500;
    }
    .redContent .nextSectionBtn:hover{
        background-color:#F8353B;
    }
    .greenContentPadding,.redContentPadding{
        padding:20px 45px 100px 45px;
    }
    .greenContentSmall{
        width:100%;
    }
    .greenContentSmall .greenHighlightBox{
        position:absolute;
        top:0px;
        left:0px;
        width:200px;
        padding:15px;
        background:rgba(255,255,255,0.95);
        z-index:99;
    }
    .greenContentSmall .greenHighlightBox .closeBtn{
        position:absolute;
        top:-10px;
        right:-10px;
        width:20px;
        height:20px;
        background:url("../images/tip-close.png") center no-repeat;
    }
    .greenSubSectionTitle{
        width: -moz-fit-content;
        width: -webkit-fit-content;
        width: fit-content;
        padding:10px 20px;
        border:1px solid #1D1D1B;
    }
    .greenSectionButton{
        outline:none;
        padding:10px 25px;
        border:1px solid #1D1D1B;
        background:transparent;
    }
    .greenSectionTip{
        position:absolute;
        top:5%;
        right:-35px;
        width:50px;
        height:50px;
        background:url("../images/tip-icon.gif") center no-repeat;
        background-size:cover;
        z-index:9;
    }
    .greenSectionTipText{
        position:absolute;
        top:10%;
        right:-30px;
        width:350px;
        padding:30px;
        background:#94D60A;
        border-radius:20px;
        z-index:99;
    }
    .greenSectionTipText .greenSectionTipTextCloseBtn{
        position:absolute;
        top:10px;
        right:15px;
        width:20px;
        height:20px;
        background:url("../images/tip-close.png") center no-repeat;
        background-size:cover;
    }
    .greenSectionTipText .greenSectionTipTail{
        position:absolute;
        bottom:-40px;
        left:25px;
        width:42px;
        height:46px;
        background:url("../images/tip-tail2.png") center no-repeat;
        background-size:cover;
    }

    #greenVendors,#credits{
        position:relative;
        width:100%;
        padding:50px 0px 140px 0px;
        background:#EDEDED;
    }
    #credits .horizontalLine{
        position:relative;
        width:80%;
        height:1px;
        background:#1D1D1B;
    }

    #signature{
        position:relative;
        width:100%;
    }
    #signature input[type="text"]{
        width:100%;
        height:50px;
        padding:15px 10px;
        outline:none;
        border:1px solid #1D1D1B;
        background:#FFF;
    }
    #signature input[type="button"]{
        width:100%;
        height:50px;
        outline:none;
        border:1px solid #1D1D1B;
        padding:0px 20px;
        background:#63EA7D;
    }

    #signatureEntities{
        position:relative;
        margin-bottom:50px;
    }
    #signatureEntities .entity{
        float:left;
        width:46%;
        margin:20px 2% 0px 2%;
        padding:30px 15px;
        word-break: break-all;
        background: linear-gradient(to bottom right, #51514F 50%, #000 50%);
    }

    #redOrgs .redEntityInfo{
        position:absolute;
        /* top:15%; */
        left:5%;
        width:90%;
        height:auto;
        overflow-y:scroll;
        padding:30px;
        border:2px solid #000;
        background:#FFF;
        z-index:9999;
    }
    #redOrgs .redEntityInfo .closeBtn{
        position:absolute;
        top:15px;
        right:15px;
        width:25px;
        height:25px;
        background: url(../images/close-icon.png) center no-repeat;
        background-size:contain;
    }
}
@media(min-width:900px){
    .leafBg{
        position:relative;
        width:100%;
        height:800px;
        background:url("../images/backgrounds/leaf-bg.jpg") center no-repeat;
        background-size:cover;
    }
    .leafBg .leafOpacity{
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:800px;
        z-index:999;
    }
    .leafBg .leafOpacityBlue{
        background:rgba(0,152,197,0.2);
    }
    .leafBg .leafOpacityYellow{
        background:rgba(255,237,0,0.2);
    }
    .leafBg .leafOpacityGreen{
        background:rgba(148,213,0,0.2);
    }
    .leafBg .leafOpacityRed{
        background:rgb(248, 53, 59,0.4);
    }
    .leafBg .leafOpacityPink{
        background:rgba(159,49,255,0.5);
    }
    .leafBg .box{
        position:absolute;
        top:100px;
        left:5%;
        width:400px;
        padding:30px;
        z-index:999;
    }
    .leafBg .sponsors{
        position:absolute;
        bottom:5%;
        width:calc(90% - 600px);
        left:5%;
        z-index:99999;
    }
    .introduction{
        position:relative;
        padding:30px 0px;
        background-image: linear-gradient(to right,#E8EAEA,#C6C6C6);
    }
    .introduction .halfText{
        width:70%;
    }
    .learnGuide{
        position:relative;
        padding:30px 0px;
    }
    .learnGuide .halfText{
        width:70%;
    }
    .blueLearnGuide{
        background-image: linear-gradient(to right,#EFF4F4,#1BCFC9);
    }
    .yellowLearnGuide{
        background-image: linear-gradient(to right,#EFF4F4,#FFED00);
    }
    .greenLearnGuide{
        background-image: linear-gradient(to right,#EFF4F4,#94D500);
    }
    .redLearnGuide{
        background-image: linear-gradient(to right,#EFF4F4,#F8353B);
    }
    .pinkLearnGuide{
        background-image: linear-gradient(to right,#EFF4F4,#9F31FF );
    }
    .introduction .arrow , .learnGuide .arrow{
        width:25px;
        height:40px;
        background:url("../images/arrow-down.svg") center no-repeat;
        background-size:cover;
    }
    .introduction .arrowActive , .learnGuide .arrowActive{
        width:25px;
        height:40px;
        background:url("../images/arrow-up.svg") center no-repeat;
        background-size:cover;
    }

    .greenMenu,.redMenu{
        position: sticky;
        top:0px;
        left:5%;
        width:15%;
        height: inherit;
    }
    .greenMenu .greenTab, .redMenu .redTab{
        position:relative;
    }
    .greenMenu .greenTab .dot , .redMenu .redTab .dot{
        position:absolute;
        top:12px;
        right:-30px;
        width:10px;
        height:10px;
        border-radius:50%;
        background:#1D1D1B;
    }
    .greenContent , .redContent{
        position:relative;
        width:75%;
        margin-left:25%;
        min-height:1000px !important;
    }
    .greenContent .defaultText{
        margin-left:50px;
        padding-top:30px;
    }
    .greenContent .defaultImage{
        /* margin-top:-160px; */
    }
    .greenContent .downloadPdfBtn , .redContent .downloadPdfBtn{
        position:absolute;
        top:40px;
        right:5%;
        width:240px;
        padding:10px 20px;
        color:#FFF;
        text-align:left;
        border:0px;
        outline:none;
        background:#1D1D1B url('../images/download-pdf.png') 202px no-repeat;
        background-size:30px 30px;
    }
    .greenContent .downloadPdfBtn:hover{
        background-color:#94D500;
    }
    .redContent .downloadPdfBtn:hover{
        background-color:#F8353B;
    }
    .greenContent .nextSectionBtn , .redContent .nextSectionBtn{
        position:absolute;
        bottom:40px;
        left:50px;
        padding:8px 70px 8px 10px;
        outline:1px solid #1D1D1B;
        color:#1D1D1B;
        border:0px;
        background:transparent url('../images/arrow-right.svg') 95% no-repeat;
        background-size:40px 20px;
    }
    .greenContent .nextSectionBtn:hover{
        outline:2px solid #1D1D1B;
        background-color:#94D500;
    }
    .redContent .nextSectionBtn:hover{
        outline:2px solid #1D1D1B;
        background-color:#F8353B;
    }
    .greenContentPadding , .redContentPadding{
        padding:20px 50px 140px 50px;
    }
    .greenContentSmall{
        width:60%;
    }
    .greenContentSmall .greenHighlightBox{
        position:absolute;
        top:0px;
        left:0px;
        width:300px;
        padding:15px;
        background:rgba(255,255,255,0.95);
        z-index:99;
    }
    .greenContentSmall .greenHighlightBox .closeBtn{
        position:absolute;
        top:-10px;
        right:-10px;
        width:20px;
        height:20px;
        background:url("../images/tip-close.png") center no-repeat;
    }
    .greenContentSmall .greenHighlightBox{
        position:absolute;
        top:0px;
        left:0px;
        width:300px;
        padding:15px;
        background:rgba(255,255,255,0.95);
        z-index:99;
    }
    .greenContentSmall span{
        cursor: pointer !important;
    }
    .greenContentSmall span:hover{
        background:#C5E589 !important;
    }
    .greenSubSectionTitle{
        width: -moz-fit-content;
        width: -webkit-fit-content;
        width: fit-content;
        padding:10px 20px;
        border:1px solid #1D1D1B;
    }
    .greenSectionButton,.redSectionButton{
        outline:none;
        padding:10px 25px;
        border:1px solid #1D1D1B;
        background:transparent;
    }
    .greenSectionTip{
        position:absolute;
        top:10%;
        left:110%;
        width:60px;
        height:60px;
        background:url("../images/tip-icon.gif") center no-repeat;
        background-size:cover;
        z-index:9;
    }
    .greenSectionTipText{
        position:absolute;
        top:10%;
        left:110%;
        width:350px;
        padding:30px;
        /* border-radius:30px;
        background:#94D60A; */
        background:#FFF;
        z-index:99;
    }
    .greenSectionTipText .greenSectionTipTextCloseBtn{
        position:absolute;
        top:10px;
        right:15px;
        width:20px;
        height:20px;
        background:url("../images/tip-close.png") center no-repeat;
        background-size:cover;
    }
    /* .greenSectionTipText .greenSectionTipTail{
        position:absolute;
        bottom:-40px;
        left:25px;
        width:42px;
        height:46px;
        background:url("../images/tip-tail2.png") center no-repeat;
        background-size:cover;
    } */

    #greenVendors,#credits{
        position:relative;
        width:100%;
        padding:50px 0px 140px 0px;
        background:#EDEDED;
    }
    #credits .horizontalLine{
        position:relative;
        width:80%;
        height:1px;
        background:#1D1D1B;
    }

    #signature{
        position:relative;
    }
    #signature input[type="text"]{
        width:100%;
        height:50px;
        padding:15px 10px;
        outline:none;
        border:1px solid #1D1D1B;
        background:#FFF;
    }
    #signature input[type="button"]{
        width:100%;
        height:50px;
        outline:none;
        border:1px solid #1D1D1B;
        padding:0px 20px;
        background:#63EA7D;
    }

    #signatureEntities{
        position:relative;
    }
    #signatureEntities .entity{
        float:left;
        width:30%;
        margin:20px 1.5% 0px 1.5%;
        padding:15px 15px 40px 15px;
        word-break: break-all;
        /*background-image: linear-gradient(to bottom right, #51514F ,#000);*/
        background: linear-gradient(to bottom right, #51514F 50%, #000 50%);
    }

    #redOrgs .redEntityInfo{
        position:absolute;
        top:0px;
        right:0px;
        width:50%;
        padding:30px;
        padding-right:75px;
        border:2px solid #000;
        background:#FFF;
        z-index:9999;
    }
    #redOrgs .redEntityInfo .closeBtn{
        position:absolute;
        top:15px;
        right:15px;
        width:25px;
        height:25px;
        background: url(../images/close-icon.png) center no-repeat;
        background-size:contain;
    }

}

/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/

/*****Search*****/
@media(max-width:900px){
    .searchBar{
        position:relative;
        padding:30px 0px;
        background:#1D1D1B;
    }
    .searchBar #searchTxt{
        width:100%;
        padding:15px 20px;
        margin-bottom:10px;
        border:0px;
        outline:1px solid #FFF;
        background:transparent;
    }
    .searchBar #searchTxt:focus{
        outline-width:3px;
    }
    .searchBar .customDpd , .searchBar .customDpdSolo{ 
        width:100%;
        padding:15px 50px;
        margin-bottom:10px;
        outline:1px solid #FFF;
        color:#FFF;
        background:url("../images/dpd-arrow-down.svg") 95% center no-repeat;
    }
    .searchBar .customDpdBlueActive{
        outline:3px solid #1BCFC9 !important;
        color:#1BCFC9;
        background:url("../images/dpd-arrow-up-blue.png") 95% center no-repeat;
    }
    .searchBar .customDpdYellowActive{
        outline:3px solid #FFED00 !important;
        color:#FFED00;
        background:url("../images/dpd-arrow-up-yellow.png") 95% center no-repeat;
    }
    .searchBar .customDpdGreenActive{
        outline:3px solid #94D500 !important;
        color:#94D500;
        background:url("../images/dpd-arrow-up-green.png") 95% center no-repeat;
    }
    .searchBar .customDpdRedActive{
        outline:3px solid #F8353B !important;
        color:#F8353B;
        background:url("../images/dpd-arrow-up-red.png") 95% center no-repeat;
    }
    .searchBar .customDpdPinkActive{
        outline:3px solid #9F31FF  !important;
        color:#9F31FF ;
        background:url("../images/dpd-arrow-up-pink.png") 95% center no-repeat;
    }
    .searchBar .customDpd .checkbox , .searchBar .customDpdSolo .checkbox{
        position:absolute;
        top:15px;
        left:10px;
        width:18px;
        height:18px;
        background:url("../images/dpd-checkbox.png") center no-repeat;
    }
    .searchBar .customDpd .checkboxActiveBlue{
        background:url("../images/dpd-checkbox-active-blue.png") center no-repeat;
    }
    .searchBar .customDpd .checkboxActiveYellow{
        background:url("../images/dpd-checkbox-active-yellow.png") center no-repeat;
    }
    .searchBar .customDpd .checkboxActiveGreen{
        background:url("../images/dpd-checkbox-active-green.png") center no-repeat;
    }
    .searchBar .customDpd .checkboxActiveRed , .searchBar .customDpdSolo .checkboxActiveRed{
        background:url("../images/dpd-checkbox-active-red.png") center no-repeat;
    }
    .searchBar .customDpd .checkboxActivePink{
        background:url("../images/dpd-checkbox-active-pink.png") center no-repeat;
    }
    .searchBar .searchBtn{
        width:100%;
        height:50px;
        padding:10px;
        border:0px;
        outline:1px solid #FFF;
        background:url("../images/searchBtn.png") center no-repeat;
        background-size:20px 20px;
    }
    .searchBar .searchBtn:hover{
        outline:3px solid #FFF;
    }
    .customDpdOptions{
        width:100%;
        padding:10px 0px;
        background-image: linear-gradient(to bottom,#1E1E1D,#51514F);
    }
    .customDpdOptions .option{
        position:relative;
        width:calc(100% - 40px) !important;
        margin-left:20px;
        padding:0px 30px;
    }
    .customDpdOptions .option .checkbox{
        position:absolute;
        top:0px;
        left:0px;
        width:18px;
        height:18px;
        background:url("../images/dpd-checkbox.png") center no-repeat;
    }
    .customDpdOptions .option .checkboxActiveBlue{
        background:url("../images/dpd-checkbox-active-blue.png") center no-repeat;
    }
    .customDpdOptions .option .checkboxActiveYellow{
        background:url("../images/dpd-checkbox-active-yellow.png") center no-repeat;
    }
    .customDpdOptions .option .checkboxActiveGreen{
        background:url("../images/dpd-checkbox-active-green.png") center no-repeat;
    }
    .customDpdOptions .option .checkboxActiveRed{
        background:url("../images/dpd-checkbox-active-red.png") center no-repeat;
    }
    .customDpdOptions .option .checkboxActivePink{
        background:url("../images/dpd-checkbox-active-pink.png") center no-repeat;
    }
}
@media(min-width:900px){
    .searchBar{
        position:relative;
        padding:50px 0px;
        background:#1D1D1B;
    }
    .searchBar #searchTxt{
        width:42.5%;
        padding:15px 20px;
        margin-bottom:25px;
        border:0px;
        outline:1px solid #FFF;
        background:transparent;
    }
    .searchBar #searchTxt:focus{
        outline-width:3px;
    }
    .searchBar .customDpd , .searchBar .customDpdSolo{
        float:left;
        width:24%;
        margin-right:1.33%;
        padding:15px 50px;
        outline:1px solid #FFF;
        color:#FFF;
        background:url("../images/dpd-arrow-down.svg") 95% center no-repeat;
    }
    .searchBar .searchDpd .customDpd:nth-child(4){
        margin-right: 0px !important;
    }
    .searchBar .searchDpd .customDpd:nth-child(6){
        margin-top: 1.5% !important;
    }
    
    /* .searchBar .customDpdSmall{
        width:16%;
    } */
    .searchBar .customDpdPink{
        width:16%;
    }
    .searchBar .customDpdPinkDisabled{
        opacity:0.5;
        cursor:default !important;
    }
    .searchBar .customDpdBlueActive{
        outline:3px solid #1BCFC9 !important;
        color:#1BCFC9;
        background:url("../images/dpd-arrow-up-blue.png") 95% center no-repeat;
    }
    .searchBar .customDpdYellowActive{
        outline:3px solid #FFED00 !important;
        color:#FFED00;
        background:url("../images/dpd-arrow-up-yellow.png") 95% center no-repeat;
    }
    .searchBar .customDpdGreenActive{
        outline:3px solid #94D500 !important;
        color:#94D500;
        background:url("../images/dpd-arrow-up-green.png") 95% center no-repeat;
    }
    .searchBar .customDpdRedActive{
        outline:3px solid #F8353B !important;
        color:#F8353B;
        background:url("../images/dpd-arrow-up-red.png") 95% center no-repeat;
    }
    .searchBar .customDpdPinkActive{
        outline:3px solid #9F31FF  !important;
        color:#9F31FF ;
        background:url("../images/dpd-arrow-up-pink.png") 95% center no-repeat;
    }
    .searchBar .customDpd .checkbox , .searchBar .customDpdSolo .checkbox{
        position:absolute;
        top:17px;
        left:10px;
        width:18px;
        height:18px;
        background:url("../images/dpd-checkbox.png") center no-repeat;
    }
    .searchBar .customDpd .checkboxActiveBlue{
        background:url("../images/dpd-checkbox-active-blue.png") center no-repeat;
    }
    .searchBar .customDpd .checkboxActiveYellow{
        background:url("../images/dpd-checkbox-active-yellow.png") center no-repeat;
    }
    .searchBar .customDpd .checkboxActiveGreen{
        background:url("../images/dpd-checkbox-active-green.png") center no-repeat;
    }
    .searchBar .customDpd .checkboxActiveRed , .searchBar .customDpdSolo .checkboxActiveRed{
        background:url("../images/dpd-checkbox-active-red.png") center no-repeat;
    }
    .searchBar .customDpd .checkboxActivePink{
        background:url("../images/dpd-checkbox-active-pink.png") center no-repeat;
    }
    .searchBar .searchBtn{
        float:right;
        margin-top:1.5%;
        width:70px;
        height:55px;
        padding:10px;
        border:0px;
        outline:1px solid #FFF;
        background:url("../images/searchBtn.png") center no-repeat;
        background-size:20px 20px;
    }
    .searchBar .searchBtn:hover{
        outline:3px solid #FFF;
    }

    .customDpdOptions{
        width:100%;
        padding:25px 0px;
        background-image: linear-gradient(to bottom,#1E1E1D,#51514F);
    }
    .customDpdOptions .option{
        position:relative;
        margin-left:15px;
        padding:0px 30px;
    }
    .customDpdOptions .option .checkbox{
        position:absolute;
        top:0px;
        left:0px;
        width:18px;
        height:18px;
        background:url("../images/dpd-checkbox.png") center no-repeat;
    }
    .customDpdOptions .option .checkboxActiveBlue{
        background:url("../images/dpd-checkbox-active-blue.png") center no-repeat;
    }
    .customDpdOptions .option .checkboxActiveYellow{
        background:url("../images/dpd-checkbox-active-yellow.png") center no-repeat;
    }
    .customDpdOptions .option .checkboxActiveGreen{
        background:url("../images/dpd-checkbox-active-green.png") center no-repeat;
    }
    .customDpdOptions .option .checkboxActiveRed{
        background:url("../images/dpd-checkbox-active-red.png") center no-repeat;
    }
    .customDpdOptions .option .checkboxActivePink{
        background:url("../images/dpd-checkbox-active-pink.png") center no-repeat;
    }

}

/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/

#filters{
    position:relative;
}
#filters .filter{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    padding:5px 30px;
    color:#FFF;
    background:#1D1D1B;
}
#filters .filter .filterDeleteBlue{
    position:absolute;
    top:5px;
    right:5px;
    width:15px;
    height:15px;
    background:url("../images/filter-delete-blue.png") center no-repeat;
    background-size:15px 15px;
}
#filters .filter .filterDeleteYellow{
    position:absolute;
    top:5px;
    right:5px;
    width:15px;
    height:15px;
    background:url("../images/filter-delete-yellow.png") center no-repeat;
    background-size:15px 15px;
}
#filters .filter .filterDeleteGreen{
    position:absolute;
    top:5px;
    right:5px;
    width:15px;
    height:15px;
    background:url("../images/filter-delete-green.png") center no-repeat;
    background-size:15px 15px;
}
#filters .filter .filterDeleteRed{
    position:absolute;
    top:5px;
    right:5px;
    width:15px;
    height:15px;
    background:url("../images/filter-delete-red.png") center no-repeat;
    background-size:15px 15px;
}
#filters .filter .filterDeletePink{
    position:absolute;
    top:5px;
    right:5px;
    width:15px;
    height:15px;
    background:url("../images/filter-delete-pink.png") center no-repeat;
    background-size:15px 15px;
}

/*****Entities*****/
@media(max-width:900px){
    #entities{
        position:relative;
    }
    #entities .entity{
        width:100%;
        margin-bottom:20px;
        border:1px solid #1D1D1B;
    }
    #entities .entity .name{
        padding:20px;
        min-height:250px;
    }
    #entities .entity .address{
        padding:10px 20px;
    }
    #entities .entity .footer{
        height:50px;
        border-top:1px solid #1D1D1B;
    }

}
@media(min-width:900px){
    #entities{
        position:relative;
    }
    #entities .entity{
        float:left;
        width:24%;
        margin-right:1.33%;
        margin-bottom:1.33%;
        /* margin:0px 2% 2% 2%; */
        border:1px solid #1D1D1B;
    }
    #entities .entity:nth-child(4n){
        margin-right:0px !important;
    }
    
    #entities .entity .name{
        padding:30px;
        min-height:280px;
    }
    #entities .entity .name a{
        display: block;
        position: relative;
        padding: 0.2em 0;
    }
    #entities .entity .name a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.1em;
        background-color: #1D1D1B;
        opacity: 0;
        transition: opacity 300ms, transform 300ms;
    }
    #entities .entity .name a:hover::after,#entities .entity .name a:focus::after{
        opacity: 1;
        transform: translate3d(0, 0.2em, 0);
    }
    #entities .entity .address{
        height:38px;
        padding:10px 30px;
        overflow-y: hidden;
    }
    #entities .entity .footer{
        height:50px;
        border-top:1px solid #1D1D1B;
    }
}

#entities .entity .links{
    position:relative;
    padding:10px 30px;
    min-height:45px !important;
}
#entities .entity .links .facebook{
    float:left;
    margin-right:10px;
    width:25px;
    height:25px;
    background:url("../images/ge-facebook.svg") center no-repeat;
    background-size:25px 25px;
}
#entities .entity .links .instagram{
    float:left;
    margin-right:10px;
    width:25px;
    height:25px;
    background:url("../images/ge-instagram.svg") center no-repeat;
    background-size:25px 25px;
}
#entities .entity .links .website{
    float:left;
    margin-right:10px;
    width:25px;
    height:25px;
    background:url("../images/ge-website.svg") center no-repeat;
    background-size:25px 25px;
}
#entities .entity .links .ehub{
    float:right;
    width:25px;
    height:25px;
    background:url("../images/hub-icon.png") center no-repeat;
    background-size:25px 25px;
}

#entities .entity .footer .heart{
    position:absolute;
    top:16px;
    left:calc(50% - 12px);
    width:24px;
    height:18px;
    background:url("../images/heart.svg") center no-repeat;
    background-size:24px 18px;
}
#entities .entity .footer .heart:hover{
    background:url("../images/heart-active.svg") center no-repeat;
    background-size:24px 18px;
}
#entities .entity .footer .heartActive{
    background:url("../images/heart-active.svg") center no-repeat;
    background-size:24px 18px;
}
#entities .entity .footer .plus{
    position:absolute;
    top:15px;
    right:15px;
    width:20px;
    height:20px;
    background:url("../images/plus.svg") center no-repeat;
    background-size:20px 20px;
}
#entities .entity .footer .plus:hover{
    background:url("../images/plus-white.svg") center no-repeat;
    background-size:20px 20px;
}
@media(max-width:900px){
    #loadMoreBtn{
        width:100%;
        padding:8px 40px;
        color:#1D1D1B;
        border:0px;
        outline:1px solid #1D1D1B;
        background:#FFF url("../images/arrow-down.svg") 90% no-repeat;
        background-size:12px 20px;
    }
    #loadMoreBtn:hover{
        outline:3px solid #1D1D1B;
    }
}
@media(min-width:900px){
    #loadMoreBtn{
        margin-right:2%;
        padding:8px 40px;
        color:#1D1D1B;
        border:0px;
        outline:1px solid #1D1D1B;
        background:#FFF url("../images/arrow-down.svg") 90% no-repeat;
        background-size:12px 20px;
    }
    #loadMoreBtn:hover{
        outline:3px solid #1D1D1B;
    }
}

#upBtn{
    position:absolute;
    top:0px;
    right:-40px;
    width:50px;
    height:51px;
    border:0px;
    outline:1px solid #1D1D1B;
    background:#FFF url("../images/arrow-up.svg") center no-repeat;
    background-size:12px 20px;
}
#upBtn:hover{
    outline:3px solid #1D1D1B;
}

/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/

/*****Entity Inner Page*****/
@media(max-width:900px){
    #innerEntity{
        position:relative;
        width:100%;
        margin-top:20px;
    }
    #innerEntity .greyBanner{
        position:relative;
        width:100%;
        padding:30px 0px;
        margin-bottom:30px;
        min-height:340px;
        background:#EDEDED;
    }
    #innerEntity .greyBanner .backBtn{
        position:relative;
        top:0px;
        right:0px;
        width:50px;
        height:50px;
        background:url("../images/arrow-left.png") center no-repeat;
        z-index:999;
    }
    #innerEntity .greyBanner .backBtn:hover{
        outline:2px solid #1D1D1B;
    }
    #innerEntity .greyBanner .titleWebsite{
        position:relative;
        width:100%;
        height:auto;
        padding:30px 30px 60px 30px;
        margin-top:20px;
        border:1px solid #1D1D1B;

    }
    #innerEntity .greyBanner .titleWebsite .websiteBtn{
        width:100%;
        padding:5px 10px;
        margin-top:10px;
        color:#FFF;
        background:#1E1E1D;
    }
    #innerEntity .greyBanner .titleWebsite .footer{
        position:absolute;
        bottom:0px;
        left:0px;
        width:100%;
        height:40px;
        margin-top:20px;
        border-top:1px solid #1D1D1B;
    }
    #innerEntity .greyBanner .titleWebsite .footer .heart{
        position:absolute;
        top:10px;
        left:calc(50% - 12px);
        width:24px;
        height:18px;
        background:url("../images/heart.svg") center no-repeat;
        background-size:24px 18px;
    }
    #innerEntity .greyBanner .titleWebsite .footer .heart:hover{
        background:url("../images/heart-active.svg") center no-repeat;
        background-size:24px 18px;
    }
    #innerEntity .greyBanner .titleWebsite .footer .heartActive{
        background:url("../images/heart-active.svg") center no-repeat;
        background-size:24px 18px;
    }

    #innerEntity .greyBanner .addressContact{
        margin-top:30px;
        width:100%;
    }
    #innerEntity .greyBanner .types{
        margin-top:30px;
        width:100%;
    }
    #innerEntity .greyBanner2{
        position:relative;
        width:100%;
        margin-top:30px;
        padding:30px 0px;
        background:#EDEDED;
    }
    #innerEntity .blueGradiant{
        position:relative;
        padding:30px 0px;
        background-image: linear-gradient(to right,#EFF4F4,#1BCFC9);
    }
    #innerEntity .yellowGradiant{
        position:relative;
        padding:30px 0px;
        background-image: linear-gradient(to right,#EFF4F4,#FFED00);
    }
    #innerEntity .greenGradiant{
        position:relative;
        padding:30px 0px;
        background-image: linear-gradient(to right,#EFF4F4,#94D500);
    }
    #innerEntity .pinkGradiant{
        position:relative;
        padding:30px 0px;
        background-image: linear-gradient(to right,#EFF4F4,#9F31FF );
    }
}
@media(min-width:900px){
    #innerEntity{
        position:relative;
        width:100%;
        margin-top:100px;
    }
    #innerEntity .greyBanner{
        position:relative;
        width:100%;
        padding:30px 0px;
        margin-bottom:80px;
        min-height:340px;
        background:#EDEDED;
    }
    #innerEntity .greyBanner .backBtn{
        position:absolute;
        top:-100px;
        right:0px;
        width:50px;
        height:50px;
        background:url("../images/arrow-left.png") center no-repeat;
        z-index:999;
    }
    #innerEntity .greyBanner .backBtn:hover{
        outline:2px solid #1D1D1B;
    }
    #innerEntity .greyBanner .titleWebsite{
        position:absolute;
        top:-90px;
        left:0px;
        width:25%;
        height:450px;
        padding:40px 30px;
        border:1px solid #1D1D1B;
    }
    #innerEntity .greyBanner .titleWebsite .websiteBtn{
        position:absolute;
        bottom:65px;
        left:30px;
        padding:5px 30px;
        color:#FFF;
        background:#1E1E1D;
    }
    #innerEntity .greyBanner .titleWebsite .footer{
        position:absolute;
        bottom:0px;
        left:0px;
        width:100%;
        height:40px;
        padding:0px;
        border-top:1px solid #1D1D1B;
    }
    #innerEntity .greyBanner .titleWebsite .footer .heart{
        position:absolute;
        top:10px;
        left:calc(50% - 12px);
        width:24px;
        height:18px;
        background:url("../images/heart.svg") center no-repeat;
        background-size:24px 18px;
    }
    #innerEntity .greyBanner .titleWebsite .footer .heart:hover{
        background:url("../images/heart-active.svg") center no-repeat;
        background-size:24px 18px;
    }
    #innerEntity .greyBanner .titleWebsite .footer .heartActive{
        background:url("../images/heart-active.svg") center no-repeat;
        background-size:24px 18px;
    }
    #innerEntity .greyBanner .addressContact{
        float:right;
        width:34%;
    }
    #innerEntity .greyBanner .types{
        float:left;
        margin-left:33%;
        width:33%;
    }
    #innerEntity .greyBanner2{
        position:relative;
        width:100%;
        padding:30px 0px;
        min-height:100px;
        background:#EDEDED;
    }
    #innerEntity .blueGradiant{
        position:relative;
        padding:30px 0px;
        background-image: linear-gradient(to right,#EFF4F4,#1BCFC9);
    }
    #innerEntity .yellowGradiant{
        position:relative;
        padding:30px 0px;
        background-image: linear-gradient(to right,#EFF4F4,#FFED00);
    }
    #innerEntity .greenGradiant{
        position:relative;
        padding:30px 0px;
        background-image: linear-gradient(to right,#EFF4F4,#94D500);
    }
    #innerEntity .pinkGradiant{
        position:relative;
        padding:30px 0px;
        background-image: linear-gradient(to right,#EFF4F4,#9F31FF );
    }
    #innerEntity .halfText{
        width:70%;
    }
}

/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/


/*****Entity Inner Page*****/
@media(max-width:900px){
    .favorites{
        position:relative;
        padding:50px 0px;
        background:#1D1D1B;
    }
    .favorites .titleCircles{
        position:relative;
        width:100%;
    }
    .favorites .titleCircles .title{
        width:100%;
        text-align:center;
    }
    .favorites .titleCircles .circles{
        position:relative;
        margin:0px auto;
        width:150px;
    }
    .favorites .titleCircles .circles .circle{
        float:right;
        width:30px;
        height:30px;
        margin-top:10px;
        margin:20px 10px 0px 10px;
        border-radius:50%;
    }
}
@media(min-width:900px){
    .favorites{
        position:relative;
        padding:50px 0px;
        background:#1D1D1B;
    }
    .favorites .titleCircles{
        position:relative;
        width:100%;
    }
    .favorites .titleCircles .title{
        float:left;
        width:300px;
    }
    .favorites .titleCircles .circles{
        float:right;
        width:calc( 100% - 350px);
    }
    .favorites .titleCircles .circles .circle{
        float:right;
        margin-left:20px;
        width:60px;
        height:60px;
        border-radius:50%;
    }
}

/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/

.swiper-prev{
    position:absolute;
    top:230px;
    right:120px;
    width:40px;
    height:40px;
    background:url("../images/swipe-left.png") center no-repeat;
    background-size:40px 40px;
    z-index:999;
}
.swiper-next{
    position:absolute;
    top:230px;
    right:50px;
    width:40px;
    height:40px;
    background:url("../images/swipe-right.png") center no-repeat;
    background-size:40px 40px;
    z-index:999;
}


/*****Popup*****/
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 999999;
}
@media(max-width:900px){
    .popup .content {
        position: relative;
        margin: 0 auto;
        margin-top: 150px;
        width: 90%;
        padding:50px 20px;
        background:#FFF;
    }
}
@media(min-width:900px){
    .popup .content {
        position: relative;
        margin: 0 auto;
        margin-top: 150px;
        width: 800px;
        padding: 50px;
        background:#FFF;
    }
}
.popup .content .closeBtn {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 20px;
    height: 20px;
    background: url(../images/close.png) center no-repeat;
    background-position: cover;
    z-index: 999;
}

/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/

#popupMsg{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:999999;
    overflow:hidden;
}
@media(max-width:900px){
    #popupMsg .content{
        position:relative;
        margin:0px auto;
        margin-top:100px;
        width:80%;
        padding:50px 0px;
        background:#FFF;
    }
}
.popup .closeBtnEn{
    position:absolute;
    top:15px;
    right:15px;
    width:22px;
    height:22px;
    background:url("../images/close-icon.svg") center no-repeat;
    background-size: cover;
}
.popup .closeBtnAr{
    position:absolute;
    top:15px;
    left:15px;
    width:22px;
    height:22px;
    background:url("../images/close-icon.svg") center no-repeat;
    background-size: cover;
}
.popup #okBtn{
    padding:10px 30px;
    border:1px solid #FF5C35;
    color:#FFF;
    background:#FF5C35;

}