/*=============================================
			CONFIGURACIONES GENERALES
=============================================*/
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamMedium';
    src: url('../fonts/GothamMedium.woff2') format('woff2'),
        url('../fonts/GothamMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamBlack';
    src: url('../fonts/GothamBlack.woff2') format('woff2'),
        url('../fonts/GothamBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

section{
	float: left;
	width: 100%;
}

h1{
	font-size: 75.65px;
	line-height: 78px;
	color: white;
	font-family: 'Gotham-Bold';
}

h2 {
	font-size: 75px;
	line-height: 75px;
	font-family: 'Gotham-Bold';
}

h3 {
	font-size: 58.62px;
	line-height: 54.54px;
	font-family: 'Gotham-Bold';
}

h3 {
	font-size: 58.62px;
	line-height: 54.54px;
	font-family: 'Gotham-Bold';
}

h4 {
	font-size: 46px;
	line-height: 42.14px;
}

h5 {
	font-family: 'GothamMedium';
	font-size: 42px;
	line-height: 42.98px;
	color: #004554;
}

h6 {
	font-size: 31px;
	line-height: 38.31px;
	color: #004554;
	font-family: 'GothamBlack';
}

p{
	font-family: 'Gotham-Book';
    color: #606161;
    font-size: 22px;
    line-height: 34px;
}

li{
    font-size: 26px;
    line-height: 31.3px;
    color: #868686;
    list-style: none;
    font-family: 'Gotham-Book';
}

div#navbarSupportedContent li a {
    text-decoration: none;
    font-size: 23px;
    color: #fff;
    font-family: 'Montserrat-Regular';
}

span {
	font-size: 23.41px;
	line-height: 28.09px;
	color: #606161;
}

/*=============================================
			CONFIGURACIONES GENERALES
=============================================*/


/*=============================================
			NAV
=============================================*/
.row>*{
	padding: 0;
}

.container {
    max-width: 96%;
}

.navbar-expand-lg .navbar-nav {
    flex-direction: row-reverse;
}

div#navbarSupportedContent ul {
    list-style: none;
}

div#navbarSupportedContent li {
    display: inline-block;
    padding: 0 21px;
    position: relative;
}

div#navbarSupportedContent li a {
    text-decoration: none;
    color: #fff;
    transition: 0.5s;
}

div#navbarSupportedContent li a:after {
    content: "";
    height: 42px;
    width: 1px;
    position: absolute;
    background: #60AF46;
    right: -2px;
    top: -7px;
}

.galeria:after {
	display: none;
}

#hero {
    background: #006A80;
    padding-top: 223px;
    color: white;
    padding-bottom: 132px;
    height: 934px;
}

.animate-charcter {
    background-image: linear-gradient( 225deg, #60AF46 40%, #60AF46 29%, #fff 20%, #fff 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 5s linear infinite;
    display: inline-block;
}

#hero .max-container{
	max-width: 1500px;
}

a.navbar-brand img {
    width: 350.16px;
    height: auto;
    object-fit: cover;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    position: absolute;
    width: 100%;
    background: none !important;
    padding-top: 24px;
}

div#navbarSupportedContent li a:hover {
    color: #60AF46;
    transition: 0.5s;
}

.navbar-light .navbar-brand img {
    position: relative;
    top: 10px;
}

.navbar-expand-lg .navbar-nav{
	padding-right: 10px;
}

section#hero img {
    width: 617.58px;
    object-fit: cover;
    margin-left: 18px;
    z-index: 10;
    top: -141px;
    height: 725.2px;
    position: absolute;
    left: -284px;
}

.hero__content {
    padding-left: 80px;
    border: 2px solid #4D9A9E;
    height: 468px;
    display: flex;
    align-items: center;
    margin-top: 85px;
    width: 87%;
    float: right;
    position: relative;
}

section#hero .row{
	max-width: 1508px;
	margin: 0 auto;
}

.hero__content__description {
    padding-top: 21px;
    padding-left: 214px;
} 

.hero__content__description h1 {
    margin-bottom: 22px;
}

.hero__content__description h6 {
    color: white;
    font-family: 'Gotham-Book';
}
/*=============================================
			NAV  END
=============================================*/

