/* Шрифты - 100 -300 -500 */
@font-face {
  font-family: Rubik;
  src: url(./fonts/Rubik/Rubik-Light.ttf);
  font-weight: 100;
  font-style: normal;
 }
@font-face {
 font-family: Rubik;
 src: url(./fonts/Rubik/Rubik-LightItalic.ttf);
 font-weight: 100;
 font-style: italic;
}
@font-face {
  font-family: Rubik;
  src: url(./fonts/Rubik/Rubik-Regular.ttf);
  font-weight: 300;
  font-style: normal;
 }
@font-face {
 font-family: Rubik;
 src: url(./fonts/Rubik/Rubik-Italic.ttf);
 font-weight: 300;
 font-style: italic;
}
@font-face {
  font-family: Rubik;
  src: url(./fonts/Rubik/Rubik-Medium.ttf);
  font-weight: 500;
  font-style: normal;
 }
/*@font-face {
 font-family: Rubik;
 src: url(./fonts/Rubik/Rubik-MediumItalic.ttf);
 font-weight: 500;
 font-style: italic;
}*/


/* Прелоадер */
.loaderArea {
  background: #f6f6f6;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right:0;
  bottom:0;
  z-index: 10000;
}

.loaderArea img {
    width: 200px;
}


/* Сайт */
body {
  font-family: Rubik, sans-serif;
  background: white;
  font-weight: 300;
  font-size: .8rem;
  line-height: 1.5;
  color: #666;
}

/* Переопределение */
.uk-h3, h3 {
  font-size: 1.3rem;
  line-height: 1.3rem;
  font-weight: 100;
}

.uk-navbar-item, .uk-navbar-nav>li>a,
.uk-navbar-toggle, .uk-input, .uk-button,
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5,
.uk-h6, .uk-heading-2xlarge, .uk-heading-large,
.uk-heading-medium, .uk-heading-small,
.uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
  font-family: Rubik, sans-serif;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
  border-bottom: 1px solid #f2f2f2;
  background: #fefefe;
}

.uk-container {
    max-width: 1260px;
}


/* Навиационное меню */
.uk-navbar-item,
.uk-navbar-toggle,
.uk-navbar-nav > li > a,
.uk-navbar-container > li > a {
  min-height: 70px;
}

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  padding: 0 10px;
}

.main_navbar,
.small_navbar {
  position: relative;
  z-index: 1000;
}

.main_navbar {
  padding: 0 15px;
}

.uk-navbar-container ul li > a {
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: .015rem;
  font-size: .7rem;
  position: relative;
}

.uk-navbar-container .uk-button-text {
  padding: 0;
  line-height: 1.5;
  background: 0 0;
  color: #888;
  position: relative;
}

.uk-navbar-container .nav_left a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: .015rem;
  font-size: .7rem;
  padding: 15px;
  line-height: 1.5;
  color: #888;
  position: relative;
}

.uk-button-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  border-bottom: 1px solid #3498db;
  transition: right .3s ease-out;
}

.uk-navbar-container ul li > a:visited .uk-button-text {
  color: #888;
}

.uk-navbar-container ul li > a:hover .uk-button-text,
.uk-navbar-container ul li > a:active .uk-button-text  {
  color: #3498db;
}

.uk-navbar-container ul li > a:hover .uk-button-text::before,
.uk-navbar-container ul li > a:active .uk-button-text::before {
  right: 0;
}


/* О нас */
.uk-section{
    padding-top: 80px;
}

#about_section ul{
  list-style-type: square;
}

#about_section span.my_label {
  line-height: 20.8px;
  flex: none;
  width: auto;
  height: 20.8px;
  font-size: 0.75rem;
}

#about_section .logo{
  opacity: .97;
  width: 180px;
  height: 180px;
  background-image: url(./images/logo/logo1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.uk-heading-divider {
    padding-bottom: calc(5px + .1em);
    border-bottom: calc(.2px + .05em) solid #ebebeb;
}


/* Услуги */
#services_section {
  background-image: url(./images/bg_images/dot.png);
}

#services_section .uk-card h2 {
  text-transform: uppercase;
  color: #666;
  font-weight: 100;
  letter-spacing: .015rem;
  font-size: .9rem;
  margin-bottom: 12px;
}

#services_section hr {
  margin: 0 0 10px 0;
}

#services_section .small_grid {
  max-width: 1000px;
}

#services_section .uk-grid>* {
    padding-left: 15px;
    padding-right: 15px;
}

#services_section .uk-card .more_info {
  font-weight: 100;
  text-align: center;
  font-style: italic;
  line-height: 1.4;
}


/* Цены */
#prices_section {
  background-image: url(./images/bg_images/bg_image4.jpg);
}

