/*
@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300i,400,400i,600,600i,700,700i,800,800i|Quicksand:300,400,500,700&display=swap');
*/

:root {
	--color-xxx:#007bff;	/* theme main color */
	--color-txt:#333;		/* body text color */
	--color-bg:#f8f9fa;		/* body background color */

	--color-a:#4380EB;		/* link color */
	--color-ah:#007bff;		/* link hover color */
	--color-h:#272f46;		/* h tag color */
    
	--color-green:#07b105;
	--color-orange:#fc832b;
	--color-dark-blue:#272f46;
	--color-red:#F00;
	--color-white:#FFF;
	
    --shadow-box:inset -3px 0px 8px -4px rgb(0 0 0 / 7%);
}

* { margin: 0; padding: 0; outline: 0; }
a { color:var(--color-a); text-decoration: none; cursor:pointer; }
a:hover { color:var(--color-ah); text-decoration:none; }
a img { border: 0; }

body {
	font-size: 13px;
	font-family: Arial, Helvetica, Sans-Serif;
	color:var(--color-txt);
	line-height: 1.3;
	background-color:var(--color-white);
}


.b { font-weight:bold; }
.u { text-decoration:underline; }
.cur-pointer { cursor:pointer; }
.shadow-box { box-shadow:var(--shadow-box); }

h1, h2, h3, h4, h5, h6{
	color:var(--color-h);
    margin-top:0;
}

h1 { font-size:32px; }
h2 { font-size:30px; }
h3 { font-size:24px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:18px; }


.fnt-8 { font-size: 8px !important; }
.fnt-10 { font-size: 10px !important; }
.fnt-11 { font-size: 11px !important; }
.fnt-12 { font-size: 12px !important; }
.fnt-13 { font-size: 13px !important; }
.fnt-14 { font-size: 14px !important; }
.fnt-15 { font-size: 15px !important; }
.fnt-16 { font-size: 16px !important; }
.fnt-17 { font-size: 17px !important; }
.fnt-18 { font-size: 18px !important; }
.fnt-19 { font-size: 19px !important; }
.fnt-20 { font-size: 20px !important; }
.fnt-22 { font-size: 22px !important; }
.fnt-24 { font-size: 24px !important; }
.fnt-25 { font-size: 25px !important; }
.fnt-26 { font-size: 26px !important; }
.fnt-28 { font-size: 28px !important; }
.fnt-30 { font-size: 30px !important; }
.fnt-36 { font-size: 36px !important; }
.fnt-40 { font-size: 40px !important; }
.fnt-48 { font-size: 48px !important; }
.fnt-50 { font-size: 50px !important; }
.fnt-60 { font-size: 60px !important; }
.fnt-70 { font-size: 70px !important; }
.fnt-80 { font-size: 80px !important; }

.x_xxx { background-color:var(--color-xxx) !important; }
.x_green { background-color:var(--color-green) !important; }
.x_white { background-color:var(--color-white) !important; }
.x_orange { background-color:var(--color-orange) !important; }

._xxx { color:var(--color-xxx) !important; }
._green { color:var(--color-green) !important; }
._orange { color:var(--color-orange) !important; }
._white { color:var(--color-white) !important; }
._dark_blue { color:var(--color-dark-blue) !important; }
._red { color:var(--color-red) !important; }