/*=============================================
			SECTION START
=============================================*/
section#start h2 {
    color: white;
    text-align: right;
    position: relative;
    width: 711px;
    font-size: 87.48px;
    padding-right: 68px;
}

section#start h2:before {
    width: 711px;
    height: 95px;
    background: #004554;
    position: absolute;
    z-index: -1;
    left: -52px;
    content: "";
    top: -9px;
}

.start__content__reciclable h3 img {
    width: 125px;
    height: 125px;
    margin-right: 21px;
    margin-top: -27px;
}

.start__content__noreciclable h3 img {
    width: 125px;
    height: 125px;
    margin-right: 21px;
    margin-top: -27px;
}

.start__content__noreciclable h3{
	color: #7F8384 !important;
	padding-left: 94px !important;
}

section#start {
    background-color: white;
    background-image: url(../img/bg-reciclable.png);
    background-size: cover;
    background-repeat: no-repeat;
}

#start h3 {
    padding-left: 33px;
    margin-bottom: 32px;
    font-family: 'GothamBlack';
    color: #60AF46;
    letter-spacing: -2px;
}

.start__description__right ul:nth-child(2) {
    margin-top: 45px;
}

.start__content {
    z-index: 10;
    position: relative;
    margin-top: -17px;
    width: 39%;
    float: left;
}

.start__content__right {
    float: left;
    width: 61%;
}

.start__content h2 span{
	color: #4D9A9E;
	font-size: 87.06px;
    line-height: 74.91px;
    font-family: 'Gotham-Bold';
}

.start__content__right h5 {
    padding-top: 25px;
    margin-left: -3px;
    margin-bottom: 0;
}

.start__content__reciclable__group__2:before {
    border-right: 3px solid #4D9A9E;
    position: absolute;
    height: 417px;
    left: auto;
    right: 13%;
    width: 3px;
    top: -42px;
    margin: 0 auto;
    content: "";
}

#start__image__left img {
    width: 48px;
    height: 70px;
}

.start__image__left {
    margin-top: 45px;
    padding-left: 3px;
    width: 24%;
    float: left;
}

.start__image__left img {
    margin-bottom: 20px;
}

.start__image__left img:nth-child(2) {
    padding-left: 5px;
}

.start__description__right {
    width: 69%;
    float: left;
}

#start ul {
    margin-bottom: 30px;
    padding: 0;
}

#start .max-container{
	max-width: 1630px;
	margin: 0 auto;
}

#start h6 {
    color: #868686;
    letter-spacing: -1px;
    margin-bottom: 2px;
}

#start ul {
    margin-bottom: 34px;
}

#start h2 span {
    color: #4D9A9E;
    font-size: 87.06px;
    line-height: 74.91px;
    font-family: 'Gotham-Bold';
    position: relative;
    top: 15px;
}

#start__image__left img {
    width: 48px;
    height: 70px;
    display: block;
    margin-bottom: 24px;
}

#start .rows{
	position: relative;
	float: left;
	padding-bottom: 25px;
	width: 100%;
	padding-top: 80px;
}

.start__content__reciclable {
    width: 50%;
    float: left;
}

.start__content__group__rows {
    float: left;
    width: 100%;
}

.start__content__reciclable__group {
    width: 37%;
    float: left;
}

.start__content__reciclable__group__2 {
    width: 63%;
    float: left;
    position: relative;
}

.start__content__noreciclable {
    width: 50%;
    float: left;
    padding-left: 18px;
}

.start__content__noreciclable__group {
    width: 43%;
    float: left;
}

.start__content__noreciclable__group__2 {
    width: 57%;
    float: left;
}

/*=============================================
			SECTION START
=============================================*/

/*=============================================
			SECTION ABOUT
=============================================*/
section#about__spectrum {
    float: left;
    background-attachment: fixed;
    width: 100%;
}

section#about__spectrum .max-container{
	max-width: 1719px;
}

.max-container{
	max-width: 1715px;
	margin: 0 auto;
}

section#moving .max-container {
    max-width: 1675px;
}

.about__content__image {
    padding-right: 40px;
}

.about__content__group {
    display: flex;
    padding-bottom: 15px;
}

