@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700|Pacifico");

@font-face {

  font-family: 'sas-webfont';

  src: url("../fonts/sas-webfontc56b.eot?51534236");

  src: url("../fonts/sas-webfontc56b.eot?51534236#iefix") format("embedded-opentype"), url("../fonts/sas-webfontc56b.woff2?51534236") format("woff2"), url("../fonts/sas-webfontc56b.woff?51534236") format("woff"), url("../fonts/sas-webfontc56b.ttf?51534236") format("truetype"), url("https://thelordofhostsschools.com/fonts/sas-webfontc56b.svg?51534236#sas-webfont") format("svg");

  font-weight: normal;

  font-style: normal; }

  *{

      scroll-behavior: smooth;

  }

body{

    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

}

.blog-single{

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

}

.single-widget{

    max-height: 200px;

    overflow: hidden;

}

.navbar-brand{

    width: 5%;

}

.read-more{

    text-decoration: none;

    color: rgb(184, 179, 184);

}

.top-info{

    padding: 1.5% 3%;

    background-color: #2a166f;

    color: #fff;

}

.top-info a{

    color: yellow;

    text-decoration: none; 

}

.carousel-item{

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}

.nav-logo{

    margin-left: 4%;

    font-size: 20px;

    font-weight: 700;

}

.nav-logo img{

    margin-right: 2%;

}

.bg-blue{

    background-color: #3d49d4e0;

}

.overlay{

    background-color:rgba(36, 0, 36, 0.589);

    height: 100%;

    padding:7% 13%;

}

.carousel-item{

    height:80vh;

}



 li {

    display: list-item;

    text-align: -webkit-match-parent;

}

.navbar-main ol, .navbar-main li {

    margin: 0 0;

    font-size: 14px;

    font-weight: 700;

}

ul li {

    margin: 8px 0;

}

*, *::before, *::after {

    box-sizing: border-box;

}

user agent stylesheet

li {

    display: list-item;

    text-align: -webkit-match-parent;

}

.navbar-nav {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}

ul {

    list-style: initial;

    margin-left: 24px;

}

ul {

    list-style-type: disc;

}

.header .navbar-nav {

    background-color: #ffffff;

    width: 100%;

    font-family: "Open Sans", sans-serif;

}

.nav-link{

    color:#3d49d4e0 !important;

    font-weight: 800;

    font-size: 16px;

    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

    padding-bottom: 20px;

}

.nav-link:hover{

    color:#8b1618 !important;

    border-bottom: 3px solid #8b1618b2;

}

 .active.nav-link{

    color:#8b1618 !important;

    border-bottom: 3px solid #8b1618b2;

}

.showBox{

    padding: 4% 1%;

}

.flex{

    display: flex;

}

.title{

    font-size: 29px;

    font-weight: 700;

    letter-spacing: 0px;

    text-transform: none;

    color: #ffffff;

    text-align: center;

}

.title-blue{

    font-size: 29px;

    font-weight: 700;

    letter-spacing: 0px;

    text-transform: none;

    color:#3d49d4e0;

    border-bottom:3px solid #3d49d4e0;

}

.text-body{

    font-size: 20px;

    font-weight: 300;

    letter-spacing: 1px;

    text-align: justify;

    line-height: 2;

}

.hero-text{

    font-size: 70px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: none;

    color: #ffffff;

    text-align: left;

}

.sub-hero-text{

    font-size: 40px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: none;

    color: #e5ff00;

    text-align: left;

}

.dynamics{

    width: 100%;

    padding:6% 4%;

    background-color: #F8F9FA;

}

.dynamic-content{

    width: 100%;

    display:block;

    position: relative;

    margin: 0 auto;

}

.dynamic-container{

    width: 100%;

    display:flex;

    position: relative;

}

.dynamic-img{

    width: 30%;

    min-height:300px;

    overflow: hidden;

    background-color: #fff;

}

.dynamic-text-container{

    background-color: white;

    width: 70%;

}

.dynamic-text{

    background-color: white;

    padding: 5%;

    line-height: 2;

    text-align: justify;

    font-weight: 500;

}

.dynamic-btn-container{

    position: relative;

    background-color: #F8F9FA;

}

