/* -CSS Reset */
/* -Responsive */
/* -Generic Classes */
/* -Header */
/* -Pre-Content */
/* -Content */
/* -Post-Content */
/* -Footer */

/*--------------------------------------------------------------
# CSS Reset
--------------------------------------------------------------*/
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, ins, kbd, q, s, samp,
small, strike, 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;
  color:#333333;
	line-height: 1.5;
}
strong {  font-family: "Gilroy-black", Trebuchet Ms, sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
    margin: 0;
    padding: 0;
	overflow-x:hidden; color: #333;
	font-family: "Gilroy-med", Arial, Helvetica, sans-serif;
	font-size:18px; line-height: 1.4;

	

}
#body-wrapper { background-color: #ffffff;}

.inline-block
{
    display: inline-block;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1; margin-top: 0;
}
ol, ul {
	list-style-image: url(../images/check.png);
  padding-left: 5px;
  margin-left: 10px;
	text-align: left;
}
li{	margin-bottom: 5px; font-weight: bold;}
@font-face {
  font-family: "Lato-Regular";
  src: url(../fonts/Lato-Regular.ttf);
}

@font-face {
  font-family: "Lato-Medium";
  src: url(../fonts/Lato-Medium.ttf);
}

@font-face {
  font-family: "Lato-Heavy";
  src: url(../fonts/Lato-Heavy.ttf);
}


.lato-regular {
  font-family: "Lato-Regular";
}

.lato-medium {
  font-family: "Lato-Medium";
}

.lato-heavy {
  font-family: "Lato-Heavy";
}
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;
}
/********** EO CSS Reset **********/


/*----------------------------------------
# Objects
----------------------------------------*/
* {
	box-sizing: border-box;
}

/*--------------------
## Widths
--------------------*/
.w-50 {
	width: 50%;
}

.w-60 {
	width: 60%;
}

.w-70 {
	width: 70%;
}

.w-100 {
	width: 100%;
}

.h-100 {
	height: 100%;
}

/*--------------------
## Element Spacing
--------------------*/
/***** Margin *****/
.mb-0 {
	margin-bottom: 0 !important;
}
.marginauto { margin:0 auto;}

/* PX */
.mbx-10 {
	margin-bottom: 10px;
}

.mbx-15 {
	margin-bottom: 15px;
}

.mbx-20 {
	margin-bottom: 20px;
}

.mtx-20 {
	margin-top: 20px;
}

.mbx-30 {
	margin-bottom: 30px;
}

.marleft
	{
	margin-left: -100px;
}
/***** Padding *****/
.pb-0 {
	padding-bottom: 0 !important;
}

.plx-5 {
	padding-left: 5px;
}

.pbm-1 {
	padding-bottom: 1em;
}

.pbx-10 {
	padding-bottom: 10px;
}

.pbx-30 {
	padding-bottom: 30px;
}

/*--------------------
## Fonts Styles
--------------------*/
.small {
	font-size: 95%;
}

.smaller {
	font-size: 90%;
}

.smallest {
	font-size: 85%;
	 line-height: .5;
}
.smallest2 {
	font-size: 14px;
	 line-height: 1;
}

.big {
	font-size: 110%; letter-spacing: .2 px;
}

.bigw {
	font-size: 110%; letter-spacing: .2 px;
	color: #ffffff;
}
 
.bigger {
	font-size: 130%;
}

.biggest {
	font-size: 250%;
}

.bigblack {
	font-size: 60px; letter-spacing: .2 px;
	font-family: "Gilroy-black", Trebuchet Ms, sans-serif;
	color: #eeeeee;
}
/*--------------------
## Others
--------------------*/

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.bold {
	font-weight: bold;
}

.italize {
	font-style: italic;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.inline-block {
	display: inline-block;
}

.uppercase {
	text-transform: uppercase;
}



.relative {
	position: relative;
}

/*--------------------
## Objects (Multi Att)
--------------------*/
.clearfix:after,
.row:after,
.inner-wrap:after,
.brands-slide:after,
.testimonial-slide:after,
.client-list:after,
#primary-menu:after {
	content: " ";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.column-2 {
	float: left;
	width: 50%;
}
.column-2b {
	float: left;
	width: 45%;
}
.column-2r {
	float: right;
	width: 50%;
}

.column-20 {
	float: left;
	width: 20%;
	padding: 10px;
}

.column-10 {
	float: left;
	width: 10%;
	padding: 20px;
}
.column-10b {
	float: left;
	width: 10%;
	padding: 20px;
}

.column-25 {
	float: left;
	width: 25%; padding: 10px;
}
.column-28 {
	float: left;
	width: 28%; padding: 2px;
}
.column-25r {
	float: right;
	width: 20%;
}
.column-3 {
	float: left;
	width: 33.333333%;
	padding: 20px;
}

.column-3back {
	float: left;
	width: 32%;
	padding: 40px 20px 0px 20px;
	background: #ffffff;
	border-radius: 25px;
	border: 1px solid #e2e2e2;
	margin: 5px;
	height: 580px;
}
.padr.column-3 {padding-right: 20px;}
.padl.column-3 {padding-left: 20px;}

.column-30 {
	float: left;
	width: 33%;
	padding: 20px;

}

.column-30b {
	float: left;
	width: 33%;
	padding: 10px;
}
.column-3no {
	float: left;
	width: 33.333333%;
}

.column-10 {
	float: left;
	width: 10%;
	padding: 0px;
}

.column-4 {
	float: left;
	width: 25%;
	padding: 20px;
	
}

.column-5 {
	float: left;
	width: 20%;
	padding: 10px;
	
}
.column-40 {
	float: left;
	width: 40%;
}

.column-6s {
	float: left;
	width: 75%;
}

.column-60 {
	float: left;
	width: 60%;
	text-align: left;
}
.column-70 {
	float: left;
	width: 70%;
}

.column-75 {
	float: left;
	width: 75%;
}

.column-80 {
	float: left;
	width: 80%;
	text-align: left;
}
.column-90 {
	float: left;
	width: 90%;
	padding: 10px;
	text-align: left;
}

.column-5 {
	float: left;
	width: 20%;
}

.white {
	color: #fff;
}

.red {
	color: #cc0000;
}

.orange {
	color: #efb107;
}
.green {
	color: #84af27;
}

.greenbold {
    font-size: 22px;
	line-height: 20px;
  font-family: "Lato-Heavy", Trebuchet Ms, sans-serif;
	color: #84af27;
}


.purple {
	color: #9a3eff;
}

.grey {
	color: #999;
}

.black {
	color: #000;
}

.yellow {
	color: #ffcc33;
}

.blue{
	color: #1fa3bb;
}
.blueb{
	color: #1fa3bb;
	font-family: "Gilroy-black", Trebuchet Ms, sans-serif;
}

.bluem{
	color: #1fa3bb;
	font-family: "Gilroy-med", Trebuchet Ms, sans-serif;
}

.whitelm{
	color: #ffffff;
	font-family: "Gilroy-med", Trebuchet Ms, sans-serif;
}
.whiteb{
	color: #ffffff;
	font-family: "Gilroy-black", Trebuchet Ms, sans-serif;
}

.bb {
	border-bottom: 1px solid #999;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.pbx-10.bb {
	padding-bottom: 10px;
}

.mbx-10.bb {
	margin-bottom: 10px;
}

.o-auto {
	overflow: auto;
}

.borderr
{
  border-right: 1px solid #9a3eff;
	
}
.alignright{text-align: right;}

.pad-top-lose {
	padding-top: 10px;
}

.padtop100 {padding-top: 100px;}