section#waste .owl-dots {
    margin-left: -119px;
    margin-top: 62px;
}

.about__content__image img {
    width: 232.78px;
    height: auto;
}

section#about__spectrum {
    float: left;
    width: 100%;
    padding-top: 103px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-direction: column-reverse;
    padding-bottom: 56px;
    background-position: center;
    background-size: cover;
}

.about__content {
    display: flex;
    padding-left: 13px;
    align-items: center;
}

.about__content h3 {
    padding-top: 25px;
}

.about__content__click {
    width: 100%;
    text-align: right;
    padding-right: 269px;
    position: relative;
}

.about__content__click h4 img {
    position: absolute;
    width: 69px;
    height: auto;
    right: auto;
    margin-left: 8px;
    margin-top: -32px;
}

.about__content__click h4 {
    font-family: 'Gotham-Bold';
}
/*=============================================
			SECTION ABOUT
=============================================*/

/*=============================================
			SECTION CAROUSEL
=============================================*/
section#waste {
    float: left;
    padding-top: 52px;
    width: 100%;
}

section#waste .item {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}

.waste__content {
    width: 42%;
    float: left;
}

.waste__content h2 img {
    width: 151px !important;
    height: 161px !important;
    position: absolute;
    left: 16%;
    top: -117px;
}

.waste__content h2 {
    padding-right: 104px;
    font-size: 66px;
    text-align: right;
    color: #4D9A9E;
    line-height: 60px;
    position: relative;
}

.waste__content__video {
    width: 57%;
    float: right;
    margin-right: 18px;
    padding-bottom: 19px;
}

.waste__content__video video {
    height: 599px;
    width: 100%;
    float: right;
    display: block;
    box-shadow: 7px 6px 13px rgb(0 0 0 / 0.5);
    margin-right: 0;
}

.waste__content h2:before {
    width: 2px;
    content: "";
    height: 319px;
    position: absolute;
    right: 58px;
    background: #60AF46;
    top: -46px;
}

.owl-theme .owl-nav {
    margin-top: 10px;
    display: none;
}

.owl-dots {
    margin-top: 54px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #60AF46;
}

.owl-theme .owl-dots .owl-dot span{
	width: 24px;
	height: 24px;
	border: 1px solid #60AF46;
	background: none;
}

.owl-theme .owl-dots .owl-dot{
	margin: 0 1px;
}

#waste .owl-carousel .item img {
    display: block;
    width: 754px;
    height: 673px;
}
/*=============================================
			SECTION CAROUSEL
=============================================*/

/*=============================================
			SECTION MOVING
=============================================*/

section#moving {
    float: left;
    width: 100%;
    padding-bottom: 96px;
    padding-top: 57px;
}

section#moving h2 {
    text-align: center;
    margin-bottom: 54px;
    font-family: 'GothamBlack';
    color: #006A80;
}

section#moving h2 span {
    color: #004554;
    margin-right: 15px;
    font-size: 48px;
}

.moving__content {
    width: 50%;
    float: left;
    padding-top: 33px;
    margin-left: -10px;
}

.moving__content__image {
    width: 49%;
    float: left;
}

.moving__content span {
    display: block;
    font-family: 'Gotham-Book';
    margin-bottom: 28px;
}

.moving__content h6 {
    text-align: center;
    line-height: 28.42px;
    margin-bottom: 21px;
}

.moving__content span strong {
    font-family: 'GothamMedium';
}

.moving__content strong {
    margin-right: 7px;
}

.moving__content__image img {
    width: 92% !important;
    height: 676px;
    object-fit: contain;
}

#moving h3 {
    padding-left: 33px;
    position: relative;
    font-family: 'GothamBlack';
    color: #60AF46;
    letter-spacing: -2px;
    text-align: center;
    padding-top: 28px;
    margin-bottom: 32px;
}

#moving h3 img {
    width: 105px;
    height: 105px;
    margin-right: 21px;
    position: absolute;
    top: -9px;
    left: 19.5%;
}

#moving h3 svg path {
    fill: #60AF46;
}

#moving .owl-dots {
    margin-top: 33px;
}

/*=============================================
			SECTION MOVING
=============================================*/


