
*,*:focus{outline: none}
body{padding: 0rem;margin: 0rem;width: 100%;background: #f4f3f3;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
strong {font-weight: bold;}

.row{padding: 0rem;margin: 0rem;width: 100%;}

/* ============================== SPACING =============================== */

.p-0{padding:0rem !important;}
.p-1{padding:1rem !important;}
.p-2{padding:2rem !important;}
.p-3{padding:3rem !important;}
.p-4{padding:4rem !important;}
.p-5{padding:5rem !important;}
.p-6{padding:6rem !important;}
.p-7{padding:7rem !important;}
.p-8{padding:8rem !important;}
.p-9{padding:9rem !important;}
.p-10{padding:10rem !important;}

.pt-0{padding-top:0rem !important;}
.pt-1{padding-top:1rem !important;}
.pt-2{padding-top:2rem !important;}
.pt-3{padding-top:3rem !important;}
.pt-4{padding-top:4rem !important;}
.pt-5{padding-top:5rem !important;}
.pt-6{padding-top:6rem !important;}
.pt-7{padding-top:7rem !important;}
.pt-8{padding-top:8rem !important;}
.pt-9{padding-top:9rem !important;}
.pt-10{padding-top:10rem !important;}

.pb-0{padding-bottom:0rem !important;}
.pb-1{padding-bottom:1rem !important;}
.pb-2{padding-bottom:2rem !important;}
.pb-3{padding-bottom:3rem !important;}
.pb-4{padding-bottom:4rem !important;}
.pb-5{padding-bottom:5rem !important;}
.pb-6{padding-bottom:6rem !important;}
.pb-7{padding-bottom:7rem !important;}
.pb-8{padding-bottom:8rem !important;}
.pb-9{padding-bottom:9rem !important;}
.pb-10{padding-bottom:10rem !important;}

.p-1-9{padding: 0.9rem !important;}
.p-1-8{padding: 0.8rem !important;}
.p-1-7{padding: 0.7rem !important;}
.p-1-6{padding: 0.6rem !important;}
.p-1-5{padding: 0.5rem !important;}
.p-1-4{padding: 0.4rem !important;}
.p-1-3{padding: 0.3rem !important;}
.p-1-2{padding: 0.2rem !important;}
.p-1-1{padding: 0.1rem !important;}

.pb-1-1{padding-bottom: 0.1rem !important;}
.pb-1-2{padding-bottom: 0.2rem !important;}
.pb-1-3{padding-bottom: 0.3rem !important;}
.pb-1-4{padding-bottom: 0.4rem !important;}
.pb-1-5{padding-bottom: 0.5rem !important;}
.pb-1-6{padding-bottom: 0.6rem !important;}
.pb-1-7{padding-bottom: 0.7rem !important;}
.pb-1-8{padding-bottom: 0.8rem !important;}
.pb-1-9{padding-bottom: 0.9rem !important;}

.pt--1{padding-top:-1rem !important;}
.pt--2{padding-top:-2rem !important;}
.pt--3{padding-top:-3rem !important;}
.pt--4{padding-top:-4rem !important;}
.pt--5{padding-top:-5rem !important;}
.pt--6{padding-top:-6rem !important;}
.pt--7{padding-top:-7rem !important;}
.pt--8{padding-top:-8rem !important;}
.pt--9{padding-top:-9rem !important;}
.pt--10{padding-top:-10rem !important;}

.pb--0{padding-bottom:-0rem !important;}
.pb--1{padding-bottom:-1rem !important;}
.pb--2{padding-bottom:-2rem !important;}
.pb--3{padding-bottom:-3rem !important;}
.pb--4{padding-bottom:-4rem !important;}
.pb--5{padding-bottom:-5rem !important;}
.pb--6{padding-bottom:-6rem !important;}
.pb--7{padding-bottom:-7rem !important;}
.pb--8{padding-bottom:-8rem !important;}
.pb--9{padding-bottom:-9rem !important;}
.pb--10{padding-bottom:-10rem !important;}

.m-0{margin: 0rem !important;}
.m-1{margin: 1rem !important;}
.m-2{margin: 2rem !important;}
.m-3{margin: 3rem !important;}
.m-4{margin: 4rem !important;}
.m-5{margin: 5rem !important;}
.m-6{margin: 6rem !important;}
.m-7{margin: 7rem !important;}
.m-8{margin: 8rem !important;}
.m-9{margin: 9rem !important;}
.m-10{margin: 10rem !important;}

.m-0-9{margin: 0.9rem !important;}
.m-0-8{margin: 0.8rem !important;}
.m-0-7{margin: 0.7rem !important;}
.m-0-6{margin: 0.6rem !important;}
.m-0-5{margin: 0.5rem !important;}
.m-0-4{margin: 0.4rem !important;}
.m-0-3{margin: 0.3rem !important;}
.m-0-2{margin: 0.2rem !important;}
.m-0-1{margin: 0.1rem !important;}

.mt-1{margin-top: 1rem !important;}
.mt-2{margin-top: 2rem !important;}
.mt-3{margin-top: 3rem !important;}
.mt-4{margin-top: 4rem !important;}
.mt-5{margin-top: 5rem !important;}
.mt-6{margin-top: 6rem !important;}
.mt-7{margin-top: 7rem !important;}
.mt-8{margin-top: 8rem !important;}
.mt-9{margin-top: 9rem !important;}
.mt-10{margin-top: 10rem !important;}

.m--1{margin: -1rem !important;}
.m--2{margin: -2rem !important;}
.m--3{margin: -3rem !important;}
.m--4{margin: -4rem !important;}
.m--5{margin: -5rem !important;}
.m--6{margin: -6rem !important;}
.m--7{margin: -7rem !important;}
.m--8{margin: -8rem !important;}
.m--9{margin: -9rem !important;}
.m--10{margin: -10rem !important;}

.mt--1{margin-top: -1rem !important;}
.mt--2{margin-top: -2rem !important;}
.mt--3{margin-top: -3rem !important;}
.mt--4{margin-top: -4rem !important;}
.mt--5{margin-top: -5rem !important;}
.mt--6{margin-top: -6rem !important;}
.mt--7{margin-top: -7rem !important;}
.mt--8{margin-top: -8rem !important;}
.mt--9{margin-top: -9rem !important;}
.mt--10{margin-top: -10rem !important;}

.mt--0-1{margin-top: -0.1rem !important;}
.mt--0-2{margin-top: -0.2rem !important;}
.mt--0-3{margin-top: -0.3rem !important;}
.mt--0-4{margin-top: -0.4rem !important;}
.mt--0-5{margin-top: -0.5rem !important;}
.mt--0-6{margin-top: -0.6rem !important;}
.mt--0-7{margin-top: -0.7rem !important;}
.mt--0-8{margin-top: -0.8rem !important;}
.mt--0-9{margin-top: -0.9rem !important;}

.h-100{height: 100%;}
.h-90{height: 90%;}
.h-80{height: 80%;}
.h-70{height: 70%;}
.h-60{height: 60%;}
.h-50{height: 50%;}
.h-40{height: 40%;}
.h-30{height: 30%;}
.h-20{height: 20%;}
.h-10{height: 10%;}

.w-100{width: 100%;}
.w-90{width: 90%;}
.w-80{width: 80%;}
.w-70{width: 70%;}
.w-60{width: 60%;}
.w-50{width: 50%;}
.w-40{width: 40%;}
.w-30{width: 30%;}
.w-20{width: 20%;}
.w-10{width: 10%;}

.max-w-100{max-width: 100%;}
.max-w-90{max-width: 90%;}
.max-w-80{max-width: 80%;}
.max-w-70{max-width: 70%;}
.max-w-60{max-width: 60%;}
.max-w-75{max-width: 50%;}
.max-w-40{max-width: 40%;}
.max-w-30{max-width: 30%;}
.max-w-20{max-width: 20%;}
.max-w-10{max-width: 10%;}

.min-w-100{min-width: 100%;}
.min-w-90{min-width: 90%;}
.min-w-80{min-width: 80%;}
.min-w-70{min-width: 70%;}
.min-w-60{min-width: 60%;}
.min-w-75{min-width: 50%;}
.min-w-40{min-width: 40%;}
.min-w-30{min-width: 30%;}
.min-w-20{min-width: 20%;}
.min-w-10{min-width: 10%;}

.text-danger{color:red;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-bold{font-weight: bold;}
.display-none{display: none;}
.table-responsive{width: 100%;overflow: auto;}

/* =============================== TABLE ================================ */
.table th, td{vertical-align: middle !important;overflow: auto;background: #FFFFFF;}
.table-bordered th, td{border: 1px solid #d2d2d2;}

.table th{color: #5e5e5e;}
.table td{color: #787878;}

.table-sm th{font-size: 12px;padding: 0.5rem;}
.table-sm td{font-size: 11.5px;padding: 0.3rem;}

.table-md th{font-size: 14px;padding: 0.9rem;}
.table-md td{font-size: 13.5px;padding: 0.7rem;}

.table-lg th{font-size: 16px;padding: 1.4rem;}
.table-lg td{font-size: 15.5px;padding: 1.2rem;}

.table-th-info th {background-color: #00bcd4;color: #FFFFFF;}
.table-th-primary th {background-color: #2196f3;color: #FFFFFF;}


td.table-td-input{padding: 0rem;width: auto;}
td.table-td-input input{width: 100%;box-sizing: border-box;border: none;outline: none;padding: 0.3rem;letter-spacing: 0.5px;font-size: inherit;}

td.td-hover:hover
{
	background-color: #f0f0f0;
	cursor: pointer;
}

td.td-hover:active
{
	background-color: #e1e1e1;
}

/* =============================== BUTTON ================================ */

.button 
{
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    margin-left: -1px;
    box-shadow: 0 0.5px 0.5px rgba(0,0,0,0.1);
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #c6c6c6;
    text-decoration: none;
    letter-spacing: 1px;
    color: #606060;
    font-size: 12px;
}

.button-sm
{
	font-size: 11px;
	line-height: 2;
	padding: 0rem 0.5rem 0rem 0.5rem;
}
.button-md
{
	font-size: 12px;
	line-height: 3;
	padding: 0rem 0.8rem 0rem 0.8rem;
}
.button-lg
{
	font-size: 13px;
	line-height: 4;
	padding: 0rem 1rem 0rem 1rem;
}

.button-primary
{
    background-image: -webkit-linear-gradient(top,#2196f3,#42a5f5 );
    border: 1px solid #2196f3;
    color: #FFFFFF;
}

.button-info
{
	background-image: -webkit-linear-gradient(top,#00bcd4,#00acc1 );
    border: 1px solid #0097a7 ;
    color: #FFFFFF;
}

.button-danger
{
	background-image: -webkit-linear-gradient(top,#f44336 ,#e53935);
    border: 1px solid #d32f2f;
    color: #FFFFFF;
}

.button-warning
{
	background-image: -webkit-linear-gradient(top,#cddc39 ,#c0ca33);
    border: 1px solid #afb42b;
    color: #FFFFFF;
}

.button:hover 
{
    box-shadow: inset 0 5px 5px rgba(0,0,0,0.1);
}

.button:active
{
  	border: 1px solid #d7d7d7;
  	box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.1);
}
.button:focus
{
	outline: none !important;
}

.is-pressed 
{
  	background: -webkit-linear-gradient(top,#eee,#e0e0e0);
  	border: 1px solid #d7d7d7;
  	box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.1);
}

/* ============================= CUSTOME CSS ============================= */
#body-v01
{
	background-color: #E8F3FE;
}
.footer-v01
{
	margin-top: 0rem;
	height: 100%;
	background-color: #2f6c9e;
	padding: 5rem;
	padding-bottom: 2rem;
}
.asdrfhasdasgas
{
	background: #0052D4 !important;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #6FB1FC, #4364F7, #0052D4) !important;  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #6FB1FC, #4364F7, #0052D4) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.b-test
{
	border: 1px solid red !important;
}
.col-v01
{
	background-color: #e5e5e5;
}
.h6-v01
{
	letter-spacing: normal;
	color: #868686;
}
.card 
{
	box-shadow: 0px 1px 5px rgba(38, 38, 38, 0.2);
	background-color: white;
}
.form
{
	font-family: sans-serif;
}
.form-item
{
	position: relative;
}
.form-item textarea
{
	background: transparent;
	border: solid 1px #ccc;
	transition: all .3s ease;
	letter-spacing: 1.1px;
	padding: 0.5rem;
	font-size: 12px;
}
.form-item input
{
	display: block;
	width: 100%;
	height: 40px;
	background: transparent;
	border: solid 1px #ccc;
	transition: all .3s ease;
	padding: 0 15px;
	padding-top: 0rem;
	letter-spacing: 1.1px;
	font-size: 12px;
	width: 100%;
}
.form-item input:focus
{
  	border-color: #b4b4b4;
}
.form-item label
{
	position: absolute;
	cursor: text;
	z-index: 2;
	top: 10px;
	left: 10px;
	letter-spacing: 0.7px;
	font-size: 12px;
	background: #fff;
	padding: 0px;
	color: #999;
	transition: all .3s ease;
}
.form-item input:focus + label,.form-item input:valid + label
{
  	font-size: 11px;
  	top: -10px
}
.form-item input:focus + label
{
  	color: #b4b4b4
}
.navbar-brand img 
{
	width:13rem;
	display: block !important;
}
.navbar
{
	margin-top: -1.2rem;
	height: 100px;
	background:#fff !important;
	box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}
.nav-item a
{
	color: #000000 !important;
}
.input-group i 
{
	padding: 15px;
	font-size: 17px;
	width: 50px;
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
	border-radius: 50%;
}

.input-group i:hover {
opacity: 0.7;
}

.fa-facebook-f {
	background: #3B5998;
	color: white;
}

.fa-instagram
{
	background: #125688;
	color: white;
}
.fa-youtube
{
	background: #bb0000;
	color: white;
}
.fa-tiktok
{
	background: black;
	color: white;
}
.ewagwhrwha-footer
{
	margin-top: 0rem;height: 100%;background-color: #2f6c9e;padding: 5rem;padding-bottom: 2rem;
}
#slideshow > div 
{
	width: 100%;
	height: 100%;
}
#slideshow > div > img
{
	width:100%;
	height: 100%;
	object-fit: contain;
}
@media only screen and (max-width: 990px) 
{
	.ftco-footer
	{
		min-width: 100% !important;
		padding: 0rem !important;
		padding-top: 5rem !important;
		margin: 0rem !important;
	}
	.container-footer
	{
		max-width: 100% !important;
	}
}

@media only screen and (max-width: 360px) 
{
	.navbar-brand
	{
		margin: 0 auto !important;
	}
	.navbar
	{
		height: auto !important;
	}
	#back-btn
	{
		margin-bottom: 1rem;
		margin-top: 1rem;
		padding: 0.3rem;
		width: 100%;
	}
}
