.header-content {
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 1000;
    /*-webkit-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.2);*/}

.logo-top {display: flex !important;}
.logo-top img { height: 70px; width: auto;cursor: pointer;}

.partner-row {
    width: 100%;
    text-align: center;
    height: 100%;
    margin-bottom: 15px;

}

@media (max-width: 1400px) { 
  .partner-row {
    margin-bottom: 10px;}
}

.partner-img {
    width: auto;
    height: 27px;
    margin: 5px 10px;
    filter: grayscale(100);
    -webkit-filter: grayscale(100);
    transition: .4s;
}

.partner-img:hover { transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1); filter: grayscale(0); -webkit-filter: grayscale(0);}

.search-box {
    height: 40px;
    width: 100%;
    max-width: 250px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px;
    margin-top: 2px;}

    .search {
        border: none;
        width: 100%;
        height: 100%;
        align-items: center;
        font-size: 130%;
        font-family: 'Roboto-Regular';}

.years {
		position: absolute;
	    margin: -2% 0;
	    font-family: 'Roboto-Regular';}

.years-past {
		position: absolute;
	    margin-top: -10px;
	    margin-left: -25%;
	    color: #575757;
	    font-size: 100%;}

.years-past1 {
		position: absolute;
	    margin-top: -20px;
	    margin-left: -10%;
	    color: #343434;
	    font-size: 110%;}

.arrow {    
	width: 10px;
    height: 10px;
    border-right: 2px solid #494949;
    border-bottom: 2px solid #494949;
    margin-left: 5%;
    position: absolute;
    z-index: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);}

#gb-in {width: 13px; height: 13px;}
#gb2-in { height: 28%; }

.content-bg {
        width: 100%;
        /*padding: 0 8vw;*/
        position: relative;
        margin-top: 70px;
        height: 180px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 0; }

        .content-bg img { width: 100%;height: 100%; object-fit: cover; z-index: -2;}



