@charset "utf-8";


@media all and (max-width: 1420px)

{

.menu-phone ul li {padding: 0 16px;}


}

@media all and (max-width: 1400px)

{
.bc1-row .box-text-over { width: 65%;}

}

@media all and (max-width: 1390px)

{
.segment-col h2 {padding: 0 0 20px 20px;}

.s-over-row {padding: 25px 20px;}

.s-title {padding-left: 20px;}

.b-row {padding: 0 0 0 20px;}

}

@media all and (max-width: 1370px)

{
.box-text-over {padding: 0 0 0 50px;}

}

@media all and (max-width: 1300px)

{
.k-row-over {padding: 0;}

}

@media all and (max-width: 1320px)

{

.slider-over-container {padding-top: 70px;}

.header-container {height: 70px;}

.logo {width: 180px;
       padding-top: 12px;}

.menu-phone.menu-button {display: none;
                        position: absolute;
                        right: 0;}

.menu-button {display: block;}

.menu-phone {display: none;
	         clear: both;
              background: #fff;
              overflow: hidden;
              z-index: 100;
              width: 100%;
              position: absolute;
               right: 0;
               margin: 70px 0 0 0;
               padding: 0;}

.menu-phone.menu-desc {display: none;}

.menu-phone ul li {display: block;
	              width: 100%;
	              text-align: center;
	              padding: 0;}

.menu-phone ul li a {padding: 20px 0;}

.fb-container {display: none;}

.fb-container.fb-phone-container {display: flex;
                                  justify-content: center;}

.fb-container svg {padding: 25px 15px 25px 15px;}


}

@media all and (max-width: 1250px)

{

.box-container {display: block;
                padding: 160px 0 70px 0;}

.box-img {display: none;}

.box-text-over { width: 100%;
                 padding: 0 20px;
                 position: relative;
                 z-index: 10;}

.box-img.box-img-phone {display: block;
                         width: 100%;
                         max-width: 860px;
                         margin: 0 auto;
                         padding: 40px 20px 0 20px;}

.phone-center { padding-top: 30px;}

}

@media all and (max-width: 1220px)

{

.box-segment-over {display: block;}

.segment-col,
.download-box  {width: 100%;
              max-width: 700px;
              margin: 0 auto;}

.galeria-bg {width: calc(100% - 300px);
             left: 150px;}

}

@media all and (max-width: 1160px)

{
.kl-over {padding: 0;}

.kl-row {width: 100%;}

.mapa {width: 50%;
       height: 550px;}

.kl-over-box {width: 33.33333333%;}

.kl-box {padding: 30px 0;}

}

@media all and (max-width: 1070px)

{
.bc1-row .box-text-over { width: 75%;}

.k-over-box {width: 50%;}

.form-box-over {padding: 20px;}

.f-row {padding: 60px 0;}

}


@media all and (max-width: 1050px)

{
.box-container1 {height: 550px;}

.bc1-row .box-text-over {width: 100%;}

.bc1-row {background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 70%);}

}

@media all and (max-width: 1000px)

{

h2 {font-size: 37px;}

}

@media all and (max-width: 980px)

{

.counter-block {width: 33.333%;}

.counter-block:nth-child(3) {border: none;}

.f-left {width: 100%;}

.box-submit { width: 100%;
               text-align: center;
               padding: 20px 0;}

input[type="submit"] {width: 100%;
                       max-width: 500px;}

}

@media all and (max-width: 960px)

{
.kl-over-box {width: 50%;}

.galeria-col1,
.galeria-col2 { width: 100%;}

.galeria-col2 {padding-top: 30px;}

.galeria-col1 .button-box,
.galeria-col2 .button-box {padding: 30px 0 0 0;
                            text-align: center;}

.f1-col {width: 50%;
          padding-bottom: 30px;}

.f-row {padding-bottom: 30px;}

}

@media all and (max-width: 780px)

{
.bc1-row .box-text-over { width: 100%;}

.f-col {width: 100%;}

.f-col:first-child {padding-bottom: 30px;}
	
.slider-container-phone {display: block;}	
	
.slider-container-desc {display: none;}	

}

@media all and (max-width: 740px)


