:root {
    --site-color: #4c5164;
    --hover-site-color: #4c5164;
    --white-color: #fff;
    --font-body: 'GT-Walsheim-Pro-Light';
    --secondary-font-body: GT-Walsheim-Pro-Regular;
    --heading-fonts: GT-Walsheim-Pro-Medium;
    --font-body-size: 18px;
    --heading-font-color: #4c5164;
    --link-btn-bg: #4c5164;
    --link-color: #4c5164;
    --footer-background: #4c5164;
    --menu-hover-color: #999;    
}

@font-face {
    font-family: 'GT-Walsheim-Pro-Regular';
    src: url('../fonts/FuturaStd-Light.otf');
    src: url('../fonts/GTWalsheimProRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT-Walsheim-Pro-Medium';
    src: url('../fonts/GTWalsheimProMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'GT-Walsheim-Pro-Light';
  src:  url('../fonts/GTWalsheimProLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face{font-family:FontAwesome;
    src:url(../fonts/FontAwesome.otf);
    src:url(../fonts/fontawesome-webfont.eot);
    src:url(../fonts/fontawesome-webfont.ttf) format("ttf"),url(fonts/fontawesome-webfont.woff2) format("woff2"),url(fonts/fontawesome-webfont.woff) format("woff"),
    url(../fonts/fontawesome-webfont.ttf) format("truetype");
    font-weight:400;
    font-style:normal;
}
.text-right{text-align: right;}
.text-center{text-align: center;}

.f-nav{ z-index:99999; left: 0; top: 0; width: 100%; background:rgba(255, 255, 255, 0.94);}
body .no-padding{padding:0}
.nopadding{padding:0 !important;}
.container {max-width: 1170px;margin: 0 auto;}
.flex-row {display: flex;}

.pt-pb{padding: 5em 0;}
/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
.site-header {width: 100%;z-index: 999999; padding:0;background-color:#4c5164;padding:7px 0;}
header .flex-row {align-items: center;justify-content: space-between;}
.logo {padding:0;}
.custom-logo-link {display: block;line-height: normal;}
.site_logo{overflow: hidden;padding:0;float: left;max-width: 260px;}
.right-head {float: right;display: flex;flex-wrap: wrap;}
.phone{margin-bottom: 10px;text-align: right;}
.phone a {color: #fff !important;font-size: 30px;margin-right:8px;}
.site-header.f-nav .col-sm-9 {padding: 1% 1% 1% 35%;}

.main-navigation li {display: inline-block;position: relative;}
.main-navigation li:after{content: "";position: absolute;height: 2px;width: 75%;
transform: translateX(-50%) scaleX(0);background: #b89d66;bottom: 2px;left: 48%;transition: all 0.3s ease-out;}
.main-navigation li:hover::after {
    transform: translateX(-50%) scaleX(1);
}
.main-navigation a {color:#fff;font-size: 18px;letter-spacing:0.5px;font-family: var(--font-body);
    padding: 0.3em 0em;display: block;}
.main-navigation a:hover {color: #fff;}

/*Event*/ 
.events-list {
    margin: 0 14px;
    padding: 12px 12px 15px;
    box-shadow: 0 0 12px #eee;
    border-radius: 8px;
    width: 25%;
}
.css-events-list {
    display: flex;
}
.elementor .events-list img {
    border-radius: 8px;
    height: 180px;
    width: 100%;
    object-fit: cover;
}
.events-list strong{
    background: #b89d66;
    color: #fff;
    padding:3px 10px;
    display: block;
    border-radius: 4px;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
}
.events-list h5 {
    margin: 15px 0 0px;
    display: block;
    line-height: 28px;
    font-family: "Rokkitt", Sans-serif;
    font-size: 28px;
    font-weight: 500;
}
.events-list span{
    color: #b89d66;
    font-size: 15px;
    margin-bottom: 10px;
    display: block;
    text-decoration: underline;
}
.events-list p {
    margin: 0;
    line-height: 22px;
    font-size: 15px;
    color: #666;
}

.footer-section .wpcf7-form-control.wpcf7-submit {background-color: #ccb070;height: auto;color: #000;}
.footer-section .footer-widget2 input{height: 45px;
border-radius: 0 !important;
border-color: rgba(255, 255, 255, 0.1);
background-color: rgba(0, 0, 0, 0.15);
}
.footer-section .footer-widget2 input::placeholder{
    color: #ccc;
}
.footer-section input[type="email"]{border-radius: 3px;}

/*Page title*/
.event-template-default .bead {
    padding:5em 0;
} 
.bead{background-color: rgba(0, 0, 0, 0.45);padding:5em 0;
 background-image: url(../images/school-building.jpg); margin-bottom: 30px;   
background-repeat: no-repeat;background-size: cover;position: relative;background-position: center;}
.bead:after {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    content: "";
}
.bead .entry-title{font-weight: 600; color: #fff; margin:0; font-family: "Rokkitt", Sans-serif;
font-size: 50px; letter-spacing:0.5px;position: relative;z-index: 2;}
.header-page-inetrnal img{width: 100%}
.Slogan {
    position: relative;
    z-index: 2;
    color: #ffffff;
    font-family: "Cutive", Sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5em;
    max-width: 800px;
    margin: 0 auto;
    display: block;
}
.page-navigation .menu {
    margin: 0;
    display: block;
}
.page-navigation .menu li {
    border-bottom: 1px solid #eee;
    display: block;
}
.page-navigation .menu li a{
    display: block;
    padding: 10px 18px;
    line-height: 22px;
}
.page-navigation .menu li a:hover,
.page-navigation .menu li.current_page_item a {
    color: #fff !important;
    background: #ccb070;
}


/*Sidebar*/
.wrap {overflow: hidden;/*margin-bottom: 40px;*/}
.left-container{float: left; max-width: 70%;width: 100%;}
.right-side{max-width: 28%; float: right; width: 100%;}
.right-side h2.widget-title {border-bottom: 1px solid #ccc;padding-bottom: 10px;}

/*Contact Page*/
.page-id-7 .col-4 {
    padding: 25px;margin-right: 40px;
    box-shadow: 0 0 25px #eee;
}


/*Blog Info*/
.blog .entry-content img {max-width: 300px;float: left;margin-right:25px;}
.blog .entry-header .entry-title {margin-bottom: 0;}
.more-link {display: inline-block;background-color: var(--link-color);
border-radius: 3px;color: #fff !important;font-size: 17px;letter-spacing: 1px;
padding: 10px 25px;margin-top: 15px;}
.blog .left-container article {margin-bottom: 30px;padding: 20px;background: #fcfcfc;}

/*Grid Layout*/
.flex-col{display: flex;}
.half-col{width: 50%; display: flex; padding:0 15px;}
.col-4{width:33%;padding:0 15px;}
.col-8{width:67%;padding:0 15px;}
.em-search-wrapper {
    display: none;
}
#em-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
}

/*------------------------
Footer Section
-------------------------*/
.site-footer{background:var(--footer-background);color: #fff;padding:2em 0 0}
.footer-section .flex-row {flex-wrap: wrap;}
.footer-section{padding:0;}
.footer-section h2{color: #fff;font-size: 28px;margin:0 0 1em;letter-spacing: 0.2px;}
.quick-links{margin-left:0;}

.flex-row {display: flex; width: 100%;}
.about-widget{margin:0 0.5em; width: 35%;}
.about-widget.Useful-md {width: 25%;}
.about-widget strong {font-size: 22px;font-family: "Rokkitt", Sans-serif; font-weight: 600;}
.footer-link {margin: 30px 0 20px;}
.about-widget p{line-height: 25px; font-size: 19px; margin-bottom:15px;}
.footer-link li{display: inline-block;margin: 0 10px;}

/*Botton-link*/
body .btn-default{background:#001ed6;border: 0;border-radius:3px;color: #fff;
display: inline-block;font-size:15px;font-weight:500;letter-spacing:1px;
text-transform: uppercase;padding:14px 25px;}
body .btn-default.remove-background{border:2px solid var(--site-color);
background:none;color: var(--site-color)}
body .btn-default:hover{background-color:#222;color:#fff}

/*---------------------------
 Site info 
 ----------------------------*/
.site-info {font-size: 14px;text-align:center; display: block;background: #232321;
margin-top: 2em;padding:1.3em;letter-spacing: 1px;}
.site-footer .site-info a {color:#fff;font-size: 14px;}
.site-footer .site-info p{margin-bottom: 0.5em;letter-spacing: 0.8px;}
/*------------------
copyright
--------------------*/
.site-footer h2.widget-title{color: #fff; font-size: 28px;font-family: "Rokkitt", Sans-serif; font-weight: 600;}
.quick-link{padding:0 15px 8px;position:relative;margin:0;}
.quick-link li{margin:5px 0; display:block;}
.site-footer a{color:#fff; font-size:16px;letter-spacing: 0.5px; position: relative;}
.quick-link a::after {position: absolute;left:-15px;content:"";height:3px;width:3px;top:8px;background-color: #ccc; border-radius: 100px}
.site-footer a:hover{color: #fff;}


/*-------------------social-media--------------*/
.social-media{margin:5px 0 0; padding:0; text-align: left;}
.social-media li{display: inline-block; list-style: none; margin:0 1px;}
.social-media li a{display: block;font-size: 23px;color: #fff;text-align: center; width: 45px; line-height: 45px;
border-radius: 3px;background-color: rgba(18, 20, 32, 0.15);transition: 0.3s;}
.social-media li a:hover, .cont-btn:hover{color: #4c5164;background: #ccb070;}

/*Font Icon*/
.fa{display:inline-block;font:normal normal normal FontAwesome !important;font-size:inherit;font-style: normal;
text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa{font-family: FontAwesome !important}
.fa-facebook:before{content:"\f09a"}
.fa-twitter:before{content:"\f099"}
.fa-google-plus:before{content:"\f0d5"}
.fa-linkedin:before{content:"\f0e1"}
.fa-youtube:before{content:"\f167"}
.fa-instagram:before{content:"\f16d"}
.fa-pinterest:before{content:"\f0d2"}

.fa-user-o:before{content:"\f2c0"}
.fa-envelope-o:before{content:"\f003"}
.fa-phone:before{content:"\f095"}
.fa-home:before{content:"\f015"}
.fa-flag-file-pdf-o:before{content:"\f1c1"}
.fa-address-card-o:before{content:"\f2bc"}
.fa-handshake-o:before{content:"\f2b5"}
.fa-bell-o:before{content:"\f0a2"}
.fa-pinterest:before{content:"\f0d2"}
.fa-whatsapp:before{content: "\f232"}


@media only screen and (max-width: 757px) {









}