/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: >0.1%
*/

/*
.uk-form-icon {
    position: relative;
    top: 35.3px;
}
*/





i{
    vertical-align: text-bottom;
}


.order_call a{
    

border: 1px solid gray;
    /* background-color: white; */
    /* border-radius: 117.4px; */
padding: 1px 10px 2px 6px;
    

}

.order_call{
    
        -webkit-transform: translate(10px,0);
    
                transform: translate(10px,0);
        
}




.request_form{
    
    background-color: #f9f9f9;
    
    display:-ms-grid;
    
    display:grid;
}


.request_form h2{
    
    margin:0;
    
}



footer p{
    line-height: 24pt;
    margin: 0;
}


.name-plan p {
margin:unset;
margin-top:10px;
}


.logo_footer img{

width:250px;

-webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(50%);

        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(50%);

}

body{
  overflow-y: unset;
}

.uk-modal{

  -webkit-transition: opacity 0.05s linear;

  transition: opacity 0.05s linear;
}

.uk-modal-dialog {

     -webkit-transform: unset;

             transform: unset; 
    -webkit-transition: 0.05s linear; 
    transition: 0.05s linear;

}



.modal-success {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #fafafa;
    border-radius: 5px;
    z-index: 9999;
    width: 400px;
    height: 270px;
    display: none;
}

.success-close {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px
}

.success-title {
    font: 24px Roboto;
    font-weight: 500;
    color: #013766;
    text-align: center;
    padding: 60px 0 30px 0
}

.modal-success>svg {

    display: block;
    margin: auto

}

.modal-success>svg>path {
  
  fill: #00a3ff;

}


.overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    opacity: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 40
}




.table-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: inline-block;
    padding: 20px 20px 15px;
    background: #fafafa;
    /* border-radius: 0px; */
    width: 397px;
}



@media screen and (min-width: 963px){

	.uk-thumbnav{

		margin-left:15px;

	}

}

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

	.uk-thumbnav{

		margin-top:15px;

	}

}











@media screen and (max-width: 425px){
.table-modal {
    width: 304px;
}

}


.wrapper:first-child { margin-top: 0 !important; margin-left: 0 !important; }



.modal_input {
    display: block;
    border: .5px solid #013766;
    border-radius: 0;
    margin-top: 16px;
    width: 100%;
    padding: 10px 0 10px 12px;
    font-size: 16px;
    line-height: 19px;
    border: .5px solid #013766;
    color: #000
}





.modal_title {
    font-size: 24px;
    line-height: 28px;
    color: #013766;
    font-weight: 600
}




.table_close {
    position: absolute;
    top: 4px;
    right: 19px;
    font-size: 35px;
    cursor: pointer
}




.modal_btn {
    display: block;
    margin: 0 auto;
    margin-top: 23px;
    padding: 12px 46px;
    background-color: #6fb1fc;
    border: 0;
    color: #fff;
    font-size: 14px;
    line-height: 16px
}





.table_price_list tbody tr{
  cursor:pointer;
}

.table_price_list tbody tr:hover{
  color:black
}


.table_price_list tr td:nth-last-child(1) {
    color:#969696;

}



.table_price_list tr:hover td:nth-last-child(1) {
    color:white;
    background-color: #007eff;
}






html {
    
overflow-y: scroll;
    
font-size: 17px;
}
 



html {
 width: 100%;
 height: 100%;
}

body {
 display: -ms-grid;
 display: grid;
 -ms-grid-rows: auto 1fr auto;
 grid-template-rows: auto 1fr auto;
 -ms-grid-columns: auto;
 grid-template-columns: auto;
 min-height: 100%;
}

body > *:nth-child(1) {
    

-ms-grid-row: 1;
    

-ms-grid-column: 1;
}

body > *:nth-child(2) {
    

-ms-grid-row: 2;
    

-ms-grid-column: 1;
}

body > *:nth-child(3) {
    

-ms-grid-row: 3;
    

-ms-grid-column: 1;
}





.table_price_list h2{
  font-size: 2.1rem;
  font-family: 'Roboto';
  font-weight: 600;
  margin-bottom: 1.5vw;
  color: #555555;
}




.picture_on_main_page{

      /* The image used */
  background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(0, 0, 0, 0.527)),to(rgba(0, 0, 0, 0.7))), url(/img/rotor.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.7)), url(/img/rotor.jpg);

  /* Set a specific height */
  min-height: 450px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 30%;
   -webkit-padding-after: 0vw!important;
           padding-block-end: 0vw!important;
}