#prices_section .uk-card h3 {
  text-align: center;
  text-transform: uppercase;
  color: #666;
  font-weight: 300;
  letter-spacing: .015rem;
  font-size: 1.15rem;
}

#prices_section .uk-card {
    opacity: .95;
}

#prices_section .price {
  text-align: center;
  font-weight: 100;
  font-size: 1.3rem;
}

#prices_section .small {
  font-weight: 100;
  font-size: .95rem;
}

#prices_section ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#prices_section ul li:before {
  position: absolute;
  left: 0;
  content: "\2022"; /* Insert content that looks like bullets */
  color: lightgrey; /* Or a color you prefer */
  margin-left: 5px;
}

#prices_section ul >li {
    position: relative;
    padding-left: 18px;
}

#prices_section ul >li:nth-child(n+2) {
    margin-top: 1px;
}

#prices_section .uk-card {
  padding: 60px 40px;
}


#prices_section .uk-card i {
    font-style: normal;
}



/* Калькулятор */
#calculator_section {
    padding-bottom: 60px;
}

#calculator_section p.small{
  font-weight: 100;
  font-size: .75rem;
  line-height: 1.3;
  margin-top: 0;
  font-style: italic;
}

#calculator h4 {
  text-transform: uppercase;
  color: #666;
  font-weight: 100;
  letter-spacing: .015rem;
  font-size: 1.1rem;
}

#calculator input[type="number"]{
  background: #ffffff !important;
  width: 70px;
  outline: none;
  border: 1px solid lightgrey;
  text-align: center;
  height: 21px;
  line-height: 21px;
}

#calculator input[type="checkbox"]{
  position: absolute;
  left: -22px;
}

#calculator .uk-checkbox {
  margin-top: 1px;
}

#calculator label {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  font-weight: 100;
}

#calculator .result_wrapper {
  margin-top: 30px;
  text-transform: uppercase;
  color: #666;
  font-weight: 100;
  letter-spacing: .015rem;
  font-size: 1rem;
}

#calculator .result {
  width: 150px;
  height: 24px;
  line-height: 24px;
  border: 1px solid lightgrey;
  margin: 10px auto;
  text-transform: uppercase;
  color: #666;
  font-weight: 100;
  letter-spacing: .015rem;
  font-size: .9rem;
}

#calculator .uk-button-primary {
  background-color: #7dabda;
}

#calculator .uk-button-primary:focus,
#calculator .uk-button-primary:hover {
  background-color: #4688cb;
  color: #fff;
}

#calculator .uk-column-divider {
    column-gap: 59px;
}

/* Портфолио */
#portfolio_section .uk-grid>* {
  padding-left: 10px;
}

#portfolio_section .uk-grid {
  margin-left: -10px;
}

#portfolio_section .uk-grid>.uk-grid-margin {
 margin-top: 10px;
}

#portfolio_section .more_works_btn {
  background-image: url(./images/bg_images/dot.png);
  padding: 20px;
}

#portfolio_section {
  padding-bottom: 20px;
}

#portfolio_section .next_btn {
  right: 6%;
  bottom: 5%;
  opacity: .7;
  z-index: 1000;
  display: none;
}


/* Процесс */
#process_section .process_button {
 background-color: #3a3a3a;
 color: #fff;
 border-color: #fff;
 margin: 10px 0;
 padding: 0 20px;
line-height: 34px;
}

#process_section h4 {
  text-transform: uppercase;
  color: #666;
  font-weight: 100;
  letter-spacing: .015rem;
  font-size: 1.1rem;
  margin-top: 24px;
  margin-bottom: 6px;
}

#process_section .card_title_1 {
  text-transform: uppercase;
  color: #333;
  font-weight: 300;
  letter-spacing: .015rem;
  font-size: 1.15rem;
  margin-top: 25px;
  margin-bottom: 6px;
}

#process_section .div_card_text {
  color: #666;
  font-size: .7rem;
  margin: 10px 0;
}

#process_section .card_title_2 {
  font-weight: 500;
  color: #333;
}

#process_section .uk-grid-small>.uk-grid-margin {
    margin-top: 0;
}

#process_section .uk-card-default {
    background: #fff;
    color: #666;
    box-shadow: none; 
}

#process_section{
    background-image: url(https://levdesign.by/./images/bg_images/dot.png);
}

#process_section .uk-card-body {
    padding: 30px 30px;


}

.process_section_points{
    width: 100%;
    margin-bottom: 50px;
    background: white;
}

#process_section  .card_step_1{
    background-image: url("https://levdesign.by/./images/bg_images/card_1.jpg");
    background-repeat: no-repeat;
    background-position: top left;
}

