@font-face {
  font-family: Bilbo;
  src: url("../fonts/BN_Bilbo.eot");
  src: url("../fonts/BN_Bilbo.woff") format('woff'), url("../fonts/BN_Bilbo.ttf") format('truetype'), url("../fonts/BN_Bilbo.svg") format('svg');
  font-weight: 400;
  font-style: normal
}



@font-face {
  font-family: neshi;
  src: url("../fonts/NeshiLight_Light.eot");
  src: url("../fonts/NeshiLight_Light.woff") format('woff'), url("../fonts/NeshiLight_Light.ttf") format('truetype'), url("../fonts/NeshiLight_Light.svg") format('svg');
  font-weight: 400;
  font-style: normal
}

body {
  direction: rtl;
  overflow-x: hidden;
  font-family: Bilbo;
}

section.progress_bars {
    display: flex;
    margin: 50px 0px;
    color: #fff;
    padding: 0;
    text-align: center;
    justify-content: center;
}
#myProgress {
      
 border-radius: 0px;
  width: 100%;
  margin: 0px auto;
  background-color: #f7f7f7;      

        
}


#myBar {
    border-radius: 0px;
  width: 1%;
  height: 22px;
background-color: #696969;
}
#myProgress1 {
border-radius: 0px;
  width: 100%;
  
    margin: 0 auto;
    
  background-color: #f7f7f7;
}

#myBar1 {
    border-radius: 0px;
  width: 1%;
  height: 22px;
background-color: #696969; 
  
}

.progress_bars .col-xs-6.col-sm-6.col-md-6.col-lg-6 {
   
    align-content: center;
    align-items: center;
    display: flex;
  
    justify-content: stretch;
    flex-wrap: wrap;
    flex-direction: column;
}

.new_row {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
}
.new_row .h3 {
    color: #1e217e;
    font-size: 21pt;
}









section.form {
    background-color: #eaeaea;
    display: flex;
    justify-content: center;
    padding: 50px 0px;
}

#my_form input {
    font-family: neshi;
        margin: 10px 0px;
    background-color: #fff;
        border: none;
    border-radius: 0px;
}
textarea {
    font-family: neshi;
    border: none;
    width: 100%;
    overflow: auto;
    resize: vertical;
    color: gray;
    padding: 5px 12px;
    margin: 10px 0px;
}

 #my_form button.btn.custom {
    text-align: center;
    padding: 6px 50px;
    background-color: #1e217e;
    color: #fff;
    display: block;
    margin: 0 auto;
    border-radius:0;
}
.about h3,
.h3,
.h6 {
  font-family: Bilbo;
  text-align: center
}

.h3 {
  color: #1e217e;
  font-size: 28pt
}

.h6 {
  color: #636363;
  font-size: 15pt
}
p.icon_text {
    text-align: center;
    font-size: 13px;
    padding: 10px 0px;
}
.header {
  background-image: url(../img/bg.png);
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover
}

.header_logo {
  display: flex;
  justify-content: center
}

.photo {
  background-color: #ededed
}

.photo img {
  vertical-align: middle;
  border-style: none;
  position: relative;
  top: -95px;
  display: block;
  margin: 0 auto
}

.photo .h3 {
  margin: -95px 0 0;
  padding: 0
}

.photo .h6 {
  padding: 0 0 20px
}

.links_row .col-12 {
  display: flex;
  justify-content: space-evenly;
  margin: 20px 0
}

section.family img {
  display: block;
  margin: 0 auto
}

.about {
  text-align: center;
  background-color: #f7f7f7
}

.about h3 {
  color: #1e217e;
  font-size: 28pt;
  display: block;
  margin: 10px auto;
  padding: 0 10px
}

.about_text {
  color: #636363;
  text-align: center;
  padding: 10% 20px;
  font-size: 15pt;
  font-family: neshi
}

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

.bx-viewport {
  height: 320px !important;
  min-width: 320px !important
}

a.bx-next,
a.bx-prev {
  top: 45%;
  background-color: #1e217e;
  color: #fff;
  z-index: 99;
  width: 40px;
  height: 40px;
  font-size: 30px;
  border-radius: 50%
}

a.bx-prev {
  padding: 0 0 6px 12px;
  right: 0;
  position: absolute
}

section.slider {
  position: relative
}

a.bx-next {
  position: absolute;
  padding: 0 0 6px 4px;
  left: 0
}

.contacts .col-12 {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-content: center;
  height: 70px
}

.contacts .col-12:after {
  content: "";
  height: 2px;
  width: 270px;
  display: block;
  margin: 10px auto;
  background-color: #ededed
}

.contacts img {
  -o-object-fit: contain;
  object-fit: contain
}

.contacts_blue {
  color: #1e217e;
  margin: 0 10px
}
textarea:-moz-placeholder { color: gray; }
textarea::-webkit-input-placeholder { color: gray; }
.contacts_grey {
  margin: 0px
}

.bx-wrapper {
  display: block;
  margin: 0 auto
}

.footer {
  background-color: #eaeaea;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0
}
.links a {
    text-decoration: none;
    background-color: transparent;
    color: #1e217e;
    font-size: 16pt;
    margin: 10px 0px;
    -webkit-text-decoration-skip: objects;
}
.email{
    font-family: 'Lato', sans-serif;
}
span.links_cont {
    margin:auto;
    width: 25%;
    text-align: center;
}
@media (min-width: 450px){
    .contacts .row {
    -ms-flex-wrap: wrap;
    margin: 0 auto;
    width: 350px;
}
span.links_cont {
    width: 200px;
    text-align: center;
}
.contacts .col-12:after {
    content: "";
    height: 2px;
    width: 270px;
    display: block;
    margin: 10px auto;
    background-color: #ededed;
    position: absolute;
    bottom: 0;
}
.about_text {

        margin: 0 auto;
    color: #636363;
    text-align: center;
    padding: 30px 30px;
    font-size: 24pt;
    font-family: neshi;
}
.about .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    flex-direction: column;
}
.about h3 {
    color: #1e217e;
    font-size: 42pt;
    display: block;
    margin: 10px auto;
    padding: 0 10px;
}
}