@import url('https://fonts.googleapis.com/css2?family=Lora:wght@700&family=Roboto:wght@400;700&display=swap');
@import url('https://use.fontawesome.com/releases/v5.7.0/css/all.css');

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}
@media (min-width: 768px) {
    .col-sm-15 {width: 20%;float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%;float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%;float: left;}
}
.img-responsive { float:none; display:inline-block;}
.thumbnail{ box-shadow:3px 3px 10px rgba(3,3,0,0.2); padding:10px;}
.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background: #d8d8d8; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}

/****************************************************************************/
html {scroll-behavior: smooth;}
body{color:#1e1e1e;font-family: 'Roboto', sans-serif;font-size:16px;font-weight:400;line-height:1.8;margin:0px;padding:0px;}

strong{font-weight:700}
p{margin-bottom:20px;}
ul {list-style-type:disc}

a{color:#0a0a4a; outline:none!important;box-shadow:none!important;}
a:hover {color:#800b0b; text-decoration:none;box-shadow:none!important;}

.Lora{font-family: 'Lora', serif; font-weight:700;}

.img-thumbnail{margin-bottom:30px;}

.radio input[type=radio]{margin-top:10px;}

.container {position:relative;}
.no-gutter {margin-left:0px!important;margin-right:0px!important;}
.no-gutter div[class^="col"]{padding-left:0px!important;padding-right:0px!important;}

.gutter-xs {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-xs div[class^="col"]{padding-left:5px!important;padding-right:5px!important;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm div[class^="col"]{padding-left:10px!important;padding-right:10px!important;}

.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}

h1,.h1, h2,.h2, h3,.h3{font-family: 'Lora', serif; font-weight:700;}
h1,.h1{font-size:40px; margin-bottom:25px; line-height:1;}
h2,.h2{font-size:30px; margin-bottom:25px;}
h3,.h3{font-size:24px; margin-bottom:25px;}


.breadcrumb{border-bottom:1px dashed #d3d3d3; margin:0 0 15px; background-color:transparent;padding:0 0 15px; text-transform:uppercase; font-size:12px;}
.breadcrumb>li+li:before{content:"\00BB";color:#b0a049; margin:0 10px;}

.text-primary{color:#0b0b4b!important;}
/******* Helpers ********************************************************************/

textarea.form-control{resize:none;min-height:120px;}
.form-control {height:40px; font-size:15px; font-weight:300; border-radius:0px; border-color:#cccccc;}
.form-control:focus{box-shadow:none}

.align-mid-center{display:flex; align-items:center; justify-content:center; height:100%;}

.ImgShadow{box-shadow:1px 1px 20px rgba(0,0,0,0.20)}

.text-danger{color:#800b0b!important;}

.bg-danger{background-color:#800b0b!important;}
.bg-light{background-color:#dbf0e9!important;}
.bg-dark{background-color:#0b0b4b!important;}

.t25{font-size:25px; line-height:1;}
.t35{font-size:35px;line-height:1;}


/******* Buttons ********************************************************************/

.btn{font-size:14px; font-weight:400; padding:8px 20px; text-decoration:none !important; letter-spacing:0.05em; moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.btn-dark{background-color:#0a0a4a; border-color:#0a0a4a; border-radius:0; color:#fff !important;}
.btn-dark:hover,.btn-dark:focus{background-color:#800b0b !important; border-color:#800b0b !important; color:#fff !important; box-shadow:none !important; }


/******* Header ********************************************************************/
#header .menu-link{font-size:15px; font-weight:700; color:#fff; letter-spacing:0.2em; cursor:pointer; position:absolute; top:-50px; right:0;}

.overlay {height: 0%; width: 100%; position: fixed; z-index: 1; top: 0; left: 0; background-color: #48b4e0; overflow-y: hidden; transition: 0.5s;}
.overlay-content {position: relative; top: 20%; width: 100%; text-align: center; margin-top: 30px;}
.overlay a {padding: 8px; text-decoration: none; font-size: 25px; color: #fff; display: block; transition: 0.3s;}
.overlay a:hover, .overlay a:focus {color: #6f6fd6;}
.overlay .closebtn {position: absolute; top: 20px; right: 45px; font-size: 60px;}


/********** Content **************************************************************************************************/

#main-links .row{display: flex; align-items: center; justify-content: center;}
#main-links a{font-size:50px; font-weight:700; line-height:1; color:#0a0a4a;}
#main-links a:hover, #main-links a:focus{color:#800b0b;}

#editor-content h1{border-bottom:1px dashed #d3d3d3; padding-bottom:15px; margin-bottom:35px;}
.List li {background: url(../images/ul_icon.png) no-repeat left center;padding-left: 25px!important;list-style: none;line-height: 40px;}
ul.List {padding: 0px 0px 0px 30px;}.boldtext {font-size: 50px;opacity: 0.5;padding: 15px;}
.overlay .row{margin-right: 0px;margin-left: 0px;}
.overlay-content img {height: 96px;margin-bottom: 15px;}
.overlay-content .right_txt {text-align: right;}
.overlay-content .left_txt {text-align: left;}
#inner_page .btn{font-size:12px;}
.inner_social .fab{font-size: 40px;margin-top: 15px;color: #0b0b4b;}
.inner_social .fab:hover {color: #800b0b;}
/********** Footer ***************************************************************************************************/
#footer{font-size:12px; font-weight:400; letter-spacing:0.1em; color:#8b8bbe;}
#footer a{color:#8b8bbe;}
#footer a:hover{color:#fff;}
#footer .list-inline a{color:#fff; font-size:20px; margin:0px;}
#footer .list-inline a:hover{color:#8b8bbe;}
#footer .list-inline-item:not(:last-child) {margin-right: 10px;}


/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(0, 0, 0, 0.35); position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:50px; height:50px; text-indent:-9999px; display:none; webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover {background-color:#000; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}

@media (min-width: 1280px) {
	.container{max-width:1260px; padding:0px;}
}

@media (min-width: 768px) and (max-width: 1199.98px) {	
	#main-links a{font-size:40px;}
	.btn{font-size:13px; padding:8px 15px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {	
	.logo{width:60%;}
}

@media (max-width: 767.98px) {
	#header .menu-link{font-size:15px; font-weight:700; color:#fff; letter-spacing:0.2em; cursor:pointer; position:static; float:right; margin-top:5px;}
	.overlay {overflow-y: auto;}
	.overlay a {font-size: 20px}
	.overlay .closebtn {font-size: 40px; top: 15px; right: 35px;}
	#main-links a{font-size:30px;}
	.overlay-content .right_txt, .overlay-content .left_txt {text-align: unset;}
}

@media (max-width: 479px) {}
@media (max-width: 320px) {}