#process_section  .card_step_2{
    background-image: url("https://levdesign.by/./images/bg_images/card_2.jpg");
    background-repeat: no-repeat;
    background-position: top left;
}

#process_section  .card_step_3{
    background-image: url("https://levdesign.by/./images/bg_images/card_3.jpg");
    background-repeat: no-repeat;
    background-position: top left;
}

#process_section  .card_step_4{
    background-image: url("https://levdesign.by/./images/bg_images/card_4.jpg");
    background-repeat: no-repeat;
    background-position: top left;
}
#process_section  .card_step_5{
    background-image: url("https://levdesign.by/./images/bg_images/card_5.jpg");
    background-repeat: no-repeat;
    background-position: top left;
}
#process_section  .card_step_6{
    background-image: url("https://levdesign.by/./images/bg_images/card_6.jpg");
    background-repeat: no-repeat;
    background-position: top left;
}
#process_section  .card_step_7{
    background-image: url("https://levdesign.by/./images/bg_images/card_7.jpg");
    background-repeat: no-repeat;
    background-position: top left;
}
#process_section  .card_step_8{
    background-image: url("https://levdesign.by/./images/bg_images/card_8.jpg");
    background-repeat: no-repeat;
    background-position: top left;
}
#process_section .uk-grid-small {
    margin: 0 0 20px 0;
}

/* example_section */

#example_section [class*=uk-width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 20px;
    margin-bottom: 50px;
}

#example_section a {
    color: #e7e7e7;
    text-decoration: none;
    cursor: pointer;
}

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

#example_section .uk-button-secondary {
    background-color: #3b3b3b;
}

#example_section .uk-button-secondary:hover, #example_section .uk-button-secondary:active {
    background-color: #313131;
}


/* feedback_section */
#feedback_section {
  padding-top: 60px;
  padding-bottom: 0;
  background-image: url(./images/bg_images/dot.png);
}

#feedback_section h4{
  text-transform: uppercase;
  color: #666;
  font-weight: 300;
  letter-spacing: .015rem;
  font-size: 1rem;
  margin-top: 0;
}

#feedback_section .uk-background-primary {
  background-color: #efefef;
}

#feedback_section .feedback_div_section {
  background-image: url(./images/bg_images/dot.png);
  padding: 0;
}

#feedback_section .contacts_section {
  margin: 80px;
}

#feedback_section .feedback_wrapper {
  margin: auto;
  max-width: 550px;
  padding: 80px;
}

#feedback_section .contacts_section dl dt {
  color: #666;
  font-weight: 300;
  letter-spacing: .015rem;
  font-size: 0.87rem;
  text-transform: uppercase;
}

#feedback_section .contacts_section dl dd {
  font-size: 0.9rem;
  font-weight: 100;
  margin-bottom: 10px;
}

#feedback_section .contacts_section hr{
  border-top: 1px solid #c5d8e5;
}

#feedback_section .contacts_section a{
  text-decoration: none;
  color: #3498db;
}

#feedback_section .footer_copy{
  color: #888;
  font-weight: 100;
  font-size: .8rem;
  line-height: 1.3;
  padding: 15px 15px;
}

#feedback_section .footer_copy hr{
  margin: 3px;
}

#feedback_section .feedback_wrapper a {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}
#feedback_section .feedback_wrapper a:hover, #feedback_section .feedback_wrapper a:active {
    color: #666;
    text-decoration: underline;
}



/*------- Адаптивность -------*/
@media (max-width: 960px){
  #calculator_section p.small {
    margin-top: 40px;
}
  #feedback_section .feedback_wrapper {
      padding: 80px 40px;
  }
  #feedback_section .contacts_section {
      margin: 80px 40px;
  }
  #services_section .uk-grid>* {
      padding-left: 5px;
      padding-right: 5px;
  }
    .process_section_points {
    background: white;
  }
  
     /* .loaderArea img {
        width: 200px;
      }*/
}


@media (max-width: 960px){
  .main_navbar .nav_left a .hide_920 {
      display: none!important;
  }
  #prices_section .uk-card {
      padding: 30px 20px;
  }
  #portfolio_section .uk-grid {
    margin-left: -40px;
    margin-right: -30px;
  }
  #portfolio_section .next_btn {
    right: 5%;
    bottom: 5%;
  }
}

@media (max-width: 832px){
   .main_navbar .nav_left{
      display: none!important;
  }
  .main_navbar .uk-navbar-right {
    margin: auto;
  }
  #prices_section .uk-card {
    width: 80%;
    opacity: .88;
    margin: auto;
  }
  #feedback_section .footer_copy {
    text-align: justify;
    font-size: .75rem;
 }
}

