@import url('/optima/style.css') all;
@import url('/css/narfix.css') all;

body{
  color      : #151515;
  transition : 0.3s;
}

.bold, .bold *{
  font-family: "Optima Medium";
}

strong, strong *{
  font-weight: 900;
}

.light, .light *{
  font-weight: 400;
}

*{
  box-sizing: border-box;
  font-size: 12px;
  line-height: 150%;
  font-family: 'Optima', Optima;
}
/*
::placeholder{
  color   : #686C6E;
  opacity : 1; /* Firefox * /
}

:-ms-input-placeholder{ /* Internet Explorer 10-11 * /
  color : #686C6E;
}

:-ms-input-placeholder{ /* Microsoft Edge * /
  color : #686C6E;
}*/

/*                                             GENERAL                                          */

.bg_gray{ background-color : #f0f0f0;}
.bg_gray_light{ background-color : #f5f5f5;}

.color_gray{
  color : #686C6E;
}
.color_green{
  color : #3aa81d;
}
.color_blue{
  color : #33a0ff;
}
.color_red{
  color : #F0343D;
}

/** STYLE **/
.logo{
  width: 120px;
  position: absolute;
  right: 15px;
}

.text_contant{
  padding: 140px 15px 0;
  min-height: 800px;
}
.title_top, .title_sub{
  line-height: 50%;
}

/** footer **/

footer{
  background: #000000;
  padding: 50px 15px 50px;
}
footer *{
  color: #ffffff;
}
.merve{
  position : absolute;
  bottom: 0;
}
.text{
  padding-right: 50px;
}




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

}

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

}

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


}

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

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

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

  .logo{
    width: 60px;
    position: absolute;
    right: auto;
    left: 15px;
  }
  .title1{
    font-size: 18px;
  }
  .title_sub {
    font-size: 10px;
  }
  .text{
    padding-right: 0;
  }
  .text_contant{
    padding : 0 15px 0 0;
    min-height: auto;
  }
  .font_size2 {
    font-size: 3.5vw;
  }
}