/********************************************************************************************************
                           1. 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, font, 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, input, textarea, button
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none !important;
	vertical-align: top;
	background: transparent;
	font-weight: normal;
	line-height: 1.64em;
}

ol, ul {
	list-style: none;
}

a, span {
	vertical-align: baseline;
}

b, strong {
    font-weight: bold;
    vertical-align: baseline;
}

i, dfn {
	font-style: italic;
}

img {
	max-width: 100%;
}

/********************************************************************************************************
                           2. VARIABLES
********************************************************************************************************/

/* Base colors */
:root {
  --color-primary: #333333;
  --color-secondary: #f09d24;
  --color-accent: #fa8625;
  --color-background: #ffffff;
  --color-text: #444444;
  --color-text-light: #777777;
  --color-border: #e5e5e5;
  --color-link: #f09d24;
  --color-link-hover: #fa8625;
  --color-button: #f09d24;
  --color-button-hover: #fa8625;
  --font-main: Arial, sans-serif;
  --font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/********************************************************************************************************
                           3. GLOBAL THEME STYLES
********************************************************************************************************/

/* 3.1 MISCELLANEOUS */

/* hiding placeholder text on focus in webkit */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

/* clearfix */
.clearfix {
	zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* utility classes */
.hidden,
.visuallyhidden {
	display: none;
}
 
.left {
	float: left;
}

.right {
	float: right;
}

/* jquery.formstyler styles for selects */
.jq-selectbox {
	display: block;
	z-index: 1000 !important;
	cursor: pointer;
}

.jq-selectbox__select-text {
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.jq-selectbox__trigger i {
	position: absolute;
	top: 0;
	right: 0;
	transition: .3s ease-in-out;
}

.jq-selectbox__dropdown {
	width: 100%;
	transition: .3s ease-in-out;
}

.jq-selectbox.opened .jq-selectbox__trigger i {
    transform: rotate(180deg);
}

/* global loader */
.global_loader {
	width: 44px;
	height: 44px;
	margin: 0 0 0 -22px;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 1001;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMhJREFUeNrs2TEKwkAUhOEXBSurQM5jo2AbyG2EgIfyCkKqXEDiGYI2QkBn5aXYYBqb7MAM/Ft/LNutWbwtqtEVDei9UIMbajf93A51CyLn6twWrUwQOq0csTl6EICDMV/jOKG9pb+Nv21rCW53rM1wvFzPsD5zOc1WRjaBBRZYYIEFFlhggQUWWGCBBRZYYIEFFvh/cE/kfQbwnQh8C+ALEfhrLYznU6YY5RUBuJpe98HS/Vg8zr2R8E16Rk0C0MYt0dftR4ABAFfva4h/thfHAAAAAElFTkSuQmCC') 50% 50% no-repeat;
	transition: opacity .3s ease-in-out, top .3s ease-in-out;
}

/* Continue with the rest of the CSS... */