@import url('../../fonts/arial/styles.css') all;
@import url('../constant/narfix.css') all;
/*@import url('/fonts/font-awesome-pro/style.css') all;
@import url('/css/fonts/revicons.css') all;
@import url('/css/constant/effect.css') all;
@import url('/css/constant/form.css') all;
@import url('/css/constant/animate.css') all;
@import url('/css/constant/start.css') all;
@import url('/css/constant/excel_table.css') all;*/

body{
  background : #ffffff;
  color      : #151515;
  transition : 0.3s;
  background-image: url("../../img/site/background.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}

body::-webkit-scrollbar{
  width : 2px;
}

body::-webkit-scrollbar-track{
  -webkit-box-shadow : inset 0 0 4px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb{
  background-color : transparent;
  outline          : 1px solid slategrey;
}



.bold, .bold *{
  font-family : "Arial Nova";
  font-weight: 500;
}

strong, strong *{
  font-family : "Arial Nova" !important;
  font-weight: bold;
}

.light, .light *{
  font-family : "Arial Nova Light";
}

*{
  box-sizing  : border-box;
  font-size   : 14px;
  line-height : 120%;
  font-weight : 100;
  font-family : "Arial Nova";
}

.page_full_height{
  min-height: calc( 100vh - 325px);
  display: flex;
}

/**  HEADER   **/

.header, .header2{
  position   : fixed;
  top       : 0;
  width      : auto;
  height: 78px;
  z-index    : 200;
  transition : 0.5s;
  left       : 0;
  right      : 0;
  /*border-bottom:solid 1px #333333;*/
  box-shadow: 0px 2px 6px rgb(0 0 0 / 0.2);
  overflow: hidden;
  background: #fff;
}
.header2{
  box-shadow: 9px 5px 5px rgb(0 0 0 / 0.08);
  background : #ffffff;
}
.header_mobile{
  display: none;
}
.header_hidden {
  width: 100%;
  height: 78px;
}
.header_bgnone{
  height: 64px;
}
.logo{
  position : absolute;
  width: 180px;
  margin-top: 20px;
}
.header_language{
  position: absolute;
  right: 20px;
  top: 40px;
}
.language_btn{
  float: left;
  padding: 0 5px;
  color            : #192A67;
  cursor: pointer;
}
.language_btn.active{
  color: #890b3d;
}

/* HEADER  END  */

/* ||||||||||||||||||||||||||||||          *-/--------/-------/- MOBÄ°LE MENU -/-------/------/-*              START           */
.red_color{
  color: #ff0000 !important;
}
.mobile_menu *{
  color: #686C6E;
}

.mobile_menu{
  position: fixed;
  width: 100%;
  height: 0;
  background-color: #fcfcfc;
  top: 0;
  left: 0;
  font-size: 30px;
  overflow: auto;
  z-index: 90;
  transition: 1s;
  display: inline-block;
}

.mobile_menu > ul{
  margin: 120px auto;
  text-align: center;
  padding: 0;
  max-width: 1200px;
}

.mobile_menu ul > li{
  list-style: none;
  padding: 10px 20px;
  margin: auto;
}
.mobile_menu ul ul > li *{
  font-size: 2.5vh;
}
.mobile_menu ul ul ul > li * {
    font-size: 1.8vh;
}

.mobile_menu ul ul{
  overflow   : auto;
  height     : 0;
  transition: 0.7s;
}

.mobile_menu li a, .mobile_menu li span{
  text-decoration : none;
  font-size: 3.5vh;
  line-height: 8vh;
  cursor          : pointer;
  transition: .5s;
}

.mobile_menu li:hover a, .mobile_menu li:hover span{
  /*font-size: 4.5vh;
  text-decoration: line-through;
  text-shadow: 0 0 20px #560404;*/
}

.mobile_menu_button{
  width: 58px;
  padding: 4px;
  position: absolute;
  top: 0;
  right: 10px;
  cursor: pointer;
  z-index: 0;
  display: none;
}


.mobile_logo{
  position : absolute;
  top      : 0;
  left    : 0;
  cursor   : pointer;
  z-index  : 100;
  margin: 0!important;
}
/*  MOBÄ°LE MENU     END     */

/* ||||||||||||||||||||||||||||||          *-/--------/-------/- DESKTOP MENU -/-------/------/-*              START           */


.desktop_menu{
  float: right;
  padding-top: 30px;
  padding-bottom: 5px;
  width: auto;
  display: table;
}
.desktop_menu * {
  font-size: 15px;
  color: #707070;
}
.header2 .desktop_menu * {
  font-size: 15px;
  color: #000000;
}

.desktop_menu > ul{
  display : flex;
}

.desktop_menu > ul > li{
  width  : fit-content;
  padding: 0 20px;
  /*align-self: center;*/
}
.desktop_menu > ul > li > ul{
  position: absolute;
  background: #fff;
  width: 100%;
  left: 0;
  display: flex;
  padding: 40px 5vw 0;
  margin-top: 10px;
  overflow: hidden;
}

.desktop_menu > ul li:first-child{
  margin-left : 0;
}

.desktop_menu > ul li:last-child{
  margin-right : 0;
}

.desktop_menu > ul li > span{
  cursor : pointer;
}

/*.desktop_menu > ul ul{
  overflow   : hidden;
  height     : 0;
  position   : absolute;
  margin-top : 10px;
  transition : 0.5s;
}*/

.desktop_menu > ul > li > ul > li{
  width: inherit;
  padding : 10px 0;
}
.desktop_menu > ul > li > ul > li > *{
  color: #006ab4;
}
.desktop_menu > ul ul ul > li {
  list-style-image: url("../../img/site/list_elipse.svg");
  padding: 5px 0;
}
.desktop_menu > ul ul ul > li:first-child {
  padding-top: 15px;
}
.menu_close{
  width: 20px;
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
}

/*  MENU   END     */

/* ||||||||||||||||||||||||||||||          *-/--------/-------/- stabil CSS END -/-------/------/-*        */


.mn_button{
  background: #FFFFFF;
  padding: 12px;
  color: #0068b6;
}
.mn_button:after{
  content: url("../../img/site/teklif_icon.svg");
  vertical-align: middle;
  margin: 0 0 0 10px;
}


/* ||||||||||||||||||||||||||||||          *-/--------/-------/- stabil CSS END -/-------/------/-*        */
/* ||||||||||||||||||||||||||||||          *-/--------/-------/- FOOTER SOCIL -/-------/------/-*        */


.footer_social_content{
  text-align: center;
  width: 250px;
  padding: 0 15px;
  margin: auto;
  align-self: center;
}
.contact_social_content{
  text-align: center;
  width: 250px;
  left: 6%;
  margin: auto;
  position: absolute;
  bottom: 15px;
}
.footer_social{
  /*font-family : FontAwesome !important;*/
  display: flex;
  position: relative;
  margin: auto;
  text-align: center;
}
.footer_social *{
  /*font-family : FontAwesome !important;*/
}
.social_icon{
  padding: 10px;
  cursor: pointer;
  transition: .3s;
  line-height: 28px;
  font-size: 28px;
  margin: auto;
}
.social_icon:hover{
  text-shadow: 0 0 4px #333;
}

/*  FOOTER SOCÄ°AL   END     */

/* ||||||||||||||||||||||||||||||          *-/--------/-------/- GENERAL -/-------/------/-*        */


/** NAGÄ° **/


.blue_color{
  color: #006ab4;
}
footer{
  background: #E8E8E8;
}
.footer_top{
  padding: 15px 15px;
  border-bottom: solid 1px #fff;
}
.page_top{

  position: absolute;

  right: 15px;

  top: 0;

  padding-right: 22px;
}
.page_top:before{
  content: url("../../img/site/page_top_icon.svg");
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
}
.footer_body{

  padding-bottom: 40px;
}
.footer_tab_title{

  padding: 15px 0;

  font-size: 18px;

  height: 54px;

  color: #66726C;

  font-weight: 500;
}
.footer_tab_contant{
}
.footer_tab_contant *{
  color: #006ab4;
}
.footer_adres{
  padding: 7px 0 7px 28px;
}
.footer_adres:before{
  content: url("../../img/site/area_icon.svg");
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
}
.footer_phone{
  padding: 7px 0 7px 28px;
}
.footer_phone:before{
  content: url("../../img/site/phone_icon.svg");
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
}
.footer_email{
  padding: 7px 0 7px 28px;
}
.footer_email:before{
  content: url("../../img/site/email_icon.svg");
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
}
.calisma_saatleri{
  padding: 4px 0 4px 20px;
}
.calisma_saatleri:before{
  content: url("../../img/site/time_icon.svg");
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
}
.main_title{
  text-align: center;
  font-size: 22px;
  color: #0068b6;
  font-weight: 500;
  padding: 25px;
}
.sc_contant{
  border-radius: 10px;
  margin: 20px;
  cursor: pointer;
}
.sevices_cate > div:last-child .sc_contant{
  background: #006AB4;
  color: #fff;
}
.sc_contant:hover{
  box-shadow: 0 0 8px #00000047;
}
.sc_contant.hover{
  box-shadow: 0 0 8px #00000047;
}
.sc_contant:hover *{
  font-weight: bold;
}
.sc_name{
  text-align: center;
  padding: 10px;
  height: 40px;
}
.sc_image{
  width: 150px;
  height: 120px;
  margin: auto;
  padding: 15px;
}
.sc_sub{
  padding-bottom: 70px;
  width: fit-content;
  margin: auto;
}
.scs_name{
  margin: auto 10px;
  padding: 12px;
  color: #0068b6;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.scs_name:hover{
  margin: auto 10px;
  padding: 12px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  background: #006AB4;
}
.scs_name.hover{
  margin: auto 10px;
  padding: 12px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  background: #006AB4;
}

.scs_data_contant{

}
.scsd_img{
  float: left;
  margin: 0 15px 0;
}
.scsd_text{
  padding:0 40px 0 15px;
}
.scsd_title{
  color: #0068b6;
  padding: 10px 0;
}
.fit_image img, .fit_image picture{
  max-width: 100%;
  max-height: 100%;
}
.md_img{
  width: 120px;
  margin: 30px auto;
}
.md_title{
  color: #006AB4;
  padding: 0 15px;
}
.md_text{

  padding: 20px 15px 70px;
}
.contact_icon{
  width: 40px;
  padding: 0 20px 20px 0;
}
.page_icon{
  height: 50px;
  margin: 50px 0 0;
}
.page_icon img, .page_icon picture{
  width: inherit;
  height: inherit;
  margin: auto;
}
.page_icon_contact{
  height: 50px;
  margin: 50px 0 0;
}
.page_icon_contact img, .page_icon_contact picture{
  width: inherit;
  height: inherit;
}
.corporate_logo > div{
  padding: 60px;
}
.cp_img_contant{
  padding: 7px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 0 7px #00000033;
  margin: 10px;
}
.cp_img_contant img, .cp_img_contant picture{
  border-radius: 7px;
}
.page_img{
  width: 30vw;
  float: left;
  padding: 0 15px 15px 0;
}
.devam_btn{
  padding: 12px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  background: #006AB4;
  cursor: pointer;
  border: none;
  display: block;
  margin: 15px 0;
}
.page_text{
  padding: 0 15px;
}
.teklif_right{

  align-self: center;

  margin: auto;
}
.teklif_title{

  text-align: center;

  padding: 15px;
}
.teklif_text{

  text-align: center;

  padding: 15px;
}
.teklif_icon{
  width: 170px;
  margin: 10px auto;
  padding-right: 40px;
}
.company_cate{

}
.cc_contant{
  border-radius: 10px;
  margin: 20px;
  cursor: pointer;
  display: flex;
  height: 110px;
  transition: 0.4s;
}
.cc_contant.hover, .cc_contant:hover{
  box-shadow: 0 0 8px #00000047;
}
.cc_contant.hover *,.cc_contant:hover *{
  font-weight: bold;
}
.cc_name{
  text-align: center;
  padding: 10px;
  align-self: center;
  margin: auto;
  transition: .3s;
  color: #006ab4;
}
.cr_img_contant{
  padding: 30px;
}

.lc_logo {
  -ms-flex: 15%;
  flex: 15%;
  max-width: 200px;
  min-width: 150px;
  padding: 0 0;
  position: relative;
}
.compant_long_text{
  overflow: hidden;
  height: 0;
  display: block;
  transition: 2.7s;
}
.main_company_list {
  -ms-flex: 33.3%;
  flex: 33.3%;
  max-width: 300px;
  min-width: 240px;
  padding: 0 0;
  position: relative;
  margin: auto;
}
.main_logo_contant{
  padding: 30px;
}
.sc_data_js{
  padding-bottom: 100px;
}













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

}

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

}

@media screen and (max-width : 1220px){
  .desktop_menu > ul li{
    padding : 0 12px;
  }

}

@media screen and (max-width : 1024px){
  .desktop_menu > ul li {
    width: fit-content;
    padding: 0 5px;
    align-self: center;
    white-space: nowrap;
  }
  .desktop_menu *{
    font-size : 14px;
  }
  .sc_image {
    width: 115px;
    height: 100px;
  }
  .sc_name {
    height: 80px;
  }
}

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

  .logo {
    position: absolute;
    width: 140px;
    margin: 15px;
  }
  .mobile_menu_button{
    display: block;
  }
  .desktop_menu{
    display: none;
  }
  .header{
    height: 58px;
  }
  .header_hidden{
    height: 58px;
  }
  .sc_name {
    height: 25px;
  }
  .footer_tab_contant{
    position: relative;
    width: 280px;
    margin: auto;
  }
  .footer_tab_title {
    margin: auto;
    width: fit-content;
  }
  .page_top{
    top      : 50px;
  }
  .footer_top >div:first-child{
    height: 70px;
  }

  .height_auto_768{
    min-height: auto;
  }
}

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

  .header{
    height     : 53px;
  }
  .header_bgnone{
    height: 53px;
  }
  .logo{
    width: 90px;
    margin: 15px 15px;
  }
  .scs_name {
    padding: 20px 12px;
    width: 100%;
    text-align: center;
  }

  .page_img{
    width: auto;
    float: initial;
  }
  .corporate_logo > div {
    padding: 10px;
  }
}