.picture_on_main_page p{
    
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */     
    
    padding-top: 3vw;
    font-size: 3rem;
    box-sizing: border-box;
    color: white;
    font-family: 'Roboto';
    font-weight: 600;
    -ms-grid-column: 2;
        grid-column-start: 2;
}



@media (max-width: 1024px){
    
.picture_on_main_page {
    
    height: calc(100vh - 130px);
    -ms-grid-columns: 0.2fr 4fr;
    
    grid-template-columns: 0.2fr 4fr;

}





}



@media (max-width: 768px){
    
.picture_on_main_page p {
        padding-top: 8vw;
        font-size: 2.2rem;

}



.picture_on_main_page h1{
    margin-top: 20%;
    margin-bottom: auto;
    font-size: 2.4rem!important;
}


.product_on_main_page{
    

    grid-row-gap: 5vh!important;
}


}



@media (max-width: 425px){


/*
.picture_on_main_page {
    min-height: 200px;    
}    
*/    
    
.picture_on_main_page h1 {
    padding-top: 3vw;
    font-size: 3rem;
}
}






.padding{
    padding-inline: 15vw;
    -webkit-padding-before: 2vw;
            padding-block-start: 2vw;
    -webkit-padding-after: 4vw;
            padding-block-end: 4vw;
}




@media (max-width: 1024px) {

  .padding{
    padding-inline: 3vw;
    
    -webkit-padding-before: 5vh;
    
            padding-block-start: 5vh;
    -webkit-padding-after: 10vh;
            padding-block-end: 10vh;
    
}


}



    .footer_content {
    /*padding-inline: 20vw;*/
}

@media (max-width: 1024px) {
    
    
    .footer_content {
    /*padding-inline: 3vw;*/
}


}














.product_on_main_page {
  --repeat: auto-fit;
}
@media (min-width: 800px) {
  .product_on_main_page {
    --repeat: 3;
  }
  
}




h2{
    font-size: 2.3rem;
    font-family: 'Roboto';
    font-weight: 600;
    margin-bottom: 4vw;
    margin-top:2vw;
}



.product_on_main_page {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(var(--repeat, auto-fit), minmax(calc(247px * 1) , 1fr));
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  grid-gap: 12px;
  row-gap: 4vw;
  text-align: center;

}



/*
.product_on_main_page > div {
background-color: silver;
  padding: 8px;
}
*/



.picture_of_product_on_main_page{
    
    margin-inline: auto;    

}

.picture_of_product_on_main_page  img{

    height: 200px;

}


.about_company{
    
    color: white;
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(0, 0, 0, 0.627)),to(rgba(0, 0, 0, 0.7))), url(/img/IMG_7255.JPG);
    background-image: linear-gradient(rgba(0, 0, 0, 0.627),rgba(0, 0, 0, 0.7)), url(/img/IMG_7255.JPG);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 30%;
}



.about_company h2{
    font-size: 2rem;
    font-family: 'Roboto';
    font-weight: 600;
    margin-bottom: 4vw;
    color: white;
}


.tisers{

margin-top: 5vw;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-webkit-box-pack: center;
-webkit-justify-content: center;
        justify-content: center;
grid-gap: 3vw;
text-align:center;

font-family: 'Roboto';
    font-weight: 300;
    font-size: 18pt;
}


.tisers > div {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: -webkit-min-content 25px auto;
    -ms-grid-rows: min-content 25px auto;
    grid-template-rows: -webkit-min-content auto;
    grid-template-rows: min-content auto;
    grid-gap: 25px;
}


@media (max-width: 959px){
    
    
.tisers > div {
margin-bottom: 5vh;

}



h2{
    font-size: 1.9rem!important;
    /*text-align:center;*/
    margin-bottom:5vh!important;
}







}


.tisers  .img{
    width: 100px;
    margin-inline: auto;
    -webkit-filter: invert(203%) sepia(3%);
            filter: invert(203%) sepia(3%);
}


.tisers .describe{

}







@media (max-width: 959px){

.our_company > div {

    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));

} 

}




.our_company > div {
    
    display:-ms-grid;
    
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    row-gap: 2vw;
    -webkit-column-gap: 5vw;
       -moz-column-gap: 5vw;
            column-gap: 5vw;    
    
} 



.our_company .last_row
{
    
    grid-column: 1 / -2;
}

.our_company .button{
    
    
background-color: #383838;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto';
    
}















.content{
    /* margin-top: 30px; */
}



@media (min-width: 959px){

.content{

    display: -ms-grid;

    display: grid;
    -ms-grid-columns: fit-content(100%) 3vw 1fr;
    grid-template-columns: fit-content(100%) 1fr;
    -webkit-column-gap: 3vw;
       -moz-column-gap: 3vw;
            column-gap: 3vw;

}

}





