@font-face {font-family: bien-black;src: url(fonts/black.ttf);}
@font-face {font-family: bien-normal;src: url(fonts/normal.ttf);}
@font-face {font-family: DastNevis;src: url(fonts/DastNevis.ttf);}
body{font-family: bien-normal;}
/* Slideshow container */
.slideshow-container {
  position: relative;
  background: #273774;
}

/* Slides */
.mySlides {
  display: none;
  padding: 20px;
  text-align: center;

}


/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
    background: #273774;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #112262;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #2884BE;
}

/* Add an italic font style to all quotes */
.mySlides div {font-family: bien-normal;font-weight: 400;color: #FFF;font-size: 26px; height: 150px;}

/* Add a blue color to the author */
.author {color: #F2FF58;font-style: italic;font-size: 35px;padding-top: 20px;font-family: DastNevis;}


.navbar-default{border-color: transparent;background-color: #fff;}
.navbar-default .navbar-nav > li > a {color: #2884BE; font-size: 18px;}
.navbar-default .navbar-nav > li {margin-right: 15px;}

#header{padding: 50px;}
#header img{padding-top: 20px; padding-bottom: 30px;padding-right: 20px;}
#header h1 {color: #2884BE;font-weight: 400;font-family: bien-black; font-size: 64px;}
#header h2 {color: #273774;font-family: bien-black;font-size: 26px; line-height: 1.5em;text-align: justify}
#header2 img{padding: 20px;}  

#register {padding-top: 20px;}
#register input {width: 300px;height: 48px;background: rgba(217, 217, 217, 0.26);text-align: right;
border-radius:0px 25px 25px 0px;font-size: 22px; padding-right: 10px; margin-top: 10px;}
#register button {width: 121px;margin-right: -20px;height:50px;background: #273774;border-radius: 25px;
margin-top: 10px;font-family: 'bien-black';font-style: normal;font-weight: 400;font-size: 20px;
line-height: 33px;color: #FFFFFF;position: relative;z-index: 99;}

#counter{margin-right: 50px;margin-left: 50px;border-radius: 50px; 
margin-top: -50px;background: #FFFFFF;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.19);border-radius: 30px;}
#counter .col-md-4 {padding-top:20px;padding-bottom: 20px;}
#counter h2 {color:#2884BE;line-height: 1em;text-align: center;font-size:40px;font-family: bien-black;}
#counter span {color:#273774;font-size: 28px;}

#courses button {width:100%;height:65px;background: rgba(217, 217, 217, 0.42);border-radius:40px;
font-family: 'bien-normal';font-weight:400;font-size:26px;line-height:33px;color:#414141; margin-top: 15px;}

#courses .active {width:100%;height:65px;background:#2884BE;border-radius:40px;
font-family: 'bien-normal';font-weight:400;font-size:26px;line-height:33px;color:#fff; margin-top: 15px;}

#courses img{width: 350px!important; height: 250px!important;}
#courses .icon-img {width: 40px!important; height: 40px!important;}

#courses .thumbnail{width: 350px;height: 500px;}


#courses h2{color: #414141;font-size: 24px;font-family: bien-black;}
#courses p{color: #A7A7A7;font-size:16px;font-family: bien-normal;}

#break{display: inline-flex;color: #000;}
#break p {color: #000; padding-right: 10px;}

#footer {background-color:#273774;padding-top: 25px; padding-bottom: 25px;}
#footer h2{color:#fff;font-family: bien-black;font-size: 26px; line-height: 40px}

#footer-button input {width: 300px;height: 48px;background: rgba(217, 217, 217, 0.26);
border-radius: 0px 25px 25px 0px;font-size: 22px; padding-right: 10px; margin-top: 10px;text-align: right;z-index: 88;}
#footer-button ::placeholder {color: #fff;}
#footer-button button {width: 121px;height:50px;background: #2884BE;border-radius: 25px;margin-top: 10px;
font-family: 'bien-black';margin-right: -20px;font-style: normal;font-weight: 400;font-size: 20px;line-height: 33px;color: #FFFFFF;position: relative;z-index: 99999;}
 
#sty-pro button{ background: transparent;color: #2884BE;font-weight: bold; font-size: 16px;}
.icon-pro {width: 30px!important; height: 30px!important;}

@media only screen and (max-width: 600px) {
#header{padding: 50px 25px 10px 25px}
#register input {width: 220px;font-size: 18px;}
#register button {width: 90px;height:50px;background: #273774;margin-top: 10px;
font-family: 'bien-black';font-style: normal;font-weight: 400;font-size: 16px;line-height: 33px;color: #FFFFFF;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle{background-color: #273774;border-color: #273774;margin-top:30px;margin-left: 30px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {margin-top: 40px;}
#header2 img{padding: 20px;width: 50%;}
#footer input {width: 220px;font-size: 18px;}
#footer button {width: 90px;height:50px;margin-top: 10px;
font-family: 'bien-black';font-style: normal;font-weight: 400;font-size: 16px;line-height: 33px;color: #FFFFFF;}

.mySlides div {height: 300px;}

}