html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
html{overflow-x: hidden;}
body{background:#fff;font-family:'Open Sans', sans-serif;font-size:12px;}
.header_box{background:#fbf9f5;height:160px;position:fixed;top:0;width:100%;z-index:100;}
.item.type_waste_item img, .partners li img{transform:scale(1) !important;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.item.type_waste_item:hover img, .partners li:hover img{transform:scale(1.05) !important;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
a{color:#5fa840;}
a:hover{text-decoration:none;}
#top-header{width:960px;height:104px;margin:0 auto;position:relative;font-family:'Open Sans', sans-serif;}
#top-header .logo{position:relative;}
#top-header .logo:first-child{position:absolute;top:10px;left:0;}
img.log_img1{position:absolute;top:10px;left:0;}
#top-header .logo:last-child{position:absolute;top:25px;left:80px;}
img.log_img2{position:absolute;top:25px;left:80px;}
#top-header .contact-information{position:absolute;right:0;top:15px;text-align:right;}
#top-header .contact-information .one{font-size:27px;color:#65715b;}
#top-header .contact-information .one span{font-size:27px;color:#65715b;font-weight:300;}
#top-header .contact-information .number{font-size:14px;color:#ffa200;text-transform:uppercase;margin-top:8px;}
#top-header .contact-information .number a{color:#ffa200;text-decoration:none;border-bottom:2px dotted #ffa200;}
#center-header{height:43px;margin:0 auto;/*margin-top:11px;*/border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
#center-header > .line-in-menu{width:960px;height:100%;margin:0 auto;position:relative;z-index:100;}
#center-header #main-menu{display:inline-block;}
#center-header #main-menu > ul > li{display:inline-block;font-size:12px;color:#989f91;margin-right:-10px;}
#center-header #main-menu > ul > li > a{display:block;padding:16px 17px;text-decoration:none;/*color:#989f91;*/color: black;font-size: 14px;border-right:1px solid #eaeaea;}
#center-header #main-menu > ul > li:last-child > a{display:block;padding:16px 12px;text-decoration:none;/*color:#989f91;*/color: black;border-right:none !important;}
#center-header #main-menu > ul > li:hover > a, #center-header #main-menu > ul > li.active > a{background:#5fa840;color:#fff;}
#center-header #main-menu > ul > li > ul{display:none;position:absolute;}
#center-header #main-menu > ul > li > ul > li > ul{display:none;position:absolute;}
#center-header #main-menu > ul > li > ul > li{width:180px;padding:7px 15px;background:#5fa840;color:#fff;margin-top:1px;}
#center-header #main-menu > ul > li > ul > li > ul > li{width:180px;padding:7px 15px;background:#5fa840;color:#fff;margin-top:1px;}
#center-header #main-menu > ul > li > ul > li:first-child{margin-top:2px;}
#center-header #main-menu > ul > li > ul > li:hover{background:#3b861b;}
#center-header #main-menu > ul > li > ul > li > ul > li:hover{background:#3b861b;}
#center-header #main-menu > ul > li > ul > li a{color:#fff;text-decoration:none;}
#center-header #main-menu > ul > li:hover > ul{display:block;}
#center-header #main-menu > ul > li > ul > li:hover > ul{display:block;margin-top: -20px;margin-left: 195px;list-style: none;}
/*#center-header*/ #main-search{width:230px;height:43px;position:absolute;/*margin:-40px -4px 0px 0px;top:0;*/right:0;bottom: -56px;}
/*#center-header*/ #main-search .search input[type=text]{margin-top:8px;margin-left:18px;border-radius:15px;height:23px;border:1px solid #eaeaea;padding-left:13px;padding-right:35px;width:160px;color:#989f91;font-size:12px;outline:none;}
/*#center-header*/ #main-search .search input[type="submit"]{position:absolute;right:10px;top:10px;height:23px;border:0;border-left:1px solid #eaeaea;padding-left:13px;background:url(../images/search.png) center right no-repeat;outline:none;cursor:pointer;}
.cop_cop{position:relative;top:115px;margin-left:5px;}
#bottom-header{height:583px;background:url(../images/sky.jpg) center top no-repeat;margin-top:93px;position:relative;}
#bottom-header #bottom-header-inside{position:relative;width:960px;margin:0 auto;}
#bottom-header .action{width:628px;height:88px;border:1px solid #5fa840;position:absolute;top:210px;right:0;}
#bottom-header .bottom-head{position:absolute;top:80px;right:0;width:628px;font-size:52px;color:#4b6c0b;text-transform:uppercase;font-family:'Alegreya Sans', sans-serif;font-weight:500;height:120px;display:table;}
#bottom-header .bottom-head span{display:table-cell;vertical-align:middle;}
#bottom-header .action .action-logo{margin-top:4px;margin-left:-36px;color:#fff;position:relative;}
#bottom-header .action .action-logo span{color:#46690a;}
#bottom-header .action .action-logo span + span{color:#ff8a00;display:block;margin-top:6px;}
#bottom-header .action .action-logo .action-text{width:400px;display:inline-block;position:absolute;top:23px;font-size:13px;text-transform:uppercase;left:90px;}
#bottom-header .action .btn{position:absolute;top:17px;right:8px;width:185px;height:52px;background:url(../images/button.png);color:#fff;font-size:14px;font-family:'Alegreya Sans', sans-serif;z-index:10;cursor: pointer;}
#bottom-header .action .btn a{color:#fff;display:block;font-size:90%;padding:21px;text-align:center;text-decoration:none;text-transform:uppercase;position:relative;z-index:100;}
#bottom-header .action .other-info{position:absolute;bottom:8px;right:28px;font-size:11px;font-weight:300;color:#595959;}
#bottom-header .same-info{position:absolute;height:250px;position:absolute;right:0;top:317px;width:630px;}
#bottom-header .same-info .text-inside-info{position:relative;width:100%;height:100%;}
#bottom-header .same-info .si-item{width:215px;text-align:center;position:absolute;top:35px;left:-43px;}
#bottom-header .same-info .si-item .number{color:#fff;font-size:36px;font-weight:bold;font-style:italic;}
#bottom-header .same-info .si-item .info{font-size:14px;color:rgb(22, 34, 23);font-style:italic;line-height:1.286;text-shadow:1px 1px 1px #fff;margin-top:20px;margin-left:5px;}
#bottom-header .same-info .si-item:nth-child(2){left:193px;top:28px;}
#bottom-header .same-info .si-item:nth-child(2) .info{margin-top:27px;}
#bottom-header .same-info .si-item:nth-child(3){left:448px;top:23px;}
#bottom-header .same-info .si-item:nth-child(3) .info{margin-top:32px;}
#bottom-header .same-info .si-item:nth-child(4){left:62px;top:153px;}
#bottom-header .same-info .si-item:nth-child(4) .number{font-size:33px;}
#bottom-header .same-info .si-item:nth-child(4) .info{margin-top:5px;}
#bottom-header .same-info .si-item:nth-child(5){left:343px;top:140px;width:205px;}
#bottom-header .same-info .si-item:nth-child(5) .info{margin-top:25px;}
.header-of-block{text-align:center;font-size:24px;text-transform:uppercase;color:rgb(95, 168, 64);display:inline-block;padding:0 15px;background:url(../images/rec.gif) left center no-repeat,
url(../images/rec.gif) right center no-repeat;}
h1{font-size:30px;font-weight:600;line-height:34px;/*text-transform:uppercase;*/color:rgb(95, 168, 64);display:block;padding:10px 15px 15px 10px;vertical-align:top;margin-top:15px;margin-left:10px;}
#categories .header{text-align:center;}
#wrap-categories{background:#fff;padding-top:10px;}
#categories{width:1000px;margin:0 auto;}
#categories .item{width:192px;text-align:center;font-size:14px;font-weight:300;display:inline-block;margin-right:5px;vertical-align:top;margin-top:10px;height:215px;}
#categories .item:nth-child(5n+1){margin-right:0;}
#categories .item p{width:100%;height:150px;}
#categories .item a{color:#4c4c4c;text-decoration:none;}
#categories .item a:hover{color:#5fa840;text-decoration:underline;font-weight:500;}
#categories .item:nth-child(2) img, #categories .item:nth-child(3) img, #categories .item:nth-child(7) img,
#categories .item:nth-child(8) img, #categories .item:nth-child(9) img, #categories .item:nth-child(11) img,
#categories .item:nth-child(12) img, #categories .item:nth-child(16) img{margin-top:15px;}
#steps5{height:653px;background:url(../images/bg-list.jpg) center 0 no-repeat;clear: both;}
#steps5-inside{height:100%;width:960px;text-align:center;margin:0 auto;}
.header{text-align:center;}
#steps5-inside .res img{margin-top:45px;}
.steps5-header{color:#fff;margin-top:5px;background:url(../images/rec-w.gif) left center no-repeat,
url(../images/rec-w.gif) right center no-repeat;}
#steps5-inside .steps{margin-top:113px;}
#steps5-inside .steps li{display:inline-block;margin:0 29px;vertical-align:top;}
#steps5-inside .steps li:first-child{margin-left:0;}
#steps5-inside .steps li:last-child{margin-right:0;}
#steps5-inside .steps li p{display:block;width:140px;height:141px;background:url(../images/circle.png) 0 0 no-repeat;}
#steps5-inside .steps li p img{margin-top:25px;}
#steps5-inside .steps li figcaption{margin-top:10px;}
#steps5-inside .steps li figcaption .number{font-size:18px;color:#fff;display:inline-block;vertical-align:top;margin-top:5px;}
#steps5-inside .steps li figcaption .about{font-size:18px;color:#fff;display:inline-block;vertical-align:top;margin-top:5px;text-align:left;}
#steps5-inside .steps li:nth-child(2) figcaption .about{width:170px;}
#steps5-inside .steps li:nth-child(2){margin-right:0;margin-left:10px;}
#steps5-inside .steps li:nth-child(2) p{margin-left:19px;}
#steps5-inside .steps li:nth-child(3){margin-left:0;}
#steps5-inside .steps li figcaption .slesh{display:inline-block;}
#steps5-inside .btnn{margin:95px auto 0;text-align:center;}
.btnn-zav{background:url(../images/btn.png) 0 0 no-repeat;color:#3e3e3e;display:block;font-size:18px;font-weight:600;height:20px;margin:0 auto;padding:12px;text-decoration:none;text-transform:uppercase;width:198px;}
.btnn-zav:hover{text-decoration:underline;}
#our-partners{width:1000px;margin:0 auto;background:#fff;text-align:center;}
#our-partners .partners-margin{margin-top:10px;}
#our-partners .partners{margin-top:40px;}
#our-partners .partners li{display:inline-block;}
#our-partners .partners li:nth-child(2){margin:0;}
#our-partners .partners li:nth-child(4), #our-partners .partners li:nth-child(5){margin:0 35px;}
#work-with-me{max-width:1600px;margin:0 auto;}
.top-work{background:#f8f8f8;transform:skewY(-2deg);min-height:50px;}
.inside-work{transform:skewY(2deg);width:960px;margin:0 auto;position:relative;}
.header-of-block.margin{margin-top:35px;}
.header.top-work{height:85px;}
#work-with-me .item{padding:60px 0 0;font-size:24px;}
#work-with-me .item:nth-child(2n+1){background:#f8f8f8;color:#595959;}
#work-with-me .item:first-child{color:#5fa840;}
#work-with-me .item:nth-child(2n){background:#5fa840;color:#fff;}
#work-with-me .item:nth-child(2n+1) .work-circle{width:81px;height:81px;background:url(../images/circle1.png) 0 0 no-repeat;display:inline-block;}
#work-with-me .item:nth-child(2n) .work-circle{width:81px;height:81px;background:url(../images/circle2.png) 0 0 no-repeat;display:inline-block;}
#work-with-me .item .text-work{margin-left:55px;display:inline-block;height:90px;vertical-align:middle;}
#work-with-me .item .work-img{position:absolute;bottom:25px;right:25px;}
#work-with-me .item:nth-child(2) .work-img{bottom:20px;right:0px;}
#work-with-me .item:nth-child(3) .work-img{bottom:50px;right:0px;}
#work-with-me .item:nth-child(4) .work-img{bottom:12px;right:10px;}
#work-with-me .item:nth-child(5) .work-img{bottom:12px;right:50px;}
#work-with-me .item .work-circle > img{height:53px;padding:14px;width:53px;}
.item.cont{padding:0 !important;min-height:0;}
#our-contacts{max-width:1600px;background:#5fa840;margin:0 auto;/padding-top:30px;margin-top:-35px;box-shadow:0 5px 5px rgba(0,0,0,.35);z-index:10;}
#our-contacts .cont{margin:35px 0 50px;}
#our-contacts-inside{width:960px;margin:0 auto;text-align:center;}
#our-contacts-inside .three-info{margin:10px 0 0;padding-bottom:40px;}
#our-contacts-inside .three-info li{display:inline-block;vertical-align:top;width:280px;}
#our-contacts-inside .three-info li img{float:left;margin-right:15px;}
#our-contacts-inside .three-info li:first-child{margin-right:60px;}
#our-contacts-inside .three-info li:last-child{margin-left:20px;}
#our-contacts-inside .three-info li p{line-height:1.2;text-align:left;font-size:19px;font-weight:300;color:#fff;}
#our-contacts-inside .three-info li a{color:#fff;text-decoration:none;}
#map{max-width:1600px;margin:0 auto;height:549px;background:url(../images/map.jpg) top center no-repeat;position:relative;overflow:hidden;}
#make-an-appointment{max-width:1600px;margin:0 auto;height:162px;background:url(../images/make-ap.jpg) top center no-repeat;text-align:center;}
.btn{width:185px;height:52px;background:url(../images/button.png);color:#fff;font-size:17px;font-family:'Alegreya Sans', sans-serif;display:inline-block;}
.btn:hover{background:url(../images/button-h.png) !important;}
.btn a{color:#fff;display:block;padding:20px;font-size:90%;text-align:center;text-decoration:none;text-transform:uppercase;}
.make-ap{padding-top:60px;}
.make-ap .btn{margin:0 auto;}
#before-footer{padding:35px 0;border-bottom:1px solid #eaeaea;}
#before-footer-inside{width:780px;margin:0 auto;}
#before-footer-inside .header-bf{font-size:14px;color:#595959;}
#before-footer-inside p{font-size:14px;color:#595959;font-weight:300;margin-top:25px;}
footer{width:960px;margin:0 auto;position:relative;}
footer .logo{position:relative;}
footer .logo:first-child{position:absolute;top:10px;left:0;}
footer .logo:last-child{position:absolute;top:25px;left:80px;}
footer .contact-information{position:absolute;right:0;top:15px;text-align:right;}
footer .contact-information .one{font-size:27px;color:#65715b;}
footer .contact-information .one span{font-size:27px;color:#65715b;font-weight:300;}
footer .contact-information .number{font-size:14px;color:#ffa200;text-transform:uppercase;margin-top:8px;}
footer .contact-information .number a{color:#ffa200;text-decoration:none;border-bottom:2px dotted #ffa200;}
footer .social-links{width:400px;height:30px;position:absolute;right:0;top:100px;text-align:right;padding-bottom:15px;}
footer .social-links a{display:inline-block;width:24px;height:24px;margin-left:10px;}
footer .social-links a:nth-child(1){background:url(../images/c-i-1.png);}
footer .social-links a:nth-child(1):hover{background:url(../images/c-i-1-h.png);}
footer .social-links a:nth-child(2){background:url(../images/c-i-2.png);}
footer .social-links a:nth-child(2):hover{background:url(../images/c-i-2-h.png);}
footer .social-links a:nth-child(3){background:url(../images/c-i-3.png);}
footer .social-links a:nth-child(3):hover{background:url(../images/c-i-3-h.png);}
footer .social-links a:nth-child(4){background:url(../images/c-i-4.png);}
footer .social-links a:nth-child(4):hover{background:url(../images/c-i-4-h.png);}
.inner-form {width:100%;background:rgba(255,255,255,.75);border:1px solid #5fa840;padding: 10px 0 10px 0;}
.inner-form p {font-size: 12px; margin-top: 0px;}
.inner-form .f-hd {line-height: 30px; font-size: 23px; font-weight: bold; color: #4c8000; text-transform: uppercase; display: block; margin-bottom: 20px;}
.inner-form input[type=text], .inner-form input[type=phone]{margin-bottom: 10px;width:20%;height:15px;border-radius:1px;border:1px solid #bfbfbf;box-shadow:inset 0 3px 3px rgba(0,0,0,.3);font-size:12px;padding:10px;}
.inner-form button{border:0;text-transform:uppercase;margin-top:10px;font-size:14px}
#wrapper-for-modal-window{position:fixed;width:100%;height:100%;z-index:10000;display:none;background-color:rgba(160, 160, 160, 0.5);top: 0;left: 0;right: 0;bottom: 0;}
#wrapper-for-modal-window .modal-window{width:300px;height:385px;background:rgba(255,255,255);border:2px solid #5fa840;position:fixed;left:50%;top:50%;margin-top:-150px;margin-left:-140px;text-align:center;z-index:100000;}
#wrapper-for-modal-window .modal-window input[type=text], #wrapper-for-modal-window .modal-window input[type=phone], .modal-window textarea{width:215px;height:15px;border-radius:1px;border:1px solid #bfbfbf;box-shadow:inset 0 3px 3px rgba(0,0,0,.3);font-size:12px;padding:10px;}
.modal-window textarea{height:45px;}
#wrapper-for-modal-window .modal-window input[type=text]:hover, input[type=phone]:hover, .modal-window textarea:hover{border-color:#5fa840;}
#wrapper-for-modal-window .modal-window input, .modal-window textarea{margin-top:23px;color:#666;}
#wrapper-for-modal-window .modal-window button{border:0;text-transform:uppercase;margin-top:10px;}
/***Для формы с баннера на главной**/
#wrapper-for-modal-window2{position:fixed;width:100%;height:100%;z-index:10000;display:none;background-color:rgba(160, 160, 160, 0.5);top: 0;left: 0;right: 0;bottom: 0;}
#wrapper-for-modal-window2 .modal-window2{width:300px;height:300px;background:rgba(255,255,255);border:2px solid #5fa840;position:fixed;left:50%;top:50%;margin-top:-150px;margin-left:-140px;text-align:center;z-index:100000;}
#wrapper-for-modal-window2 .modal-window2 input[type=text], #wrapper-for-modal-window2 .modal-window2 input[type=phone], .modal-window2 textarea{width:215px;height:15px;border-radius:1px;border:1px solid #bfbfbf;box-shadow:inset 0 3px 3px rgba(0,0,0,.3);font-size:12px;padding:10px;}
.modal-window2 textarea{height:45px;}
#wrapper-for-modal-window2 .modal-window2 input[type=text]:hover, input[type=phone]:hover, .modal-window2 textarea:hover{border-color:#5fa840;}
#wrapper-for-modal-window2 .modal-window2 input, .modal-window2 textarea{margin-top:23px;color:#666;}
#wrapper-for-modal-window2 .modal-window2 button{border:0;text-transform:uppercase;margin-top:10px;}
/*****/
/***Для формы Узнать цену**/
#wrapper-for-modal-window3{position:fixed;width:100%;height:100%;z-index:10000;display:none;background-color:rgba(160, 160, 160, 0.5);top: 0;left: 0;right: 0;bottom: 0;}
#wrapper-for-modal-window3 .modal-window3{width:300px;height:310px;background:rgba(255,255,255);border:2px solid #5fa840;position:fixed;left:50%;top:50%;margin-top:-150px;margin-left:-140px;text-align:center;z-index:100000;}
#wrapper-for-modal-window3 .modal-window3 input[type=text], #wrapper-for-modal-window3 .modal-window3 input[type=phone], .modal-window3 textarea{width:215px;height:15px;border-radius:1px;border:1px solid #bfbfbf;box-shadow:inset 0 3px 3px rgba(0,0,0,.3);font-size:12px;padding:10px;}
.modal-window3 textarea{height:45px;}
#wrapper-for-modal-window3 .modal-window3 input[type=text]:hover, input[type=phone]:hover, .modal-window3 textarea:hover{border-color:#5fa840;}
#wrapper-for-modal-window3 .modal-window3 input, .modal-window3 textarea{margin-top:23px;color:#666;}
#wrapper-for-modal-window3 .modal-window3 button{border:0;text-transform:uppercase;margin-top:10px;}
/*****/
.naklon{height:60px;max-width:1600px;margin:-36px auto;transform:skewY(-2deg);background:#5fa840;}
.cont.ins{margin:20px 0 50px !important;position:relative;z-index:10;}
#content, article{width:940px;margin:10px auto;}
.article-content{width:820px;margin:0 auto;clear:both;}
.tabs{margin-top:20px;padding: 0px 0 40px 0;}
.tabs li{width:110px;text-align:center;vertical-align:top;display:inline-block;cursor:pointer;height:151px;margin-right:10px;}
.tabs li.active{background:url(../images/rect.png) bottom center no-repeat;}
.tabs li a{text-decoration:none;}
.tabs .circle66{width:66px;/*height:46px;*/height: 37px;background:#0ed1e7;/*border-radius:50%;*/border-radius: 0px;box-shadow:0 3px 2px rgba(0,0,0,.3);margin:0 auto;color:#fff;font-size:25px;font-weight:bold;text-shadow:0 2px 1px rgba(0,0,0,.25);padding-top:20px;}
.tabs li.active .circle66{background:#4fedff;}
.tabs .info{color:#595959;font-size:12px;margin-top:10px;}
.container{/*border:1px solid #ebebeb;*/padding:20px;margin-bottom:20px;}
.article-content .items{display:none;}
.article-content .items .item-head{font-size:14px;color:#595959;margin-bottom:20px;}
article p{margin:15px 0;color:#595959;font-weight:300;}
h1.h1-news{font-size:24px;font-weight:normal;margin:0;}
.wrapperh1{text-align:center;margin:3px 0 3 0px;}
.news-item img{float:left;padding-right:20px;}
.news-item{}
.news-item img{max-width:330px;}
.news-item .news-header{font-size:18px;margin-bottom:15px;}
.news-item p, .news-item span, .news-item ul{font-size:14px;font-weight:normal;}
.news-item .foot-news{margin:10px 0 40px;position:relative;width:100%;height:70px;}
.news-item{display:inline-block;margin-bottom:40px;}
.news-item:last-child .foot-news{border:none;}
.news-item .foot-news .more-news{background:url(../images/button-n.png) 0 0 no-repeat;color:#fff;display:block;font-size:14px;font-weight:normal;height:16px;padding:13px;text-align:center;text-decoration:none;text-transform:uppercase;width:116px;position:absolute;right:0;top:0;}
.news-item .foot-news .more-news:hover{text-decoration:underline;}
#login-form{margin:20px 0 0 35px;}
#login-form label{display:inline-block;width:80px;font-size:15px;}
#login-form input{padding:5px 3px;border:1px solid #ccc;border-radius:2px;}
#login-form input[type="submit"]{margin-left:215px;}
#our-partners .partners li{width:330px;height:220px;text-align:center;overflow:hidden;}
#steps5 a{text-decoration:none;}
#steps5-inside .steps li:hover p{background:url(../images/circle-h.png) 0 0 no-repeat;}
#steps5-inside .steps li:nth-child(1) p{background:url(../images/circle.png) 0 0 no-repeat,
url(../images/c-1.png) center no-repeat;}
#steps5-inside .steps li:nth-child(1):hover p{background:url(../images/circle-h.png) 0 0 no-repeat,
url(../images/c-1-h.png) center no-repeat;}
#steps5-inside .steps li:nth-child(2) p{background:url(../images/circle.png) 0 0 no-repeat,
url(../images/c-2.png) center no-repeat;}
#steps5-inside .steps li:nth-child(2):hover p{background:url(../images/circle-h.png) 0 0 no-repeat,
url(../images/c-2-h.png) center no-repeat;}
#steps5-inside .steps li:nth-child(3) p{background:url(../images/circle.png) 0 0 no-repeat,
url(../images/c-3.png) center no-repeat;}
#steps5-inside .steps li:nth-child(3):hover p{background:url(../images/circle-h.png) 0 0 no-repeat,
url(../images/c-3-h.png) center no-repeat;}
#steps5-inside .steps li:nth-child(4) p{background:url(../images/circle.png) 0 0 no-repeat,
url(../images/c-4.png) center no-repeat;}
#steps5-inside .steps li:nth-child(4):hover p{background:url(../images/circle-h.png) 0 0 no-repeat,
url(../images/c-4-h.png) center no-repeat;}
#steps5-inside .steps li:nth-child(5) p{background:url(../images/circle.png) 0 0 no-repeat,
url(../images/c-5.png) center no-repeat;}
#steps5-inside .steps li:nth-child(5):hover p{background:url(../images/circle-h.png) 0 0 no-repeat,
url(../images/c-5-h.png) center no-repeat;}
#allwaste-grid{margin-bottom:50px;}
#allwaste-grid th{background:#5fa840;padding:10px 0;font-size:12px;}
#allwaste-grid td{padding:10px;font-size:12px;}
#allwaste-grid td a{text-decoration:none;color:#000000;}
#allwaste-grid td a:hover{color:#5fa840;}
#allwaste-grid tr:nth-child(2n-1){background:#ecfad4;}
#allwaste-grid li a{border:solid 1px #E3E6E3;color:#8A8A8A;}
#allwaste-grid .selected a{background:#5fa840;color:#ffffff;}
.searchBox{width:960px;margin:0 auto 50px auto;}
.searchBoxH2{color:#5fa840;font-size:18px;}
.searchBox h2{font-size:17px;}
.searchBox p{padding:5px 22px;}
.searchBox li{margin:15px 0;}
.allwasteBox{width:960px;margin:40px auto 20px auto;}
.allwasteBox p{font-size:17px;color:#5fa840;padding:5px 22px;}
article p{font:15px/16pt sans-serif;color:#666;margin:10px 0;}
article h2{font:18px/18pt sans-serif;color:#333;margin:10px 0;}
article h3{font:17px/17pt sans-serif;margin:10px 0;color:#333;}
article ul, article ol{font:14px/14pt sans-serif;color:#666;margin:10px 35px;}
article ul{list-style-type:circle;}
article ol{list-style-type:decimal;}
.button_up{width:100px;height:100px;opacity:0.3;position:fixed;left:27px;bottom:60px;z-index:120;transition:3s;}
.button_up:hover{opacity:0.8;transition:2s;}
.right_text{text-align:right;}
.cat_p{line-height:1.5;font-size: 15px;}
#go_t, #go_k, #go_n{text-decoration:underline !important;}
.modal_div{width:870px;height:500px;border:1px rgba(52, 131, 18, 0.52) solid;background:#fff;position:fixed;top:45%;left:50%;margin-top:-250px;margin-left:-455px;display:none;opacity:0;z-index:150;padding:25px 20px;text-align:left;}
.modal_div p{font-size:16px;margin-bottom:15px;}
.modal_close{width:21px;height:21px;position:absolute;top:10px;right:0px;cursor:pointer;display:block;}
#overlay{z-index:130;position:fixed;background-color:#000;opacity:0.8;width:100%;height:100%;top:0;left:0;cursor:pointer;display:none;}
.city{font-size:29px;color:#4b6c0b;font-family:'Alegreya Sans', sans-serif;font-weight:500;display:block;margin-bottom:20px;}
#services, #how_we_do_it{width:1005px;margin:40px auto;}
#services .header, #how_we_do_it .header{padding:5px 0px;}
.service{float:left;margin:20px 14px;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.service_num{position:absolute;padding:20px 22px;font-size:24px;color:#fff;margin:-16px -14px;background:url('../images/services/service_num.png') 4px 6px no-repeat;}
.service img{border:2px solid #5fa840;}
.service_title{color:#5fa840;font-size:18px;text-align:center;width:300px;margin-top:10px;font-family:tahoma;}
.service:hover{transform:scale(1.01);cursor:pointer;}
.get_city{color:#5FA840;position:absolute;top:46px;left:520px;font-size:18px;font-family:tahoma;text-align:right;width:300px;}
#other_city{display:none;background:#fff;height:255px;width:215px;position:absolute;border:1px solid #eaeaea;z-index:999;left:400px;top:60px;}
#name_other_city{border:1px solid #eaeaea;padding-left:11px;width:190px;height:30px;margin:9px 6px;background:url('../images/loupe.png') no-repeat 180px 10px;}
#cities{overflow-y:scroll;height:194px;}
#cities ul{font-size:14px;color:#989f91;font-family:tahoma;overflow: hidden;}
#cities ul li, #cities ul a{margin:2px;cursor:pointer;display:inline-block;width:100%;color: #989f91;text-decoration:none;}
#5steps{height:659px;background:url(../images/5steps/5steps_bg.png) center 0 no-repeat;}
.step{border:6px #6caf52 solid;border-radius:75px;padding:64px;margin:0 24px !important;cursor:default;}
.step:hover{border:6px #ace967 solid;}
.step.req{background:url(../images/5steps/req.png) rgba(255,255,255,.3) 45px 34px no-repeat;}
.step.req:hover{background:url(../images/5steps/req_act.png) rgba(255,255,255,.3) 45px 34px no-repeat;}
.step.price{background:url(../images/5steps/price.png) rgba(255,255,255,.3) 32px 31px no-repeat;}
.step.price:hover{background:url(../images/5steps/price_act.png) rgba(255,255,255,.3) 32px 31px no-repeat;}
.step.agree{background:url(../images/5steps/agree.png) rgba(255,255,255,.3) 34px 44px no-repeat;}
.step.agree:hover{background:url(../images/5steps/agree_act.png) rgba(255,255,255,.3) 34px 44px no-repeat;}
.step.cleen{background:url(../images/5steps/cleen.png) rgba(255,255,255,.3) 32px 34px no-repeat;}
.step.cleen:hover{background:url(../images/5steps/cleen_act.png) rgba(255,255,255,.3) 32px 34px no-repeat;}
.step.util{background:url(../images/5steps/util.png) rgba(255,255,255,.3) 34px 36px no-repeat;}
.step.util:hover{background:url(../images/5steps/util_act.png) rgba(255,255,255,.3) 34px 36px no-repeat;}
.step_name{position:absolute;margin:90px 0 0 -53px;color:#558d40;font-family:tahoma;}
.req .step_name{margin:90px 0 0 -53px;}
.price .step_name{margin:90px 0 0 -80px;}
.agree .step_name{margin:90px 0 0 -53px;}
.cleen .step_name{margin:90px 0 0 -53px;}
.util .step_name{margin:90px 0 0 -64px;}
.step_name span{font-size:18px;float:left;text-align:left;}
.step_num{font-size:18px;margin-top:1px;float:left;}
.step_slash{font-size:50px;font-family:initial;float:left;padding:0 5px;margin-top:-14px;}
.select_city{cursor:pointer;color:#989f91;position:absolute;top:29px;/*left:377px;*/font-size:14px;font-family:tahoma;text-align:left;width:145px;padding:5px 0 3px 18px;background:url(../images/5steps/label.png) no-repeat 1px 2px;}
.select_city.show img{transform:rotate(180deg);}
.img_how{float:left;width:325px;text-align:center;}
.img_how img{transition:all 0.1s ease-out;}
.img_how img:hover{transform:scale(1.05);}
.how_block{padding:45px 0 0 0;}
.how_block ol li{list-style:decimal;margin-top:15px;font-size:14px;color:#a0a699;font-family:tahoma;list-style-position:inside;line-height:15px;}
.text_how{width:200px;float:left;margin-top:20px;}
.how_title{text-align:center;font-size:24px;text-transform:uppercase;color:rgb(95, 168, 64);display:inline-block;padding:0 15px;float:left;}
.how_title span{font-size:14px;text-transform:none;}
.how_line{float:left;border:1px solid #5FA840;margin-top:11px;}
.width_16{width:16px;}
.width_23{width:23px;}
.width_45{width:45px;}
.width_49{width:49px;}
.width_58{width:58px;}
.width_90{width:90px;}
.width_94{width:94px;}
.width_117{width:117px;}
.width_177{width:177px;}
.width_190{width:190px;}
.width_362{width:362px;}
.how_sqr{border:2px solid #5FA840;float:left;margin-top:10px;}
.left_m1{margin-left:-1px;}
.left_m5{margin-left:-5px;}
.left_m8{margin-left:-8px;}
.left_m30{margin-left:-30px;}
.left_m55{margin-left:-55px;}
.left_13{margin-left:13px;}
.left_72{margin-left:72px;}
.left_80{margin-left:80px;}
.left_105{margin-left:105px;}
.left_130{margin-left:130px;}
.left_153{margin-left:153px;}
.left_325{margin-left:325px;}
.left_444{margin-left:444px;}
.top_28{margin-top:28px;}
.top_m20{margin-top:-20px;}
.bottom_15{bottom:15px !important;}
.bottom30{bottom:33px !important;;right:58px !important;;}
.img_def24{width:28px !important;height:24px !important;margin:15px 0 0 11px;}
.img_def25{width:25px !important;height:30px !important;margin:13px 0 0 14px;}
.img_def30{width:32px !important;height:30px !important;margin:12px 0 0 11px;}
.titl{width:800px;height:100px;border-bottom:solid 1px;border-bottom-color:#5fa840;padding:0px;margin:0px;}
.zagl{font-size:140%;margin-left:20px;border-bottom:solid 1px;border-bottom-color:#5fa840;padding:0px;margin:0px;height:80px;margin-top:20px;}
#ex{float:right;color:#5fa840;text-align:right;padding-right:20px;font-size:150%;cursor:pointer;}
.conteiner{border:solid 1px;border-color:#e6e6e6;a
min-height:300px;}
.viewh3{font:17px/17pt sans-serif;margin:10px 0;color:#333;}
table, th, tr, td{border:1px solid #666;font:12px sans-serif;color:#666;}
td{vertical-align:middle;padding:5px;}
th{font-weight:bold;vertical-align:middle;padding:5px;}
.policy{margin-top:6px;}
.work-all-time{position:absolute;width:152px;top:55px;color:#5FA840;font-weight:bold;right:0;}
.flex-img a{text-decoration:none;margin-bottom:20px;display:inline-block;}
.flex-img a:not(:nth-child(5n)){margin-right:3px;}
/*-всплывающая форма-*/
.modal-overlay {
display: none;
background: rgba(0,0,0,.5);
position: fixed;
top: 0;
right: 0;
border: 0;
left: 0;
z-index: 100;
height: 100%;
width: 100%;
}
.modal-order {
padding: 25px 0;
width: 600px;
box-sizing: border-box;
color: #2d2c2c;
position: fixed;
left: 50%;
margin-left: -300px;
top: 50%;
transform: translateY(-50%);
}
.modal-title,
.modal-desc,
.modal-row,
.waste-choosing-item,
.modal-file,
.modal-policy,
.add-waste {
padding: 0 20px;
}
.modal-order,
.modal-order-form input,
.modal-order-form textarea {
outline: 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #fff;
border: 2px solid #90ae60;
}
.modal-close {
cursor: pointer;
position: absolute;
right: -15px;
top: -15px;
display: block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
width: 35px;
height: 35px;
-webkit-box-shadow: -4px 2px 5px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -4px 2px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: -4px 2px 5px 0px rgba(0, 0, 0, 0.4);
background: -moz-linear-gradient( 90deg, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
background: -webkit-linear-gradient( 90deg, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
background: -ms-linear-gradient( 90deg, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
background: linear-gradient( to top, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
}
.modal-close:hover {
background: -moz-linear-gradient( top, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
background: -webkit-linear-gradient( top, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
background: -ms-linear-gradient( top, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
background: linear-gradient( to bottom, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
}
.modal-close:before,
.modal-close:after {
content: '';
position: absolute;
left: 16px;
top: 7px;
height: 20px;
}
.modal-close:before {
border-left: 2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modal-close:after {
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.modal-title {
line-height: 30px;
font-size: 23px;
font-weight: bold;
color: #4c8000;
text-transform: uppercase;
text-align: center;
display: block;
margin-bottom: 20px;
}
.modal-desc {
font-size: 15px;
margin-bottom: 30px;
text-align: center;
display: block;
}
.modal-row {
margin-bottom: 10px;
}
.modal-row:nth-of-type(3) {
margin-bottom: 20px;
}
.modal-row input {
width: 48%;
display: inline-block;
}
.modal-row input:not(:last-child) {
margin-right: 3%;
}
.modal-order-form input,
.modal-order-form textarea {
font-family: Arial;
padding: 10px;
box-sizing: border-box;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.modal-order-form textarea:-moz-placeholder {font-family: Arial;}
.modal-order-form textarea::-webkit-input-placeholder {font-family: Arial;}
.modal-order-form input:focus,
.modal-order-form textarea:focus {
border-color: #4c8000;
}
.modal-order-comment {
resize: none;
width: 100%;
height: 90px;
}
.waste-choosing {
display: none;
background-color: #e1f3c9;
padding: 10px 0;
margin-bottom: 15px;
}
.waste-choosing-item {
position: relative;
}
.waste-item-desc {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 90px;
font-size: 14px;
}
.waste-choosing-arrow,
.waste-form-arrow {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
display: block;
right: 60px;
}
.waste-choosing-arrow {
top: -3px;
}
.waste-form-arrow {
top: 25px;
}
.waste-choosing-arrow:before,
.waste-form-arrow:before {
content: '';
position: absolute;
border-bottom: 2px solid #868686;
border-right: 2px solid #868686;
width: 12px;
height: 12px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.waste-choosing-arrow:hover:before,
.waste-form-arrow:hover:before {
border-color: #f56e00;
}
.waste-choosing-arrow:before {
transform: rotate(45deg);
}
.waste-form-arrow:before {
transform: rotate(-135deg);
}
.waste-choosing-delete,
.waste-form-delete {
cursor: pointer;
position: absolute;
right: 30px;
display: block;
width: 20px;
height: 20px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background-color: #fff;
box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.26);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.waste-choosing-delete:hover,
.waste-form-delete:hover {
box-shadow: inset 0px 1px 0px 0px #f56e00;
}
.waste-choosing-delete {
top: -3px;
}
.waste-form-delete {
top: 17px;
}
.waste-choosing-delete:before,
.waste-choosing-delete:after,
.waste-form-delete:before,
.waste-form-delete:after {
content: '';
position: absolute;
left: 9px;
top: 4px;
height: 14px;
}
.waste-choosing-delete:before,
.waste-form-delete:before {
border-left: 2px solid #f56e00;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.waste-choosing-delete:after,
.waste-form-delete:after {
border-right: 2px solid #f56e00;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.waste-form-wrap {
/* display: none; */
position: relative;
background-color: #e6e6e6;
padding: 20px;
margin-bottom: 15px;
}
.waste-form-wrap-saved {
background-color: #e1f3c9 !important;
}
.modal-col {
display: inline-block;
width: 47%;
vertical-align: top;
}
.modal-col input,
.modal-col textarea {
border: 1px solid transparent;
margin-bottom: 10px;
width: 100%;
}
.modal-col:not(:last-child) {
margin-right: 20px;
}
.waste-place {
resize: none;
height: 100px;
}
.waste-state {
width: 100%;
border: 1px solid transparent;
outline: 0;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.waste-state:focus {
border-color: #244c00;
}
.waste-pass {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.waste-pass-label {
margin-right: 10px;
}
.waste-pass-radio-wrap {
border: 0;
padding: 0;
margin: 0;
}
.modal-radio-btn {
width: 20px !important;
height: 20px;
margin: 0 5px 0 0 !important;
border: 0;
background: transparent;
}
.modal-radio-btn:after {
content: '';
width: 10px;
height: 10px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #fff;
display: inline-block;
visibility: visible;
border: 5px solid #fff;
}
.modal-radio-btn:checked:after {
content: '';
background-color: #6dab27;
}
.add-waste {
margin-bottom: 10px;
}
.add-waste span {
font-size: 15px;
}
.modal-label,
.waste-pass-label {
font-size: 14px;
display: block;
margin-bottom: 10px;
}
.modal-label-radio {
font-size: 14px;
position: relative;
top: -7px;
margin-right: 10px;
}
.modal-label-radio:last-of-type {
margin-right: 0;
}
.modal-btn-save {
display: inline-block !important;
padding-left: 40px !important;
position: relative;
text-decoration: none;
margin-bottom: 0 !important;
font-size: 14px;
-webkit-border-radius: 23px !important;
-moz-border-radius: 23px !important;
border-radius: 23px !important;
}
.modal-btn-save:before {
content: '';
display: block;
position: absolute;
background: url(http://eko-a.ru/images/check-ico.png) no-repeat center center;
background-size: 14px 15px;
width: 14px;
height: 15px;
left: 15px;
}
.modal-file {
font-size: 14px;
margin-bottom: 40px;
position: relative;
}
.modal-file-title,
.add-waste-title {
width: 58%;
margin-right: 20px;
display: inline-block;
}
.add-waste-btn,
.file-input-wrap {
vertical-align: top;
width: 175px;
font-size: 14px;
cursor: pointer;
position: relative;
display: inline-block;
margin: 0 auto;
color: #fff;
text-transform: uppercase;
-webkit-box-shadow: -4px 2px 5px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -4px 2px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: -4px 2px 5px 0px rgba(0, 0, 0, 0.4);
background: -moz-linear-gradient( 90deg, rgb(89,153,41) 28%, rgb(117,178,39) 67%, rgb(145,203,36) 100%);
background: -webkit-linear-gradient( 90deg, rgb(89,153,41) 28%, rgb(117,178,39) 67%, rgb(145,203,36) 100%);
background: -ms-linear-gradient( 90deg, rgb(89,153,41) 28%, rgb(117,178,39) 67%, rgb(145,203,36) 100%);
background: linear-gradient( to top, rgb(89,153,41) 28%, rgb(117,178,39) 67%, rgb(145,203,36) 100%);
border: 0;
outline: 0;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
padding: 10px 15px;
}
.add-waste-btn {
width: calc(175px - 30px);
text-decoration: none;
padding: 12px 15px 12px 45px;
}
.disabled{
background: gray !important;
}
.successsend{
background: linear-gradient( to top, rgb(89,153,41) 28%, rgb(117,178,39) 67%, rgb(145,203,36) 100%) !important;
}
.errorinput {
border : 2px solid red !important;
}
.hidden{
display: none;
}
.add-waste-btn:before {
content: '';
display: block;
position: absolute;
background: url(http://eko-a.ru/images/waste-ico.png) no-repeat center center;
background-size: 19px 18px;
width: 19px;
height: 18px;
left: 15px;
}
.add-waste-btn:hover,
.file-input-wrap:hover {
background: -moz-linear-gradient( top, rgb(89,153,41) 28%, rgb(117,178,39) 67%, rgb(145,203,36) 100%);
background: -webkit-linear-gradient( top, rgb(89,153,41) 28%, rgb(117,178,39) 67%, rgb(145,203,36) 100%);
background: -ms-linear-gradient( top, rgb(89,153,41) 28%, rgb(117,178,39) 67%, rgb(145,203,36) 100%);
background: linear-gradient( to bottom, rgb(89,153,41) 28%, rgb(117,178,39) 67%, rgb(145,203,36) 100%);
}
.file-input {
width: 20px !important;
height: 20px !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 15px;
opacity: 0;
cursor: pointer;
}
.file-label {
line-height: 20px;
}
.file-label span {
margin-left: 30px;
}
.file-img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 15px;
width: 20px;
height: 20px;
}
.attached-file {
color: #696969;
position: absolute;
margin-top: 5px;
margin-right: 35px;
padding-right: 35px;
}
.file-delete {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
display: inline-block;
top: -3px;
/*margin-left: 250px;*/
right: 0;
}
.file-delete:before,
.file-delete:after {
content: '';
position: absolute;
left: 9px;
top: 4px;
height: 14px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.file-delete:before {
border-left: 2px solid #6dab27;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.file-delete:after {
border-right: 2px solid #6dab27;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.file-delete:hover:before,
.file-delete:hover:after {
border-color: #4c8000;
}
.filter{
border: 1px solid #e3e3e3;
border-radius: .8rem;
margin: 3vw 2vw;
display: flex;
padding: 3vw;
}
.filter-item{
max-width: 33%;
padding: 6px;
}
.filter-item select{
width: 80%;
height: 30px;
margin-top: 15px;
}
.filter-item input[type="checkbox"]{
width: 16px;
height: 16px;
margin: 12px 0 0!important;
display: block;
}
.filter-item label {
position: relative;
left: 25px;
bottom: 13px;
font-size: 13px;
font-weight: 500;
}
.filter-item button {
margin: 10px 5px;
width: 90px;
height: 30px;
background-color: #5fa840;
border: 1px solid #868686;
border-radius: 7px;
cursor: pointer;
color: white;
}
.filter-item button.button-clear {
background-color: #f8f8f8;
color: black;
}
.filter-item button:hover {
background-color: #508e36;
}
.filter-item .button-clear:hover {
background-color: #e8e4e4;
color: black;
}
.modal-policy {
margin-bottom: 25px;
font-size: 14px;
}
.modal-policy a {
color: #5fa840;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.modal-policy a:hover {
color: #4c8000;
}
.modal-btn {
font-size: 17px;
margin: 0 auto;
text-align: center;
border: 0 !important;
}
.modal-btn-save,
.modal-btn {
cursor: pointer;
display: block;
color: #fff;
text-transform: uppercase;
-webkit-box-shadow: -4px 2px 5px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -4px 2px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: -4px 2px 5px 0px rgba(0, 0, 0, 0.4);
background: -moz-linear-gradient( 90deg, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
background: -webkit-linear-gradient( 90deg, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
background: -ms-linear-gradient( 90deg, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
background: linear-gradient( to top, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
border: 0;
outline: 0;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
padding: 10px 15px;
}
.modal-btn-save:hover,
.modal-btn:hover {
background: -moz-linear-gradient( top, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
background: -webkit-linear-gradient( top, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
background: -ms-linear-gradient( top, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
background: linear-gradient( to bottom, rgb(255,81,0) 28%, rgb(255,137,0) 67%, rgb(255,192,0) 100%);
}
@media screen and (max-width: 650px) {
.modal-order {
width: 90%;
left: 0;
margin-left: 20px;
}
.modal-file-title,
.add-waste-title {
width: 100%;
margin-bottom: 10px;
margin-right: 0;
}
.modal-desc {
margin-bottom: 20px;
}
.modal-row input:not(:last-child) {
margin-right: 0;
}
.modal-row input {
width: 100%;
display: block;
margin-bottom: 10px;
}
.modal-row {
margin-bottom: 0;
}
.modal-title {
line-height: 22px;
font-size: 20px;
margin-bottom: 15px;
}
.modal-col:not(:last-child) {
margin-right: 0;
margin-bottom: 10px;
}
.modal-col {
width: 100%;
}
}
@media screen and (max-width: 370px) {
.waste-pass {
display: block;
margin-bottom: 5px;
}
.modal-file {
margin-bottom: 50px;
}
.modal-order {
margin-left: 15px;
}
}
/*--*/
.price_offer {
width: 260px;
height: 400px;
float: right;
position: relative;
}
.price_offer-name {
position: absolute;
top: 0;
width: 240px;
height: 130px;
left: 10px;
color: #fff;
font-size: 16px;
font-weight: 600;
}
.price_offer-bottom {
position: absolute;
top: 0;
width: 240px;
height: 130px;
left: 10px;
color: #fff;
font-size: 16px;
font-weight: 600;
background: url(../images/price-offer/eko-a_ru33.jpg), no-repeat;
background-position: 0px 170px;
}
.price_offer-name > span {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.price_offer-number {
position: absolute;
top: 149px;
width: 100px;
left: 130px;
color: #000;
font-size: 16px;
font-weight: 600;
background: #fff;
line-height: 29px;
height: 29px;
padding: 0 5px;
border-radius: 5px;
}
.price_offer-number-title {
position: absolute;
width: 100px;
color: #000;
font-size: 16px;
font-weight: 600;
left: 10px;
background: #fff;
padding: 0px 5px;
height: 29px;
border-radius: 5px;
top: 149px;
text-align: right;
line-height: 29px;
}
.price_offer-price {
width: 100px;
left: 130px;
color: #000;
font-size: 16px;
font-weight: 600;
position: absolute;
top: 191px;
background: #fff;
padding: 0px 5px;
height: 30px;
border-radius: 5px;
text-align: left;
line-height: 29px;
display:none;
}
.price_offer-price:after {
content: "По запросу";
}
.price_offer-price-title {
position: absolute;
top: 192px;
width: 100px;
color: #000;
font-size: 16px;
font-weight: 600;
left: 10px;
background: #fff;
padding: 0px 5px;
height: 30px;
border-radius: 5px;
text-align: right;
line-height: 29px;
}
@media (max-width: 600px) {
.price_offer {
float: none;
}
}
@media (max-width: 960px) {
.allwasteBox {
width: 100%;
}
}
/*
CSS for the main interaction
*/
.tabset > input[type="radio"] {
position: absolute;
left: -200vw;
}
.tabset .tab-panel {
display: none;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
display: block;
}
/*
Styling
*/
.tabset > label {
position: relative;
display: inline-block;
padding: 15px 15px 25px;
border: 1px solid transparent;
border-bottom: 0;
cursor: pointer;
font-weight: 600;
margin-bottom:0;
font-size: 18px;
}
.tabset > label::after {
content: "";
position: absolute;
left: 15px;
bottom: 10px;
width: 22px;
height: 4px;
background: #8d8d8d;
}
.tabset > label:hover,
.tabset > input:focus + label {
color: #5fa840;
}
.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
background: #5fa840;
}
.tabset > input:checked + label {
border-color: #ccc;
border-bottom: 1px solid #fff;
margin-bottom: -1px;
font-size: 18px;
}
.tab-panel {
padding: 30px 0;
border-top: 1px solid #ccc;
}
.tab-panels section.tab-panel th {
background: #5fa840;
color: #fff;
border: 1px solid #5fa840;
padding: 10px 10px;
text-align: center;
font-weight: normal;
}
.tab-panels section.tab-panel td {
text-align: center;
padding: 10px;
}
.project-item{
width:100%;
margin-bottom: 40px;
}
.projects-items{
margin: 0px 10px 10px 0px;
border: 1px solid #eee;
padding: 0px 0 10px 0;
float: left;
width: 32%;
min-width: 32%;
}
.projects-items img{
padding-right: 0px;
float:none;
}
.projects-items .news-header{
font-size: 15px;
margin: 10px 0;
text-align: center;
min-height: 120px;
}
.projects-items .news-header a{
margin: 0 10px;
}
.jobs_content h2{
font-size: 24px;
line-height: 40px;
font-weight: 600;
}
.jobs_content p{
font-size: 18px;
}
.jobs_content li{
font-size: 24px;
line-height: 40px;
}
.item.type_waste_item img {
max-height: 130px;
}
@media screen and (min-width: 1024px) {
.carousel_otzyvy .slick-prev,
.carousel_otzyvy .slick-next {
width: 30px;
height: 30px;
}
.carousel_otzyvy .slick-prev::before,
.carousel_otzyvy .slick-next::before {
font-size: 30px;
}
}
div.certificates {
width: inherit;
max-width: 940px;
}
@media screen and (max-width: 560px) {
#main-search.header__search {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 400px) and (max-width: 560px){
.cities__wrap.header-cities__wrap {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 674px) {
#content article img {
float: none!important;
margin-left: auto!important;
margin-right: auto!important;
display: block;
}
}
.article-content .tabs {
text-align: center;
}
.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0;
}
.social a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 30px;
margin-right: 20px;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social a:last-child {
margin-right: 0;
}
.social a:hover {
opacity: 0.8;
}
.social a img {
width: 30px;
height: 30px;
}
.header__contacts .social {
margin-bottom: 5px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#main-menu .social {
display: none;
}
@media screen and (max-width: 560px) {
#main-menu.js-menu__open .social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 20px;
padding-right: 20px;
}
}
.embed-responsiv {
position: relative;
display: block;
width: 100%;
overflow: hidden;
min-width: 400px;
}
.embed-responsiv:before {
content: '';
display: block;
padding-top: 80%;
}
.embed-responsiv video {
position: absolute;
top: 0;
left: 50%;
width: 100%;
height: 100%;
border: 0;
max-width: 400px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 767.98px) {
.embed-responsiv {
min-width: 200px;
max-width: 400px;
}
}