@charset "utf-8";
/* CSS Document by Armen Shahinyan*/
#ARM { color:#222222; }

/*
	#222222	Very dark gray (mostly black)
	#E6E6E6	Very light gray

	font-family: 'PT Sans Narrow', sans-serif;
	font-family: 'Black Ops One', cursive;
	font-family: 'Raleway', sans-serif;

	#2b465f dark
	#396e99 normal
	#ff6000 light

*/
@font-face { font-family: myfont; src: url(../font/arial-amu-regular.ttf); }
.myfont { font-family: myfont; }

html, body { background-color: #FFFFFF; font-family: sans-serif; padding-top: 30px;}
/*h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; }*/
h1, h2 { font-size: 24px; color: #396e99; }
a { color: #000; text-decoration: none; }
a:hover { color: #396e99; text-decoration: underline; }

.myText li { list-style-type: circle !important; }

.h2, .h3, .h4 { /*font-family: 'Raleway', sans-serif;*/ }
.h4:hover { text-decoration: none; }

/* Sticky footer */
#html { position: relative; min-height: 100%; }
#body { /* Margin bottom by footer height */ margin-bottom: 60px; }
#footer { 
position: absolute;
bottom: 0;
/* Set the fixed height of the footer here */
height: 60px;
line-height: 60px; /* Vertically center the text there */
}
/* /Sticky footer */

/* nav */
	nav { background-color: #FFF; border-bottom: 4px solid #396e99; padding-top: 10px !important; padding-bottom: 0px !important; font-family: 'Raleway', sans-serif; }
	.navbar-nav { margin-right: 0px; margin-left: auto; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #396e99; }
.dropdown-item:focus, .dropdown-item:hover { color: #396e99; }
	.navbar-brand > img { height: 65px; position: relative; top: -10px; }
	.navbar-brand > span { padding-top: 16px; font-size: 28px; color: #396e99 !important; font-weight: bold; }
	.navbar-brand > sup { font-weight: bold; position: relative; left: -100px; top: 15px; }
/* /nav */

/* header */
	header { height: 800px; padding-right: 0px !important; padding-left: 0px !important; overflow-y: hidden; }
	header { background-color: #2b465f; background-image: url(../img/bg0.png); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: 100% auto;}
	header .h1 { font-size: 40px; margin-bottom: 50px; }

	.carousel-caption { bottom: 120px; }
	.carousel-indicators { /*bottom: 120px;*/ }
	.carousel-item { height: 50vh; min-height: 350px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
/* /header */

.lang { text-transform: capitalize; justify-content:flex-end; }
.lang a:hover { text-decoration: none; }
.lang img { height: 20px; }

.modal-backdrop.show { z-index: 0; }

.pictures img { max-width: 300px; max-height: 218px; }

/* card */
	.card, .card-img-top { border-radius: 0px; }

	.card-home { border: 0px; /*position: relative; top:-122px; background-color: #ececec;*/ border: 0px;  /*background-image: url(../img/bg-home-card.png); background-repeat: no-repeat; background-position: center top;*/ }
	.card-home:hover .card-img { color: #2b465f; }
	.card-home .card-img { color: #396e99; height: 120px; text-align: center; padding-top: 40px; }
	.card-home .card-img img { max-width: 170px; min-width: 120px; }

	.card-home1 { width: 250px; margin: 15px; float: left; }
	.card-home1:hover .card-footer { color: #ececec; background-color: #2b465f; }
	.card-home1:hover .card-footer a { color: #ececec; text-decoration: none; display: block; }
	.card-home1 .card-img { max-height: 160px; min-height: 120px; }
	.card-home1 .card-img img { max-height: 160px; min-height: 120px; }

	.card-staff { max-width: 333px; height: 500px; margin: 15px; float: left; }
	.card-staff .card-body { color: #2b465f; }
	.card-staff .card-text { font-size: 14px; margin-bottom: 10px; }
	.card-staff a { color: #2b465f; }

	.card-student0 { width: 500px; margin: 15px; float: left; border: 0px; border-radius: 0px; }
	.card-student0 { background-image: url(../images/template.png); background-repeat: no-repeat; background-position: left top; }
	.card-student0 .card-img-top { width: 170px; height: 170px; position: relative; left: 20px; top: 20px; }
	.card-student0 .card-title { padding-top: 15px; color: #396e99; font-size: 20px; font-weight: bold; position: relative; bottom: 0px; right: 15px; }
	.card-student0 .card-body { padding-top: 0px; color: #396e99; background-color: #efefef; background-image: url(../images/template0.png); background-position: left top;  }
	.card-student0 hr { border: 0px solid #396e99; }

	.card-student1 { width: 254px; margin: 15px; float: left; }
	.card-student1 .card-body { color: #2b465f; font-weight: bold; }

	.card-class { border:0px; }
	.card-class .card-img { border: 1px solid rgba(0,0,0,.125); border-bottom: 0px; }
	.card-class .card-body { border: 1px solid rgba(0,0,0,.125); border-top: 0px; }
	.card-class .card-footer { border: 1px solid rgba(0,0,0,.125); border-top: 0px; margin-bottom: 30px; }
	.card-class:hover .card-footer { color: #ececec; background-color: #396e99; }
	.card-class:hover .card-footer a { color: #ececec; text-decoration: none; display: block; }
/* /card */

.mylist { list-style: none; }
.mylist .fa { color:#ff6000; }
.mylist li { padding-bottom: 10px; }
.mylist i { padding-right: 10px; font-size: 18px; }

.pagination .page-item.active .page-link { background-color: #2b465f; border-color: #2b465f; }
.pagination .page-link { color: #2b465f; background-color: #fff; border: 1px solid #E6E6E6; }
.pagination .page-link:hover { color: #FFF; background-color: #396e99; }

.btn-outline-danger { border-color: #396e99; color: #396e99; }
.btn-outline-danger:hover { border-color: #396e99; background-color: #396e99; }

.icon { width: 50px !important; padding: 5px 5px; }
.faicon { height: 25px !important; padding: 0px 3px; }
/* footer */
	footer { background-color: #396e99; color: #FFF; /*font-family: 'Raleway', sans-serif;*/ }
	footer a { color: #FFF; text-decoration: none; }
	footer a:hover { color: #FFF; text-decoration: underline; }
	footer .fa { font-size: 18px; }
/* footer */

.mysoc { z-index: 2; position: relative; }

/* backButton function */
	.backButton { margin-top: 160px; text-align: center !important; }
	.backButton > a { font-size: 60px; }
	.backButton > a:hover { text-decoration: none; color: #00E7FF; }
/* /backButton function */

.main1, .main2 { padding-top: 40px; padding-bottom: 50px; }
.main0 { z-index: 10 !important; position: relative; padding: 30px 0px 30px 0px; }
.main1 { background-color: #FFF; }
.main2 { background-color:#E6E6E6; }
.main3 { z-index: 11 !important; position: relative; padding: 30px; }
.main3 h2 { color: #2b465f; }
.map { background-color: #FFF; padding: 0px !important; }
.color1 { color: #396e99; }

/** { transition:all 0.3s ease; }*/
.parallax-footer { height: 150px; background: transparent; }

.max-w { max-width: 250px; }


/*uuu*/
.alert { background-color: #efefef; }
.fa { font-size: 26px; }
/*/uuu*/

@media (min-width: 1140px) {
}
@media (max-width: 1140px) {
}
@media (max-width: 1200px) {
	header { height: 500px; background-position: center top; }
	header .h1 { font-size: 30px; }
	header .h3 { font-size: 25px; }
}
@media (max-width: 992px) {
	header { height: 400px; background-position: center top; }
	header .h1 { font-size: 18px; }
	header .h3 { font-size: 14px; }
	.card-home1 { flex: 0 0 40% !important; }
	.card i { font-size: 30px; }
	.card span { font-size: 16px; }
	.card-img { height: 190px; }
	.card-img img { height: 180px; }
	.h2 { font-size: 30px; }
}
@media (max-width: 768px) {
	header { height: 0px; display: none; }
	.slide { display: none; }
	.card-home { width: 100% !important; flex: 1 0 100% !important; margin:20px !important; top: 0px; }
	.card-home .card-img { height: 100px; }
	.card-home1 { flex: 0 0 40% !important; }
	.card-body { padding:10px; }
	.card i { font-size: 22px; }
	.card-img { height: 190px; }
	.card-img img { height: 180px; }
	.card-class .card-img { height: 180px; }
	.card-class .card-img img { height: 180px; }
	.card-class .card-img-top { width: 80%; }
}
@media (max-width: 576px) {
	header { height: 0px; display: none; }
	.slide { display: none; }
	.card-home { margin: 20px 0px !important; }
	.card-home .card-deck .card { margin-left: 0px !important; }
	.card-deck1 { flex-direction: column; }
	.card-home1 { width: 90% !important; flex: 1 0 100% !important; }
	.card-home1 .card-img { height: auto; max-height: none !important; overflow: hidden; }
	.card-home1 .card-img img { height: auto; max-height: none !important; }
	.card-img { height: 190px; }
	.card-class .card-img { height: 220px; text-align: center; }
	.card-class .card-img img { height: 220px; }
	.mylist { padding-left: 0px; }
	.max-w { max-width: 100%; }
}