html,body{
  font-family:Open Sans,sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#4c4c4c;
  background-color: #f9fafb;
}
main{min-height:580px;}
header{
  background-color:#fff;
  border-bottom:solid rgb(239,239,239) 1px;
}
header .container{
  display:flex;
  align-items:center;
  height:60px;
}
.container{
  width:75%;
  margin:auto;
}
/******************************************/
.statu{
    display:flex;
    margin-top:20px;
    align-items:center;
}
.statu .active{
    color:#5b8eee;
    border-bottom:solid #5b8eee 2px;
}
.statu .active b{
    border:solid #5b8eee 1px;
}
.statu a{
    padding-bottom:15px;
    display:block;
    width:33.3333%;
    font-weight:bold;
    cursor:default;
    font-size:15px;
    color:#afbcce;   
    font-family:Open Sans,sans-serif;
    text-align:center;
    border-bottom:solid #dedede 1px;
}
.statu a p{display:inline-block;}
.statu a b{
    display:inline-block;
    text-align:center;
    padding:4px 10px;
    vertical-align:middle;
    margin-right:10px;
    border:solid #dedede 1px;
    border-radius:50%;
    background-color:#fff;

}
/*****************************************/
.content{margin:20px 0;}
.content h3{
  display:block;
  font-size:24px;
  color:#343a40;
  padding:10px 0;
}
.content h4{
  display:block;
  color: #afbcce;
  line-height: 1.4375rem;
  font-size: 1.125rem;
  margin-bottom:10px;
}
.form-group{
  margin:15px 25px 0 0;
  width:100%;
}
.flex{display:flex;align-items:center;}
.form-group label{
  display:block;
  margin-bottom:10px;
  color: #afbcce;
}
.form-group input,.form-group textarea,.form-group select{
  display: block;
  width: 100%;
  padding: .825rem .9375rem;
  font-size: 14px;
  line-height: 1.428571429;
  color: #435062;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #eaeaea;
  border-radius: .25rem;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  color: #435062;
  background-color: #fff;
  border-color: #5b8eee;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(91,142,238,.25);
}
.form-group input::placeholder{
  color: #afbcce;
}
.form-group textarea{
  min-width:100%;
  max-width:100%;
  max-height:450px;
  height:105px;
}
.btn{
  display:block;
  width:25%;
  padding: .925rem .9375rem;
  background-color:#5b8eee;
  color:#fff;
  border-radius:.25rem;
  margin:15px 0 10px auto;
}
.mr-0{margin-right:0;}
.disabled{background-color:rgb(242,242,242) !important;}
.contract{
  display:block;
  margin:15px 0;
  line-height:1.4;
  color: #afbcce;
  cursor:pointer;
}
.contract a{color:#5b8eee;}
.contract i{font-size:20px;padding-right:5px;}
.green{color:green;}
#security_option_child{display:none;}
.none{display:none;}
.block{display:block !important;}
/*****************************************************/
.return{
  display:block;
  text-align:left;
  padding:10px 5px;
  border-radius: 2px;
  font-family:Open Sans,sans-serif;
  font-weight:bold;
  font-size:13px;
  letter-spacing:1.5;
  margin-top:10px;
  width:100%;
  display:none;
}
.return i{padding:0 7px;}
.invalid{
  background-color:#ff9999;
  color:#cc0000;
}
.valid{
  background-color:#99e699;
  color:#1e7b1e;
}
.return a{color:#5b8eee;}
/*******************************************/
.payment_confirmation{margin:20px 0;text-align:center;}
.payment_confirmation h3{
  display:block;
  font-size:24px;
  color:#343a40;
  padding:10px 0;
  text-align:left;
}
.payment_confirmation img{width:15%;margin-top:35px;}
/***************************************/
/* FOOTER */
footer{
  display:flex;
  border-top:solid rgb(239, 239, 239) 1px;
  color:#7a8994;
  height:50px;
  align-items:center;
  font-family:Open Sans,sans-serif;
  margin:15px 15px 0 15px;
  font-weight:bold;
}
footer a{
  display:flex;
  margin:0 13px;
  text-align:center;
  font-size:12px;
  color: #5b8eee;
}
footer label{font-size:12px;}
footer a:hover{color:#007be8;}
footer .fcontainer{
  margin-left:auto;
}
.footer-a{display:flex;height:50px;align-items:center;}
.footer-child{
  position:fixed;
  top:0;
  bottom:0;
  right:0;
  overflow:auto !important;
  left:0;
  background-color:rgba(0,0,0,.60);
  z-index:998;
  display:none;
}
.ft-box{
  background-color:#fff;
  width:50%;
  margin:50px auto;
  padding:10px;
  z-index: 999;
  border:solid rgb(239, 239, 239) 1px;
  display:none;
}
.ft-box h3{
  display:flex;
  align-items:center;
  font-size:16px;
  color:#5b8eee;
  padding-bottom:10px;
  border-bottom:dashed rgb(239, 239, 239) 1px;
}
.ft-box h3 i{
  margin-left:auto;
  padding-right:5px;
  cursor:pointer;
}
.ft-box p{padding-top:10px;}
/*TELEFON*/
@media (min-width:0px) and (max-width:767px)
{
 .logo{display: block;margin-left:10px;}
.statu a p{display:none;}
/***********************************************/
.content,.payment_confirmation{padding:0 10px;}
.payment_confirmation img{width:25%;}
.flex{display:block;}
.container{width:100% !important;}
.form-group{margin-right:0;}
/***********************************************/
footer{width:auto;display:block;height:auto;padding:10px 0px;margin:0px 10px 0px 10px;}
footer a{display:inline-block;}
.footer-a{display:block; width:100%;height:auto; text-align:center;margin-bottom:10px;}
footer .fcontainer{display:block; width:100%;height:auto;text-align:center;margin:auto;}
.ft-box{width:95%;}
.btn{width:100%;}
}

 
/*TABLET*/
@media (min-width:768px) and (max-width:1100px)
{ 
 

}

/*LAPTOP*/
@media (min-width:1100px)
{

}