.dynamic-btn{

    background-color: #F8F9FA;

    text-decoration: none;

    color: rgb(136, 136, 136);

    padding: 3%;

    margin: 0%;

    box-sizing: border-box;

    border: none;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

.dynamic-button{

    background-color: #F8F9FA;

    text-decoration: none;

    color: rgb(136, 136, 136);

    padding: 3%;

    margin: 0%;

    box-sizing: border-box;

    border: none;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

.dynamic-button.active{

    background-color: #fff !important;

    color: #3d49d4e0;

    font-weight: 700;

    box-sizing: border-box;

    border: none;

}

.dynamic-btn.active{

    background-color: #fff !important;

    color: #3d49d4e0;

    font-weight: 700;

    box-sizing: border-box;

    border: none;

}



footer{

    width: 100%;

    background-color: #2a166f;

    padding: 5%;

}

.footer-logo{

    display: flex;

    margin-bottom: 6%;

}

.footer-logo img{

    width: 16% !important;

}



.logo-title{

    font-size: 17px;

    font-weight: 700;

    color: #fff;

}

.footer-logo-title{

    width: 100%;

    padding-left: 2%;

}

.moto{

    font-size: 16px;

    font-weight: 300;

    color: rgb(184, 179, 184);

}

.footer-title{

    border-bottom: 2px solid #3d49d4e0;

    padding: 3%;

    font-size: 17px;

    font-weight: 700;

    color: #fff;

}

footer ul{

    margin-left: 0;

    list-style: none;

    display: block;

    margin-top: 10%;

}

footer ul li{

    margin-top: 4%;

}

footer ul li a{

    color: rgb(241, 241, 241);

    font-size: 17px;

    font-weight: 500;

    text-decoration: none;

    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}

footer ul li a:hover{

    color: #fff;

}

.f-address{

    color: rgb(184, 179, 184);

    margin-top: 3%;

    line-height: 2;

}

.board{

    padding: 5% 0;

}

.rd-img{

    height: 290px;

    width: 290px;

    border-radius: 50%;

    overflow: hidden;

    margin: 0 auto;

    border:5px solid #e5ff00;

}

.rd-img img{

    width: 100%;

}

.bd-name{

    font-weight: 800;

    text-align: center;

    font-size: 20px;

}

.bd-desc{

    font-weight: 500;

    text-align: center;

    font-size: 20px;

    color: rgb(184, 179, 184);

}

.desc{

    font-weight: 500;

    text-align: center;

    font-size: 17px;

    color: rgb(184, 179, 184);

}

.nav-hero{

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.nav-hero-content{

    padding: 10%;

    background-color: rgba(0, 0, 0, 0.7);

    text-align:center;

    color: #fff;

    font-size: 45px;

    font-weight: 800;

    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}

.section-title{

    font-size: 29px;

    font-weight: 700;

    letter-spacing: 0px;

    text-transform: none;

    text-align: center;

}

.section-text{

    font-size: 20px;

    line-height: 2;

    text-align: justify;

}

.content-p5{

    width: 100%;

    padding: 10% 2%;

    margin: 5% 0;

    background-color: rgba(2, 16, 36, 0.925);

}

.left-title{

    font-size: 22px;

    font-weight: 600;

    letter-spacing: 0px;

    text-transform: none;

    color: #520352;

    margin-right: 30px;

    float: left;

    font-family: "Poppins", sans-serif;

}

.hr-container{

    border-bottom: 3px solid #e6e6e6;

    margin-bottom: 2%;

}

.w7{

    width: 70%;

}

.w6{

    width: 60%;

}

.w5{

    width: 50%;

}

.top-title{

    display: flex;

    position: relative;

    clear: both;



}

.content{

    width: 100%;

    position: relative;

    clear: both;

}

.txt{

    font-size: 16px;

    line-height: 2;

    text-align: justify;

}

.light{

    color: #ffffff;

}

.txt-desc{

    font-size: 16px;

    color: #3d49d4e0;

}

.txt-title{

    color: #ffffff;

    font-size: 20px;

    font-weight: 600;

}

.txt-list{

    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}

.fa{

    background-color:  #460346;

    padding: 15px;

    font-size: 18px;

    line-height: 10px;

    border-radius: 50%;

    margin-right: 5%;

    color: white;

}

.fa-facebook{

    padding: 15px 18px;  

}

.txt-hero{

    font-size: 40px;

    text-transform: none;

    padding: 1% 4%;

    color: white;

    text-transform: uppercase;

    background-color: #220122;

    font-weight: 700;

    font-family: Arial, Helvetica, sans-serif;

}

.ordered{

    list-style-type: symbols();

}

.content{

    font-weight: 500;

    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

}

.icon-txt{

    text-align: center;

    font-weight: 500;

    color: #3d49d4e0;

    font-family: 'Open San ';

}

.icon-img img{

    width:15%;

    margin: 2% 40%;

}

.ss{

    display: block;

}

.bd-title{

    color:  #07033bbd;

    font-size: 50px;

    padding-bottom: 2%;

    font-weight: 800;

    text-align: center;

    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}



@media (max-width: 767px) {

.navbar-brand{

    width:18%;

}

 .ss{

     display: none !important;

 }

.fa-envelope-o, .fa-phone, .fa-twitter, .fa-instagram,.fa-linkedin {

    background-color: #2a166f;

    padding: 15px;

    font-size: 15px;

    line-height: 10px;

    border-radius: 50%;

    margin-right: 2%;

    margin-bottom: 2%;

    color: white;

}

.fa-facebook, .fa-lock{

    padding: 15px 16px; 

    font-size: 15px;

    line-height: 10px;

    border-radius: 50%;

    margin-right: 2%;

    margin-bottom: 2%;

    color: white; 

    background-color: #500350;

}  

.navbar-toggler-icon{

    color: #3d49d4e0 !important;

    font-weight: 700;

} 



.top-info{

    padding: 1.5%;

    background-color: #2a166f;

    color: yellow;

    text-align: center;

}

.top-info a{

    color: yellow;

    text-decoration: none; 

}

.carousel-item{

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}

.nav-logo{

    margin-left: 1%;

    font-size: 15px !important;

    font-weight: 700;

}

.nav-logo img{

    margin-right: 2%;

    width: 15% !important;

}

.bg-blue{

    background-color: #3d49d4e0;

}

.overlay{

    background-color:rgba(36, 0, 36, 0.589);

    height: 100%;

    padding:30% 3% 10% 3%;

}

.carousel-item{

    background-color:#000;

    height:80vh;

}

img {

    object-fit: cover;

    /* opacity: 0.4; */

 }

 li {

    display: list-item;

    text-align: -webkit-match-parent;

}

.navbar-main ol, .navbar-main li {

    margin: 0 0;

    font-size: 14px;

    font-weight: 700;

}

ul li {

    margin: 8px 0;

}

*, *::before, *::after {

    box-sizing: border-box;

}

user agent stylesheet

li {

    display: list-item;

    text-align: -webkit-match-parent;

}

.navbar-nav {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}

ul {

    list-style: initial;

    margin-left: 24px;

}

ul {

    list-style-type: disc;

}

.header .navbar-nav {

    background-color: #ffffff;

    width: 100%;

    font-family: "Open Sans", sans-serif;

}

.nav-link{

    color:#3d49d4e0 !important;

    font-weight: 500;

    font-size: 16px;

    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

    padding-bottom: 20px;

}

.nav-link:hover{

    color:#8b1618 !important;

    border-bottom: 3px solid #8b1618b2;

}

 .active.nav-link{

    color:#8b1618 !important;

    border-bottom: 3px solid #8b1618b2;

}

.showBox{

    padding: 4% 1%;

}

.flex{

    display: flex;

}

.title{

    font-size: 27px;

    font-weight: 700;

    letter-spacing: 0px;

    text-transform: none;

    color: #ffffff;

    text-align: left;

}

.title-blue{

    font-size: 29px;

    font-weight: 700;

    letter-spacing: 0px;

    text-transform: none;

    color:#3d49d4e0;

    border-bottom:3px solid #3d49d4e0;

}

.text-body{

    font-size: 20px;

    font-weight: 300;

    letter-spacing: 1px;

    text-align: justify;

    line-height: 2;

}

.hero-text{

    font-size: 44px;

    font-weight: 700;

    font-family: "Open Sans" sans-serif;

    letter-spacing: 2px;

    text-transform: none;

    color: #ffffff;

    text-align: left;



}

.sub-hero-text{

    font-size: 25px;

    font-weight: bold;

    letter-spacing: 2px;

    text-transform: none;

    color: #e5ff00;

    text-align: left;

    margin-top: 5%;

}

.dynamics{

    width: 100%;

    padding:6% 2%;

    background-color: #F8F9FA;

}

.dynamic-content{

    width: 100%;

    display:block;

    position: relative;

    margin: 0 auto;

}

.dynamic-container{

    width: 100%;

    display:block;

    position: relative;

}

.dynamic-img{

    width: 30%;

    min-height:300px;

    overflow: hidden;

    background-color: #fff;

}

.dynamic-text-container{

    background-color: white;

    width: 100%;

}

.dynamic-text{

    background-color: white;

    padding: 5%;

    line-height: 2;

    text-align: justify;

    font-weight: 500;

}

.dynamic-btn-container{

    position: relative;

    background-color: #F8F9FA;

}

.dynamic-btn{

    background-color: #F8F9FA;

    text-decoration: none;

    color: rgb(136, 136, 136);

    padding: 3%;

    margin: 0%;

    box-sizing: border-box;

    border: none;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

.dynamic-button{

    background-color: #F8F9FA;

    text-decoration: none;

    color: rgb(136, 136, 136);

    padding: 3%;

    margin: 0%;

    box-sizing: border-box;

    border: none;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

.dynamic-button.active{

    background-color: #fff !important;

    color: #3d49d4e0;

    font-weight: 700;

    box-sizing: border-box;

    border: none;

}

.dynamic-btn.active{

    background-color: #fff !important;

    color: #3d49d4e0;

    font-weight: 700;

    box-sizing: border-box;

    border: none;

}



footer{

    width: 100%;

    background-color: #2a166f;

    padding: 5%;

}

.footer-logo{

    display: flex;

    margin-bottom: 6%;

}

.footer-logo img{

    width: 16% !important;

}



.logo-title{

    font-size: 17px;

    font-weight: 700;

    color: #fff;

}

.footer-logo-title{

    width: 100%;

    padding-left: 2%;

}

.moto{

    font-size: 16px;

    font-weight: 300;

    color: rgb(184, 179, 184);

}

.footer-title{

    border-bottom: 2px solid #3d49d4e0;

    padding: 3%;

    font-size: 17px;

    font-weight: 700;

    color: #fff;

}

footer ul{

    margin-left: 0;

    list-style: none;

    display: block;

}

footer ul li a{

    color: rgb(184, 179, 184);

    font-size: 17px;

    font-weight: 300;

    text-decoration: none;

}

footer ul li a:hover{

    color: #fff;

}

.f-address{

    color: rgb(184, 179, 184);

}

.board{

    padding: 5% 0;

}

.rd-img{

    height: 200px;

    width: 200px;

    border-radius: 50%;

    overflow: hidden;

    margin: 0 auto;

    border:5px solid #e5ff00;

}

.rd-img img{

    width: 100%;

}

.bd-name{

    font-weight: 800;

    text-align: center;

    font-size: 20px;

}

.bd-desc{

    font-weight: 500;

    text-align: center;

    font-size: 20px;

    color: rgb(184, 179, 184);

}

.desc{

    font-weight: 500;

    text-align: center;

    font-size: 17px;

    color: rgb(184, 179, 184);

}

.nav-hero{

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.nav-hero-content{

    padding: 10%;

    background-color: rgba(0, 0, 0, 0.938);

    text-align:center;

    color: #fff;

    font-size: 35px;

    font-weight: 700;

    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}

.section-title{

    font-size: 26px;

    font-weight: 700;

    letter-spacing: 0px;

    text-transform: none;

    font-family:"Open Sans", sans-serif;

    text-align: left;

}

.section-text{

    font-size: 20px;

    line-height: 2;

    text-align: justify;

}

.content-p5{

    width: 100%;

    padding: 10% 2%;

    margin: 5% 0;

    background-color: rgba(2, 16, 36, 0.925);

}

.left-title{

    font-size: 20px;

    font-weight: 600;

    letter-spacing: 0px;

    text-transform: none;

    color: #520352;

    margin-right: 30px;

    float: left;

    font-family: "Poppins", sans-serif;

}

.hr-container{

    border-bottom: 3px solid #e6e6e6;

    margin-bottom: 0%;

}

.w7{

    width: 70%;

}

.w6{

    width: 60%;

}

.w5{

    width: 50%;

}

.top-title{

    display: flex;

    position: relative;

    clear: both;



}

.content{

    width: 100%;

    position: relative;

    clear: both;

}

.txt{

    font-size: 16px;

    line-height: 2;

    text-align: justify;

}

.light{

    color: #ffffff;

}

.txt-desc{

    font-size: 16px;

    color: #3d49d4e0;

}

.txt-title{

    color: #ffffff;

    font-size: 20px;

    font-weight: 600;

}

.txt-list{

    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}

.txt-hero{

    font-size: 28px;

    text-transform: none;

    padding: 1% 4%;

    color: white;

    background-color: #220122;

    font-weight: 700;

    font-family: Arial, Helvetica, sans-serif;

}

.ordered{

    list-style-type: symbols();

}

.content{

    font-weight: 500;

    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

}

.bd-title{

    color:  #07033bbd;

    font-size: 28px;

    padding-bottom: 2%;

    font-weight: 800;

    text-align: center;

    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}



}