/*=============================================
			SECTION COMMUNITY
=============================================*/
section#community img {
    width: auto;
    height: auto;
    object-fit: cover;
    margin-bottom: 32px;
}

section#community h2 {
    margin-bottom: 70px;
}

section#community {
    height: 932px;
    text-align: center;
    color: white;
    display: flex;
    align-items: end;
    padding-bottom: 39px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
/*=============================================
			SECTION COMMUNITY
=============================================*/

/*=============================================
			SECTION BLOCKS
=============================================*/
.galery__content1 {
    width: 47%;
    float: left;
    position: relative;
    left: 35px;
    margin-right: 3%;
}

.galery__content2 {
    width: 46%;
    float: left;
    margin-left: 4%;
}

.galery__content1 img {
    margin-bottom: 25px;
}

.galery__img1 {
    width: 40%;
    float: left;
}

.galery__small1 {
    float: left;
    display: flex;
    align-items: center;
    width: 100%;
}

.galery__img1 img {
    width: 396px;
    height: 329px;
    border-radius: 9px;
    opacity: 50%;
}

.galery__description {
    padding-left: 76px;
    float: left;
    width: 60%;
    margin-top: 0px;
}

.galery__small1 {
    float: left;
    width: 100%;
    margin-bottom: 42px;
}

section#galery .max-container {
    display: flex;
    max-width: 100%;
}

section#galery {
    padding: 100px 0px;
    background-color: white;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.galery__content1 img {
    margin-bottom: 24px;
    width: 100%;
    height: 702px;
    border-radius: 9px;
}

section#galery {
    padding: 100px 0px;
}

.galery__content1 h6 {
    font-family: 'Gotham-Book';
    color: #606161;
    margin-top: 10px;
    line-height: 47px;
}

.galery__content1__group {
    padding-left: 20px;
}

#galery .item img {
    width: 98%;
    float: right;
    opacity: 50%;
}

.galery__content1__group h5 {
    line-height: 45px;
    font-size: 30px;
    color: #006A80;
    margin-bottom: 0;
}

.galery__content1__group h6{
    line-height: 45px;
    font-size: 27px;
}

.galery__description h6 {
    font-family: 'GothamMedium';
    color: #006A80;
    margin-bottom: 27px;
    line-height: 37px;
    letter-spacing: -2px;
    margin-top: 0px;
    font-size: 25px;
    padding-right: 17px;
}

.galery__description p{
    font-size: 21px;
    margin-bottom: 0;
}

#galery .owl-theme .owl-nav {
    margin-top: 10px;
    display: block;
    position: absolute;
    top: 30%;
    width: 100%;
    left: 8px;
    right: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
}

#galery .owl-theme .owl-nav [class*=owl-]{
    width: 48%; 
    background: none;
}

#galery button.owl-next span {
    position: relative;
    left: 30px;
    font-size: 40.41px;
}

#galery button.owl-prev {
    float: left;
    text-align: left;
}

#galery button.owl-next {
    float: right;
    text-align: right;
}

#galery .owl-dots {
    display: none;
}

#galery button.owl-prev span {
    position: relative;
    right: 30px;
    font-size: 40.41px;
}

#galery  button.owl-next span {
    color: #60AF46;
}

/*=============================================
			SECTION BLOCKS
=============================================*/

/*=============================================
			SECTION FOOTER
=============================================*/
footer svg {
    width: 132px;
    height: 92px;
    margin: 0 auto;
    display: block;
    margin-bottom: 45px;
}

.separator {
    height: 70px;
}

footer img {
    margin: 0 auto;
    display: block;
    padding-bottom: 31px;
}

/*=============================================
			SECTION FOOTER
=============================================*/


/*=============================================
            RESPONSIVE
=============================================*/

@media only screen and (max-width: 1800px) {
    section#start h2{
        width: 100%;
    }

    section#start h2:before{
        width: 100%;
    }

    .waste__content h2 img{
        left: 7%;
    }

    .galery__img1 img{
        width: 344px;
    }
}

