header,nav,section,article,aside,footer,hgroup{ display:block;}
a{ text-decoration:none; outline: 0; color:inherit;}
a img{ border:none;}
.clear{ clear:both; margin: 0; display: block; width: 100% !important; float: none !important;}
.relative{ position: relative;}
.float_right{ float:right; position: relative;}
.float_left{ float:left; position: relative;}
.align-left{ text-align: left !important; margin: 0;}
.align-center{ text-align: center !important; margin: 0;}
.align-right{ text-align: right !important; margin: 0;}


.font_size{ font-size: 0 !important;}



h1{ text-transform: uppercase; font-weight: 700; font-size: 24px; line-height: 1.6em; margin: 0; padding: 0; clear: both;}
h2{ font-weight: 700; font-size: 20px; line-height: 1.6em; margin: 1.5em 0 0.5em; padding: 0;}

@media screen and (max-width: 1024px) {
  h1{ font-size: 22px;}
  h2{ font-size: 18px;}
}

@media screen and (max-width: 500px) {
  h1{ font-size: 18px;}
  h2{ font-size: 16px;}
}



p, div, article, .text_page{ font-size: 14px; font-weight: 400;}
strong, b{ font-weight: 700}


article a{ font-weight: 700; text-decoration: underline; color: #0066cc; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch article a:hover{text-decoration: none;}


article{ line-height: 1.6em;}
article p{ margin-top: 0;}
article.max{ max-width: 100%; margin: 40px 0 0; }
article *:nth-child(1){ margin-top: 0;}
article *:last-child{ margin-bottom: 0;}


article ul, .text_box ul{critical: this; padding: 0; margin-top: 0;}
article ul li, .text_box ul li{critical: this; padding: 0; margin: 0; position: relative;}
article ul ul, .text_box ul ul{critical: this; margin: 0; padding: 0 0 0 20px; }
article ul ol, .text_box ul ol{critical: this; margin: 0; padding: 0 0 0 20px; }

article ul > li, .text_box ul > li{critical: this; list-style: disc outside; margin-left: 1em;}
article ul > li > ul > li, .text_box ul > li > ul > li{critical: this; list-style: circle outside; margin-left: 1em;}
article ul > li > ul > li > ul > li, .text_box ul > li > ul > li > ul > li{critical: this; list-style: square outside; margin-left: 1em;}

article ol, .text_box ol{critical: this; padding: 0; counter-reset: item; margin-top: 0;}
article ol > li, .text_box ol > li{critical: this; margin: 0; position: relative; counter-increment: item; list-style: none; padding: 0 0 0 20px;}
article ol > li::before, .text_box ol > li:before{critical: this; position: absolute; top: 0; left: 0; width: 20px; display: inline-block; text-align: left; content: counter(item) ".";}
article ol ol, .text_box ol ol{critical: this; margin: 0; padding: 0 0 0 20px;}
article ol ul, .text_box ol ul{critical: this; margin: 0; padding: 0;}



article img{ max-width: 100%; height: auto !important; position: relative;}


.clear{ margin: 0 !important;}



html{ margin: 0 auto; padding: 0; background: #f2f2f2 ;}
body{ color: #000000; background: #ffffff !important; padding: 0; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; -webkit-backface-visibility:hidden; max-width: 1920px; margin: 0 auto; font-family: 'Open Sans', sans-serif, Arial; font-weight: 400; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}








.inside{ width: 90%; padding: 0; max-width: 1300px; margin: 0 auto;}



.btn{ font-weight: 700; font-size: 14px; line-height: 20px; padding: 13px 30px; text-decoration: none; white-space: nowrap; overflow: hidden; position: relative; background: none; display: block; border: 2px solid transparent; text-transform: uppercase; text-align: center; -webkit-border-radius: 8px; border-radius: 8px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.btn.inline{ display: inline-block; vertical-align: middle;}


.btn.typ_1{ background: #0066cc; border: 2px solid #0066cc; border-bottom: 2px solid #00478F;  color: #ffffff;}
.notouch .btn.typ_1:hover, .notouch .item.hover_effect .btn.typ_1, .notouch a.item:hover .btn.typ_1, .btn.typ_1.active{background: #00478F; border: 2px solid #00478F;}






@media screen and (max-width: 1024px) {
  .btn .item{display: none;}
}
@media screen and (max-width: 768px) {
  .btn i{display: block;}
}
@media screen and (max-width: 500px) {
  .btn{ font-size: 11px; line-height: 16px; padding: 6px 15px;}
}





#content{position: relative;}


.welcome_1{width: 30%; position: absolute; left: 0; top: 0; bottom: 0; background: url(../img/vyvoz_zumpy_havirov2.jpg) no-repeat scroll center center #f0f0f0; background-size: cover;}


@media screen and (max-width: 1024px) {
  .welcome_1{position: relative; width: 100%; height: 200px;}
}

@media screen and (max-width: 500px) {
  .welcome_1{height: 120px;}
}




.welcome_2{padding: 60px 0 60px 30%; position: relative; display: block;}

.welcome_2 h1{text-align: left; position: relative; z-index: 10;}
.welcome_2 .short{margin: 0 0 20px; display: block; max-width: 510px;}
.welcome_2 .clear.hide{display: block;}
.welcome_2 a.phone, .welcome_2 a.email {position: relative; z-index: 10; margin: 0; display:inline-block; vertical-align:middle; padding:0 0 0 35px; font-size:18px; line-height:30px; font-weight:700; -webkit-transition:all 400ms ease;transition:all 400ms ease}
.welcome_2 a.phone {background:url(../img/phone_icon_black.svg) no-repeat scroll left center;background-size:30px 30px}
.welcome_2 a.email {margin: 10px 0 15px; background:url(../img/mail_icon_black.svg) no-repeat scroll left center;background-size:30px 30px}
.notouch .welcome_2 a.phone:hover, .notouch .welcome_2 a.email:hover {color:#0066cc}
.welcome_2 article:not(.short){margin: 20px 0 0; display: block;}

.welcome_2 .text_page{margin: 20px auto 0;}
.welcome_2 .text_page .img{position: relative; display: block; width: 37%; float: right; margin: 0 0 5px 20px;}
.welcome_2 .text_page .img img{max-width: 100%; display: block; margin: 0;}
.welcome_2 .text_page .text{display: block;}
.welcome_2 .text_page.reverse .img{float: left; margin: 0 20px 5px 0}

@media screen and (max-width: 1024px) {
  .welcome_2{padding: 60px 0;}
  .welcome_2 a.phone, .welcome_2 a.email {padding:0 0 0 30px; font-size:16px; line-height:26px;}
  .welcome_2 a.phone {background-size:26px 26px}
  .welcome_2 a.email {background-size:26px 26px}

  .welcome_2 .text_page .img{width: 50%;}
}

@media screen and (max-width: 600px) {
  .welcome_2 .text_page .img{display: block; width: 100%; margin: 0 0 10px;}
  .welcome_2 .text_page .text{display: block; width: 100%; padding: 0; margin: 0;}
}


@media screen and (max-width: 500px) {
  .welcome_2 p{margin: 5px 0 25px;}
  .welcome_2 a.phone, .welcome_2 a.email {padding:0 0 0 30px; font-size:16px; line-height:26px;}

  .welcome_2{padding: 40px 0;}
}



.welcome_2 .ben_list{text-align: left; display: block; position: relative; padding: 40px 0 0;}
.welcome_2 .ben_list .btn{width: 180px; margin: 6px 12px 6px 0;}











.scroll_top{cursor: pointer; display: block; z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -60px; width: 48px; height: 48px; background: #efefef; border: 1px solid #e0dfdf; background-size: 19px auto; -webkit-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.scroll_top.left{left: 30px; right: initial;}
.scroll_top.hide{display: none;}
.scroll_top::before{opacity: 1; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.scroll_top::after{opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow_hover.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .scroll_top:hover::before{opacity: 0;}
.notouch .scroll_top:hover::after{opacity: 1;}
.notouch .scroll_top:hover{background: #0066cc; border: 1px solid #0066cc;}
.scroll_top.active{opacity: 1; bottom: 30px;}