@media (max-width: 700px){
  .logo_700{
      display: none!important;
  }
   .main_navbar ul li > a {
      padding: 10px;
  }
  #portfolio_section .uk-child-width-1-2>* {
    width: 100%;
  }
  #process_section .div_card_text {
    font-size: .84rem;
  }
}

@media (max-width: 680px){
   /*body {
    font-size: .74rem;
    line-height: 1.4;
  }
  .uk-h3, h3 {
    font-size: 1rem;
    line-height: 1rem;
  }
    #calculator h4 {
    font-size: 0.9rem;
  }
  #calculator .result_wrapper {
    font-size: 0.9rem;
  }
  #calculator label {
    font-size: 12px;
    font-weight: 100;
  }
  #calculator_section p.small {
    font-size: .65rem;
  }
  #process_section h4 {
    letter-spacing: 0;
    font-size: 0.9rem;
    margin-top: 12px;
    margin-bottom: 0;
   }
  #feedback_section .feedback_wrapper {
    padding: 80px 60px 80px 90px;
  }
  */
  .uk-container {
      padding-left: 30px;
      padding-right: 30px;
  }
  .main_navbar ul li > a {
      padding: 5px;
  }
  #services_section .uk-card h2 {
    font-size: .7rem;
  }
  #services_section .uk-card-body {
    padding: 15px 15px;
  }

  #calculator .uk-column-divider {
    column-gap: 40px;
  }
  #calculator.uk-card-body {
    padding: 30px 20px;
  }
  #feedback_section .footer_copy {
    font-size: .65rem;
 }

  /* #calculator .uk-checkbox {
    height: 11px;
    width: 11px;
  }
  #calculator label {
    margin-bottom: 1px;
  }
  .uk-checkbox:checked {
    background-size: cover;
  } */
}

@media (min-width: 601px){
  .small_navbar, .slideshow2 {
    display: none;
  }
}


@media (max-width: 600px){
  .main_navbar,.slideshow1 {
    display: none;
  }
  .uk-navbar-item, .uk-navbar-toggle, .uk-navbar-nav > li > a,
  .uk-navbar-container > li > a {
    min-height: 50px;
  }
  .uk-section{
      padding-top: 70px;
  }
  .small_navbar .menu_icon {
        font-size: .75rem;
      padding-left: 25px;
          line-height: 1.5;
  }
  .small_navbar .uk-navbar-right {
    padding-right: 25px;
  }
  .small_navbar .small_nav_right a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: .015rem;
    font-size: .75rem;
    padding: 15px;
    padding-right: 0;
    line-height: 1.5;
    color: #888;
    position: relative;
  }
  #process_section .uk-column-1-2 {
    column-count: 1;
  }
  #about_section .uk-width-expand {
    flex: none;
    width: 100%;
  }
  #prices_section .uk-card {
      width: 95%;
  }
    #calculator .uk-column-1-2 {
    column-count: 1;
  }
  #calculator.uk-card-body {
      padding: 30px 30px;
  }
  #calculator .uk-button {
    padding: 0 14px;
    font-size: .75rem;
    line-height: 32px;
  }
  #calculator label {
    margin-left: 24px;
    margin-bottom: 2px;
  }

}

@media (max-width: 470px){
    /*

    */
  .uk-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  #portfolio_section .uk-grid {
    margin-left: -30px;
    margin-right: -20px;
  }
  #portfolio_section .more_works_btn .uk-button,
  .feedback_wrapper .uk-button {
    padding: 2px 24px;
    font-size: .75rem;
    line-height: 32px;
  }
  #process_section .uk-h3, h3 {
    margin-bottom: 8px;
  }
  #calculator .uk-checkbox {
   margin-top: 0.01px;
  }
  #services_section .uk-child-width-1-3>* {
    width: 100%;
  }
  #services_section .uk-card-body {
    padding: 40px 40px;
  }
  #services_section .uk-grid>* {
      padding-left: 0;
      padding-right: 0;
  }
  #services_section .small_grid {
      max-width: 1000px;
      margin-left: -20px!important;
      margin-right: -20px!important;
  }
  #services_section .uk-card h2,
  #services_section .uk-card .more_info {
    font-size: .8rem;
  }
  #feedback_section h4 {
      font-weight: 100;
      font-size: 0.95rem;
  }
  #feedback_section .contacts_section dl dt,
  #feedback_section .contacts_section dl dd  {
    font-weight: 100;
    font-size: 0.8rem;
  }
  #feedback_section .feedback_wrapper {
    padding: 80px 40px 80px 70px;
  }

}

@media (max-width: 408px){
  #calculator.uk-card-body {
    padding: 20px 20px;
    margin: 0 -20px;
  }
  .hide_376 {
    display: none;
  }
  #feedback_section .footer_copy {
      font-size: .6rem;
      line-height: 0.65rem;
  }
}