@media only screen and (max-width: 1600px) {
    h1{
        font-size: 70.65px;
        line-height: 72px;
        color: white;
    }

    h2 {
        font-size: 70px;
        line-height: 70px;
    }

    h3 {
        font-size: 53.62px;
        line-height: 49.54px;
    }

    h4 {
        font-size: 41px;
        line-height: 47.14px;
    }

    h5 {
        font-size: 37px;
        line-height: 37.98px;
        color: #004554;
    }

    h6 {
        font-size: 26px;
        line-height: 33.31px;
        color: #004554;
    }

    p{
        color: #606161;
        font-size: 18px;
        line-height: 30px;
    }

    li{
        font-size: 21px;
        line-height: 26.3px;
        color: #868686;
        list-style: none;
    }

    div#navbarSupportedContent li a {
        text-decoration: none;
        font-size: 18px;
        color: #fff;
    }

    span {
        font-size: 18.41px;
        line-height: 23.09px;
        color: #606161;
    }

    .waste__content h2 img{
        width: 92px !important;
    }

    .waste__content h2{
        line-height: 49px;
        font-size: 50px;
    }

    .galery__img1 img {
        width: 100%;
        height: 270px;
    }

    .galery__img1{
        width: 43%;
    }

    .galery__description h6{
        font-size: 22px;
        margin-top: 0;
        line-height: 31px;
        letter-spacing: -2px;
        padding-right: 17px;
    }

    .galery__description {
        padding-left: 30px;
        float: left;
        width: 57%;
        margin-top: 35px;
    }

    .galery__description p {
        font-size: 18px;
    }

    #moving h3 img{
        left: 16.5%;
    }

    .galery__content1 img{
        height: 580px;
    }

    .galery__description p br {
        display: none;
    }

    .galery__description{
        padding-left: 19px;
    }
}

@media only screen and (max-width: 1350px){
    #moving h3 img {
        left: 13.5%;
    }

    .galery__img1 img {
        width: 100%;
        height: 235px;
    }

    .galery__description{
        margin-top: 0;
    }

    .galery__content1__group h6 {
        line-height: 35px;
        font-size: 24px;
    }

    .galery__description h6{
        margin-bottom: 10px;
    }

    .galery__content1__group h5{
        line-height: 36px;
        font-size: 28px;
    }

    .galery__description h6 br{
        display: none;
    }
}

@media only screen and (max-width: 1250px) {
    .start__content__right h5 br {
        display: none;
    }

    .start__content__noreciclable h3 {
        color: #7F8384 !important;
        padding-left: 40px !important;
    }

    .start__description__right{
        padding-left: 10px;
    }

    .waste__content h2 img {
        width: 64px !important;
    }

    .waste__content h2{
        padding-right: 44px;
    }

    .waste__content__video video{
        height: 499px;
    }

    .waste__content h2:before{
        right: 21px;
    }

    #moving h3 img {
        left: 9.5%;
    }

    .hero__content__description{
    	padding-left: 183px;
    }

}

