/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

/* font update */
@import url('https://fonts.googleapis.com/css2?family=Charis+SIL:ital,wght@0,400;0,700;1,400;1,700&display=swap');


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; } 
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }

:root{
  --white: #fff;
  --black: #000;
  --default:#111;
  --primary: #0054C6;
  --gray: #666;
  --lightgray: #F2F2F2;
  --lightgray2: #ddd;
  --blue-hover: #2886D8;


  /* --font-default: 'Josefin Sans', sans-serif; */
  --font-default: 'Charis SIL', sans-serif;
  --font-article: 'Charis SIL', sans-serif;
  --font-Arial: 'Arial', sans-serif;

}


/* -- CUSTOM CSS -- */
html, body {width:100%; height:100%; padding:0px; margin:0px}
body{ 
	background-color:#fff; 
}
body{ font-family: var(--font-default); font-size:100%; font-weight:normal; color:var(--default); text-decoration:none; }


a,
a:hover{
  text-decoration:none;
  color: inherit;
  outline:0; transition: all 0.3s ease;
}
a:hover{ color: var(--primary); }
a:focus {
  text-decoration:none;
  outline:0;
}

.btn.focus, .btn:focus{
	outline:0;
	box-shadow: none;
}
input:focus,
select:focus,
textarea:focus,
.form-control:focus,
button:focus {
  outline: none !important;
  box-shadow: none;
}
input,
select,
textarea{
  background-clip: padding-box;
}

/************************************************************************************/
/************************************************************************************/


.contentStatic-pageBody {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  height: 100%;
}
.contentStatic-pageContent {
  width: 100%;
  flex: 1 1 auto;
  margin: 0 auto;
}
.contentStatic-detail{ padding: 50px 0; }

@media (max-width: 767px){

  .contentStatic-detail{ padding: 30px 0; }

}

/************************************************************/
/************************************************************/

/* header */
header.header-static{ padding: 17px 0; background-color: var(--primary); width: 100%; z-index: 99; }
header.header-static .header-panel{ display: flex; align-items: center; }
header.header-static .bp-logo2{ width: 150px;; }
header.header-static .bp-logo2 img{ margin: 0; padding: 0; }
header.header-static .bp-titile{ font-size: 26px; line-height: 1; color: #fff; float: left; padding-left: 20px; margin-left: 20px; border-left: 1px solid rgba(255,255,255, 0.2); }
header.header-static .bp-titile a{ color: #fff; }


@media (max-width: 991px){

  header.header-static{ padding: 10px 0; }
  header.header-static .bp-titile{ font-size: 22px; }
}
@media (max-width: 575px) {

  header.header-static .bp-logo2{ width: 120px;; }
  header.header-static .bp-titile{ font-size: 18px; padding-left: 15px; margin-left: 15px; }

	
}
@media (max-width: 351px) {
  header.header-static .bp-titile{ display: none; }
}




/* footer */
footer{ background-color: var(--primary); width: 100%; }

.footer-static .footer-bottom{ padding: 20px 0; font-size: 14px; font-weight: bold; color: #fff; }
.footer-static .turehits{ display: inline-block; padding-top: 0; padding-left: 10px; }
.footer-static .footer-bottom a:hover { color: #fff; }


@media (max-width: 575px) {

  .footer-static .footer-bottom{ text-align: center; }

}