Витрина
Мусоросортировочный комплекс
.uc-title {
position: relative;
display: block;
margin: 20px 0;
padding: 10px 0;
color: #333;
}
.uc-title h2 {
margin: 0;
padding: 0;
}
.uc-title::after {
position: absolute;
bottom: 0;
left: 0;
width: 20%;
height: 2px;
background: #738cd4;
content: '';
}
.uc-btns {
display: inline-block;
padding: 8px 30px;
font-size: 16px;
color: #fff!important;
text-decoration: none!important;
min-width: 170px;
border: none;
background: #738cd4;
vertical-align: middle;
text-align: center;
transition: all .3s ease;
}
.uc-btns::before {
margin-right: 5px;
color: #fff;
font-size: 16px;
transform: rotateY(0);
-moz-transform: rotateY(0);
-webkit-transform: rotateY(0);
-o-transform: rotateY(0);
-ms-transform: rotateY(0);
content: "\f10e";
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
font-family: "icons";
display: inline-block;
vertical-align: baseline;
line-height: 1;
}
.uc-btns::after {
position: absolute;
top: 12px;
left: 34px;
visibility: hidden;
color: #fff;
font-weight: bold;
font-size: 16px;
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-webkit-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
content: "\f14e";
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
font-family: "icons";
display: inline-block;
vertical-align: baseline;
line-height: 1;
}
.uc-btns:hover {
background: #374466;
transition: all .3s ease;
}
.uc-btns:hover::before {
visibility: hidden;
transform: perspective(600px) rotateY(90deg);
-moz-transform: perspective(600px) rotateY(90deg);
-webkit-transform: perspective(600px) rotateY(90deg);
-o-transform: perspective(600px) rotateY(90deg);
-ms-transform: perspective(600px) rotateY(90deg);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.uc-btns:hover::after {
visibility: visible;
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
transform: perspective(600px) rotateY(0);
-moz-transform: perspective(600px) rotateY(0);
-webkit-transform: perspective(600px) rotateY(0);
-o-transform: perspective(600px) rotateY(0);
-ms-transform: perspective(600px) rotateY(0);
}
.ucv-a2-panel strong {
font-size: 20px;
color: #738cd4;
}
.ucv-a2-panel {
background: #777 url('http://c.radikal.ru/c18/1903/1c/a5900e31924d.jpg') 50% 95%;
background-size: cover;
display: flex;
justify-content: center;
align-items: flex-start;
background-repeat: no-repeat;
margin: 125px 0;
}
.ucv-a2-container {
background-color: rgba(49, 44, 50, 0.9);
margin: 0;
padding: 40px;
width: 400px;
height: 400px;
text-align: center;
transform: rotate(45deg);
}
.ucv-a2-content {
transform: rotate(-45deg);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
padding: 35px;
}
.ucv-a2-header {
font-size: 26px;
line-height: 32px;
color: #738cd4;
margin: 0px;
}
.ucv-a2-sub-header {
font-size: 17px;
line-height: 32px;
padding: 7px 15px;
color: #fff;
margin: 0px 0px 10px;
}
.ucv-a2-text {
position: relative;
font-size: 14px;
line-height: 26px;
color: #fff;
margin: 0px 0px 10px;
padding-left: 10px;
}
.ucv-a2-link {
display: inline-block;
box-sizing: border-box;
height: 130px;
width: 130px;
text-decoration: none!important;
text-align: center;
background: #738cd4;
color: #fff!important;
padding: 10px;
border: 2px solid #738cd4;
font-size: 19px;
transform: rotate(45deg);
}
.ucv-button-container {
margin: 40px 0 0!important;
}
.ucv-button-rot {
transform: rotate(-45deg) translatex(-23%) translatey(50%);
display: inline-block;
word-spacing: normal;
}
.ucv-a2-link:hover {
color: #738cd4!important;
border-color: #738cd4;
background: transparent;
}
@media screen and (max-width: 1200px) {
.ucv-a2-texts {
width: auto;
text-align: left!important;
border-radius: 0;
}
.ucv-a2-container {
width: 100%;
transform: rotate(0deg);
padding: 20px 10px;
}
.ucv-a2-panel {
padding: 0;
margin: 0;
}
.ucv-a2-link {
transform: rotate(0deg);
height: auto;
width: auto;
}
.ucv-a2-content {
transform: rotate(0deg);
padding: 0;
}
.ucv-button-rot {
transform: rotate(0deg);
}
}
.ucv-b1-panel {
padding: 20px 0;
text-align: center;
}
.ucv-b1-panel:after {
content: " ";
display: block;
clear: both;
font-size: 0px;
}
.ucv-b1-header {
margin-bottom: 40px;
text-align: center;
}
.ucv-b1-wrapper {
display: inline-block;
vertical-align: top;
margin: 10px .5%;
text-decoration: none;
}
.ucv-b1-img-holder {
display: block;
text-align: center;
position: relative;
overflow: hidden;
max-width: 270px;
margin: 0 auto;
border: 1px solid #ebebeb;
}
.ucv-b1-img-holder__bl {
display: block;
position: relative;
overflow: hidden;
max-width: 300px;
margin: 0 auto;
}
.ucv-b1-img-holder__bl:after {
content: '';
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
background: #738cd4;
height: 2px;
transition: all .2s ease-out;
width: 0;
}
.ucv-b1-img-holder__bl:hover:after {
transition: all .2s ease-out;
width: 300px;
}
.ucv-b1-img-holder__bl:hover:before {
transition: all .4s ease-out .2s;
height: 300px;
}
.ucv-b1-img-holder__bl:before {
content: '';
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
background: #738cd4;
height: 0;
transition: all .4s ease-out .2s;
width: 2px;
z-index: 5;
}
.ucv-b1-img-holder:after {
content: '';
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: #738cd4;
height: 2px;
transition: all .2s ease-out;
width: 0;
}
.ucv-b1-img-holder:before {
content: '';
display: inline-block;
position: absolute;
top: 0;
right: 0;
background: #738cd4;
height: 0;
transition: all .4s ease-out .2s;
width: 2px;
z-index: 5;
}
.ucv-b1-img-holder:hover:after {
transition: all .2s ease-out;
width: 300px;
}
.ucv-b1-img-holder:hover:before {
transition: all .4s ease-out .2s;
height: 300px;
}
.ucv-b1-img-holder img {
display: block;
height: auto !important;
}
.ucv-b1-img-holder:hover .ucv-b1-hint {
left: 0;
}
.ucv-b1-hint {
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.9);
text-align: left;
color: #000;
transition: all 0.6s ease 0s;
overflow: hidden;
}
.ucv-b1-hint-body {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
padding: 15px;
box-sizing: border-box;
}
.ucv-b1-name {
font-size: 15px;
color: #374466;
display: inline-block;
margin-top: 10px;
}
.ucv-b1-name:hover {
color: #738cd4;
}
.ucv-b1-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #333;
}
.ucv-b1-panel .ucv-b1-wrapper {
width: 23%;
}
@media screen and (max-width: 768px) {
.ucv-b1-desc {
position: static;
visibility: visible;
}
.ucv-b1-panel .ucv-b1-wrapper {
width: 51%;
}
.ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper {
width: 51%;
}
}
@media screen and (max-width: 630px) {
.ucv-b1-hint-body {}
}
@media screen and (max-width: 500px) {
.ucv-b1-panel .ucv-b1-wrapper,
.ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper {
width: auto;
margin-right: 15px;
margin-left: 15px;
}
}
.uc-clear {
clear: both;
height: 0px;
}
.uc-oco-panel {
padding: 20px;
}
.uc-oco-header {
text-align: center;
padding-bottom: 20px;
}
.uc-oco-table {
border-width: 0px !important;
width: 46% !important;
table-layout: fixed;
float: left;
}
.uc-oco-table+.uc-oco-table {
margin-left: 8%;
}
.uc-oco-table td {
padding: 10px;
transition: all 0.5s;
}
.uc-oco-table img {
transition: all 0.4s;
}
.uc-oco-table tr:hover td {
box-shadow: 0 100px 0 #374466 inset;
transition: all 0.5s;
color: #fff;
}
.uc-oco-table tr:hover img {}
.uc-oco-table-col1 {
width: 50px;
position: relative;
height: 50px;
padding-left: 15px;
transition: all 0.85s;
}
.uc-oco-table tr:hover .uc-oco-table-col1 {
transition: all 0.85s;
box-shadow: 0 -100px 0 #738cd4 inset !important;
}
@media screen and ( max-width: 500px) {
.uc-oco-table td {
vertical-align: top !important;
}
}
.uc-oco-table tr img {
position: absolute;
top: 50%;
left: 50%;
}
.uc-table_ocons {
transition: all 0.1s ease 0s;
transform: translate(-50%, -50%) scale(1.0);
}
.uc-table_ocons2 {
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transform: translate(-50%, -50%) scale(0);
-moz-transform: translate(-50%, -50%) scale(0);
-webkit-transform: translate(-50%, -50%) scale(0);
-o-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
-webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s;
-moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s;
-o-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s;
transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s;
}
.uc-oco-table tr:hover .uc-table_ocons {
transition: all 0.1s ease 0s;
transform: translate(-50%, -50%) scale(0.0);
}
.uc-oco-table tr:hover .uc-table_ocons2 {
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
transform: translate(-50%, -50%) scale(1);
-moz-transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
}
@media screen and (max-width: 1000px) {
.uc-oco-table {
float: none;
width: 100% !important;
}
.uc-oco-table+.uc-oco-table {
margin: 0;
}
}
@media screen and ( max-width: 500px) {
.uc-oco-table td {
vertical-align: top !important;
}
.uc-oco-table tr:hover .uc-oco-table-col1 {
box-shadow: none !important;
}
.uc-oco-table tr:hover td {
box-shadow: none !important;
color: #374466;
}
}
:root { --infograph-color2: #738cd4; --infograph-color1: #374466; }
.four-panel {
padding: 20px 10px;
}
.four-panel h2 {
text-align: center;
margin-bottom: 20px;
}
.four-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.four-item {
display: flex;
flex-direction: column;
width: 35%;
border-radius: 20px;
padding: 30px;
box-shadow: 15px 15px 44px 5px rgba(0, 0, 0, 0.38);
margin: 20px 0;
}
.four-content-1,
.four-content-2,
.four-content-3,
.four-content-4 {
text-align: center;
position: relative;
padding: 40px;
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
.four-content-1:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 20px;
background: var(--infograph-color2);
border-radius: 20px 20px 20px 0;
}
.four-content-1:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 20px;
height: 100%;
background: var(--infograph-color2);
border-radius: 20px;
}
.four-content-2:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 20px;
background: var(--infograph-color1);
border-radius: 20px;
}
.four-content-2::before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 20px;
height: 100%;
background: var(--infograph-color1);
border-radius: 20px;
}
.four-content-3:after {
content: '';
position: absolute;
bottom: 0px;
right: 0px;
width: 100%;
height: 20px;
background: var(--infograph-color1);
border-radius: 20px;
}
.four-content-3::before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 20px;
height: 100%;
background: var(--infograph-color1);
border-radius: 20px;
}
.four-content-4::after {
content: '';
position: absolute;
bottom: 0px;
right: 0px;
width: 100%;
height: 20px;
background: var(--infograph-color2);
border-radius: 20px;
}
.four-content-4::before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 20px;
height: 100%;
background: var(--infograph-color2);
border-radius: 20px;
}
.four-header {
font-size: 24px;
}
.four-text {}
.four-icon {}
@media screen and (max-width: 1100px) {
.four-item {
width: 80%;
}
.four-content-1:after,
.four-content-1:before,
.four-content-2:after,
.four-content-2:before,
.four-content-3:after,
.four-content-3:before,
.four-content-4:after,
.four-content-4:before {
display: none;
}
.four-content-1,
.four-content-3 {
border: 20px solid var(--infograph-color2);
border-radius: 20px;
}
.four-content-2,
.four-content-4 {
border: 20px solid var(--infograph-color1);
border-radius: 20px;
}
}
.uc-order {
padding: 20px 0;
text-align: center;
}
.uc-order_wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.uc-order h2 {
margin-bottom: 20px;
}
.uc-order-scheme {
width: 49%;
margin: 10px .5%;
padding: 20px 15px;
box-sizing: border-box;
vertical-align: top;
box-shadow: 0 0 2px #33383e;
transition: all .3s ease;
}
.uc-order-scheme strong {
font-size: 22px;
color: #738cd4;
}
.uc-order-scheme:hover {
box-shadow: 0 0 7px #738cd4;
transition: all .3s ease;
}
@media screen and (max-width: 900px) {
.uc-order-scheme {
width: 98%;
margin: 10px auto;
}
}
.uc-b5-panel {
padding: 20px;
text-align: center;
}
.uc-b5-panel:after {
content: " ";
display: block;
clear: both;
font-size: 0px;
}
.uc-b5-header {
margin-bottom: 40px;
}
.uc-b5-wrapper {
display: inline-block;
vertical-align: top;
width: 18%;
margin: 10px;
}
.uc-b5-arr {
width: 40px;
font-size: 30px;
color: #374466;
vertical-align: middle;
padding-top: 10px;
}
.uc-b5-arr2 {
}
.uc-b5-arr3 {}
.uc-b5-text {
margin: 10px 0 0;
}
@media screen and (max-width: 2000px) {
.uc-b5-wrapper {
width: 23%;
}
.uc-b5-arr2 {
display: none;
}
.uc-b5-arr3 {
display: inline-block;
}
}
.uc-b5-img-holder:hover img {
animation: 1500ms ease 0s normal none 1 running tada;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%,
20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
}
@media screen and (max-width: 900px) {
.uc-b5-wrapper {
width: 60%;
}
.uc-b5-arr {
display: none;
}
}
/*-----------------------------------------FOOTER-------------------------------*/
.uc-footer {
padding: 20px 0 0;
text-align: center;
}
.uc-footer p {
margin: 20px 0;
}
Сортировка отходов от Green Recycle
Сортировка отходов — основное направление деятельности компании "Green Recycle". Наша основная цель — сохранить и приумножить природные богатства нашего региона и всей страны в целом. Мы изо всех сил стремимся сохранить экологический баланс нашего региона путём максимального уменьшения объёма отходов, а также их тщательной и структурированной сортировки.
Все услуги
Обратившись к нам, вы получите
Тщательную и квалифицированную сортировку мусора любого типа и объёма.
Строгое выполнение экологических нормативов на региональном и государственном уровне.
Максимально эффективные способы решения проблемы загрязнения окружающей среды.
Полную сопроводительную документацию, необходимую для осуществления своей деятельности.
Связаться с нами
Сотрудничество с нами будет выгодным
Максимальная оперативность
Оперативно осуществляем все необходимые работы.
Выгодные условия
Предлагаем выгодные условия сотрудничества.
Стратегия нашей работы
Компания "Green Recycle" обладает полным набором документов, необходимых для осуществления деятельности по сортировке мусора.
Сортировка мусора — это практичное и экологичное решение проблемы загрязнения окружающей среды.
Условия доставки и оплаты
Правила оформления заказа
Выбираете услугу
→
Оформляете заказ
→
Оформляете заказ
→
Мы выполняем обязательства
Green Recycle работает для вас
На пути улучшения экологической ситуации в своём регионе осталось выполнить всего несколько простых действий. Во-первых, необходимо оставить заявку на сортировку отходов в режиме онлайн. Во-вторых, обсудить с нашим менеджером все детали заказа. В-третьих, выбрать удобный способ оплаты. Стоимость услуг по сортировке мусора зависит от таких факторов, как: расположение вашего завода или предприятия, общий объём отходов, а также их свойства (агрегатное состояние, степень опасности для человека и природы.