@media only screen and (max-width: 1199px) {
    h1{
        font-size: 60.65px;
        line-height: 60px;
    }

    h3 {
        font-size: 45.62px;
        line-height: 45.54px;
    }

    h5 {
        font-size: 32px;
        line-height: 32.98px;
        color: #004554;
    }

    .hero__content__description h6{
        font-size: 21px;
        line-height: 26.31px;
    }

    .hero__content__description h6 br:first-child {
        display: none;
    }

    #hero{
        padding-top: 200px;
    }

    div#navbarSupportedContent li{
        padding: 0 15px;
    }


    .hero__content__description {
        padding-left: 117px;
    } 

    .navbar-light .navbar-brand img {
        position: relative;
        top: -16px;
    }

    section#hero img{
        top: -104px;
    }

    .start__content__reciclable {
        width: 100%;
    }

    .start__content__noreciclable{
        width: 100%;
    }

    .start__content__reciclable__group{
        width: 50%;
    }

    .start__content__reciclable__group__2{
        width: 50%;
    }

    .start__content__reciclable__group__2:before{
        display: none;
    }

    .start__content{
        width: 100%;
    }

    .start__content__right{
        width: 100%;
    }

    .start__content__reciclable{
        text-align: center;
    }

    section#start h2{
        text-align: left;
    }

    #start .rows{
        max-width: 91%;
        margin: 0 auto;
    }

    section#start h2{
        padding-top: 9px;
    }

    .start__content__noreciclable{
        margin-top: 70px;
        text-align: center;
    }

    .about__content__click{
        margin-top: 23px;
        padding-right: 0;
        text-align: left;
    }

    .waste__content h2 br {
        display: none;
    }


    .moving__content span br {
        display: none;
    }

    #moving h3 img {
        left: 1%;
    }

    .galery__content1{
        width: 100%;
        left: 0;
        margin-right: 0;
    }

    #galery .item img {
        width: 82%;
        float: none;
        margin: 0 auto;
        height: 500px;
        object-fit: cover;
        border-radius: 0;
        margin-bottom: 50px;
    }

    .galery__content1__group {
        padding-left: 0;
        width: 82%;
        margin: 0 auto;
    }

    .galery__content1__group br {
        display: none;
    }

    .galery__content1__group{
        margin-bottom: 50px;
    }

    .galery__content2{
        width: 100%;
    }

    section#galery .max-container{
        display: block;
    }

    .galery__content2 {
        width: 82%;
        float: none;
        margin: 0 auto;
    }

    .galery__img1 img{
        height: auto;
    }

    #galery button.owl-prev span{
        right: 0;
    }

    #galery button.owl-next span{
        left: 0;
    }

    .hero__content__description{
    	padding-left: 200px;
    }

}

@media only screen and (max-width: 991px){
    h3 {
        font-size: 36.62px;
        line-height: 40.54px;
    }

    h4 {
        font-size: 34px;
        line-height: 47.14px;
    }

    #hero{
        padding-top: 100px;
        height: auto;
    }

    .hero__content {
        padding-left: 40px;
        height: auto;
        margin-top: 85px;
        padding-right: 40px;
        width: 100%;
    }

    section#hero img {
        width: 301px;
        margin-left: 0;
        top: 0;
        height: auto;
        position: relative;
        left: 0;
        margin-bottom: 10px;
    }

    .navbar-light .navbar-brand img {
        top: 13px;
    }

    .navbar-collapse{
        align-items: initial;
    }

    nav.navbar.navbar-expand-lg.navbar-light.bg-light{
        padding-top: 0;
    }

    div#navbarSupportedContent ul {
        list-style: none;
        height: 100px;
        padding-top: 33px;
    }

    .hero__content__description {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
        padding-left: 0;
    }

    .navbar-light .navbar-toggler {
        border-color: white;
        background: white;
        border-radius: 0;
    }

    .start__description__right {
        padding-left: 0;
    }

    .waste__content__video video {
        height: auto;
    }

    section#waste .owl-dots{
        margin-left: 0;
    }

    .waste__content{
        padding-top: 92px;
    }

    .waste__content{
        width: 100%;
    }

    .waste__content__video{
        width: 100%;
    }

    section#waste .item{
        display: block;
    }

    .waste__content h2 img{
        top: -34px;
    }

    .waste__content h2{
        margin-bottom: 30px;
    }

    .waste__content__video{
        margin-right: 0;
    }

    .waste__content h2:before{
        display: none;
    }

    .waste__content h2 {
        padding-right: 0;
        text-align: left;
    }

    .waste__content{
        margin-bottom: 22px;
    }

    .waste__content h2 img {
        top: 8px;
        left: auto;
        right: 0;
    }

    .waste__content {
        padding-top: 0;
    }

    .moving__content__image {
        width: 100%;
        float: left;
    }

    .moving__content {
        width: 100%;
        float: left;
        padding-top: 33px;
        margin-left: 0;
    }

    .moving__content span{
        margin-bottom: 15px;
    }

    #moving h3 {
        margin-bottom: 22px;
        max-width: initial;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align:     center;
    }

    #moving h3 img {
        left: 0;
        width: 75px;
        height: 75px;
        margin-right: 21px;
        position: relative;
    }

    .moving__content__image img {
        width: 68% !important;
        height: auto;
        object-fit: cover;
        margin: 0 auto;
    }

    .moving__content span {
        padding-left: 64px;
        padding-right: 64px;
    }

    section#moving{
        padding-top: 57px;
    }
}

