* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
    font-family: 'Lato', sans-serif !important;
    background-image: url('../img/bg.jpeg');
    background-attachment: fixed;
    background-size: cover;
}
h1,h2,h3,h4,h5,h6 { font-family: 'Prata', serif !important;}
a:link {text-decoration: none!important;}
.w3-white1, .bg-white1 {background-color: rgba(255,255,255,0.93)!important; color: #212121;}
.trans_bg {background-color: rgba(62, 62, 148, 0.9)!important;}
.trans_bg2 {background-color: rgba(228, 166, 112, 0.9)!important;}
.trans_white {background-color: rgba(250, 251, 252, 0.9)!important;}

a:hover, .btn:active, .btn:focus, .form-control:active, .form-control:focus {text-decoration: none!important; outline: none!important;}
.of_color {color: #3e3e94;} .of_bg {background: #3e3e94; color: #3e3e94;} .of_bg2 {background: #e4a670; color: #f1f1f1;}
.aca_dark {background: #3e3e94; color: #f1f1f1;}
.log_btn {background:#746edd!important; color:#3e3e94!important;}
.t_color {color: #605ad8!important;}
.t_color2 {color: #e4a670;} .t_color3 {color: #e4a670;}
#social_cont a {
  border-right-color: rgba(209,209,209,0.4) !important;
  border-right-style: solid !important;
}
#navSlide_cont {position: relative; overflow-y: hidden;}
#nav {position: absolute; top: 0; z-index: 2000; background: rgba(254, 254, 253, .8);}
#slide img {max-height: 600px;}

#trans_bgCover h1,h2,h3,h4,h5,h6 { font-family: 'Prata', serif !important;}


.cardy {box-shadow: 1px 2px 3px rgba(10, 10, 10, 0.2); border-bottom: 5px solid #3e3e94;  min-height: 350px;}
.cardy2 {border-bottom: 5px solid #ffc107!important;}
.cardy:hover {box-shadow: 5px 8px 10px rgba(10, 10, 10, 0.5); transition: box-shadow 1s ease;}
.homeCol {background: #fff; border-radius: 10px; box-shadow: 1px 2px 1px rgba(0,0,0,0.1); transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out; position: relative;}
.homeCol h2 {display: inline-block; padding: 15px 10px; border-radius: 50%; background-color: #ececec; color: #757575; width: 100px; height: 100px;}
.homeCol p small {color:#888;}
.homeCol:hover {background: #fff!important; color: #343434!important;}

/*  */
.fixedd {background: #3e3e94;}
.fixede {position: fixed; z-index: 9999; background: #3e3e94; width: 100%; right: 0; left: 0;}

/* Nav */
.dropdown-menu {
  z-index: 4000; border: 0px!important;
}
.dropdown:hover > .dropdown-menu {
  display: block;
}
.dropdown-toggle:active, .dropdown-toggle:focus {
  outline: none!important;
}

@media screen and (max-width: 600px) {
    #navSlide_cont {padding-top: 0px;}
    main {}
}

strong, b {font-weight: normal !important;}

/**/
@media screen and (min-width: 800px) {
    .nav { z-index: 5000; width: 100%;}
    ul {list-style: none outside none; display: block; line-height: 35px;}
    #primary-link, #head_nav {padding: 0; margin: 0;}
    #head_nav #primary-link li {display: inline-block; position: relative; margin: 0; padding: 0; border-top: 3px solid transparent;}
    #head_nav #primary-link li a { transition: all 0.2s linear; font-size: 14px; font-weight: bold; display: block; padding: 0px 10px; letter-spacing: 1px; color: #4E4E4E;}
     #head_nav #primary-link li:hover {border-top-color: #3e3e94!important; } .act a {color: #3e3e94!important;}
    .sub-menu {margin-top: 0px; display: none; box-shadow: 0 1px 3px rgba(0,0,0,0.2); position: absolute; z-index: 5000; min-width: 200px; background: #fff; padding: 0!important; transition: margin-top 0.1s linear; text-align: left;}
    .sub-menu li {list-style: none; border-bottom: 1px solid #EFF4F7; display: block!important; position: relative; background: #fff; margin: 0!important;}
    .sub-menu li a {color: #AFB4B9; line-height: 20px; display: block; font-size: 13px; width: 100%; font-weight: normal!important; padding: 10px 15px!important; letter-spacing: 0!important;}
    .sub-menu li:hover {border: none!important;}
    #primary-link #who:hover > .sub-menu {display: block!important; border-top: 3px solid #e4a670; border-bottom: 1px solid transparent!important; transition: all .2s linear;}
    #who .sub-menu a:hover {color: #fff!important; background: #e4a670;  transition: background .2 linear;}
    #primary-link #news:hover > .sub-menu {display: block!important; border-top: 3px solid #AA7764; border-bottom: 1px solid transparent!important; transition: all .2s linear;}
    #news .sub-menu a:hover {color: #fff!important; background: #AA7764;  transition: background .2 linear;}
    #primary-link #school:hover > .sub-menu {display: block!important; border-top: 3px solid #4E478A; border-bottom: 1px solid transparent!important; transition: all .2s linear;}
    #school .sub-menu a:hover {color: #fff!important; background: #4E478A;  transition: background .2 linear;}
}

@media screen and (min-width: 800px) and (max-width: 991px) {
    #hds {display: none!important;}
}
/**/
#top {position: fixed; bottom: 20px; right: 20px; display: none; background: #e4a670; color: #fff;}
.btn, .form-control {outline:none!important; box-shadow: none!important;}
/*Mobile*/

    @media screen and (max-width: 598px) {
     * {
         font-size: 100%;
     }   
     
    .w3-sidebar a {
        display: block;
        color: #848688;
        line-height: 30px;
        padding-left: 20px;
        border-bottom: 1px solid #ECEEF0 !important;
        transition: background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
    }     
    }

/**/
footer a:hover {
    color: #e4a670!important;
}
footer ul {
    list-style: circle;
}