@media (min-width: 1440px){
  
.content {
display: -ms-grid;
display: grid;
-ms-grid-columns: fit-content(100%) 3vw 1fr;
grid-template-columns: fit-content(100%) 1fr;
-webkit-column-gap: 3vw;
   -moz-column-gap: 3vw;
        column-gap: 3vw;
/* margin-top: 30px; *//* margin-left: 15vw; *//* margin-right: 15vw; */
}

}









.product_on_catalog_page{
    
  display: -ms-grid;
    
  display: grid;
  grid-template-columns: repeat(var(--repeat, auto-fit), minmax(calc(216px * 1) , 1fr));
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  grid-gap: 3vw;
  row-gap: 4vw;
  text-align: center;
    
}


.product_on_catalog_page {
  --repeat: auto-fit;
  
  

}

@media (min-width: calc(250px * 3)) {
  .product_on_catalog_page {
    --repeat: 3;

  }
 
}










/*



.product_on_main_page{
    
    display: grid;
    margin: revert;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    justify-content: unset;
    grid-gap: 3vw;
    margin-inline: 25vw;
    
}



.product_on_main_page > div{
    

    height: 200px;
    background-color: aquamarine;
    
}



*/














header{
    box-sizing: border-box;
    background:#ffef00;
    
}



@media (max-width: 425px) {

header{
    background:#ffef00;
    width: 100%;
    
    
    
    position: fixed;
    top: 0px;
    
    z-index: 980;
    box-sizing: border-box;
    margin: 0!important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    
    
    
    
}

}





.header_1{
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  display:-ms-grid;
  display:grid;
  -ms-grid-columns: fit-content(100%) 50% fit-content(100%);
  grid-template-columns: fit-content(100%) 50% fit-content(100%);
  margin-left: 1vw;
  margin-right: 3vw;
  padding: 0.5vw 0 0.5vw 0;
}

.logo{
  margin: auto;
}


.logo img{
  width:330px;
}









.nav_menu_hor{
 font-size: 1.5rem;
 margin-block: auto;
   /*
   margin: auto;
   margin-left: auto;
   margin-right: auto;
   */
 }

 .nav_menu_hor > ul {
  display: -ms-grid;
  display: grid;
  margin: revert;
  grid-template-columns: repeat(auto-fit, minmax(131px, -webkit-max-content));
  grid-template-columns: repeat(auto-fit, minmax(131px, max-content));
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding-left: 0px;
  gap: 1vw;
}

.nav_menu_hor ul > li {
  margin-inline: auto;
  white-space: nowrap;    
  display: inline;
}

.nav_menu_hor ul a{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #262626;
  text-decoration: none;
}

.nav_menu_hor ul a:hover{
  text-decoration: none;
  color: #515151;;
}









.tel{
  text-align: right;
  margin: auto;
  white-space: nowrap; 
  font-size: 1rem;
  color: #262626;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 600;
  font-style: normal;
}









.header_2{
    
    -webkit-box-pack: center;
    
    -webkit-justify-content: center;
    
            justify-content: center;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns: 1fr 13px fit-content(100%);
    grid-template-columns: 1fr fit-content(100%);
    margin-left: 1vw;
    margin-right: 5vw;
    padding: 0.5vw 0 0.5vw 0;
    grid-gap: 13px;
}


.header_2 svg > rect{
    fill: #383838;
}










.header_2 .logo{
    
    margin:revert;
    
}



.header_2 .logo img{
    
    width: 270px;
    padding-block: 3px;
}







.nav_menu_ver{
 font-size: 1.5rem;
   /*
   margin: auto;
   margin-left: auto;
   margin-right: auto;
   */

 }

.nav_menu_ver ul{
    
    list-style-type: none;
    
}

.nav_menu_ver ul li {
    
     margin-block: 20px;
     
}




.nav_menu_ver ul a{
  font-family: 'Bebas Neue';
  font-weight: bold;
  font-style: normal;
  color: #ffffff;
  text-decoration: none;
}





.uk-offcanvas-bar {

    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(0 0 0 / 75%);

}

















.main_page_img h1{
    font-size: 34pt;
    margin-left: 220px;
    color: black;
    
}


.main_page_img{
    
    height:700px;
}



/*

.uk-table td {
    padding: 5px 12px;
    vertical-align: top;
}

*/