@media only screen and (max-width: 768px){
    h1 {
        font-size: 50.65px;
        line-height: 50px;
    }

    h2 {
        font-size: 36px !important;
        line-height: 36px !important;
    }   

    h5 {
        font-size: 28px;
        line-height: 28.98px;
    }

    section#start h2 {
        font-size: 61.48px !important;
    }

    section#start h2 span{
        font-size: 61.48px;
        top: 0px;
    }

    div#navbarSupportedContent li a{
        font-size: 15px;
    }

    .hero__content__description h6 {
        font-size: 19px;
        line-height: 24.31px;
    }

    div#navbarSupportedContent li{
        padding: 0 9px;
    }

    .start__content__reciclable__group__2 {
        width: 100%;
    }

    .start__content__reciclable__group {
        width: 100%;
    }

    .start__description__right {
        width: 100%;
        float: left;
    }

    .start__image__left{
        position: absolute;
    }

    #start .rows {
        max-width: 100%;
        margin: 0 auto;
    }

    .start__content__noreciclable__group{
        width: 100%;
    }

    .start__content__noreciclable__group__2{
        width: 100%;
    }

    .start__content__noreciclable h3 img{
        width: 75px;
        height: 75px;
    }

    .start__content__reciclable h3 img{
        width: 75px;
        height: 75px;
    }

    .start__content__noreciclable h3{
        padding-left: 0px !important;
    }

    .start__content__right h5{
        padding-top: 0;
    }

    #start h3{
        padding-left: 0px !important;
    }

    .start__content__noreciclable{
        padding-left: 0;
    }

    #hero{
        padding-bottom: 100px;
    }

    section#start h2:before{
        top: -17px;
    }

    .start__content__noreciclable h3 img{
        margin-right: 2px;
        width: 50px;
        height: 50px;
    }

    .hero__content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about__content__image img{
        width: 100%;
    }

    .about__content__group{
        display: block;
    }

    .about__content{
        padding-left: 0;
    }

    .about__content__click h4 img {
        margin-top: 31px;
        position: absolute;
        width: 50px;
        right: 0;
    }

    section#about__spectrum{
        padding-top: 55px;
    }

    .about__content__image img {
        width: 26%;
    }

    #waste .owl-carousel .item img{
        position: relative;
    }

    .waste__content h2 img {
        height: auto !important;
        margin-bottom: 16px;
    }

    .waste__content h2 {
        margin-bottom: 10px;
    }

    .moving__content span {
        padding-left: 40px;
        padding-right: 40px;
    }

    section#moving h2 span {
        font-size: 30px;
    }

    section#community img:nth-child(1) {
        width: 100px;
        height: auto;
    }

    section#community img{
        width: 70%;
    }

    section#community h2 {
        margin-bottom: 30px;
    }

    section#community{
        background-attachment: initial;
    }

    section#about__spectrum {
        background-attachment: initial;
    }

    #galery .item img{
        width: 100%;
    }

    .galery__content1__group{
        width: 100%;
    }

    .galery__content2{
        width: 100%;
    }

    #galery .owl-theme .owl-nav [class*=owl-]{
        width: 46%;
    }

    .galery__content1__group h5 {
        line-height: 31px;
        font-size: 25px;
    }

    .galery__content1__group h6 {
        line-height: 28px;
        font-size: 21px;
    }

    #galery .item img{
        margin-bottom: 26px;
    }

    #galery .owl-theme .owl-nav{
        left: 0;
    }

    .galery__content1__group h5 {
        line-height: 24px;
        font-size: 21px;
    }

    .galery__content1__group h6 {
        line-height: 25px;
        font-size: 18px;
    }

    .galery__img1 img{
        height: auto;
    }

    .galery__small1{
        display: initial;
    }

    img.com_log {
        width: 50% !important;
    }

}

@media only screen and (max-width: 600px){
    #galery .item img{
        height: auto;
    }

    .galery__img1 {
        width: 100%;
    }

    .galery__description {
        padding-left: 0;
        float: left;
        width: 100%;
        margin-top: 24px !important;
    }

    .galery__description h6{
        padding-right: 0;
        line-height: 26px;
    }

    .galery__description p{
        line-height: 25px;
    }

    footer img{
        width: 80%;
    }

    section#hero img{
        width: 100%;
    }

}

