html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;	vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body,
body form * {line-height: 1; font-family: "Poppins";}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}

a{ text-decoration: none; color: #2F9D44; }
strong, b{ font-weight: bold; }
em, i{ font-style: italic; }

/* Layout */
.fluid-container{ width: 100%; float: left; padding: 0 1%; box-sizing: border-box;}
.container{ max-width: 100%; width: 1280px; margin: 0 auto; box-shadow: 1px 2px 10px #ccc;}

.row{ width: 100%; float: left; padding: 20px 0; box-sizing: border-box; }

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* Typography */
h1{ font-size: 36px; margin-bottom: 20px; line-height: 42px; font-weight: 600; }
h2{ font-size: 24px; margin-bottom: 18px; line-height: 30px; font-weight: 600; }
h3{ font-size: 18px; margin-bottom: 16px; line-height: 24px; font-weight: 600; }
h4{ font-size: 16px; margin-bottom: 14px; line-height: 22px; font-weight: 600; }
h5{ font-size: 14px; margin-bottom: 10px; line-height: 20px; font-weight: 600; }
h6{ font-size: 12px; margin-bottom: 10px; line-height: 18px; font-weight: 600; }
p{ font-size: 14px; line-height: 20px; margin-bottom: 10px; }

/* Media */
.img-fluid{ display: inline-block; width: 100%; }

/* Utilities */
.no-margin{ margin: 0!important; }
.no-padding{ padding: 0!important; }
.float-left{ float: left!important; }
.float-right{ float: right!important; }
.align-center{ text-align: center!important; }
.align-right{ text-align: right!important; }
.align-left{ text-align: left!important; }
.align-justify{ text-align: justify!important; }
.bold{ font-weight: bold!important; }
.italic{ font-style: italic!important; }
.text-uppercase{ text-transform: uppercase!important; }
.text-lowercase{ text-transform: lowercase!important; }
.text-normal{ text-transform: none!important; }
.rounded{ border-radius: 2px!important; }

/*Bxslider reset */
.bx-wrapper{ box-shadow: none; -webkit-box-shadow: none; border: 0;  }

/* Mobile */
.mobile-menu{ transition: all .2s; display: none; z-index: 9999999;}
.mobile-menu span{ background-color: #2F9D44; }
.mobile-menu.open span{ background-color: #fff; }


/* Buttons */
.btn{ display: inline-block; color: #fff;  background-color: #2F9D44; text-transform: uppercase; border-radius: 2px;}
.btn.btn-white{ background-color: #fff; color: #2F9D44;}
.btn.btn-dark{ background-color: #333; }
.btn.btn-green{ background-color: #2F9D44; }
.btn.btn-blue{ background-color: #2F8BCB; }
.btn.btn-large{ font-size: 18px; padding: 15px 30px; }
.btn.btn-medium{font-size: 16px; padding: 10px 20px; }
.btn.btn-small{ font-size: 14px; padding: 8px 16px; }
.btn.btn-facebook{ background-color: #3b66c4; color: #fff; }
.btn.btn-google{ background-color: #cb4633;  color: #fff; }

/* Form */
.form-fluid{ width: 100%; display: inline-block; }
.form-fluid label{ float: left; width: 100%; padding: 5px 0; font-size: 16px; }
.form-fluid .error{float: left; color: red; width: 100%; padding: 5px 0; font-size: 13px; }
.form-fluid input[type=text],
.form-fluid input[type=email],
.form-fluid input[type=password],
.form-fluid input[type=tel],
.form-fluid textarea,
.form-fluid select{ width: 100%; padding: 8px 15px; box-sizing: border-box; border:1px solid #fff; background-color: #fff; color: #333; border-radius: 2px; }
.form-fluid textarea{ height: 150px; }
.form-fluid input[type=text]:focus,
.form-fluid input[type=email]:focus,
.form-fluid input[type=password]:focus,
.form-fluid input[type=tel]:focus,
.form-fluid textarea:focus{ outline: none; border:1px solid #333; }
.form-fluid input[type=submit]{border-radius: 2px; border: 0; background-color: #2F9D44; color: #fff; text-transform: uppercase; cursor: pointer; padding: 14px; box-sizing: border-box; width: 100%;}
.form-fluid .row{  }

/* Base for label styling */
.checkbox input[type="checkbox"]:not(:checked), 
.checkbox input[type="checkbox"]:checked { position: absolute; left: -9999px;}
.checkbox input[type="checkbox"]:not(:checked) + label, 
.checkbox input[type="checkbox"]:checked + label {font-size: 14px; color: #333; position: relative; padding-left: 25px; cursor: pointer;}

/* checkbox aspect */
.checkbox input[type="checkbox"]:not(:checked) + label:before,
.checkbox input[type="checkbox"]:checked + label:before { content: '';   position: absolute; left:0; top: 2px; width: 15px; height: 15px; border: 2px solid #2F9D44!important;  }

/* checked mark aspect */
.checkbox input[type="checkbox"]:not(:checked) + label:after,
.checkbox input[type="checkbox"]:checked + label:after { content: '✔'; background-color: #2F9D44;  box-sizing: border-box;  position: absolute;  top: 4px; left: 1px;  font-size: 14px; padding: 3px;  line-height: 0.8;  color: #fff;  transition: all .2s;}

/* checked mark aspect changes */
.checkbox input[type="checkbox"]:not(:checked) + label:after { opacity: 0;  transform: scale(0);}
.checkbox input[type="checkbox"]:checked + label:after {  opacity: 1;  transform: scale(1);}

/* disabled checkbox */
.checkbox input[type="checkbox"]:checked:focus + label:before,
.checkbox input[type="checkbox"]:not(:checked):focus +  label:before {  border: 2px solid #2F9D44!important; }

/* hover style just for information */
.checkbox label:hover:before {  border: 2px solid #2F9D44!important;}

/* Pagination */
.pagination{ display: inline-block; float: right;  }
.pagination li{ display: inline-block; }
.pagination li a{ display: block; padding: 10px 10px; color: #2F8BCB; font-size: 14px; }
.pagination li a.active,
.pagination li a:hover{ background-color: #2F8BCB; color: #fff;  }

*[class^="col"]{ float: left; padding: 0 1%; box-sizing: border-box;}

.col-xl-1 { width: 8.33%; }
.col-xl-2 { width: 16.66%; }
.col-xl-3 { width: 25%; }
.col-xl-4 { width: 33.33%; }
.col-xl-5 { width: 41.66%; }
.col-xl-6 { width: 50%; }
.col-xl-7 { width: 58.33%; }
.col-xl-8 { width: 66.66%; }
.col-xl-9 { width: 75%; }
.col-xl-10 { width: 83.33%; }
.col-xl-11 { width: 91.66%; }
.col-xl-12 { width: 100%;  }

.offset-xl-0{ margin-left: 0; }
.offset-xl-1 { margin-left: 8.33%; }
.offset-xl-2 { margin-left: 16.66%; }
.offset-xl-3 { margin-left: 25%; }
.offset-xl-4 { margin-left: 33.33%; }
.offset-xl-5 { margin-left: 41.66%; }
.offset-xl-6{ margin-left: 50%; }
.offset-xl-7 { margin-left: 58.33%; }
.offset-xl-8 { margin-left: 66.66%; }
.offset-xl-9 { margin-left: 75%; }
.offset-xl-10 { margin-left: 83.33%; }
.offset-xl-11 { margin-left: 91.66%; }
.offset-xl-12 { margin-left: 100%; }

.hidden{ display: none; }


@media screen and (min-width: 1280px){
	.hidden-xl{ display: none; }
	.display-xl{ display: block; }
}

@media screen and (max-width: 1280px){

	.container{ padding: 0 1%; box-sizing: border-box; }

	.col-lg-1 { width: 8.33%; }
	.col-lg-2 { width: 16.66%; }
	.col-lg-3 { width: 25%; }
	.col-lg-4 { width: 33.33%; }
	.col-lg-5 { width: 41.66%; }
	.col-lg-6 { width: 50%; }
	.col-lg-7 { width: 58.33%; }
	.col-lg-8 { width: 66.66%; }
	.col-lg-9 { width: 75%; }
	.col-lg-10 { width: 83.33%; }
	.col-lg-11 { width: 91.66%; }
	.col-lg-12 { width: 100%;  }

	.offset-lg-0{ margin-left: 0; }
	.offset-lg-1 { margin-left: 8.33%; }
	.offset-lg-2 { margin-left: 16.66%; }
	.offset-lg-3 { margin-left: 25%; }
	.offset-lg-4 { margin-left: 33.33%; }
	.offset-lg-5 { margin-left: 41.66%; }
	.offset-lg-6{ margin-left: 50%; }
	.offset-lg-7 { margin-left: 58.33%; }
	.offset-lg-8 { margin-left: 66.66%; }
	.offset-lg-9 { margin-left: 75%; }
	.offset-lg-10 { margin-left: 83.33%; }
	.offset-lg-11 { margin-left: 91.66%; }
	.offset-lg-12 { margin-left: 100%; }

	.hidden-lg{ display: none; }
	.display-lg{ display: block; }
}

@media screen and (max-width: 1024px){
	.col-md-1 { width: 8.33%; }
	.col-md-2 { width: 16.66%; }
	.col-md-3 { width: 25%; }
	.col-md-4 { width: 33.33%; }
	.col-md-5 { width: 41.66%; }
	.col-md-6 { width: 50%; }
	.col-md-7 { width: 58.33%; }
	.col-md-8 { width: 66.66%; }
	.col-md-9 { width: 75%; }
	.col-md-10 { width: 83.33%; }
	.col-md-11 { width: 91.66%; }
	.col-md-12 { width: 100%;  }

	.offset-md-0{ margin-left: 0; }
	.offset-md-1 { margin-left: 8.33%; }
	.offset-md-2 { margin-left: 16.66%; }
	.offset-md-3 { margin-left: 25%; }
	.offset-md-4 { margin-left: 33.33%; }
	.offset-md-5 { margin-left: 41.66%; }
	.offset-md-6{ margin-left: 50%; }
	.offset-md-7 { margin-left: 58.33%; }
	.offset-md-8 { margin-left: 66.66%; }
	.offset-md-9 { margin-left: 75%; }
	.offset-md-10 { margin-left: 83.33%; }
	.offset-md-11 { margin-left: 91.66%; }
	.offset-md-12 { margin-left: 100%; }

	.hidden-md{ display: none; }
	.display-md{ display: block; }
	
}

@media screen and (max-width: 768px){
	.col-sm-1 { width: 8.33%; }
	.col-sm-2 { width: 16.66%; }
	.col-sm-3 { width: 25%; }
	.col-sm-4 { width: 33.33%; }
	.col-sm-5 { width: 41.66%; }
	.col-sm-6 { width: 50%; }
	.col-sm-7 { width: 58.33%; }
	.col-sm-8 { width: 66.66%; }
	.col-sm-9 { width: 75%; }
	.col-sm-10 { width: 83.33%; }
	.col-sm-11 { width: 91.66%; }
	.col-sm-12 { width: 100%;  }

	.offset-sm-0{ margin-left: 0; }
	.offset-sm-1 { margin-left: 8.33%; }
	.offset-sm-2 { margin-left: 16.66%; }
	.offset-sm-3 { margin-left: 25%; }
	.offset-sm-4 { margin-left: 33.33%; }
	.offset-sm-5 { margin-left: 41.66%; }
	.offset-sm-6{ margin-left: 50%; }
	.offset-sm-7 { margin-left: 58.33%; }
	.offset-sm-8 { margin-left: 66.66%; }
	.offset-sm-9 { margin-left: 75%; }
	.offset-sm-10 { margin-left: 83.33%; }
	.offset-sm-11 { margin-left: 91.66%; }
	.offset-sm-12 { margin-left: 100%; }

	.hidden-sm{ display: none; }
	.display-sm{ display: block; }

}

@media screen and (max-width: 576px){
	.col-xs-1 { width: 8.33%; }
	.col-xs-2 { width: 16.66%; }
	.col-xs-3 { width: 25%; }
	.col-xs-4 { width: 33.33%; }
	.col-xs-5 { width: 41.66%; }
	.col-xs-6 { width: 50%; }
	.col-xs-7 { width: 58.33%; }
	.col-xs-8 { width: 66.66%; }
	.col-xs-9 { width: 75%; }
	.col-xs-10 { width: 83.33%; }
	.col-xs-11 { width: 91.66%; }
	.col-xs-12 { width: 100%;  }

	.offset-xs-0{ margin-left: 0; }
	.offset-xs-1 { margin-left: 8.33%; }
	.offset-xs-2 { margin-left: 16.66%; }
	.offset-xs-3 { margin-left: 25%; }
	.offset-xs-4 { margin-left: 33.33%; }
	.offset-xs-5 { margin-left: 41.66%; }
	.offset-xs-6{ margin-left: 50%; }
	.offset-xs-7 { margin-left: 58.33%; }
	.offset-xs-8 { margin-left: 66.66%; }
	.offset-xs-9 { margin-left: 75%; }
	.offset-xs-10 { margin-left: 83.33%; }
	.offset-xs-11 { margin-left: 91.66%; }
	.offset-xs-12 { margin-left: 100%; }

	.hidden-xs{ display: none; }
	.display-xs{ display: block; }
}

span.size{ position: fixed; top: 0; left: 0; background-color: #0081ff; color: #fff; padding: 10px;  }