/*



@media only screen and (min-width: 2560px){
.content {
    
    margin-left: auto!important;
    margin-right: auto!important;
    width: 90%;
}
}





@media only screen and (min-width: 1920px){






.sidebar {
    padding-left: 150px;
}

.body-text{
    padding-left: 5%;
}

}





@media only screen and (max-width: 1920px){
.content {
    width: 90%;
}
}





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






.content {
    width: 100%;
}





}



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




.content {
    width: fit-content;
}




}



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


*/













/*

@media screen and (min-width: 1024px){
.sidebar {
    margin-left: 100px;
}

}




@media screen and (min-width: 1024px){
.body-text {
    margin-right: 100px;
}

}







@media screen and (min-width: 1024px){
.body-text {
    margin-right: 100px;
}

}

*/

.body-text {
    padding-inline: 10px;
}

.uk-card-default {
    background: #662482;
    
}









/*



@media screen and (max-width: 1024px){
.content{
    width:fit-content;
}
}












@media screen and (min-width: 1024px){
.picture_of_product_title_card{
    padding:0;
}
}


*/





.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
margin: 0 6px 0 calc(6px - 4px);
font-size: 1rem;
}




.uk-breadcrumb{
    font-size: 1rem;
   font-family: 'Roboto';
   font-weight: 400;
}



.uk-breadcrumb>*>* {
    font-size: inherit;
    color: #999;
}



h1{
    
   font-family: 'Roboto';
   font-weight: 900;
    
}



.picture_on_main_page h1{
        margin-top: 15vh;
    color:white;
    overflow-wrap: anywhere;
}


h1 div{
    
    color:white;
    overflow-wrap: anywhere;
    font-weight: inherit;
    margin: unset;
    padding:unset;
}




.sidebar {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   font-size:18px;
   font-family: 'Roboto';
   font-weight: 300;

}









.picture_of_product{
    
    width:400px;
    
}







.picture_of_product_title{
    
    width:200px; 
    height:200px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-inline: auto;
}






@media screen and (min-width: 1024px){
.picture_of_product_title {
    width:400px; 

      -o-object-fit: contain; 

         object-fit: contain;
}

}













/*


@media screen and (max-width: 960px){
.picture_of_product_title_card{
    margin-left: auto!important;
    margin-right: auto!important;

}
}


*/

.picture_of_product_title_card{
    
    width:350px; 

      -o-object-fit: contain; 

         object-fit: contain;
}



.product_title{
    
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 14pt;
    margin-top:15px;
    
}



.picture_of_product_title img{
    
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
    
}





@media (max-width: 450px){

table {
    font-size: x-small;
}
}

table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse; 
}
table th {
	font-weight: bold;
	padding: 5px;
	background: #efefef;
	border: 1px solid #dddddd;
}
table td {
	border: 1px solid #dddddd;
	padding: 5px;
}












/*

table {
    border-collapse:collapse;
    vertical-align: middle;
    font-size: 0.95rem;
}

td, th {
    border: 0.1px solid #949494;
}

table p{
    
    margin:auto;
    padding: 4px;
    
}



th {
    border: 0;
}



tr td:last-child {
    width: 1%;
    white-space: nowrap;
}


*/



footer{
    /*padding: 1.7vw 0 4.3vw 0;*/

    background-color: #383838;

}

.footer_content {

-webkit-padding-before: 2vw;

        padding-block-start: 2vw;
    -webkit-padding-after: 3vw;
            padding-block-end: 3vw;


  display:-ms-grid;


  display:grid;
  grid-gap:10px;
  -ms-grid-columns:auto 10px fit-content(800px) 10px auto;
  grid-template-columns:auto fit-content(800px) auto;
    place-items: center;




    font-family: 'Roboto';
    font-weight: 400;
    font-size: 0.9rem;
    color: #8c8c8c;

    
}

/*
footer > div {

    display: grid;
    place-items: center;
    justify-content: center;
    grid-template-columns: fit-content(100%) 1fr fit-content(100%);
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 0.9rem;
    color: #8c8c8c;
    margin-inline: 13vw;
    
}

*/








.contacts{
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    row-gap: 2vw;
    -webkit-column-gap: 1vw;
       -moz-column-gap: 1vw;
            column-gap: 1vw;
}




.uk-dotnav {
    justify-content: center;
}

.uk-link-heading a:hover,.uk-link-toggle:focus .uk-link-heading,.uk-link-toggle:hover .uk-link-heading,a.uk-link-heading:hover {
    color: #000000;
    text-decoration: none;
}




.ow-anywhere {
   overflow-wrap: anywhere;
}

.ow-break-word {
   overflow-wrap: break-word;
}

.word-break {
   word-break: break-all;
}

.hyphens {
   hyphens: auto;
}