@media only screen and (max-width: 500px){
    h1 {
        font-size: 42px;
        line-height: 42px;
    }

    h2 {
        font-size: 26px !important;
        line-height: 29px !important;
    }

    h5 {
        font-size: 22px;
        line-height: 24.98px;
    }

    h3 {
        font-size: 37.62px;
    }

    h6{
        font-size: 21px;    
    }

    section#start h2 {
        font-size: 50.48px;
    }

    section#start h2 span{
        font-size: 50.48px;
        top: -19px;
    }

    .start__image__left{
        left: -20px;
    }

    .start__content__reciclable h3 img {
        width: 50px;
        height: 50px;
        margin-top: -16px;
        margin-right: 3px;
    }

    #start .rows{
        padding-top: 40px;
    }

    .start__image__left img{
        width: 58%; 
    }

    div#navbarSupportedContent li a{
        font-size: 12px;
    }

    .hero__content__description h6 {
        font-size: 17px;
        line-height: 22.31px;
    }

    div#navbarSupportedContent li{
        padding: 0 7px;
    }

    section#hero img{
        margin-bottom: 19px;
    }

    .hero__content__description{
        float: left;
        width: 100%;
    }

    .navbar-expand-lg .navbar-nav {
        padding-right: 0;
    }

    .d-flex {
        display: flex!important;
        width: 100%;
        text-align: right;
    }

    div#navbarSupportedContent ul{
        text-align: right;
        width: 100%;
        padding-left: 0;
    }

    .navbar-light .navbar-brand{
        width: 70%;
        float: left;
    }

    .navbar-light .navbar-toggler {
        float: left;
        width: 15%;
        height: 47px;
        margin-top: 13px;
    }

    .navbar-light .navbar-brand img {
        top: 13px;
        width: 100%;
    }

    .hero__content{
        margin-top: 67px;
    }

    div#navbarSupportedContent li a:after{
        right: -2px;
        top: 2px;
        height: 30px;
    }

    .hero__content{
        padding-left: 20px;
        padding-right: 20px;
    }

    .about__content__image img {
        width: 44%;
    }

    .about__content h3 {
        font-size: 30px;
        line-height: 34px;
    }

    .about__content__click h4 {
        font-size: 27px;
        line-height: 32px;
    }

    .about__content__click h4 img{
        margin-top: 43px;  
    }

    section#about__spectrum{
        padding-bottom: 125px;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 19px;
        height: 19px;
        margin: 5px 3px;
    }

    section#waste .owl-dots {
        margin-top: 38px;
    }

    .waste__content {
        margin-bottom: 13px;
    }

    .moving__content span {
        padding-left: 0px;
        padding-right: 0px;
    }

    .moving__content h6 {
        line-height: 21.42px;
    }

    #moving h3{
        padding-left: 0;
    }

    section#moving h2 span {
        font-size: 22px;
    }

    .moving__content__image img{
        width: 100% !important;
    }

    section#moving{
        padding-bottom: 57px;   
    }

    section#community img:nth-child(1) {
        width: 75px;
        height: auto;
    }

    section#community img {
        width: 87%;
    }

    #galery .owl-theme .owl-nav {
        left: 0;
        top: 23%;
    }

    section#start h2 span{
        top: 0; 
    }

    section#start h2 {
        font-size: 52.48px !important;
    }

    section#galery{
        padding-bottom: 50px;
        background-size: cover;
    }

    .waste__content__video video{
    	box-shadow: none;
    }

    .start__image__left{
        display: none;
    }

}

@media only screen and (max-width: 400px){
    h1 {
        font-size: 34px;
        line-height: 35px;
    }

    .navbar-light .navbar-toggler{
        width: auto;
        height: 37px;
        margin-top: 21px;
    }

    div#navbarSupportedContent li{
        padding: 0 6px;
    }

    div#navbarSupportedContent li a {
        font-size: 10px;
    }

    #galery .owl-theme .owl-nav {
        top: 18%;
    }

    img.com_log {
        width: 60% !important;
    }


}

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

}



/*=============================================
            RESPONSIVE
=============================================