{
.k-over-box {width: 100%;}

.k-box { padding: 25px 0;}

.counter-block {width: 50%;}

.counter-block {margin-bottom: 20px;}

.counter-block:nth-child(3) {border-right: 1px solid #EFEFEF;}

.counter-block:nth-child(2),
.counter-block:nth-child(4)  {border: none;}

}

@media all and (max-width: 651px)
{

.b-row .button {margin: 0 0 15px 0;}

.b-row {padding-right: 20px;}

.slider {padding: 25px 20px ;}

}


@media all and (max-width: 560px)

{

.kl-over-box {width: 100%;}

.a-dl {padding: 0 25px;}

}


@media all and (max-width: 540px)

{
.s-block {width: 100%;
          padding-bottom: 4px;}

.f1-col {width: 100%;}

}

























/*
@media all and (max-width: 1420px)

{

.slider-container {background-size: 1600px 720px!important;
                   background-position: -200px 0!important; }

}

@media all and (max-width: 1290px)

{

.menu-button {display: block;}

.menu-phone {clear: both;
              background: #123A6A;
              overflow: hidden;
             display: none;
              z-index: 100;
              width: 330px;
              position: absolute;
               right: 0;
               margin: 66px 0 0 0;
               padding: 0;}

.menu-phone ul li {display: block;}

.menu-phone ul li a {padding: 14px 20px;
                      box-sizing: border-box;
                      display: block;}

.menu-phone .search-box,
.menu-phone .lg {display: none;}

.search-box-phone {display: block;
                   padding: 25px 0 0 0;}

.lg-phone {display: block;}

.lg-phone ul li {display: inline-block;}

.lg-phone ul li a {font-size: 18px;
                      color: #fff;
                       font-weight: 400;
                       transition: all .3s ease .10s;
                       padding: 20px 23px 0 23px;
                       display: block;
                       letter-spacing: -0.5px;}

.lg-search-phone {display: flex;
                  justify-content: right;
                  padding-right: 90px;}

.lg-phone ul li:first-child a:after { top: 23px;}

}

@media all and (max-width: 1279px)

{

.ct-row {max-width: 950px;}

}

@media all and (max-width: 1260px)

{
.footer-menu ul li {padding: 20px 15px 0 15px;}

.slider-container {background-position: -300px 0!important; }

}

@media all and (max-width: 1170px)

{

.of-foto.foto-left { padding: 0 30px 0 0;}


.of-foto {padding: 0 0 0 30px;}

.news-box {width: calc(33.3333333% - 24px);
           margin: 0 12px 30px 12px;}

.news-box:nth-child(5),
.news-box:nth-child(6) {display: block;}

}

@media all and (max-width: 1140px)

{
.footer-top {justify-content: center;}

.footer-logo {width: 135px;
              margin: 0 auto;}

.footer-menu {width: 100%;}

.footer-menu ul {justify-content: center;}

.footer-menu ul li { padding: 20px 0 0 0;
                       width: 100%;
                       text-align: center;}

.f-sm {display: none;}

.f-sm-mobile {display: block;
              display: flex;
              justify-content: center;
              width: 100%;
              padding: 20px 0 15px 0;}

.f-sm-mobile img {margin: 0 10px;}

.f-col {width: 100%;
        text-align: center;}

.footer-container {padding-top: 40px;}


.slider-container {background-position: -400px 0!important; }


}

@media all and (max-width: 1070px)

{

.of-foto {width: 100%;
          max-width: 650px;
          padding: 30px 0 0 0;}

.of-foto.foto-left {display: none;}

.of-text {width: 100%;}

.of-foto.of-foto-mobile {display: block;}

.of-text h2,
.phone-center {text-align: center;}

}

@media all and (max-width: 1030px)

{

.slider-over-container,
.slider-container {height: 500px;}

.slider-container {background-position: 0 0!important;
                   background-size: 1111px 500px!important; }

.slider h1 {font-size: 42px;
            line-height: 59px;}

.slider-button {font-size: 19px;
                 margin-right: 25px;
                 height: 50px;
                 padding: 12px 25px 0 25px;}

.block-foto-text .col-left {display: none;}

.block-foto-text .col-left.col-left-mobile {display: block;
                                            width: 100%;
                                            max-width: 460px;
                                            margin: 0 auto;}

.block-foto-text .col-right {width: 100%;
                             padding-bottom: 10px;}

.rada-box {width: calc(100% - 20px);}

}

@media all and (max-width: 980px)

{

.ct-col1 {padding-left: 0;}

}

@media all and (max-width: 970px)

{

.slider-container {background-position: -140px 0!important;}

}

@media all and (max-width: 860px)

{

.slider-container {background-position: -240px 0!important;}

.column-single {width: 100%;}

}

@media all and (max-width: 760px)

{

.slider-container {background-position: -340px 0!important;}

.ct-col1 {display: none;}

.ct-col1.ct-col3 {display: block;
                  padding-right: 0;
                  width: 100%;}

.ct-col2 { padding-left: 0;
           width: 100%;}

}

@media all and (max-width: 660px)

{

.logo {width: 100px;
       padding-top: 5px;}

.slider h1 {font-size: 32px;
            line-height: 49px;}

.slider-button {font-size: 18px;
                 margin-right: 20px;
                height: 48px;}

.slider-container {background-position: -440px 0!important;}

.header-podstrona {height: 70px;}

.rada-foto {display: none;}

.rada-text {width: 100%;}

.rada-foto.rada-foto-mobile {width: 197px;
                             display: block;
                             margin: 0 auto;}

}

@media all and (max-width: 460px)

{

.menu-phone .lg {display: block;}

.lg-phone {display: none;}

.menu-phone .lg ul li {display: inline-block;}

.menu-phone .lg ul li:first-child {padding-left: 0;}

.menu-phone .lg ul li:first-child a {padding-left: 20px;}

.menu-phone .lg ul li a {padding-top: 20px;
                          padding-bottom: 20px;}

.menu-phone .lg ul li:first-child a::after { top: 24px; }

.slider-container {background-position: -540px 0!important;}

.slider-button {margin-bottom: 20px;}

}