/*= 
	font-family: 'Poppins', sans-serif;
	font-family: 'Barlow Semi Condensed', sans-serif; =*/

html {
	width: 100%;
	height:100%;
}

*:focus {outline:none !important;}

::selection {/* WebKit/Blink Browsers */
	background: #000; 
	color:#fff;
}
::-moz-selection {/* Gecko Browsers */
	background: #000; 
	color:#fff;
}

body {
	height:100%;
	margin:0;
	padding:0px;
	background:#fff;
	font-family: 'Poppins', sans-serif;
	font-size:17px;
	font-weight:300;
	color:#777;
	line-height:26px;
}
a {
	color:#006000;
	cursor:pointer;
	text-decoration:none !important;
		-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
a:hover {color:#222;}
a, a:hover, a:visited, a:active { outline:none !important;}


a.moreInfo {
	color:#006000;
	position: relative;
	text-decoration: none;
	display: inline-block;
}
a.moreInfo span {
	width: 0;
	height: 100%;
	position: absolute;
	display: block;
	border-bottom: 1px solid #006000;
	left: 50%;
	top: 0;
		-moz-transition: 0.2s ease;
		-ms-transition: 0.2s ease;
		-o-transition: 0.2s ease;
		-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}
a.moreInfo:hover span {
	text-decoration: none;
	display: inline-block;
	width: 100%;
	left:0;
}

strong, b {font-weight:600;}

.font-weight-100 { font-weight:100;}
.font-weight-200 { font-weight:200;}
.font-weight-300 { font-weight:300;}
.font-weight-400 { font-weight:400;}
.font-weight-500 { font-weight:500;}
.font-weight-600 { font-weight:600;}
.font-weight-700 { font-weight:700;}
.font-weight-800 { font-weight:800;}
.font-weight-900 { font-weight:900;}

p {margin:0 0 30px 0;padding:0;}

hr {
  margin:24px 0px 25px 0px;
  padding:0;
  border:0;
  border-top:1px solid #fff;
  border-bottom:1px solid #d5d5d5;
}


/**===== HEADING =*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Barlow Semi Condensed', sans-serif;
	margin:0px;
	padding:0px;
	color:#222;
	font-weight:400;
}
h1 {
	font-size:2em;
	line-height:1.2em;
}

h2 {
	font-size:1.85em;
	line-height:1.2em;
}

h3 {
	font-size:1.6em;
	line-height:1.2em;
}

h4 {
	font-size:1.4em;
	line-height:1.2em;
}

h5 {
	font-size:1.25em;
	line-height:1.3em;
}

h6 {
	font-size:1em;
	line-height:1.3em;
}


/**===== LIST STYLING =*/
ul, ol {
	margin:10px 0 20px 50px;
	padding:0px;
}
ul li, ol li {
	margin:0px;
	padding:0 0px 10px 0;
}
ul li:last-child { border:none;}

.fb-page, .fb-page iframe[style], .fb-page span {width: 100% !important;}

img {
	border:none;
	vertical-align:top;
	max-width:100%;
}

.ImgBorder {
	border:3px solid #d9e1eb;
	padding:3px;
	background:none;
}

.img_left {float:left;margin:0px 20px 15px 0px;}
.img_right {float:right;margin:0px 0px 15px 20px;}

.left { float:left;}
.right { float:right;}

.clear { clear:both;}
.clear_left {clear:left;}
.clear_right { clear:right;}

.pad10 { padding:10px;}
.pad15 { padding:15px;}
.pad20 { padding:20px;}
.pad20_0 { padding:20px 0px;}
.pad25 { padding:25px;}
.pad30 { padding:30px;}
.pad35 { padding:35px;}
.pad40 { padding:40px;}
.pad50 { padding:50px;}


/*= PADDING =*/
.PT0 { padding-top:0px !important;}
.PT10 { padding-top:10px !important;}
.PT20 { padding-top:20px !important;}
.PT30 { padding-top:30px !important;}
.PT40 { padding-top:40px !important;}
.PT50 { padding-top:50px !important;}
.PT60 { padding-top:60px !important;}
.PT70 { padding-top:70px !important;}
.PT80 { padding-top:80px !important;}
.PT90 { padding-top:90px !important;}
.PT100 { padding-top:100px !important;}
.PT110 { padding-top:110px !important;}
.PT120 { padding-top:120px !important;}
.PT130 { padding-top:130px !important;}
.PT140 { padding-top:140px !important;}
.PT150 { padding-top:150px !important;}

.PB0 { padding-bottom:0px !important;}
.PB10 { padding-bottom:10px !important;}
.PB20 { padding-bottom:20px !important;}
.PB30 { padding-bottom:30px !important;}
.PB40 { padding-bottom:40px !important;}
.PB50 { padding-bottom:50px !important;}
.PB60 { padding-bottom:60px !important;}
.PB70 { padding-bottom:70px !important;}
.PB80 { padding-bottom:80px !important;}
.PB90 { padding-bottom:90px !important;}
.PB100 { padding-bottom:100px !important;}
.PB110 { padding-bottom:110px !important;}
.PB120 { padding-bottom:120px !important;}
.PB130 { padding-bottom:130px !important;}
.PB140 { padding-bottom:140px !important;}
.PB150 { padding-bottom:150px !important;}

.PL0 { padding-left:0px !important;}
.PL10 { padding-left:10px !important;}
.PL20 { padding-left:20px !important;}
.PL30 { padding-left:30px !important;}
.PL40 { padding-left:40px !important;}
.PL50 { padding-left:50px !important;}
.PL60 { padding-left:60px !important;}
.PL70 { padding-left:70px !important;}
.PL80 { padding-left:80px !important;}
.PL90 { padding-left:90px !important;}
.PL100 { padding-left:100px !important;}
.PL110 { padding-left:110px !important;}
.PL120 { padding-left:120px !important;}
.PL130 { padding-left:130px !important;}
.PL140 { padding-left:140px !important;}
.PL150 { padding-left:150px !important;}

.PR0 { padding-right:0px !important;}
.PR10 { padding-right:10px !important;}
.PR20 { padding-right:20px !important;}
.PR30 { padding-right:30px !important;}
.PR40 { padding-right:40px !important;}
.PR50 { padding-right:50px !important;}
.PR60 { padding-right:60px !important;}
.PR70 { padding-right:70px !important;}
.PR80 { padding-right:80px !important;}
.PR90 { padding-right:90px !important;}
.PR100 { padding-right:100px !important;}
.PR110 { padding-right:110px !important;}
.PR120 { padding-right:120px !important;}
.PR130 { padding-right:130px !important;}
.PR140 { padding-right:140px !important;}
.PR150 { padding-right:150px !important;}

/*= MARGIN =*/
.MT0 { margin-top:0px;}
.MT10 { margin-top:10px;}
.MT20 { margin-top:20px;}
.MT30 { margin-top:30px;}
.MT40 { margin-top:40px;}
.MT50 { margin-top:50px;}
.MT60 { margin-top:60px;}
.MT70 { margin-top:70px;}
.MT80 { margin-top:80px;}
.MT90 { margin-top:90px;}
.MT100 { margin-top:100px;}
.MT110 { margin-top:110px;}
.MT120 { margin-top:120px;}
.MT130 { margin-top:130px;}
.MT140 { margin-top:140px;}
.MT150 { margin-top:150px;}

.MB0 { margin-bottom:0px;}
.MB10 { margin-bottom:10px;}
.MB20 { margin-bottom:20px;}
.MB30 { margin-bottom:30px;}
.MB40 { margin-bottom:40px;}
.MB50 { margin-bottom:50px;}
.MB60 { margin-bottom:60px;}
.MB70 { margin-bottom:70px;}
.MB80 { margin-bottom:80px;}
.MB90 { margin-bottom:90px;}
.MB100 { margin-bottom:100px;}
.MB110 { margin-bottom:110px;}
.MB120 { margin-bottom:120px;}
.MB130 { margin-bottom:130px;}
.MB140 { margin-bottom:140px;}
.MB150 { margin-bottom:150px;}

.ML0 { margin-left:0px;}
.ML10 { margin-left:10px;}
.ML20 { margin-left:20px;}
.ML30 { margin-left:30px;}
.ML40 { margin-left:40px;}
.ML50 { margin-left:50px;}
.ML60 { margin-left:60px;}
.ML70 { margin-left:70px;}
.ML80 { margin-left:80px;}
.ML90 { margin-left:90px;}
.ML100 { margin-left:100px;}
.ML110 { margin-left:110px;}
.ML120 { margin-left:120px;}
.ML130 { margin-left:130px;}
.ML140 { margin-left:140px;}
.ML150 { margin-left:150px;}

.MR0 { margin-right:0px;}
.MR10 { margin-right:10px;}
.MR20 { margin-right:20px;}
.MR30 { margin-right:30px;}
.MR40 { margin-right:40px;}
.MR50 { margin-right:50px;}
.MR60 { margin-right:60px;}
.MR70 { margin-right:70px;}
.MR80 { margin-right:80px;}
.MR90 { margin-right:90px;}
.MR100 { margin-right:100px;}
.MR110 { margin-right:110px;}
.MR120 { margin-right:120px;}
.MR130 { margin-right:130px;}
.MR140 { margin-right:140px;}
.MR150 { margin-right:150px;}

.PositionRelative {position:relative;}
.CenterBlock {float:none;margin:0 auto;}


/**===== TEXT COLORS =*/
.TextBlack { color:#222 !important;}
.TextBlue { color:#026cc2 !important;}
.TextIndigo { color:#6610f2 !important;}
.TextPurple { color:#6f42c1 !important;}
.TextPink { color:#e83e8c !important;}
.TextRed { color:#dc3545 !important;}
.TextOrange { color:#fd7e14 !important;}
.TextYellow { color:#ffe400 !important;}
.TextGreen { color:#006000 !important;}
.TextTeal { color:#20c997 !important;}
.TextCyan { color:#17a2b8 !important;}
.TextWhite { color:#fff !important;}
.TextGray { color:#6c757d !important;}
.TextGray-dark { color:#343a40 !important;}
.TextPrimary { color:#007bff !important;}
.TextSecondary { color:#6c757d !important;}
.TextSuccess { color:#28a745 !important;}
.TextInfo { color:#17a2b8 !important;}
.TextWarning { color:#ffc107 !important;}
.TextDanger { color:#dc3545 !important;}
.TextLight { color:#f8f9fa !important;}
.TextDark { color:#343a40 !important;}

.Note { font-size:14px; line-height:16px; font-weight:400;}
strong.Note { font-weight:500;}


/**===== BACKGROUND COLORS =*/
.BgWhite, .transparent { background:#fff; border:1px solid #d9e1eb;}
.BgBlack {background:#222;color:#fff;}
.BgDrkGray {background:#333;color:#fff;}
.BgLitGrey {background:#f5f5f5;}
.BgBrown  {background:#7a4f27;color:#fff;}
.BgPurple { background:#6f3789;color:#fff;}
.BgViolet { background:#9927de;color:#fff;}
.BgOrange { background:#f88538;color:#fff;}
.BgPink { background:#f66cbd;color:#fff;}
.BgGreen { background:#006000;color:#fff;}
.BgBlue { background:#026cc2;color:#fff;}
.BgYellow { background:#e0f401;color:#000;}
.BgRed { background:#cf2a27;color:#fff;}
.BgMaroon { background:#cd0e0e;color:#fff;}


/**===== BUTTON =*/
.btn {
	font-family: 'Poppins', sans-serif;
	color:#fff;
	font-weight:400;
	font-size:15px;
	line-height:22px;
	cursor: pointer;
	background:#006000;
	border:none;
	border-radius:0;
	padding:10px 30px;
	height:auto;
	margin:0;
	min-width:165px;
	letter-spacing:1px;
		-webkit-transition: 0.4s ease;
	transition: 0.4s ease;
}
.btn:hover, .btn:focus, .btn.focus {
	color:#fff;
	background:#222;
}

.AnchorBtn.btn { padding:0; margin: 6px; margin-bottom: 20px;}
.btn a {
	color:#fff;
	display:block;
	padding:10px 30px;
}


/**===== INPUT FIELD =*/
label {
    font-weight: 400;
    color: #151515;
    margin-bottom: 5px;
	line-height:22px;
}

.form-control {
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:15px;
	line-height:22px;
	color:#999;
	background:none;
	z-index: 1;
	border:1px solid #d5d5d5;
	border-radius:0;
	height:auto;
	padding:14px 0 12px 0;
	text-indent:15px;
	box-shadow:none;
	margin:0;
	position:relative;
	cursor:text;
}
.form-control:focus {
	box-shadow:none;
	border-color:#222;
	color:#000;
}

.form-control::-moz-placeholder {color: #999;}
.form-control:-ms-input-placeholder {color: #999;}
.form-control::-webkit-input-placeholder {color: #999;}

select {padding:12px 0 13px 0 !important;}

.input-group-addon {
	border:1px solid #d9e1eb;
	border-radius:0;
	font-size:18px;
	padding:6px 13px;
	cursor:pointer;
	background:#eee;
	color:#c5c5c5;
	min-width:50px;
}

.field_error button, .field_error input, .field_error select, .field_error textarea { border-color:#333;}

input[type=file] {
	text-indent:-1px;
	padding:13px 0 12px 0;
}

/*= https://css-tricks.com/float-labels-css/ */
.FieldWrapp { position: relative;}

.FieldWrapp label {
	transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
	position: absolute;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:15px;
	line-height:22px;
	color:#999;
	cursor:text;
	top:14px;
	left:15px;
	width: 100%;
}

label span,
.FieldWrapp label span {
	color:#dc3545;
	font-size:17px;	
}

.FieldWrapp input:focus + label,
.FieldWrapp textarea:focus + label {
	z-index: 2;
	color:#222;
}

.FieldWrapp textarea {
	display: block;
	resize: vertical;
}

.FieldWrapp input:focus,
.FieldWrapp textarea:focus {
	
}
.FieldWrapp input:focus + label,
.FieldWrapp textarea:focus + label {
	top:-22px;
	left:0px;
}

.FieldWrapp input:valid,
.FieldWrapp textarea:valid {
	background: #fff;
}



/**===== PAGINATION NAV =*/
.PagNav {
	text-align:right;
	margin:15px 0 0 0;
}

ul.pagination {
	margin:20px 0 0 0;
	padding:0px;
}
ul.pagination li {
	margin:0px;
	padding:0px;
	background:none;
	border:none;
}
.pagination li a { color:#777 !important;}
.pagination > li > a, .pagination > li > span { border-color:#d9e1eb;}
.pagination li a:hover, .pagination li span:hover, .pagination li a:focus, .pagination li span:focus {background:#f5f5f5;color:#000 !important;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { border-color:#f5f5f5;}



/**===== NOTIFICATIONS =*/
.alert {
	position:relative;
	border-radius:0;
	padding: 15px 15px 15px 40px;
	margin:15px 0;
}

.alert-success:before,
.alert-info:before,
.alert-warning:before,
.alert-danger:before {
	font-family: 'FontAwesome';
	font-size:20px;
	margin-right:10px;
	position:absolute;
	top:16px;
	left:14px;
}
.alert-warning:before{content: "\f06a";}
.alert-danger:before{content: "\f057";}
.alert-success:before{content: "\f058";}
.alert-info:before{content: "\f05a";}

.alert .close {
    color: inherit;
    opacity: .3;
    top: 50%;
    position: absolute;
    right: 6px;
    margin-top: -9px;
}

#sMsg {
	position: fixed;
	top:100px;
	left: 0;
	padding: 0 40px;
	width: 100vw;
	display: none;
}
#sMsg>* {
	display: block;
}

.alert_text {
	margin:15px 15px 0 15px;
	background:#d41111;
	border-bottom:2px solid #ccc;
	font-size:15px;
	font-weight:400;
	color:#fff;
	padding:6px 12px;
		-moz-border-radius:4px;
		-ms-border-radius:4px;
		-o-border-radius:4px;
		-webkit-border-radius:4px;
	border-radius:4px;
	position:relative;
}
.alert_text:before {
    content: '';
    left:20px;
    top:-10px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f0f0f0;
}


/**===== BREADCRUMBS =*/
.BreadCrumbs {
	font-weight:600;
	font-size:13px;
	line-height:16px;
	color:#999;
	text-transform:uppercase;
	display:inline-block;
}

.BreadCrumbs a {
	 margin-right:6px;
	 color:#e0f401;
}

.BreadCrumbs a:after {
	font-family: "FontAwesome";
	content:'\f054';
	font-size:11px;
	margin:0 0 0 10px;
}


/*=== LOADER =*/
#preloader {
	width:100%;
	height:100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
}

#status {
    width:100px;
    height:100px;
    position: absolute;
    left:50%;
    top:50%;
    background-image: url(../images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -50px 0 0 -50px;
}


/**===== TABLE STYLING =*/
/*https://www.w3schools.com/bootstrap/bootstrap_tables.asp*/
.table > thead > tr > th {
    vertical-align: middle;
    border-bottom:none;
    background: #006000;
	font-family: 'Poppins', sans-serif;
    color: #fff;
    font-weight: normal;
	font-size:15px;
	line-height:18px;
	font-weight:500;
	padding:12px 15px;
	border-right:1px solid #fff;
	text-transform:uppercase
}
.table > thead > tr > th:last-child { border-right-color:#006000;}

.table > tbody > tr > td {
	/*padding:10px 15px;*/
	border-top:none;
	border-bottom:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
	color:#222;
	font-size:15px;
	font-weight:400;
}
.table > tbody > tr > td:last-child { border-right:1px solid #d5d5d5;}


/**===== GO TO TOP BUTTON =*/
.topBtn {
	display:none;
	position: fixed;
	right: 40px;
	bottom: 40px;
	cursor: pointer;
	z-index: 10;
}
.topBtn img {
	height:50px;
	width:50px;
}
@media All and (max-width:1366px) {
	.topBtn {
		right: 10px;
		bottom: 10px;
	}
	.wa-btn{
		display: none;
		 position: absolute;
	}
}
@media All and (max-width:2560px) {
	
	.wa-btn{
		display: none;
		 position: absolute;
	}
}
@media All and (max-width:768px) {
	.topBtn {
		bottom:0;
		margin-right:-10px;
	}
	.wa-btn{
	display: block;
    position: fixed;
    right: 20px;
    bottom: 25px;
    z-index: 999;
    width: 50px;
	}
}