.b_xxx { border:thin solid #c71f66; }
.b_999 { border:thin solid #999; }

.hide { display:none !important; }
.block { display:block; }
.in-block { display:inline-block }
.overflow-hidden { overflow:hidden; }

.z1 { z-index:1; }
.z10 { z-index:10; }

.w-inherit { width:inherit !important; }
.wp-25 { width:25% !important; }
.wp-100 { width:100% !important; }
.hp-100 { height:100% !important; }
.wh-4 { width:4px !important; height:4px !important; }
.wh-8 { width:8px !important; height:8px !important; }
.wh-10 { width:10px !important; height:10px !important; }
.wh-30 { width:30px !important; height:30px !important; }

.mg-0 { margin:0px !important; }
.mg-t-0 { margin-top:0px !important; }
.mg-t-5 { margin-top:5px !important; }
.mg-t-10 { margin-top:10px !important; }
.mg-t-15 { margin-top:15px !important; }
.mg-t-20 { margin-top:20px !important; }
.mg-t-30 { margin-top:30px !important; }
.mg-t-40 { margin-top:40px !important; }
.mg-t-50 { margin-top:50px !important; }
.mg-t-100 { margin-top:100px !important; }
.mg-t-150 { margin-top:150px !important; }
.mg-r-0 { margin-right:0px !important; }
.mg-r-5 { margin-right:5px !important; }
.mg-r-10 { margin-right:10px !important; }
.mg-r-15 { margin-right:10px !important; }
.mg-r-20 { margin-right:20px !important; }
.mg-r-25 { margin-right:25px !important; }
.mg-r-50 { margin-right:50px !important; }
.mg-l-5 { margin-left:5px !important; }
.mg-l-10 { margin-left:10px !important; }
.mg-l-15 { margin-left:15px !important; }
.mg-l-20 { margin-left:20px !important; }
.mg-b-5 { margin-bottom:5px !important; }
.mg-b-10 { margin-bottom:10px !important; }
.mg-b-15 { margin-bottom:15px !important; }
.mg-b-20 { margin-bottom:20px !important; }
.mg-b-30 { margin-bottom:30px !important; }
.mg-b-40 { margin-bottom:40px !important; }
.mg-b-50 { margin-bottom:50px !important; }
.mg-lr-0 { margin-left:0px !important; margin-right:0px !important; }
.mg-lr-5 { margin-left:5px !important; margin-right:5px !important; }
.mg-lr-10 { margin-left:10px !important; margin-right:10px !important; }
.mg-lr-20 { margin-left:20px !important; margin-right:20px !important; }
.mg-lr-30 { margin-left:30px !important; margin-right:30px !important; }
.mg-lr-40 { margin-left:40px !important; margin-right:40px !important; }
.mg-lr-50 { margin-left:50px !important; margin-right:50px !important; }
.mg-lr-100 { margin-left:100px !important; margin-right:100px !important; }
.mg-tb-0 { margin-top:0px !important; margin-bottom:0px !important; }
.mg-tb-8 { margin-top:8px !important; margin-bottom:8px !important; }
.mg-tb-20 { margin-top:20px !important; margin-bottom:20px !important; }
.mg-tb-100 { margin-top:100px !important; margin-bottom:100px !important; }


.pd-0 { padding:0px !important; }
.pd-5 { padding:5px !important; }
.pd-10 { padding:10px !important; }
.pd-15 { padding:15px !important; }
.pd-20 { padding:20px !important; }
.pd-60 { padding:60px !important; }
.pd-t-0 { padding-top:0px !important; }
.pd-t-50 { padding-top:50px !important; }
.pd-l-0 { padding-left:0px !important; }
.pd-l-5 { padding-left:5px !important; }
.pd-l-20 { padding-left:20px !important; }
.pd-r-0 { padding-right:0px !important; }
.pd-b-50 { padding-bottom:50px !important; }
.pd-lr-5 { padding-left:5px !important; padding-right:5px !important; }
.pd-lr-15 { padding-left:15px !important; padding-right:15px !important; }
.pd-lr-30 { padding-left:30px !important; padding-right:30px !important; }
.pd-lr-40 { padding-left:40px !important; padding-right:40px !important; }
.pd-lr-50 { padding-left:50px !important; padding-right:50px !important; }
.pd-tb-8 { padding-top:8px !important; padding-bottom:8px !important; }
.pd-tb-20 { padding-top:20px !important; padding-bottom:20px !important; }


.flex { display:flex; }
.flex-center { display:flex; flex-direction:row; align-items:center; /*flex-wrap:wrap;*/ }
.flex-middle { text-align:center; flex:1; }
.flex-column { display:flex; flex-direction:column; }
.flex-column-center { display:flex; flex-direction:column; align-items:center; flex-wrap:wrap; }
.flex-max { flex:1; }
.flex-wrap { flex-wrap:wrap; }
.flex-jcontent-end { justify-content:flex-end; }
.flex-jcontent-center { justify-content:center; }
.flex-jcontent-space-between { justify-content:space-between; }

.text-ellipsis { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.text-ellipsis-2ln { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }
.word-wrap { word-wrap:anywhere; overflow-wrap:anywhere; white-space:break-spaces; }

ul.list-row li { display:inline-block; position:relative; }
ul.list-column li { display:block; position:relative; }

ol li, ul li { list-style-position:outside; }

/* Scroller .................................................*/

.scroller::-webkit-scrollbar { width:7px; }
.scroller::-webkit-scrollbar-track { background:transparent; }
.scroller::-webkit-scrollbar-thumb { background:transparent; }
.scroller:hover::-webkit-scrollbar-thumb { background:#bcc0c4; border-radius:8px; }
.scroller{ overflow-y:auto; /*Firefox*/ scrollbar-width:thin; /*Firefox*/ }

/* Scroller .................................................*/

/* Image ....................................................*/

.img_loader {
  background-color: #f4f5f8;
  background-image: linear-gradient(
    to right,
    transparent 10%,
    rgba(255,255,255,0.8) 50%,
    transparent 66%
  );
  background-size:300% 100%;
  animation: shine 2s infinite;
}

@keyframes shine {
  0% {
    background-position: right;    
  }
  /*100% {
    background-position: left; it's the default value, no need to define it
  }*/
}

img.center_cover {
    object-fit: cover;
    object-position: center;
}

/* Image ....................................................*/

section>div.section { margin-left:auto; margin-right:auto; display:flex; position:relative; /*background-color:var(--color-bg);*/ }
section>div.section>div.container { width:1280px; margin-left:auto; margin-right:auto; position:relative; }
section>div.section>div.container>div.row { margin:25px 10px; }








/*
15" - 1024x768
15.4" - 1280x800
*/

@media only screen and (min-width: 768px) and (max-width: 1030px) {
	div.section>div.container { width:1024px !important; }
}

@media only screen and (min-width: 1031px) and (max-width: 1300px) {
	div.section>div.container { width:1280px; }
}

@media only screen and (min-width: 1301px) {

}

@media only screen and (max-width: 767px) {
	.mb-100 { width:100% !important; }
	.mb-75 { width:75% !important; }
	.mb-50 { width:50% !important; }
	.mb-25 { width:25% !important; }
	.mb-1-3 { width:33.33% !important; }
	.mb-2-3 { width:66.67% !important; }
	.mb-hide { display:none !important; }
	.mb-block { display:block !important; }
	.mb-inline-block { display:inline-block !important; }
	.mb-float-none { float:none !important; }	
	
	.mb-mg-0 { margin:0px !important; }
	.mb-pd-0 { padding:0px !important; }
	.mb-pd-r-0 { padding:0px !important; }
	
	.mb-flex { display:flex !important; }
	.mb-flex-max { flex:1; }
	.mb-flex-wrap { flex-wrap:wrap; }
	.mb-flex-center { display:flex !important; flex-direction:row; align-items:center; flex-wrap:wrap; }
	.mb-flex-middle { text-align:center; flex:1; }
	.mb-flex-column { display:flex !important; flex-direction:column; }
	.mb-flex-column-center { display:flex !important; flex-direction:column; align-items:center; flex-wrap:wrap; }
}