.content-box-in {
    width: 100%;
    max-width: 1050px;
    min-height: 350px;
    margin: 0 auto;
    display: flex;}

    .title-box {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 0 2vw;
        max-width: 1050px;
    }

        .title-button {
                border-radius: 50px;
                text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
                width: fit-content;
                padding: .3em 1em;
                font-size: 120%;
                color: black;
                border: 1px ridge rgba(255, 255, 255, 0.6);
                font-family: 'roboto-regular';
                background: rgb(255,185,16);
                background: -moz-linear-gradient(top, rgba(255,185,16,1) 0%, rgba(255,213,117,1) 100%);
                background: -webkit-linear-gradient(top, rgba(255,185,16,1) 0%,rgba(255,213,117,1) 100%);
                background: linear-gradient(to bottom, rgba(255,185,16,1) 0%,rgba(255,213,117,1) 100%);}


    .more-box {
        width: 100%;
        padding: 0 2.5vw;
        text-align: right;}

        .more{
                margin-top: 0;
                margin-bottom: 4px;
                border: 1px solid #999999;
                padding: .3em 1em;
                border-radius: 50px;
                width: fit-content;
                font-size: 100%;
                display: inline-block;
                font-family: 'Roboto-Regular';
                color: tomato;}

    .gb-box {
          /*width: 59%;
          height: 1px;
          margin: 0 auto 1vh auto;
          background: #ff6347;
          background: -moz-linear-gradient(left, rgba(0, 0, 0, 0),rgb(255, 99, 71) 50%,rgba(0, 0, 0, 0) 100%);
          background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0),rgb(255, 99, 71) 50%,rgba(0, 0, 0, 0) 100%);
          background: linear-gradient(to right, rgba(0, 0, 0, 0),rgb(255, 99, 71) 50%,rgba(0, 0, 0, 0) 100%);*/

            width: 100%;
            height: 1px;
            right: -3vw;
            position: relative;
            margin-bottom: 1.3vh;
            background: #ff6347;
            background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 65%,#c6c6c6 90%,rgba(255, 99, 71, 0) 100%);
            background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 65%,#c6c6c6 90%,rgba(255, 99, 71, 0) 100%);
            background: linear-gradient(to right, rgba(0, 0, 0, 0) 65%,#c6c6c6 90%,rgba(255, 99, 71, 0) 100%);}

    .boxes-content {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;}

        .content-in-box {
            width: 24%;
            max-width: 220px;
            min-width: 200px;
            margin: 1%;
            background: #fff;
            box-shadow: 0px 3px 7px -3px rgba(0, 0, 0, 0.6);
            -webkit-box-shadow: 0px 3px 7px -3px rgba(0, 0, 0, 0.6);
            position: relative;
            z-index: 4;
            display: inline-block;
            cursor: pointer; }

            
            

        .date{
                position: absolute;
                margin-left: 15px;
                margin-top: 15px;
                color: #fff;
                border: 1px solid #ffbb1a;
                padding: .2em 1em .1em 1em;
                border-radius: 50px;
                font-size: 100%;
                z-index: 10;
                background: rgba(14,14,14,1);
                background: -moz-linear-gradient(left, rgba(84,84,84,1) 0%, rgba(14,14,14,1) 100%);
                background: -webkit-linear-gradient(left, rgba(84,84,84,1) 0%,rgba(14,14,14,1) 100%);
                background: linear-gradient(to right, rgba(84,84,84,1) 0%,rgba(14,14,14,1) 100%);}

        .follow{
                    position: absolute;
                    margin-right: 7px;
                    margin-top: 8px;
                    border-radius: 50px;
                    z-index: 10;
                    width: 80px;
                    right: 0;    background: rgb(0, 0, 0);
                    padding: 2px 10px;
                    display: none;}

        .pic-box-in { 
            position: relative;
            height: 200px;
            overflow: hidden; }
            .pic-img-in {
                height: auto;
                min-height: 100%;
                width: 100%;
                object-fit: cover; transition: .4s;    object-position: 80%;}

                .content-in-box:hover .pic-img-in  {transform: scale3d(1.13, 1.13, 1.13); -webkit-transform: scale3d(1.13, 1.13, 1.13);}

    .under-box-content {
        position: relative;
        width: 100%;
            background: rgb(0, 0, 0);
    	transition: .4s;
            border-top: 2px solid #1bd662;}

        .content-in-box:hover .under-box-content   {     background: rgb(0, 0, 0);}

        .content-text-box {
            width: 100%;
            padding: .5em 1em;
            z-index: 1;
            color: white;}

            .content-text-box-top {
                font-size: 130%;
                margin-top: 3px;
                margin-bottom: 4px;
                text-align: left;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                min-width: 178px;
                        color: #d2d2d2;
                text-shadow: 0px 1px 2px rgba(96, 96, 96, 0.31);
            transition: .4s;}

                .content-in-box:hover .content-text-box-top   {    color: #fff;}

            .content-text-box-p {
                    color: #fff;
                    text-shadow: 0px 1px 2px rgba(96, 96, 96, 0.7);
                    margin-bottom: 0;
                    font-size: 100%;
                    line-height: 17px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    min-width: 178px;}    

        .under-box-content-in {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 35px;
            padding:0 1em;
            border-top: 1px solid rgba(0,0,0,0.1);}

            .icon-box-in {
                display: inline-flex;
                align-items: center;
                height: 100%;
                margin-right: 3%;
                color: #494848 !important;
                font-size: 96%;
            }

            .icons { 
                        height: 57%;
                        width: auto;
                        margin-right: 5px; }

            .respect {
            	    margin-left: 2px;
				    color: #ff6347;
				    font-family: 'beyno';
				    position: relative;
				    top: -.15em;
				    font-size: 100%;}

            .avatar-box {
                width: 20px;
                height: 20px;
                overflow: hidden;
                border-radius: 50%;
                margin-right: 4px;}

                .avatar {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;}

.black-title-box {
        
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: .2em 1em;
    color: #000;
    font-size: 350%;
    text-transform: uppercase;
        width: 100%;
}

.black-title-img {
        height: 50px;
    width: auto;
    border-right: 2px solid #000;
    margin-right: 13px;
}

@media (max-width: 1400px) { 

 @media (max-width: 900px) { 

    .boxes-content {
    width: 100%;
    margin: 0 0 0 0px;
}
                    .content-in-box {margin: 2px 2px 20px 2px;
    width: 48%;
    min-width: unset;}

    .content-text-box-top {
    min-width: 147px;}

    .content-text-box-p {
    min-width: 150px;}

    .boxes-content { margin-bottom: 25px; }

    .i-h2-title {
    padding-bottom: unset;
}

.black-title-img {
        height: 40px;
}

.black-title-box {
        
    font-size: 180%;
}
.middle-content-in {
    width: 100%;
    margin-left: 0;
}

}