@charset "UTF-8";
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
}

img {
  vertical-align: middle;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre, fieldset, ul, ol, menu, form {
  margin: 0;
}

button, fieldset, iframe {
  border: 0;
}

fieldset, ul, ol, button, menu {
  padding: 0;
}

ol, ul {
  list-style: none;
}

textarea {
  resize: vertical;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  padding: 0;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

.foo {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.mt-0 {
  margin-top: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.mt-200 {
  margin-top: 200px !important;
}

.pt-200 {
  padding-top: 200px !important;
}

.mb-200 {
  margin-bottom: 200px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

.ml-200 {
  margin-left: 200px !important;
}

.pl-200 {
  padding-left: 200px !important;
}

.mr-200 {
  margin-right: 200px !important;
}

.pr-200 {
  padding-right: 200px !important;
}

.mt-300 {
  margin-top: 300px !important;
}

.pt-300 {
  padding-top: 300px !important;
}

.mb-300 {
  margin-bottom: 300px !important;
}

.pb-300 {
  padding-bottom: 300px !important;
}

.ml-300 {
  margin-left: 300px !important;
}

.pl-300 {
  padding-left: 300px !important;
}

.mr-300 {
  margin-right: 300px !important;
}

.pr-300 {
  padding-right: 300px !important;
}

@font-face {
  font-family: 'GothamRounded';
  src: url("../fonts/GothamRounded/GothamRounded-Light.eot");
  src: url("../fonts/GothamRounded/GothamRounded-Light.woff2") format("woff2"), url("../fonts/GothamRounded/GothamRounded-Light.woff") format("woff"), url("../fonts/GothamRounded/GothamRounded-Light.ttf") format("truetype"), url("../fonts/GothamRounded/GothamRounded-Light.svg#GothamRounded-Light") format("svg"), url("../fonts/GothamRounded/GothamRounded-Light.eot?#iefix") format("embedded-opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'GothamRounded';
  src: url("../fonts/GothamRounded/GothamRounded-Book.eot");
  src: url("../fonts/GothamRounded/GothamRounded-Book.woff2") format("woff2"), url("../fonts/GothamRounded/GothamRounded-Book.woff") format("woff"), url("../fonts/GothamRounded/GothamRounded-Book.ttf") format("truetype"), url("../fonts/GothamRounded/GothamRounded-Book.svg#GothamRounded-Book") format("svg"), url("../fonts/GothamRounded/GothamRounded-Book.eot?#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'GothamRounded';
  src: url("../fonts/GothamRounded/GothamRounded-Medium.eot");
  src: url("../fonts/GothamRounded/GothamRounded-Medium.woff2") format("woff2"), url("../fonts/GothamRounded/GothamRounded-Medium.woff") format("woff"), url("../fonts/GothamRounded/GothamRounded-Medium.ttf") format("truetype"), url("../fonts/GothamRounded/GothamRounded-Medium.svg#GothamRounded-Medium") format("svg"), url("../fonts/GothamRounded/GothamRounded-Medium.eot?#iefix") format("embedded-opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'GothamRounded';
  src: url("../fonts/GothamRounded/GothamRounded-Bold.eot");
  src: url("../fonts/GothamRounded/GothamRounded-Bold.woff2") format("woff2"), url("../fonts/GothamRounded/GothamRounded-Bold.woff") format("woff"), url("../fonts/GothamRounded/GothamRounded-Bold.ttf") format("truetype"), url("../fonts/GothamRounded/GothamRounded-Bold.svg#GothamRounded-Bold") format("svg"), url("../fonts/GothamRounded/GothamRounded-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'lg';
  src: url("../fonts/lg.eot?n1z373");
  src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}

.flag-icon:before {
  content: "\00a0";
}

.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-ad {
  background-image: url(../flags/4x3/ad.svg);
}

.flag-icon-ad.flag-icon-squared {
  background-image: url(../flags/1x1/ad.svg);
}

.flag-icon-ae {
  background-image: url(../flags/4x3/ae.svg);
}

.flag-icon-ae.flag-icon-squared {
  background-image: url(../flags/1x1/ae.svg);
}

.flag-icon-af {
  background-image: url(../flags/4x3/af.svg);
}

.flag-icon-af.flag-icon-squared {
  background-image: url(../flags/1x1/af.svg);
}

.flag-icon-ag {
  background-image: url(../flags/4x3/ag.svg);
}

.flag-icon-ag.flag-icon-squared {
  background-image: url(../flags/1x1/ag.svg);
}

.flag-icon-ai {
  background-image: url(../flags/4x3/ai.svg);
}

.flag-icon-ai.flag-icon-squared {
  background-image: url(../flags/1x1/ai.svg);
}

.flag-icon-al {
  background-image: url(../flags/4x3/al.svg);
}

.flag-icon-al.flag-icon-squared {
  background-image: url(../flags/1x1/al.svg);
}

.flag-icon-am {
  background-image: url(../flags/4x3/am.svg);
}

.flag-icon-am.flag-icon-squared {
  background-image: url(../flags/1x1/am.svg);
}

.flag-icon-ao {
  background-image: url(../flags/4x3/ao.svg);
}

.flag-icon-ao.flag-icon-squared {
  background-image: url(../flags/1x1/ao.svg);
}

.flag-icon-aq {
  background-image: url(../flags/4x3/aq.svg);
}

.flag-icon-aq.flag-icon-squared {
  background-image: url(../flags/1x1/aq.svg);
}

.flag-icon-ar {
  background-image: url(../flags/4x3/ar.svg);
}

.flag-icon-ar.flag-icon-squared {
  background-image: url(../flags/1x1/ar.svg);
}

.flag-icon-as {
  background-image: url(../flags/4x3/as.svg);
}

.flag-icon-as.flag-icon-squared {
  background-image: url(../flags/1x1/as.svg);
}

.flag-icon-at {
  background-image: url(../flags/4x3/at.svg);
}

.flag-icon-at.flag-icon-squared {
  background-image: url(../flags/1x1/at.svg);
}

.flag-icon-au {
  background-image: url(../flags/4x3/au.svg);
}

.flag-icon-au.flag-icon-squared {
  background-image: url(../flags/1x1/au.svg);
}

.flag-icon-aw {
  background-image: url(../flags/4x3/aw.svg);
}

.flag-icon-aw.flag-icon-squared {
  background-image: url(../flags/1x1/aw.svg);
}

.flag-icon-ax {
  background-image: url(../flags/4x3/ax.svg);
}

.flag-icon-ax.flag-icon-squared {
  background-image: url(../flags/1x1/ax.svg);
}

.flag-icon-az {
  background-image: url(../flags/4x3/az.svg);
}

.flag-icon-az.flag-icon-squared {
  background-image: url(../flags/1x1/az.svg);
}

.flag-icon-ba {
  background-image: url(../flags/4x3/ba.svg);
}

.flag-icon-ba.flag-icon-squared {
  background-image: url(../flags/1x1/ba.svg);
}

.flag-icon-bb {
  background-image: url(../flags/4x3/bb.svg);
}

.flag-icon-bb.flag-icon-squared {
  background-image: url(../flags/1x1/bb.svg);
}

.flag-icon-bd {
  background-image: url(../flags/4x3/bd.svg);
}

.flag-icon-bd.flag-icon-squared {
  background-image: url(../flags/1x1/bd.svg);
}

.flag-icon-be {
  background-image: url(../flags/4x3/be.svg);
}

.flag-icon-be.flag-icon-squared {
  background-image: url(../flags/1x1/be.svg);
}

.flag-icon-bf {
  background-image: url(../flags/4x3/bf.svg);
}

.flag-icon-bf.flag-icon-squared {
  background-image: url(../flags/1x1/bf.svg);
}

.flag-icon-bg {
  background-image: url(../flags/4x3/bg.svg);
}

.flag-icon-bg.flag-icon-squared {
  background-image: url(../flags/1x1/bg.svg);
}

.flag-icon-bh {
  background-image: url(../flags/4x3/bh.svg);
}

.flag-icon-bh.flag-icon-squared {
  background-image: url(../flags/1x1/bh.svg);
}

.flag-icon-bi {
  background-image: url(../flags/4x3/bi.svg);
}

.flag-icon-bi.flag-icon-squared {
  background-image: url(../flags/1x1/bi.svg);
}

.flag-icon-bj {
  background-image: url(../flags/4x3/bj.svg);
}

.flag-icon-bj.flag-icon-squared {
  background-image: url(../flags/1x1/bj.svg);
}

.flag-icon-bl {
  background-image: url(../flags/4x3/bl.svg);
}

.flag-icon-bl.flag-icon-squared {
  background-image: url(../flags/1x1/bl.svg);
}

.flag-icon-bm {
  background-image: url(../flags/4x3/bm.svg);
}

.flag-icon-bm.flag-icon-squared {
  background-image: url(../flags/1x1/bm.svg);
}

.flag-icon-bn {
  background-image: url(../flags/4x3/bn.svg);
}

.flag-icon-bn.flag-icon-squared {
  background-image: url(../flags/1x1/bn.svg);
}

.flag-icon-bo {
  background-image: url(../flags/4x3/bo.svg);
}

.flag-icon-bo.flag-icon-squared {
  background-image: url(../flags/1x1/bo.svg);
}

.flag-icon-bq {
  background-image: url(../flags/4x3/bq.svg);
}

.flag-icon-bq.flag-icon-squared {
  background-image: url(../flags/1x1/bq.svg);
}

.flag-icon-br {
  background-image: url(../flags/4x3/br.svg);
}

.flag-icon-br.flag-icon-squared {
  background-image: url(../flags/1x1/br.svg);
}

.flag-icon-bs {
  background-image: url(../flags/4x3/bs.svg);
}

.flag-icon-bs.flag-icon-squared {
  background-image: url(../flags/1x1/bs.svg);
}

.flag-icon-bt {
  background-image: url(../flags/4x3/bt.svg);
}

.flag-icon-bt.flag-icon-squared {
  background-image: url(../flags/1x1/bt.svg);
}

.flag-icon-bv {
  background-image: url(../flags/4x3/bv.svg);
}

.flag-icon-bv.flag-icon-squared {
  background-image: url(../flags/1x1/bv.svg);
}

.flag-icon-bw {
  background-image: url(../flags/4x3/bw.svg);
}

.flag-icon-bw.flag-icon-squared {
  background-image: url(../flags/1x1/bw.svg);
}

.flag-icon-by {
  background-image: url(../flags/4x3/by.svg);
}

.flag-icon-by.flag-icon-squared {
  background-image: url(../flags/1x1/by.svg);
}

.flag-icon-bz {
  background-image: url(../flags/4x3/bz.svg);
}

.flag-icon-bz.flag-icon-squared {
  background-image: url(../flags/1x1/bz.svg);
}

.flag-icon-ca {
  background-image: url(../flags/4x3/ca.svg);
}

.flag-icon-ca.flag-icon-squared {
  background-image: url(../flags/1x1/ca.svg);
}

.flag-icon-cc {
  background-image: url(../flags/4x3/cc.svg);
}

.flag-icon-cc.flag-icon-squared {
  background-image: url(../flags/1x1/cc.svg);
}

.flag-icon-cd {
  background-image: url(../flags/4x3/cd.svg);
}

.flag-icon-cd.flag-icon-squared {
  background-image: url(../flags/1x1/cd.svg);
}

.flag-icon-cf {
  background-image: url(../flags/4x3/cf.svg);
}

.flag-icon-cf.flag-icon-squared {
  background-image: url(../flags/1x1/cf.svg);
}

.flag-icon-cg {
  background-image: url(../flags/4x3/cg.svg);
}

.flag-icon-cg.flag-icon-squared {
  background-image: url(../flags/1x1/cg.svg);
}

.flag-icon-ch {
  background-image: url(../flags/4x3/ch.svg);
}

.flag-icon-ch.flag-icon-squared {
  background-image: url(../flags/1x1/ch.svg);
}

.flag-icon-ci {
  background-image: url(../flags/4x3/ci.svg);
}

.flag-icon-ci.flag-icon-squared {
  background-image: url(../flags/1x1/ci.svg);
}

.flag-icon-ck {
  background-image: url(../flags/4x3/ck.svg);
}

.flag-icon-ck.flag-icon-squared {
  background-image: url(../flags/1x1/ck.svg);
}

.flag-icon-cl {
  background-image: url(../flags/4x3/cl.svg);
}

.flag-icon-cl.flag-icon-squared {
  background-image: url(../flags/1x1/cl.svg);
}

.flag-icon-cm {
  background-image: url(../flags/4x3/cm.svg);
}

.flag-icon-cm.flag-icon-squared {
  background-image: url(../flags/1x1/cm.svg);
}

.flag-icon-cn {
  background-image: url(../flags/4x3/cn.svg);
}

.flag-icon-cn.flag-icon-squared {
  background-image: url(../flags/1x1/cn.svg);
}

.flag-icon-co {
  background-image: url(../flags/4x3/co.svg);
}

.flag-icon-co.flag-icon-squared {
  background-image: url(../flags/1x1/co.svg);
}

.flag-icon-cr {
  background-image: url(../flags/4x3/cr.svg);
}

.flag-icon-cr.flag-icon-squared {
  background-image: url(../flags/1x1/cr.svg);
}

.flag-icon-cu {
  background-image: url(../flags/4x3/cu.svg);
}

.flag-icon-cu.flag-icon-squared {
  background-image: url(../flags/1x1/cu.svg);
}

.flag-icon-cv {
  background-image: url(../flags/4x3/cv.svg);
}

.flag-icon-cv.flag-icon-squared {
  background-image: url(../flags/1x1/cv.svg);
}

.flag-icon-cw {
  background-image: url(../flags/4x3/cw.svg);
}

.flag-icon-cw.flag-icon-squared {
  background-image: url(../flags/1x1/cw.svg);
}

.flag-icon-cx {
  background-image: url(../flags/4x3/cx.svg);
}

.flag-icon-cx.flag-icon-squared {
  background-image: url(../flags/1x1/cx.svg);
}

.flag-icon-cy {
  background-image: url(../flags/4x3/cy.svg);
}

.flag-icon-cy.flag-icon-squared {
  background-image: url(../flags/1x1/cy.svg);
}

.flag-icon-cz {
  background-image: url(../flags/4x3/cz.svg);
}

.flag-icon-cz.flag-icon-squared {
  background-image: url(../flags/1x1/cz.svg);
}

.flag-icon-de {
  background-image: url(../flags/4x3/de.svg);
}

.flag-icon-de.flag-icon-squared {
  background-image: url(../flags/1x1/de.svg);
}

.flag-icon-dj {
  background-image: url(../flags/4x3/dj.svg);
}

.flag-icon-dj.flag-icon-squared {
  background-image: url(../flags/1x1/dj.svg);
}

.flag-icon-dk {
  background-image: url(../flags/4x3/dk.svg);
}

.flag-icon-dk.flag-icon-squared {
  background-image: url(../flags/1x1/dk.svg);
}

.flag-icon-dm {
  background-image: url(../flags/4x3/dm.svg);
}

.flag-icon-dm.flag-icon-squared {
  background-image: url(../flags/1x1/dm.svg);
}

.flag-icon-do {
  background-image: url(../flags/4x3/do.svg);
}

.flag-icon-do.flag-icon-squared {
  background-image: url(../flags/1x1/do.svg);
}

.flag-icon-dz {
  background-image: url(../flags/4x3/dz.svg);
}

.flag-icon-dz.flag-icon-squared {
  background-image: url(../flags/1x1/dz.svg);
}

.flag-icon-ec {
  background-image: url(../flags/4x3/ec.svg);
}

.flag-icon-ec.flag-icon-squared {
  background-image: url(../flags/1x1/ec.svg);
}

.flag-icon-ee {
  background-image: url(../flags/4x3/ee.svg);
}

.flag-icon-ee.flag-icon-squared {
  background-image: url(../flags/1x1/ee.svg);
}

.flag-icon-eg {
  background-image: url(../flags/4x3/eg.svg);
}

.flag-icon-eg.flag-icon-squared {
  background-image: url(../flags/1x1/eg.svg);
}

.flag-icon-eh {
  background-image: url(../flags/4x3/eh.svg);
}

.flag-icon-eh.flag-icon-squared {
  background-image: url(../flags/1x1/eh.svg);
}

.flag-icon-er {
  background-image: url(../flags/4x3/er.svg);
}

.flag-icon-er.flag-icon-squared {
  background-image: url(../flags/1x1/er.svg);
}

.flag-icon-es {
  background-image: url(../flags/4x3/es.svg);
}

.flag-icon-es.flag-icon-squared {
  background-image: url(../flags/1x1/es.svg);
}

.flag-icon-et {
  background-image: url(../flags/4x3/et.svg);
}

.flag-icon-et.flag-icon-squared {
  background-image: url(../flags/1x1/et.svg);
}

.flag-icon-fi {
  background-image: url(../flags/4x3/fi.svg);
}

.flag-icon-fi.flag-icon-squared {
  background-image: url(../flags/1x1/fi.svg);
}

.flag-icon-fj {
  background-image: url(../flags/4x3/fj.svg);
}

.flag-icon-fj.flag-icon-squared {
  background-image: url(../flags/1x1/fj.svg);
}

.flag-icon-fk {
  background-image: url(../flags/4x3/fk.svg);
}

.flag-icon-fk.flag-icon-squared {
  background-image: url(../flags/1x1/fk.svg);
}

.flag-icon-fm {
  background-image: url(../flags/4x3/fm.svg);
}

.flag-icon-fm.flag-icon-squared {
  background-image: url(../flags/1x1/fm.svg);
}

.flag-icon-fo {
  background-image: url(../flags/4x3/fo.svg);
}

.flag-icon-fo.flag-icon-squared {
  background-image: url(../flags/1x1/fo.svg);
}

.flag-icon-fr {
  background-image: url(../flags/4x3/fr.svg);
}

.flag-icon-fr.flag-icon-squared {
  background-image: url(../flags/1x1/fr.svg);
}

.flag-icon-ga {
  background-image: url(../flags/4x3/ga.svg);
}

.flag-icon-ga.flag-icon-squared {
  background-image: url(../flags/1x1/ga.svg);
}

.flag-icon-gb {
  background-image: url(../flags/4x3/gb.svg);
}

.flag-icon-gb.flag-icon-squared {
  background-image: url(../flags/1x1/gb.svg);
}

.flag-icon-gd {
  background-image: url(../flags/4x3/gd.svg);
}

.flag-icon-gd.flag-icon-squared {
  background-image: url(../flags/1x1/gd.svg);
}

.flag-icon-ge {
  background-image: url(../flags/4x3/ge.svg);
}

.flag-icon-ge.flag-icon-squared {
  background-image: url(../flags/1x1/ge.svg);
}

.flag-icon-gf {
  background-image: url(../flags/4x3/gf.svg);
}

.flag-icon-gf.flag-icon-squared {
  background-image: url(../flags/1x1/gf.svg);
}

.flag-icon-gg {
  background-image: url(../flags/4x3/gg.svg);
}

.flag-icon-gg.flag-icon-squared {
  background-image: url(../flags/1x1/gg.svg);
}

.flag-icon-gh {
  background-image: url(../flags/4x3/gh.svg);
}

.flag-icon-gh.flag-icon-squared {
  background-image: url(../flags/1x1/gh.svg);
}

.flag-icon-gi {
  background-image: url(../flags/4x3/gi.svg);
}

.flag-icon-gi.flag-icon-squared {
  background-image: url(../flags/1x1/gi.svg);
}

.flag-icon-gl {
  background-image: url(../flags/4x3/gl.svg);
}

.flag-icon-gl.flag-icon-squared {
  background-image: url(../flags/1x1/gl.svg);
}

.flag-icon-gm {
  background-image: url(../flags/4x3/gm.svg);
}

.flag-icon-gm.flag-icon-squared {
  background-image: url(../flags/1x1/gm.svg);
}

.flag-icon-gn {
  background-image: url(../flags/4x3/gn.svg);
}

.flag-icon-gn.flag-icon-squared {
  background-image: url(../flags/1x1/gn.svg);
}

.flag-icon-gp {
  background-image: url(../flags/4x3/gp.svg);
}

.flag-icon-gp.flag-icon-squared {
  background-image: url(../flags/1x1/gp.svg);
}

.flag-icon-gq {
  background-image: url(../flags/4x3/gq.svg);
}

.flag-icon-gq.flag-icon-squared {
  background-image: url(../flags/1x1/gq.svg);
}

.flag-icon-gr {
  background-image: url(../flags/4x3/gr.svg);
}

.flag-icon-gr.flag-icon-squared {
  background-image: url(../flags/1x1/gr.svg);
}

.flag-icon-gs {
  background-image: url(../flags/4x3/gs.svg);
}

.flag-icon-gs.flag-icon-squared {
  background-image: url(../flags/1x1/gs.svg);
}

.flag-icon-gt {
  background-image: url(../flags/4x3/gt.svg);
}

.flag-icon-gt.flag-icon-squared {
  background-image: url(../flags/1x1/gt.svg);
}

.flag-icon-gu {
  background-image: url(../flags/4x3/gu.svg);
}

.flag-icon-gu.flag-icon-squared {
  background-image: url(../flags/1x1/gu.svg);
}

.flag-icon-gw {
  background-image: url(../flags/4x3/gw.svg);
}

.flag-icon-gw.flag-icon-squared {
  background-image: url(../flags/1x1/gw.svg);
}

.flag-icon-gy {
  background-image: url(../flags/4x3/gy.svg);
}

.flag-icon-gy.flag-icon-squared {
  background-image: url(../flags/1x1/gy.svg);
}

.flag-icon-hk {
  background-image: url(../flags/4x3/hk.svg);
}

.flag-icon-hk.flag-icon-squared {
  background-image: url(../flags/1x1/hk.svg);
}

.flag-icon-hm {
  background-image: url(../flags/4x3/hm.svg);
}

.flag-icon-hm.flag-icon-squared {
  background-image: url(../flags/1x1/hm.svg);
}

.flag-icon-hn {
  background-image: url(../flags/4x3/hn.svg);
}

.flag-icon-hn.flag-icon-squared {
  background-image: url(../flags/1x1/hn.svg);
}

.flag-icon-hr {
  background-image: url(../flags/4x3/hr.svg);
}

.flag-icon-hr.flag-icon-squared {
  background-image: url(../flags/1x1/hr.svg);
}

.flag-icon-ht {
  background-image: url(../flags/4x3/ht.svg);
}

.flag-icon-ht.flag-icon-squared {
  background-image: url(../flags/1x1/ht.svg);
}

.flag-icon-hu {
  background-image: url(../flags/4x3/hu.svg);
}

.flag-icon-hu.flag-icon-squared {
  background-image: url(../flags/1x1/hu.svg);
}

.flag-icon-id {
  background-image: url(../flags/4x3/id.svg);
}

.flag-icon-id.flag-icon-squared {
  background-image: url(../flags/1x1/id.svg);
}

.flag-icon-ie {
  background-image: url(../flags/4x3/ie.svg);
}

.flag-icon-ie.flag-icon-squared {
  background-image: url(../flags/1x1/ie.svg);
}

.flag-icon-il {
  background-image: url(../flags/4x3/il.svg);
}

.flag-icon-il.flag-icon-squared {
  background-image: url(../flags/1x1/il.svg);
}

.flag-icon-im {
  background-image: url(../flags/4x3/im.svg);
}

.flag-icon-im.flag-icon-squared {
  background-image: url(../flags/1x1/im.svg);
}

.flag-icon-in {
  background-image: url(../flags/4x3/in.svg);
}

.flag-icon-in.flag-icon-squared {
  background-image: url(../flags/1x1/in.svg);
}

.flag-icon-io {
  background-image: url(../flags/4x3/io.svg);
}

.flag-icon-io.flag-icon-squared {
  background-image: url(../flags/1x1/io.svg);
}

.flag-icon-iq {
  background-image: url(../flags/4x3/iq.svg);
}

.flag-icon-iq.flag-icon-squared {
  background-image: url(../flags/1x1/iq.svg);
}

.flag-icon-ir {
  background-image: url(../flags/4x3/ir.svg);
}

.flag-icon-ir.flag-icon-squared {
  background-image: url(../flags/1x1/ir.svg);
}

.flag-icon-is {
  background-image: url(../flags/4x3/is.svg);
}

.flag-icon-is.flag-icon-squared {
  background-image: url(../flags/1x1/is.svg);
}

.flag-icon-it {
  background-image: url(../flags/4x3/it.svg);
}

.flag-icon-it.flag-icon-squared {
  background-image: url(../flags/1x1/it.svg);
}

.flag-icon-je {
  background-image: url(../flags/4x3/je.svg);
}

.flag-icon-je.flag-icon-squared {
  background-image: url(../flags/1x1/je.svg);
}

.flag-icon-jm {
  background-image: url(../flags/4x3/jm.svg);
}

.flag-icon-jm.flag-icon-squared {
  background-image: url(../flags/1x1/jm.svg);
}

.flag-icon-jo {
  background-image: url(../flags/4x3/jo.svg);
}

.flag-icon-jo.flag-icon-squared {
  background-image: url(../flags/1x1/jo.svg);
}

.flag-icon-jp {
  background-image: url(../flags/4x3/jp.svg);
}

.flag-icon-jp.flag-icon-squared {
  background-image: url(../flags/1x1/jp.svg);
}

.flag-icon-ke {
  background-image: url(../flags/4x3/ke.svg);
}

.flag-icon-ke.flag-icon-squared {
  background-image: url(../flags/1x1/ke.svg);
}

.flag-icon-kg {
  background-image: url(../flags/4x3/kg.svg);
}

.flag-icon-kg.flag-icon-squared {
  background-image: url(../flags/1x1/kg.svg);
}

.flag-icon-kh {
  background-image: url(../flags/4x3/kh.svg);
}

.flag-icon-kh.flag-icon-squared {
  background-image: url(../flags/1x1/kh.svg);
}

.flag-icon-ki {
  background-image: url(../flags/4x3/ki.svg);
}

.flag-icon-ki.flag-icon-squared {
  background-image: url(../flags/1x1/ki.svg);
}

.flag-icon-km {
  background-image: url(../flags/4x3/km.svg);
}

.flag-icon-km.flag-icon-squared {
  background-image: url(../flags/1x1/km.svg);
}

.flag-icon-kn {
  background-image: url(../flags/4x3/kn.svg);
}

.flag-icon-kn.flag-icon-squared {
  background-image: url(../flags/1x1/kn.svg);
}

.flag-icon-kp {
  background-image: url(../flags/4x3/kp.svg);
}

.flag-icon-kp.flag-icon-squared {
  background-image: url(../flags/1x1/kp.svg);
}

.flag-icon-kr {
  background-image: url(../flags/4x3/kr.svg);
}

.flag-icon-kr.flag-icon-squared {
  background-image: url(../flags/1x1/kr.svg);
}

.flag-icon-kw {
  background-image: url(../flags/4x3/kw.svg);
}

.flag-icon-kw.flag-icon-squared {
  background-image: url(../flags/1x1/kw.svg);
}

.flag-icon-ky {
  background-image: url(../flags/4x3/ky.svg);
}

.flag-icon-ky.flag-icon-squared {
  background-image: url(../flags/1x1/ky.svg);
}

.flag-icon-kz {
  background-image: url(../flags/4x3/kz.svg);
}

.flag-icon-kz.flag-icon-squared {
  background-image: url(../flags/1x1/kz.svg);
}

.flag-icon-la {
  background-image: url(../flags/4x3/la.svg);
}

.flag-icon-la.flag-icon-squared {
  background-image: url(../flags/1x1/la.svg);
}

.flag-icon-lb {
  background-image: url(../flags/4x3/lb.svg);
}

.flag-icon-lb.flag-icon-squared {
  background-image: url(../flags/1x1/lb.svg);
}

.flag-icon-lc {
  background-image: url(../flags/4x3/lc.svg);
}

.flag-icon-lc.flag-icon-squared {
  background-image: url(../flags/1x1/lc.svg);
}

.flag-icon-li {
  background-image: url(../flags/4x3/li.svg);
}

.flag-icon-li.flag-icon-squared {
  background-image: url(../flags/1x1/li.svg);
}

.flag-icon-lk {
  background-image: url(../flags/4x3/lk.svg);
}

.flag-icon-lk.flag-icon-squared {
  background-image: url(../flags/1x1/lk.svg);
}

.flag-icon-lr {
  background-image: url(../flags/4x3/lr.svg);
}

.flag-icon-lr.flag-icon-squared {
  background-image: url(../flags/1x1/lr.svg);
}

.flag-icon-ls {
  background-image: url(../flags/4x3/ls.svg);
}

.flag-icon-ls.flag-icon-squared {
  background-image: url(../flags/1x1/ls.svg);
}

.flag-icon-lt {
  background-image: url(../flags/4x3/lt.svg);
}

.flag-icon-lt.flag-icon-squared {
  background-image: url(../flags/1x1/lt.svg);
}

.flag-icon-lu {
  background-image: url(../flags/4x3/lu.svg);
}

.flag-icon-lu.flag-icon-squared {
  background-image: url(../flags/1x1/lu.svg);
}

.flag-icon-lv {
  background-image: url(../flags/4x3/lv.svg);
}

.flag-icon-lv.flag-icon-squared {
  background-image: url(../flags/1x1/lv.svg);
}

.flag-icon-ly {
  background-image: url(../flags/4x3/ly.svg);
}

.flag-icon-ly.flag-icon-squared {
  background-image: url(../flags/1x1/ly.svg);
}

.flag-icon-ma {
  background-image: url(../flags/4x3/ma.svg);
}

.flag-icon-ma.flag-icon-squared {
  background-image: url(../flags/1x1/ma.svg);
}

.flag-icon-mc {
  background-image: url(../flags/4x3/mc.svg);
}

.flag-icon-mc.flag-icon-squared {
  background-image: url(../flags/1x1/mc.svg);
}

.flag-icon-md {
  background-image: url(../flags/4x3/md.svg);
}

.flag-icon-md.flag-icon-squared {
  background-image: url(../flags/1x1/md.svg);
}

.flag-icon-me {
  background-image: url(../flags/4x3/me.svg);
}

.flag-icon-me.flag-icon-squared {
  background-image: url(../flags/1x1/me.svg);
}

.flag-icon-mf {
  background-image: url(../flags/4x3/mf.svg);
}

.flag-icon-mf.flag-icon-squared {
  background-image: url(../flags/1x1/mf.svg);
}

.flag-icon-mg {
  background-image: url(../flags/4x3/mg.svg);
}

.flag-icon-mg.flag-icon-squared {
  background-image: url(../flags/1x1/mg.svg);
}

.flag-icon-mh {
  background-image: url(../flags/4x3/mh.svg);
}

.flag-icon-mh.flag-icon-squared {
  background-image: url(../flags/1x1/mh.svg);
}

.flag-icon-mk {
  background-image: url(../flags/4x3/mk.svg);
}

.flag-icon-mk.flag-icon-squared {
  background-image: url(../flags/1x1/mk.svg);
}

.flag-icon-ml {
  background-image: url(../flags/4x3/ml.svg);
}

.flag-icon-ml.flag-icon-squared {
  background-image: url(../flags/1x1/ml.svg);
}

.flag-icon-mm {
  background-image: url(../flags/4x3/mm.svg);
}

.flag-icon-mm.flag-icon-squared {
  background-image: url(../flags/1x1/mm.svg);
}

.flag-icon-mn {
  background-image: url(../flags/4x3/mn.svg);
}

.flag-icon-mn.flag-icon-squared {
  background-image: url(../flags/1x1/mn.svg);
}

.flag-icon-mo {
  background-image: url(../flags/4x3/mo.svg);
}

.flag-icon-mo.flag-icon-squared {
  background-image: url(../flags/1x1/mo.svg);
}

.flag-icon-mp {
  background-image: url(../flags/4x3/mp.svg);
}

.flag-icon-mp.flag-icon-squared {
  background-image: url(../flags/1x1/mp.svg);
}

.flag-icon-mq {
  background-image: url(../flags/4x3/mq.svg);
}

.flag-icon-mq.flag-icon-squared {
  background-image: url(../flags/1x1/mq.svg);
}

.flag-icon-mr {
  background-image: url(../flags/4x3/mr.svg);
}

.flag-icon-mr.flag-icon-squared {
  background-image: url(../flags/1x1/mr.svg);
}

.flag-icon-ms {
  background-image: url(../flags/4x3/ms.svg);
}

.flag-icon-ms.flag-icon-squared {
  background-image: url(../flags/1x1/ms.svg);
}

.flag-icon-mt {
  background-image: url(../flags/4x3/mt.svg);
}

.flag-icon-mt.flag-icon-squared {
  background-image: url(../flags/1x1/mt.svg);
}

.flag-icon-mu {
  background-image: url(../flags/4x3/mu.svg);
}

.flag-icon-mu.flag-icon-squared {
  background-image: url(../flags/1x1/mu.svg);
}

.flag-icon-mv {
  background-image: url(../flags/4x3/mv.svg);
}

.flag-icon-mv.flag-icon-squared {
  background-image: url(../flags/1x1/mv.svg);
}

.flag-icon-mw {
  background-image: url(../flags/4x3/mw.svg);
}

.flag-icon-mw.flag-icon-squared {
  background-image: url(../flags/1x1/mw.svg);
}

.flag-icon-mx {
  background-image: url(../flags/4x3/mx.svg);
}

.flag-icon-mx.flag-icon-squared {
  background-image: url(../flags/1x1/mx.svg);
}

.flag-icon-my {
  background-image: url(../flags/4x3/my.svg);
}

.flag-icon-my.flag-icon-squared {
  background-image: url(../flags/1x1/my.svg);
}

.flag-icon-mz {
  background-image: url(../flags/4x3/mz.svg);
}

.flag-icon-mz.flag-icon-squared {
  background-image: url(../flags/1x1/mz.svg);
}

.flag-icon-na {
  background-image: url(../flags/4x3/na.svg);
}

.flag-icon-na.flag-icon-squared {
  background-image: url(../flags/1x1/na.svg);
}

.flag-icon-nc {
  background-image: url(../flags/4x3/nc.svg);
}

.flag-icon-nc.flag-icon-squared {
  background-image: url(../flags/1x1/nc.svg);
}

.flag-icon-ne {
  background-image: url(../flags/4x3/ne.svg);
}

.flag-icon-ne.flag-icon-squared {
  background-image: url(../flags/1x1/ne.svg);
}

.flag-icon-nf {
  background-image: url(../flags/4x3/nf.svg);
}

.flag-icon-nf.flag-icon-squared {
  background-image: url(../flags/1x1/nf.svg);
}

.flag-icon-ng {
  background-image: url(../flags/4x3/ng.svg);
}

.flag-icon-ng.flag-icon-squared {
  background-image: url(../flags/1x1/ng.svg);
}

.flag-icon-ni {
  background-image: url(../flags/4x3/ni.svg);
}

.flag-icon-ni.flag-icon-squared {
  background-image: url(../flags/1x1/ni.svg);
}

.flag-icon-nl {
  background-image: url(../flags/4x3/nl.svg);
}

.flag-icon-nl.flag-icon-squared {
  background-image: url(../flags/1x1/nl.svg);
}

.flag-icon-no {
  background-image: url(../flags/4x3/no.svg);
}

.flag-icon-no.flag-icon-squared {
  background-image: url(../flags/1x1/no.svg);
}

.flag-icon-np {
  background-image: url(../flags/4x3/np.svg);
}

.flag-icon-np.flag-icon-squared {
  background-image: url(../flags/1x1/np.svg);
}

.flag-icon-nr {
  background-image: url(../flags/4x3/nr.svg);
}

.flag-icon-nr.flag-icon-squared {
  background-image: url(../flags/1x1/nr.svg);
}

.flag-icon-nu {
  background-image: url(../flags/4x3/nu.svg);
}

.flag-icon-nu.flag-icon-squared {
  background-image: url(../flags/1x1/nu.svg);
}

.flag-icon-nz {
  background-image: url(../flags/4x3/nz.svg);
}

.flag-icon-nz.flag-icon-squared {
  background-image: url(../flags/1x1/nz.svg);
}

.flag-icon-om {
  background-image: url(../flags/4x3/om.svg);
}

.flag-icon-om.flag-icon-squared {
  background-image: url(../flags/1x1/om.svg);
}

.flag-icon-pa {
  background-image: url(../flags/4x3/pa.svg);
}

.flag-icon-pa.flag-icon-squared {
  background-image: url(../flags/1x1/pa.svg);
}

.flag-icon-pe {
  background-image: url(../flags/4x3/pe.svg);
}

.flag-icon-pe.flag-icon-squared {
  background-image: url(../flags/1x1/pe.svg);
}

.flag-icon-pf {
  background-image: url(../flags/4x3/pf.svg);
}

.flag-icon-pf.flag-icon-squared {
  background-image: url(../flags/1x1/pf.svg);
}

.flag-icon-pg {
  background-image: url(../flags/4x3/pg.svg);
}

.flag-icon-pg.flag-icon-squared {
  background-image: url(../flags/1x1/pg.svg);
}

.flag-icon-ph {
  background-image: url(../flags/4x3/ph.svg);
}

.flag-icon-ph.flag-icon-squared {
  background-image: url(../flags/1x1/ph.svg);
}

.flag-icon-pk {
  background-image: url(../flags/4x3/pk.svg);
}

.flag-icon-pk.flag-icon-squared {
  background-image: url(../flags/1x1/pk.svg);
}

.flag-icon-pl {
  background-image: url(../flags/4x3/pl.svg);
}

.flag-icon-pl.flag-icon-squared {
  background-image: url(../flags/1x1/pl.svg);
}

.flag-icon-pm {
  background-image: url(../flags/4x3/pm.svg);
}

.flag-icon-pm.flag-icon-squared {
  background-image: url(../flags/1x1/pm.svg);
}

.flag-icon-pn {
  background-image: url(../flags/4x3/pn.svg);
}

.flag-icon-pn.flag-icon-squared {
  background-image: url(../flags/1x1/pn.svg);
}

.flag-icon-pr {
  background-image: url(../flags/4x3/pr.svg);
}

.flag-icon-pr.flag-icon-squared {
  background-image: url(../flags/1x1/pr.svg);
}

.flag-icon-ps {
  background-image: url(../flags/4x3/ps.svg);
}

.flag-icon-ps.flag-icon-squared {
  background-image: url(../flags/1x1/ps.svg);
}

.flag-icon-pt {
  background-image: url(../flags/4x3/pt.svg);
}

.flag-icon-pt.flag-icon-squared {
  background-image: url(../flags/1x1/pt.svg);
}

.flag-icon-pw {
  background-image: url(../flags/4x3/pw.svg);
}

.flag-icon-pw.flag-icon-squared {
  background-image: url(../flags/1x1/pw.svg);
}

.flag-icon-py {
  background-image: url(../flags/4x3/py.svg);
}

.flag-icon-py.flag-icon-squared {
  background-image: url(../flags/1x1/py.svg);
}

.flag-icon-qa {
  background-image: url(../flags/4x3/qa.svg);
}

.flag-icon-qa.flag-icon-squared {
  background-image: url(../flags/1x1/qa.svg);
}

.flag-icon-re {
  background-image: url(../flags/4x3/re.svg);
}

.flag-icon-re.flag-icon-squared {
  background-image: url(../flags/1x1/re.svg);
}

.flag-icon-ro {
  background-image: url(../flags/4x3/ro.svg);
}

.flag-icon-ro.flag-icon-squared {
  background-image: url(../flags/1x1/ro.svg);
}

.flag-icon-rs {
  background-image: url(../flags/4x3/rs.svg);
}

.flag-icon-rs.flag-icon-squared {
  background-image: url(../flags/1x1/rs.svg);
}

.flag-icon-ru {
  background-image: url(../flags/4x3/ru.svg);
}

.flag-icon-ru.flag-icon-squared {
  background-image: url(../flags/1x1/ru.svg);
}

.flag-icon-rw {
  background-image: url(../flags/4x3/rw.svg);
}

.flag-icon-rw.flag-icon-squared {
  background-image: url(../flags/1x1/rw.svg);
}

.flag-icon-sa {
  background-image: url(../flags/4x3/sa.svg);
}

.flag-icon-sa.flag-icon-squared {
  background-image: url(../flags/1x1/sa.svg);
}

.flag-icon-sb {
  background-image: url(../flags/4x3/sb.svg);
}

.flag-icon-sb.flag-icon-squared {
  background-image: url(../flags/1x1/sb.svg);
}

.flag-icon-sc {
  background-image: url(../flags/4x3/sc.svg);
}

.flag-icon-sc.flag-icon-squared {
  background-image: url(../flags/1x1/sc.svg);
}

.flag-icon-sd {
  background-image: url(../flags/4x3/sd.svg);
}

.flag-icon-sd.flag-icon-squared {
  background-image: url(../flags/1x1/sd.svg);
}

.flag-icon-se {
  background-image: url(../flags/4x3/se.svg);
}

.flag-icon-se.flag-icon-squared {
  background-image: url(../flags/1x1/se.svg);
}

.flag-icon-sg {
  background-image: url(../flags/4x3/sg.svg);
}

.flag-icon-sg.flag-icon-squared {
  background-image: url(../flags/1x1/sg.svg);
}

.flag-icon-sh {
  background-image: url(../flags/4x3/sh.svg);
}

.flag-icon-sh.flag-icon-squared {
  background-image: url(../flags/1x1/sh.svg);
}

.flag-icon-si {
  background-image: url(../flags/4x3/si.svg);
}

.flag-icon-si.flag-icon-squared {
  background-image: url(../flags/1x1/si.svg);
}

.flag-icon-sj {
  background-image: url(../flags/4x3/sj.svg);
}

.flag-icon-sj.flag-icon-squared {
  background-image: url(../flags/1x1/sj.svg);
}

.flag-icon-sk {
  background-image: url(../flags/4x3/sk.svg);
}

.flag-icon-sk.flag-icon-squared {
  background-image: url(../flags/1x1/sk.svg);
}

.flag-icon-sl {
  background-image: url(../flags/4x3/sl.svg);
}

.flag-icon-sl.flag-icon-squared {
  background-image: url(../flags/1x1/sl.svg);
}

.flag-icon-sm {
  background-image: url(../flags/4x3/sm.svg);
}

.flag-icon-sm.flag-icon-squared {
  background-image: url(../flags/1x1/sm.svg);
}

.flag-icon-sn {
  background-image: url(../flags/4x3/sn.svg);
}

.flag-icon-sn.flag-icon-squared {
  background-image: url(../flags/1x1/sn.svg);
}

.flag-icon-so {
  background-image: url(../flags/4x3/so.svg);
}

.flag-icon-so.flag-icon-squared {
  background-image: url(../flags/1x1/so.svg);
}

.flag-icon-sr {
  background-image: url(../flags/4x3/sr.svg);
}

.flag-icon-sr.flag-icon-squared {
  background-image: url(../flags/1x1/sr.svg);
}

.flag-icon-ss {
  background-image: url(../flags/4x3/ss.svg);
}

.flag-icon-ss.flag-icon-squared {
  background-image: url(../flags/1x1/ss.svg);
}

.flag-icon-st {
  background-image: url(../flags/4x3/st.svg);
}

.flag-icon-st.flag-icon-squared {
  background-image: url(../flags/1x1/st.svg);
}

.flag-icon-sv {
  background-image: url(../flags/4x3/sv.svg);
}

.flag-icon-sv.flag-icon-squared {
  background-image: url(../flags/1x1/sv.svg);
}

.flag-icon-sx {
  background-image: url(../flags/4x3/sx.svg);
}

.flag-icon-sx.flag-icon-squared {
  background-image: url(../flags/1x1/sx.svg);
}

.flag-icon-sy {
  background-image: url(../flags/4x3/sy.svg);
}

.flag-icon-sy.flag-icon-squared {
  background-image: url(../flags/1x1/sy.svg);
}

.flag-icon-sz {
  background-image: url(../flags/4x3/sz.svg);
}

.flag-icon-sz.flag-icon-squared {
  background-image: url(../flags/1x1/sz.svg);
}

.flag-icon-tc {
  background-image: url(../flags/4x3/tc.svg);
}

.flag-icon-tc.flag-icon-squared {
  background-image: url(../flags/1x1/tc.svg);
}

.flag-icon-td {
  background-image: url(../flags/4x3/td.svg);
}

.flag-icon-td.flag-icon-squared {
  background-image: url(../flags/1x1/td.svg);
}

.flag-icon-tf {
  background-image: url(../flags/4x3/tf.svg);
}

.flag-icon-tf.flag-icon-squared {
  background-image: url(../flags/1x1/tf.svg);
}

.flag-icon-tg {
  background-image: url(../flags/4x3/tg.svg);
}

.flag-icon-tg.flag-icon-squared {
  background-image: url(../flags/1x1/tg.svg);
}

.flag-icon-th {
  background-image: url(../flags/4x3/th.svg);
}

.flag-icon-th.flag-icon-squared {
  background-image: url(../flags/1x1/th.svg);
}

.flag-icon-tj {
  background-image: url(../flags/4x3/tj.svg);
}

.flag-icon-tj.flag-icon-squared {
  background-image: url(../flags/1x1/tj.svg);
}

.flag-icon-tk {
  background-image: url(../flags/4x3/tk.svg);
}

.flag-icon-tk.flag-icon-squared {
  background-image: url(../flags/1x1/tk.svg);
}

.flag-icon-tl {
  background-image: url(../flags/4x3/tl.svg);
}

.flag-icon-tl.flag-icon-squared {
  background-image: url(../flags/1x1/tl.svg);
}

.flag-icon-tm {
  background-image: url(../flags/4x3/tm.svg);
}

.flag-icon-tm.flag-icon-squared {
  background-image: url(../flags/1x1/tm.svg);
}

.flag-icon-tn {
  background-image: url(../flags/4x3/tn.svg);
}

.flag-icon-tn.flag-icon-squared {
  background-image: url(../flags/1x1/tn.svg);
}

.flag-icon-to {
  background-image: url(../flags/4x3/to.svg);
}

.flag-icon-to.flag-icon-squared {
  background-image: url(../flags/1x1/to.svg);
}

.flag-icon-tr {
  background-image: url(../flags/4x3/tr.svg);
}

.flag-icon-tr.flag-icon-squared {
  background-image: url(../flags/1x1/tr.svg);
}

.flag-icon-tt {
  background-image: url(../flags/4x3/tt.svg);
}

.flag-icon-tt.flag-icon-squared {
  background-image: url(../flags/1x1/tt.svg);
}

.flag-icon-tv {
  background-image: url(../flags/4x3/tv.svg);
}

.flag-icon-tv.flag-icon-squared {
  background-image: url(../flags/1x1/tv.svg);
}

.flag-icon-tw {
  background-image: url(../flags/4x3/tw.svg);
}

.flag-icon-tw.flag-icon-squared {
  background-image: url(../flags/1x1/tw.svg);
}

.flag-icon-tz {
  background-image: url(../flags/4x3/tz.svg);
}

.flag-icon-tz.flag-icon-squared {
  background-image: url(../flags/1x1/tz.svg);
}

.flag-icon-ua {
  background-image: url(../flags/4x3/ua.svg);
}

.flag-icon-ua.flag-icon-squared {
  background-image: url(../flags/1x1/ua.svg);
}

.flag-icon-ug {
  background-image: url(../flags/4x3/ug.svg);
}

.flag-icon-ug.flag-icon-squared {
  background-image: url(../flags/1x1/ug.svg);
}

.flag-icon-um {
  background-image: url(../flags/4x3/um.svg);
}

.flag-icon-um.flag-icon-squared {
  background-image: url(../flags/1x1/um.svg);
}

.flag-icon-us {
  background-image: url(../flags/4x3/us.svg);
}

.flag-icon-us.flag-icon-squared {
  background-image: url(../flags/1x1/us.svg);
}

.flag-icon-uy {
  background-image: url(../flags/4x3/uy.svg);
}

.flag-icon-uy.flag-icon-squared {
  background-image: url(../flags/1x1/uy.svg);
}

.flag-icon-uz {
  background-image: url(../flags/4x3/uz.svg);
}

.flag-icon-uz.flag-icon-squared {
  background-image: url(../flags/1x1/uz.svg);
}

.flag-icon-va {
  background-image: url(../flags/4x3/va.svg);
}

.flag-icon-va.flag-icon-squared {
  background-image: url(../flags/1x1/va.svg);
}

.flag-icon-vc {
  background-image: url(../flags/4x3/vc.svg);
}

.flag-icon-vc.flag-icon-squared {
  background-image: url(../flags/1x1/vc.svg);
}

.flag-icon-ve {
  background-image: url(../flags/4x3/ve.svg);
}

.flag-icon-ve.flag-icon-squared {
  background-image: url(../flags/1x1/ve.svg);
}

.flag-icon-vg {
  background-image: url(../flags/4x3/vg.svg);
}

.flag-icon-vg.flag-icon-squared {
  background-image: url(../flags/1x1/vg.svg);
}

.flag-icon-vi {
  background-image: url(../flags/4x3/vi.svg);
}

.flag-icon-vi.flag-icon-squared {
  background-image: url(../flags/1x1/vi.svg);
}

.flag-icon-vn {
  background-image: url(../flags/4x3/vn.svg);
}

.flag-icon-vn.flag-icon-squared {
  background-image: url(../flags/1x1/vn.svg);
}

.flag-icon-vu {
  background-image: url(../flags/4x3/vu.svg);
}

.flag-icon-vu.flag-icon-squared {
  background-image: url(../flags/1x1/vu.svg);
}

.flag-icon-wf {
  background-image: url(../flags/4x3/wf.svg);
}

.flag-icon-wf.flag-icon-squared {
  background-image: url(../flags/1x1/wf.svg);
}

.flag-icon-ws {
  background-image: url(../flags/4x3/ws.svg);
}

.flag-icon-ws.flag-icon-squared {
  background-image: url(../flags/1x1/ws.svg);
}

.flag-icon-ye {
  background-image: url(../flags/4x3/ye.svg);
}

.flag-icon-ye.flag-icon-squared {
  background-image: url(../flags/1x1/ye.svg);
}

.flag-icon-yt {
  background-image: url(../flags/4x3/yt.svg);
}

.flag-icon-yt.flag-icon-squared {
  background-image: url(../flags/1x1/yt.svg);
}

.flag-icon-za {
  background-image: url(../flags/4x3/za.svg);
}

.flag-icon-za.flag-icon-squared {
  background-image: url(../flags/1x1/za.svg);
}

.flag-icon-zm {
  background-image: url(../flags/4x3/zm.svg);
}

.flag-icon-zm.flag-icon-squared {
  background-image: url(../flags/1x1/zm.svg);
}

.flag-icon-zw {
  background-image: url(../flags/4x3/zw.svg);
}

.flag-icon-zw.flag-icon-squared {
  background-image: url(../flags/1x1/zw.svg);
}

.flag-icon-es-ca {
  background-image: url(../flags/4x3/es-ca.svg);
}

.flag-icon-es-ca.flag-icon-squared {
  background-image: url(../flags/1x1/es-ca.svg);
}

.flag-icon-eu {
  background-image: url(../flags/4x3/eu.svg);
}

.flag-icon-eu.flag-icon-squared {
  background-image: url(../flags/1x1/eu.svg);
}

.flag-icon-gb-eng {
  background-image: url(../flags/4x3/gb-eng.svg);
}

.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(../flags/1x1/gb-eng.svg);
}

.flag-icon-gb-nir {
  background-image: url(../flags/4x3/gb-nir.svg);
}

.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(../flags/1x1/gb-nir.svg);
}

.flag-icon-gb-sct {
  background-image: url(../flags/4x3/gb-sct.svg);
}

.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(../flags/1x1/gb-sct.svg);
}

.flag-icon-gb-wls {
  background-image: url(../flags/4x3/gb-wls.svg);
}

.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(../flags/1x1/gb-wls.svg);
}

.flag-icon-un {
  background-image: url(../flags/4x3/un.svg);
}

.flag-icon-un.flag-icon-squared {
  background-image: url(../flags/1x1/un.svg);
}

.flag-icon-xk {
  background-image: url(../flags/4x3/xk.svg);
}

.flag-icon-xk.flag-icon-squared {
  background-image: url(../flags/1x1/xk.svg);
}

.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '←';
}

[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: '→';
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

* {
  font-size: 14px;
  line-height: 20px;
}

body {
  font-family: "GothamRounded";
  color: #6f7581;
  font-weight: 400;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

button {
  cursor: pointer;
}

button,
input,
select {
  font-family: "GothamRounded";
}

button:focus, button:active,
button:focus + button:active,
input:focus,
input:active,
input:focus + button:active,
select:focus,
select:active,
select:focus + button:active,
button:focus +
input:active,
input:focus +
input:active,
select:focus +
input:active,
button:focus +
select:active,
input:focus +
select:active,
select:focus +
select:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select {
  font-family: "GothamRounded";
  font-weight: bold;
}

.btn:focus, .btn:active,
.btn:focus + .btn:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

h1,
h2,
h3 {
  margin: 0;
  padding: 0;
}

a,
a:hover,
a:focus {
  outline: none;
  text-decoration: none;
  color: #6f7581;
}

button {
  outline: none;
}

.btn {
  font-size: 13px;
  font-weight: 500;
  padding: 5px 15px;
  border-radius: 3px;
}

.btn.btn-md {
  padding: 7px 30px;
  font-size: 13px;
}

.btn.btn-primary {
  border: 0;
  background-color: #6f7581;
  color: #fff;
}

.btn.btn-warning {
  border: 0;
  background-color: #FF9100;
  color: #fff;
}

.btn.btn-green {
  border: 0;
  background-color: #75C940;
  color: #fff;
}

.btn.btn-send {
  border: 0;
  background-color: #6f7581;
  color: #fff;
  padding: 17px 50px;
}

.btn.btn-send i {
  color: #41484c;
  margin-right: 10px;
  font-size: 20px;
  float: left;
}

.big-title-area {
  text-align: center;
  margin-bottom: 30px;
}

.big-title-area > .title-area {
  position: relative;
}

.big-title-area > .title-area .big-title {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
  font-size: 60px;
  line-height: 60px;
  font-weight: 300;
  color: #6f7581;
  margin-bottom: 30px;
  opacity: 0.1;
  filter: alpha(opacity=10);
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .big-title-area > .title-area .big-title {
    font-size: 30px;
  }
}

.big-title-area > .title-area .title {
  position: relative;
  z-index: 3;
  font-size: 36px;
  line-height: 60px;
  font-weight: 500;
  color: #6f7581;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .big-title-area > .title-area .title {
    font-size: 30px;
  }
}

.back-image {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.see-link {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.see-link a.see-all {
  font-size: 14px;
  line-height: 48px;
  border-width: 2px;
  border-style: solid;
  color: #6f7581;
  border-radius: 3px;
  padding: 14px 34px;
  border-color: #D8DCE9;
}

.see-link a.see-all.white {
  color: #fff;
  border-color: #fff;
}

.productPagesPagination {
  margin-top: 70px;
  margin-bottom: 80px;
}

.productPagesPagination ul li {
  margin-right: 10px;
}

.productPagesPagination ul li:last-child {
  margin-right: 0;
}

.productPagesPagination ul li.active a {
  color: #fff !important;
  background-color: #6f7581 !important;
  border-color: #6f7581 !important;
}

.productPagesPagination ul li.active a:hover {
  color: #fff !important;
  background-color: #6f7581 !important;
}

.productPagesPagination ul li a:hover {
  color: #fff !important;
  background-color: #41484c !important;
}

.productPagesPagination ul li a.page-link {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #D8DCE9;
  font-size: 18px;
  color: #768BBE;
  text-align: center;
  display: inline-block;
  width: 55px;
  font-weight: bold;
  height: 45px;
  line-height: 45px !important;
  padding: 0 !important;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media only screen and (max-width: 767px) {
  .productPagesPagination ul li a.page-link {
    width: 30px;
    height: 30px;
    line-height: 30px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .productPagesPagination ul li a.page-link {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
  }
}

.productPagesPagination ul li a.page-link i {
  font-size: 24px;
  line-height: 45px;
}

@media only screen and (max-width: 767px) {
  .productPagesPagination ul li a.page-link i {
    line-height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .productPagesPagination ul li a.page-link i {
    line-height: 40px;
  }
}

.productPagesPagination ul li a.page-link:focus, .productPagesPagination ul li a.page-link:active, .productPagesPagination ul li a.page-link:hover {
  outline: none;
  border-color: #41484c;
  background-color: #41484c;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#header-one {
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  #header-one {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #header-one {
    display: none;
  }
}

#header-one .header-top {
  padding: 15px 0;
}

#header-one .header-top .item .item-container .lang-select {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

#header-one .header-top .item .item-container .lang-select .bootstrap-select {
  width: auto;
  display: inline-block;
  border: 2px solid #ddd;
  border-radius: 4px;
}

#header-one .header-top .item .item-container .slogan {
  display: inline-block;
  float: left;
  color: #7E7E7E;
  font-weight: 400;
  line-height: 30px;
  font-size: 13px;
}

#header-one .header-top .item .item-container .phone {
  overflow: hidden;
}

#header-one .header-top .item .item-container .phone .phone-title {
  display: inline-block;
  float: left;
  margin-right: 5px;
  line-height: 30px;
  color: #7E7E7E;
}

#header-one .header-top .item .item-container .phone .phone-number {
  display: inline-block;
  float: left;
  line-height: 30px;
}

#header-one .header-top .item .item-container .phone .phone-number a {
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: #6f7581;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

#header-one .header-top .item .item-container .phone .phone-number a:hover {
  color: #FF9100;
}

#header-one .header-top .item .item-container .social-links {
  display: block;
  line-height: 30px;
  text-align: right;
}

#header-one .header-top .item .item-container .social-links ul {
  display: inline-block;
}

#header-one .header-top .item .item-container .social-links ul li {
  float: left;
  margin-right: 10px;
}

#header-one .header-top .item .item-container .social-links ul li a {
  font-size: 24px;
  color: #7E7E7E;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

#header-one .header-top .item .item-container .social-links ul li a:hover {
  color: #6f7581;
}

#header-one .header-top .item .item-container .social-links ul li:last-child {
  margin-right: 0;
}

#header-one .header-bottom .item .item-container .logo a {
  display: inline-block;
}

#header-one .header-bottom .item .item-container .logo a img {
  max-width: 80%;
}

#header-one .header-bottom .item .item-container .menu-area {
  margin-top: 15px;
}

#header-one .header-bottom .item .item-container .menu-area .dropdown-toggle::after {
  content: '\f2f9';
  font-family: Material-Design-Iconic-Font;
  border: 0;
  vertical-align: inherit;
}

#header-one .header-bottom .item .item-container .menu-area .dropdown-menu {
  font-size: 14px;
}

#header-one .header-bottom .item .item-container .menu-area .navbar {
  padding: 0;
  display: inline-block;
  float: right;
}

#header-one .header-bottom .item .item-container .menu-area .navbar .navbar-nav .nav-link {
  font-weight: 500;
  font-size: 15px;
  color: #000;
}

#slider-one-area .slider-item .item-container.back-image::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.4);
}

#slider-one-area .slider-item .item-container .text-container {
  height: 600px;
  position: relative;
}

#slider-one-area .slider-item .item-container .text-container .slider-text-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#slider-one-area .slider-item .item-container .text-container .slider-text-center .slider-title {
  font-size: 48px;
  line-height: 60px;
  color: #000;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  #slider-one-area .slider-item .item-container .text-container .slider-text-center .slider-title {
    font-size: 28px;
  }
}

#slider-one-area .slider-item .item-container .text-container .slider-text-center .slider-title strong {
  font-weight: bold;
  font-size: 48px;
  line-height: 60px;
}

@media only screen and (max-width: 767px) {
  #slider-one-area .slider-item .item-container .text-container .slider-text-center .slider-title strong {
    font-size: 28px;
  }
}

#slider-one-area .slider-item .item-container .text-container .slider-text-center .slider-desc {
  font-size: 18px;
  line-height: 32px;
  color: #000;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  #slider-one-area .slider-item .item-container .text-container .slider-text-center .slider-desc {
    font-size: 15px;
  }
}

#slider-one-area .slider-item .item-container .text-container .slider-text-center .slider-links a {
  margin-right: 15px;
}

#slider-one-area .slider-item .item-container .text-container .slider-text-center .slider-links a:last-child {
  margin-right: 0;
}

#slider-one-area .slick-dots {
  bottom: 20px;
}

#slider-one-area .slick-dots li button {
  border: 4px solid #6f7581;
  border-radius: 50px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

#slider-one-area .slick-dots li button:before {
  display: none;
}

#slider-one-area .slick-dots li.slick-active button {
  opacity: 1;
  filter: alpha(opacity=100);
}

#about-us {
  margin: 60px 0;
}

#about-us .picture {
  border-radius: 3px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #about-us .picture {
    margin-bottom: 25px;
  }
}

#about-us .picture img {
  -webkit-box-shadow: 0px 8px 44px rgba(0, 0, 0, 0.256142);
  box-shadow: 0px 8px 44px rgba(0, 0, 0, 0.256142);
  border-radius: 3px;
}

@media only screen and (max-width: 767px) {
  #about-us .picture img {
    margin-bottom: 20px;
  }
}

#about-us .text-area p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
  color: #7E7E7E;
}

#about-us .text-area p:last-child {
  margin-bottom: 0;
}

#we-services {
  padding: 90px 0;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #we-services {
    padding: 30px 0;
  }
}

#we-services .big-title-area div {
  color: #fff;
}

#we-services::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #1866C8;
  opacity: 0.93;
  filter: alpha(opacity=93);
}

#slider-two-area #slider-two {
  margin-top: 30px;
  margin-bottom: 50px;
}

#slider-two-area #slider-two .slick-dots {
  bottom: -30px;
}

#slider-two-area #slider-two .slick-dots li button {
  border: 4px solid #ffffff;
  border-radius: 50px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

#slider-two-area #slider-two .slick-dots li button:before {
  display: none;
}

#slider-two-area #slider-two .slick-dots li.slick-active button {
  opacity: 1;
  filter: alpha(opacity=100);
}

#slider-two-area #slider-two button.slick-arrow {
  width: 48px;
  height: 48px;
  border: 2px solid #D8DCE9;
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-two-area #slider-two button.slick-arrow:hover, #slider-two-area #slider-two button.slick-arrow:focus, #slider-two-area #slider-two button.slick-arrow:active {
  border-color: #FF9100;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-two-area #slider-two button.slick-arrow:hover::before, #slider-two-area #slider-two button.slick-arrow:focus::before, #slider-two-area #slider-two button.slick-arrow:active::before {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  color: #FF9100;
}

#slider-two-area #slider-two button.slick-arrow::before {
  color: #6f7581;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 36px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-two-area #slider-two button.slick-prev {
  left: -90px;
}

#slider-two-area #slider-two button.slick-prev::before {
  content: '\f2fa';
}

#slider-two-area #slider-two button.slick-next {
  right: -90px;
}

#slider-two-area #slider-two button.slick-next::before {
  content: '\f2fb';
}

#slider-two-area #slider-two .slider-item .item-container {
  margin: 10px;
  text-align: center;
  padding: 20px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  border: 2px solid #fff;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-two-area #slider-two .slider-item .item-container:hover {
  background-color: #FF9100;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  border-color: #FF9100;
  -webkit-box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
}

#slider-two-area #slider-two .slider-item .item-container a {
  display: inline-block;
  width: 100%;
}

#slider-two-area #slider-two .slider-item .item-container img {
  border-radius: 4px;
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}

#slider-two-area #slider-two .slider-item .item-container strong {
  display: block;
  min-height: 70px;
  max-height: 70px;
  overflow: hidden;
  position: relative;
}

#slider-two-area #slider-two .slider-item .item-container strong b {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  max-height: 70px;
  display: block;
  overflow: hidden;
}

#slider-two-area #slider-two .slider-item .item-container p {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  min-height: 60px;
  max-height: 60px;
  overflow: hidden;
  font-weight: 400;
}

#product-area {
  margin-bottom: 50px;
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  #product-area {
    margin-bottom: 30px;
    padding-top: 30px;
  }
}

#slider-three-area #slider-three {
  margin-bottom: 50px;
}

#slider-three-area #slider-three .slick-dots {
  bottom: -30px;
}

#slider-three-area #slider-three .slick-dots li button {
  border: 4px solid #6f7581;
  border-radius: 50px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

#slider-three-area #slider-three .slick-dots li button:before {
  display: none;
}

#slider-three-area #slider-three .slick-dots li.slick-active button {
  opacity: 1;
  filter: alpha(opacity=100);
}

#slider-three-area #slider-three button.slick-arrow {
  width: 48px;
  height: 48px;
  border: 2px solid #D8DCE9;
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-three-area #slider-three button.slick-arrow:hover, #slider-three-area #slider-three button.slick-arrow:focus, #slider-three-area #slider-three button.slick-arrow:active {
  border-color: #FF9100;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-three-area #slider-three button.slick-arrow:hover::before, #slider-three-area #slider-three button.slick-arrow:focus::before, #slider-three-area #slider-three button.slick-arrow:active::before {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  color: #FF9100;
}

#slider-three-area #slider-three button.slick-arrow::before {
  color: #6f7581;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 36px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-three-area #slider-three button.slick-prev {
  left: -90px;
}

#slider-three-area #slider-three button.slick-prev::before {
  content: '\f2fa';
}

#slider-three-area #slider-three button.slick-next {
  right: -90px;
}

#slider-three-area #slider-three button.slick-next::before {
  content: '\f2fb';
}

.product-item-container {
  margin: 15px;
  margin-top: 25px;
  text-align: center;
  padding: 20px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
}

.product-item-container:hover {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
}

.product-item-container i.prop-single {
  position: absolute;
  top: 10px;
  line-height: 20px;
  padding: 0 5px;
  font-size: 12px;
  color: #ffffff;
  font-style: normal;
  font-weight: 500;
  font-weight: bold;
}

.product-item-container i.prop-single.new {
  left: 10px;
  background-color: #FF9100;
}

.product-item-container i.prop-single.discount {
  right: 10px;
  background-color: #7ED321;
}

.product-item-container .prop {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 55;
}

.product-item-container .prop i {
  line-height: 20px;
  padding: 0 5px;
  font-size: 12px;
  color: #ffffff;
  font-style: normal;
  font-weight: bold;
  float: left;
  margin-right: 10px;
}

.product-item-container .prop i:last-child {
  margin-right: 0;
}

.product-item-container .prop i.new {
  background-color: #FF9100;
}

.product-item-container .prop i.discount {
  background-color: #7ED321;
}

.product-item-container a {
  display: inline-block;
  width: 100%;
}

.product-item-container img {
  border-radius: 4px;
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}

.product-item-container strong {
  display: block;
  min-height: 70px;
  position: relative;
}

.product-item-container strong b {
  color: #4A4A4A;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  max-height: 33px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.product-item-container span {
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 23px;
  color: #FF9100;
  font-weight: bold;
}

#slider-tab-cat {
  display: table;
  margin: 0 auto;
  border: none;
  margin-bottom: 25px;
}

#slider-tab-cat li {
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  #slider-tab-cat li {
    margin-bottom: 15px;
  }
}

#slider-tab-cat li:last-child {
  margin-right: 0;
}

#slider-tab-cat li a {
  padding: 0;
  border: none;
  color: #6f7581;
  font-weight: 500;
  font-size: 14px;
  line-height: 36px;
  padding: 0 25px;
  background-color: #D8DCE9;
  display: inline-block;
  border-radius: 18px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#slider-tab-cat li a.active {
  background-color: #41484c;
  color: #fff;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#project-area {
  padding-top: 10px;
  margin-bottom: 30px;
}

#project-area .see-link {
  margin-top: 35px;
}

.blue-dots-class .slick-dots {
  bottom: -30px;
}

.blue-dots-class .slick-dots li button {
  border: 4px solid #6f7581;
  border-radius: 50px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.blue-dots-class .slick-dots li button:before {
  display: none;
}

.blue-dots-class .slick-dots li.slick-active button {
  opacity: 1;
  filter: alpha(opacity=100);
}

.post-project-item-container {
  height: 475px;
  margin: 15px;
  text-align: left;
  border-radius: 4px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.post-project-item-container:hover {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.post-project-item-container:hover em {
  padding: 30px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.post-project-item-container .item-content {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.0001)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, #000000 100%);
  position: relative;
  -webkit-transition: all ease .5s;
  transition: all ease .5s;
}

.post-project-item-container .item-content:hover {
  background: rgba(53, 80, 145, 0.743886);
  -webkit-transition: all ease .5s;
  transition: all ease .5s;
}

.post-project-item-container .item-content:hover em p {
  height: 300px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.post-project-item-container .item-content:hover a {
  line-height: 85px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.post-project-item-container .item-content:hover a:hover i {
  margin-left: 15px;
}

.post-project-item-container .item-content:hover a i {
  line-height: 87px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.post-project-item-container .item-content em {
  font-style: normal;
  position: absolute;
  padding-left: 25px;
  bottom: 55px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.post-project-item-container .item-content em strong {
  display: block;
  font-size: 24px;
  line-height: 26px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 15px;
}

.post-project-item-container .item-content em p {
  font-size: 14px;
  line-height: 26px;
  color: #fff;
  display: block;
  height: 0;
  max-height: 320px;
  overflow: hidden;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.post-project-item-container .item-content a {
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  display: inline-block;
  line-height: 70px;
  position: absolute;
  bottom: 0;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  left: 25px;
}

.post-project-item-container .item-content a i {
  font-weight: 500;
  font-size: 24px;
  line-height: 70px;
  color: #fff;
  margin-left: 10px;
  float: right;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#event-area {
  margin-bottom: 50px;
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  #event-area {
    margin-bottom: 30px;
    padding-top: 30px;
  }
}

#events-page-content .event-container {
  border-radius: 4px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  margin-top: 50px;
  margin-bottom: 30px;
}

#events-page-content .event-container .event-banner {
  position: relative;
}

#events-page-content .event-container .event-banner img {
  width: 100%;
}

#events-page-content .event-container .event-banner .date {
  padding: 15px;
  text-align: center;
  color: #fff;
  position: absolute;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  border-radius: 4px;
  background-color: #41484c;
  top: -50px;
  left: 20px;
}

#events-page-content .event-container .event-banner .date strong {
  display: block;
  font-size: 44px;
  line-height: 45px;
  font-weight: bold;
}

#events-page-content .event-container .event-banner .date span {
  display: block;
  font-size: 20px;
  line-height: 23px;
  font-weight: 500;
}

#events-page-content .event-container .event-banner .date b {
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}

#events-page-content .event-container .title {
  display: block;
  text-align: center;
  min-height: 70px;
  max-height: 70px;
  overflow: hidden;
  position: relative;
}

#events-page-content .event-container .title span {
  display: block;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  font-weight: 600;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#events-page-content .event-container .text {
  padding: 0 20px 25px 20px;
}

#events-page-content .event-container .text .bottom {
  display: inline-block;
  width: 100%;
  padding: 20px 0;
}

#events-page-content .event-container .text .bottom .location {
  width: 60px;
  float: left;
  height: 40px;
  text-align: center;
}

#events-page-content .event-container .text .bottom .location i {
  background-color: #F9FAFC;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #7E7E7E;
  border-radius: 4px;
  line-height: 40px;
  font-size: 24px;
  font-weight: 500;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#events-page-content .event-container .text .bottom .adress {
  width: calc(100% - 60px);
  float: left;
  text-transform: capitalize;
  min-height: 40px;
  color: #9B9B9B;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  padding-top: 2px;
}

#events-page-content .event-container .text .link {
  display: block;
  width: 100%;
  text-align: center;
}

#events-page-content .event-container .text .link a {
  font-size: 14px;
  line-height: 16px;
  color: #9B9B9B;
  padding-bottom: 5px;
  position: relative;
  font-weight: 500;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#events-page-content .event-container .text .link a::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #D8DCE9;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

#events-page-content .event-container .text .link a::after {
  content: "";
  width: 0;
  height: 2px;
  background-color: #6f7581;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 3;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#events-page-content .event-container:hover {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
}

#events-page-content .event-container:hover .title span {
  color: #6f7581;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#events-page-content .event-container:hover .date {
  background-color: #6f7581 !important;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#events-page-content .event-container:hover .location i {
  background-color: #FFEFDA !important;
  color: #FF9100 !important;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#events-page-content .event-container:hover .link a {
  color: #41484c !important;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#events-page-content .event-container:hover .link a:after {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  width: 100%;
}

#slider-event-area #slider-event {
  margin-bottom: 50px;
}

#slider-event-area #slider-event button.slick-arrow {
  width: 48px;
  height: 48px;
  border: 2px solid #D8DCE9;
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-event-area #slider-event button.slick-arrow:hover, #slider-event-area #slider-event button.slick-arrow:focus, #slider-event-area #slider-event button.slick-arrow:active {
  border-color: #FF9100;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-event-area #slider-event button.slick-arrow:hover::before, #slider-event-area #slider-event button.slick-arrow:focus::before, #slider-event-area #slider-event button.slick-arrow:active::before {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  color: #FF9100;
}

#slider-event-area #slider-event button.slick-arrow::before {
  color: #6f7581;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 36px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-event-area #slider-event button.slick-prev {
  left: -90px;
}

#slider-event-area #slider-event button.slick-prev::before {
  content: '\f2fa';
}

#slider-event-area #slider-event button.slick-next {
  right: -90px;
}

#slider-event-area #slider-event button.slick-next::before {
  content: '\f2fb';
}

#slider-event-area #slider-event .slider-item .item-container {
  margin: 15px;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 20px;
  border-radius: 4px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
}

#slider-event-area #slider-event .slider-item .item-container .title {
  display: block;
  text-align: center;
  min-height: 70px;
  max-height: 70px;
  overflow: hidden;
  position: relative;
}

#slider-event-area #slider-event .slider-item .item-container .title span {
  display: block;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  font-weight: 600;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  max-height: 45px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  #slider-event-area #slider-event .slider-item .item-container .title span {
    max-height: 65px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #slider-event-area #slider-event .slider-item .item-container .title span {
    max-height: 65px;
  }
}

#slider-event-area #slider-event .slider-item .item-container .text .top {
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #f6f6f6;
}

#slider-event-area #slider-event .slider-item .item-container .text .top .date {
  width: 60px;
  float: left;
  text-align: center;
  color: #9B9B9B;
  position: relative;
  min-height: 135px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-event-area #slider-event .slider-item .item-container .text .top .date strong {
  display: block;
  font-size: 44px;
  line-height: 50px;
  font-weight: bold;
}

#slider-event-area #slider-event .slider-item .item-container .text .top .date span {
  display: block;
  font-size: 20px;
  line-height: 23px;
  font-weight: 500;
}

#slider-event-area #slider-event .slider-item .item-container .text .top .date b {
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}

#slider-event-area #slider-event .slider-item .item-container .text .top .text {
  width: calc(100% - 60px);
  float: left;
  position: relative;
  min-height: 135px;
  max-height: 135px;
  overflow: hidden;
}

#slider-event-area #slider-event .slider-item .item-container .text .top .text p {
  display: block;
  color: #9B9B9B;
  font-size: 14px;
  line-height: 20px;
  max-height: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #slider-event-area #slider-event .slider-item .item-container .text .top .text p {
    max-height: 110px;
  }
}

@media only screen and (max-width: 767px) {
  #slider-event-area #slider-event .slider-item .item-container .text .top .text p {
    max-height: 110px;
  }
}

#slider-event-area #slider-event .slider-item .item-container .text .top .centerF {
  position: absolute;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#slider-event-area #slider-event .slider-item .item-container .text .bottom {
  display: inline-block;
  width: 100%;
  padding: 20px 0;
}

#slider-event-area #slider-event .slider-item .item-container .text .bottom .location {
  width: 60px;
  float: left;
  height: 40px;
  text-align: center;
}

#slider-event-area #slider-event .slider-item .item-container .text .bottom .location i {
  background-color: #F9FAFC;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #7E7E7E;
  border-radius: 4px;
  line-height: 40px;
  font-size: 24px;
  font-weight: 500;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-event-area #slider-event .slider-item .item-container .text .bottom .adress {
  width: calc(100% - 60px);
  float: left;
  text-transform: capitalize;
  min-height: 40px;
  color: #9B9B9B;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  padding-top: 2px;
}

#slider-event-area #slider-event .slider-item .item-container .text .link {
  display: block;
  width: 100%;
  text-align: center;
}

#slider-event-area #slider-event .slider-item .item-container .text .link a {
  font-size: 14px;
  line-height: 16px;
  color: #9B9B9B;
  padding-bottom: 5px;
  position: relative;
  font-weight: 500;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-event-area #slider-event .slider-item .item-container .text .link a::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #D8DCE9;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

#slider-event-area #slider-event .slider-item .item-container .text .link a::after {
  content: "";
  width: 0;
  height: 2px;
  background-color: #FF9100;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 3;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#slider-event-area #slider-event .slider-item .item-container:hover {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
}

#slider-event-area #slider-event .slider-item .item-container:hover .title span {
  color: #6f7581;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-event-area #slider-event .slider-item .item-container:hover .date {
  color: #FF9100 !important;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-event-area #slider-event .slider-item .item-container:hover .location i {
  background-color: #FFEFDA !important;
  color: #FF9100 !important;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-event-area #slider-event .slider-item .item-container:hover .link a {
  color: #FF9100 !important;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-event-area #slider-event .slider-item .item-container:hover .link a:after {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  width: 100%;
}

.events-detail-content .events-detail {
  padding: 20px 30px;
  border: 1px solid #D8DCE9;
  border-radius: 4px;
  padding-bottom: 5px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}

.events-detail-content .events-detail .event-title {
  font-size: 18px;
  display: block;
  line-height: 22px;
  font-weight: 600;
  padding-bottom: 5px;
}

.events-detail-content .events-detail .event-time {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid #F6F6F6;
}

.events-detail-content .events-detail .event-time .time-field {
  display: inline-block;
  width: 100%;
  background-color: #6f7581;
  border-radius: 4px;
  padding: 20px;
  position: relative;
  margin: 12px 0;
}

.events-detail-content .events-detail .event-time .time-field:after {
  content: "\f32f";
  opacity: 0.1;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  color: #fff;
  font-size: 72px;
  position: absolute;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -10px;
}

.events-detail-content .events-detail .event-time .time-field .date .day-number {
  float: left;
}

.events-detail-content .events-detail .event-time .time-field .date .day-number strong {
  font-size: 48px;
  line-height: 42px;
  color: #fff;
  display: inline-block;
  font-weight: 600;
}

.events-detail-content .events-detail .event-time .time-field .date .day-text {
  padding-left: 15px;
  float: left;
}

.events-detail-content .events-detail .event-time .time-field .date .day-text span {
  font-size: 20px;
  line-height: 23px;
  color: #fff;
  display: block;
  font-weight: 500;
}

.events-detail-content .events-detail .event-time .time-field .date .day-text b {
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  font-weight: 400;
}

.events-detail-content .events-detail .event-time .time-field i.start-and-finish {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-style: normal;
  line-height: 23px;
}

.events-detail-content .events-detail .event-time .time-field i.start-and-finish b {
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  padding: 0 25px;
  border-radius: 11.5px;
}

.events-detail-content .events-detail .event-time .time-field i.start-and-finish b i {
  margin-right: 5px;
  display: inline-block;
  font-size: 14px;
  line-height: 23px;
}

.events-detail-content .events-detail .event-time .time-field i.start-and-finish.top {
  top: -12px;
}

.events-detail-content .events-detail .event-time .time-field i.start-and-finish.top b {
  background-color: #41484c;
}

.events-detail-content .events-detail .event-time .time-field i.start-and-finish.bottom {
  bottom: -12px;
}

.events-detail-content .events-detail .event-time .time-field i.start-and-finish.bottom b {
  background-color: #768BBE;
}

.events-detail-content .events-detail .event-adress-text {
  position: relative;
  padding-left: 50px;
  display: inline-block;
  width: 100%;
  min-height: 70px;
  overflow: hidden;
}

.events-detail-content .events-detail .event-adress-text span {
  font-size: 14px;
  line-height: 16px;
  color: #7E7E7E;
  font-weight: 500;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.events-detail-content .events-detail .event-adress-text i {
  font-size: 24px;
  line-height: 40px;
  font-weight: 500;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #6f7581;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.events-detail-content .events-detail .way-direction {
  padding: 10px 0;
}

.events-detail-content .events-detail .way-direction ul {
  display: inline-block;
  width: calc(100% + 20px);
}

.events-detail-content .events-detail .way-direction ul li {
  float: left;
  width: calc(100% / 3);
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  .events-detail-content .events-detail .way-direction ul li {
    width: 100%;
    margin-bottom: 10px;
  }
}

.events-detail-content .events-detail .way-direction ul li:first-child {
  padding-left: 0;
}

.events-detail-content .events-detail .way-direction ul li:first-child a i {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.events-detail-content .events-detail .way-direction ul li a {
  display: inline-block;
  width: 100%;
  text-align: center;
  line-height: 55px;
  border: 1px solid #D8DCE9;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  border-radius: 4px;
}

.events-detail-content .events-detail .way-direction ul li a:hover {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-color: #41484c;
}

.events-detail-content .events-detail .way-direction ul li a:hover span {
  color: #fff;
}

.events-detail-content .events-detail .way-direction ul li a span {
  font-size: 13px;
  font-weight: 500;
  color: #6f7581;
  line-height: 25px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  display: inline-block;
}

.events-detail-content .events-detail .way-direction ul li a span i {
  font-size: 24px;
  float: left;
  margin-right: 10px;
}

.events-detail-content .events-detail .event-content {
  padding-top: 10px;
  padding-bottom: 15px;
}

.events-detail-content .events-detail .event-content .title {
  display: block;
  padding: 10px 0;
}

.events-detail-content .events-detail .event-content .title span {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}

.events-detail-content .events-detail .event-content p {
  font-size: 14px;
  line-height: 20px;
  color: #7E7E7E;
}

.event-detail-page-ebent-poster img {
  border-radius: 4px;
}

#news-area {
  margin-bottom: 50px;
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  #news-area {
    margin-bottom: 30px;
    padding-top: 30px;
  }
}

.articles-detail-content .blog-single-item-container {
  margin: 35px 0px 35px 25px;
}

.articles-detail-content .blog-single-item-container.post-item {
  margin-bottom: 45px;
}

.articles-detail-content .blog-single-item-container.post-item .banner {
  max-height: 250px;
  overflow: hidden;
}

.articles-detail-content .blog-single-item-container.post-item-style-2 {
  margin-bottom: 45px;
}

.articles-detail-content .blog-single-item-container.post-item-style-2 .banner {
  max-height: 250px;
  overflow: hidden;
}

#slider-news-area #slider-news {
  margin-bottom: 50px;
  margin-top: -20px;
}

#slider-news-area #slider-news button.slick-arrow {
  width: 48px;
  height: 48px;
  border: 2px solid #D8DCE9;
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-news-area #slider-news button.slick-arrow:hover, #slider-news-area #slider-news button.slick-arrow:focus, #slider-news-area #slider-news button.slick-arrow:active {
  border-color: #FF9100;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-news-area #slider-news button.slick-arrow:hover::before, #slider-news-area #slider-news button.slick-arrow:focus::before, #slider-news-area #slider-news button.slick-arrow:active::before {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  color: #FF9100;
}

#slider-news-area #slider-news button.slick-arrow::before {
  color: #6f7581;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 36px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-news-area #slider-news button.slick-prev {
  left: -90px;
}

#slider-news-area #slider-news button.slick-prev::before {
  content: '\f2fa';
}

#slider-news-area #slider-news button.slick-next {
  right: -90px;
}

#slider-news-area #slider-news button.slick-next::before {
  content: '\f2fb';
}

#news-page-content .news-page-list-style-1 .news-post-wrapper {
  margin: 0;
  margin-bottom: 30px;
}

#news-page-content .news-page-list-style-1 .news-post-wrapper:hover {
  margin-top: 0 !important;
}

#news-page-content .news-page-list-style-2 .news-post-wrapper {
  margin: 0;
  margin-bottom: 30px;
}

#news-page-content .news-page-list-style-2 .news-post-wrapper:hover {
  margin-top: 0 !important;
}

.news-post-wrapper {
  margin: 40px 15px 25px 15px;
  border-radius: 4px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
}

.news-post-wrapper::after {
  content: "";
  width: 0;
  height: 2px;
  background-color: #6f7581;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper .banner {
  display: inline-block;
  width: 100%;
  background-color: #ECECEC;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}

.news-post-wrapper .banner img {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper .text {
  display: inline-block;
  width: 100%;
  padding: 20px 30px 30px 30px;
}

.news-post-wrapper .text .title {
  display: inline-block;
  width: 100%;
  min-height: 47px;
  max-height: 47px;
  overflow: hidden;
  position: relative;
  margin-bottom: 5px;
}

.news-post-wrapper .text .title a {
  font-size: 18px;
  line-height: 22px;
  color: #6f7581;
  display: block;
  max-height: 45px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 600;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper .text p {
  color: #7E7E7E;
  display: block;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  max-height: 88px;
  overflow: hidden;
}

.news-post-wrapper .text a.read {
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  font-weight: 500;
  position: relative;
}

.news-post-wrapper .text a.read::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #6f7581;
  position: absolute;
  bottom: 0;
  left: 0;
}

.news-post-wrapper:hover {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  margin-top: 25px;
  -webkit-box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
}

.news-post-wrapper:hover::after {
  width: 100%;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper:hover .title a {
  color: #41484c;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper:hover .banner img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-2 {
  margin-bottom: 30px;
  border-radius: 4px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  display: inline-block;
  width: 100%;
}

.news-post-wrapper-2::after {
  content: "";
  width: 0;
  height: 2px;
  background-color: #41484c;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-2 .banner {
  display: inline-block;
  width: 50%;
  border-radius: 4px;
  overflow: hidden;
  float: left;
}

.news-post-wrapper-2 .banner img {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-2 .text {
  display: inline-block;
  width: 50%;
  padding: 15px;
  float: left;
}

.news-post-wrapper-2 .text .title {
  display: inline-block;
  width: 100%;
  min-height: 47px;
  max-height: 47px;
  overflow: hidden;
  position: relative;
  margin-bottom: 5px;
}

.news-post-wrapper-2 .text .title a {
  font-size: 18px;
  line-height: 22px;
  color: #6f7581;
  display: block;
  max-height: 45px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 600;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-2 .text p {
  color: #7E7E7E;
  display: block;
  font-size: 14px;
  line-height: 22px;
  max-height: 50px;
  overflow: hidden;
}

.news-post-wrapper-2 .text span.date {
  font-size: 11px;
  display: inline-block;
  line-height: 15px;
  color: #9B9B9B;
  padding: 5px 7px;
  border-radius: 4px;
  background-color: #ECECEC;
  font-weight: 500;
  margin: 10px 0;
  display: inline-block;
  margin-right: 20px;
}

.news-post-wrapper-2 .text a.read {
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  font-weight: 500;
  position: relative;
}

.news-post-wrapper-2 .text a.read::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #6f7581;
  position: absolute;
  bottom: 0;
  left: 0;
}

.news-post-wrapper-2:hover {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
}

.news-post-wrapper-2:hover::after {
  width: 100%;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-2:hover .title a {
  color: #41484c;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-2:hover a.read {
  color: #41484c;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-2:hover a.read:after {
  background-color: #41484c;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-2:hover .banner img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-3 {
  margin-bottom: 30px;
  border-radius: 4px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  display: inline-block;
  width: 100%;
}

.news-post-wrapper-3::after {
  content: "";
  width: 0;
  height: 2px;
  background-color: #41484c;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-3 .banner {
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}

.news-post-wrapper-3 .banner img {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-3 .text {
  display: inline-block;
  width: 100%;
  padding: 15px;
}

.news-post-wrapper-3 .text .title {
  display: inline-block;
  width: 100%;
  min-height: 47px;
  max-height: 47px;
  overflow: hidden;
  position: relative;
  margin-bottom: 5px;
}

.news-post-wrapper-3 .text .title a {
  font-size: 18px;
  line-height: 22px;
  color: #6f7581;
  display: block;
  max-height: 48px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 600;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-3 .text p {
  color: #7E7E7E;
  display: block;
  font-size: 14px;
  line-height: 22px;
  max-height: 50px;
  overflow: hidden;
}

.news-post-wrapper-3 .text span.date {
  font-size: 11px;
  display: inline-block;
  line-height: 15px;
  color: #9B9B9B;
  padding: 5px 7px;
  border-radius: 4px;
  background-color: #ECECEC;
  font-weight: 500;
  margin: 10px 0;
  display: inline-block;
  margin-right: 20px;
}

.news-post-wrapper-3 .text a.read {
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  font-weight: 500;
  position: relative;
}

.news-post-wrapper-3 .text a.read::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #6f7581;
  position: absolute;
  bottom: 0;
  left: 0;
}

.news-post-wrapper-3:hover {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
}

.news-post-wrapper-3:hover::after {
  width: 100%;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-3:hover .title a {
  color: #41484c;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-3:hover a.read {
  color: #41484c;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-3:hover a.read:after {
  background-color: #41484c;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.news-post-wrapper-3:hover .banner img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#team-area {
  margin-bottom: 50px;
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  #team-area {
    margin-bottom: 30px;
    padding-top: 30px;
  }
}

#slider-team-area #slider-team {
  margin-bottom: 50px;
}

#slider-team-area #slider-team button.slick-arrow {
  width: 48px;
  height: 48px;
  border: 2px solid #D8DCE9;
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-team-area #slider-team button.slick-arrow:hover, #slider-team-area #slider-team button.slick-arrow:focus, #slider-team-area #slider-team button.slick-arrow:active {
  border-color: #41484c;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-team-area #slider-team button.slick-arrow:hover::before, #slider-team-area #slider-team button.slick-arrow:focus::before, #slider-team-area #slider-team button.slick-arrow:active::before {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  color: #41484c;
}

#slider-team-area #slider-team button.slick-arrow::before {
  color: #6f7581;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 36px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-team-area #slider-team button.slick-prev {
  left: -90px;
}

#slider-team-area #slider-team button.slick-prev::before {
  content: '\f2fa';
}

#slider-team-area #slider-team button.slick-next {
  right: -90px;
}

#slider-team-area #slider-team button.slick-next::before {
  content: '\f2fb';
}

.team-single-item-container {
  margin: 40px 15px 10px 15px;
  border-radius: 4px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  position: relative;
  padding-bottom: 110px;
}

@media only screen and (max-width: 767px) {
  .team-single-item-container img {
    display: block;
    margin: 0 auto;
  }
}

.team-single-item-container .text {
  background-color: #ffffff;
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 35px 20px;
  position: absolute;
  bottom: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.team-single-item-container .text strong {
  display: block;
  font-size: 18px;
  line-height: 21px;
  color: #6f7581;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
}

.team-single-item-container .text span {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #7E7E7E;
}

.team-single-item-container .text ul {
  height: 0;
  overflow: hidden;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.team-single-item-container .text ul li {
  margin-right: 5px;
  display: inline-block;
}

.team-single-item-container .text ul li:last-child {
  margin-right: 0;
}

.team-single-item-container .text ul li a {
  float: left;
  font-size: 24px;
  color: #D6D6D6;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.team-single-item-container .text ul li a:hover {
  color: #7E7E7E;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.team-single-item-container:hover {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  margin-top: 25px;
}

.team-single-item-container:hover .text strong {
  color: #41484c;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
}

.team-single-item-container:hover .text ul {
  margin-top: 20px;
  height: 30px;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
}

#blog-area {
  margin-bottom: 50px;
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  #blog-area {
    padding-top: 30px;
  }
}

#slider-blog-area #slider-blog {
  margin-top: 10px;
  margin-bottom: 50px;
}

#slider-blog-area #slider-blog button.slick-arrow {
  width: 48px;
  height: 48px;
  border: 2px solid #D8DCE9;
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-blog-area #slider-blog button.slick-arrow:hover, #slider-blog-area #slider-blog button.slick-arrow:focus, #slider-blog-area #slider-blog button.slick-arrow:active {
  border-color: #41484c;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-blog-area #slider-blog button.slick-arrow:hover::before, #slider-blog-area #slider-blog button.slick-arrow:focus::before, #slider-blog-area #slider-blog button.slick-arrow:active::before {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  color: #41484c;
}

#slider-blog-area #slider-blog button.slick-arrow::before {
  color: #6f7581;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 36px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-blog-area #slider-blog button.slick-prev {
  left: -90px;
}

#slider-blog-area #slider-blog button.slick-prev::before {
  content: '\f2fa';
}

#slider-blog-area #slider-blog button.slick-next {
  right: -90px;
}

#slider-blog-area #slider-blog button.slick-next::before {
  content: '\f2fb';
}

.blog-single-item-container {
  margin: 35px 25px 35px 25px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
  display: inline-block;
}

.blog-single-item-container .text {
  display: inline-block;
  width: 50%;
  position: relative;
  margin-top: -15px;
  float: left;
}

@media only screen and (max-width: 767px) {
  .blog-single-item-container .text {
    width: 100%;
  }
}

.blog-single-item-container .text:before {
  content: "";
  position: absolute;
  background-color: #ECECEC;
  top: -20px;
  left: -20px;
  bottom: -20px;
  right: -20px;
  border-radius: 4px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.blog-single-item-container .text .innerC {
  position: relative;
  z-index: 5;
  padding: 36px 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  border-radius: 4px;
}

.blog-single-item-container .text .date {
  font-size: 13px;
  display: block;
  color: #bfbfbf;
  line-height: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}

.blog-single-item-container .text .date i {
  color: #bfbfbf;
  font-size: 13px;
  margin-right: 5px;
}

.blog-single-item-container .text .title {
  display: block;
  min-height: 45px;
  max-height: 45px;
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
}

.blog-single-item-container .text .title strong {
  font-size: 18px;
  display: block;
  line-height: 22px;
  color: #6f7581;
  max-height: 45px;
  overflow: hidden;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.blog-single-item-container .text .content p {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #7E7E7E;
  min-height: 93px;
  max-height: 93px;
  overflow: hidden;
  font-weight: 400;
  margin-bottom: 10px;
}

.blog-single-item-container .text .content a {
  display: inline-block;
  font-size: 14px;
  line-height: 23px;
  color: #7e7e7e;
  padding-bottom: 4px;
  position: relative;
  font-weight: 500;
}

.blog-single-item-container .text .content a:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #7e7e7e;
  position: absolute;
  bottom: 0;
  left: 0;
}

.blog-single-item-container .banner {
  width: 50%;
  float: left;
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
}

@media only screen and (max-width: 767px) {
  .blog-single-item-container .banner {
    width: 100%;
  }
}

.blog-single-item-container .banner img {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

@media only screen and (max-width: 767px) {
  .blog-single-item-container .banner img {
    display: none;
  }
}

.blog-single-item-container:hover {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.blog-single-item-container:hover .text::before {
  background-color: #6f7581;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.blog-single-item-container:hover .title strong {
  color: #41484c;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#comment-area {
  padding-top: 50px;
}

@media only screen and (max-width: 767px) {
  #comment-area {
    padding-top: 30px;
  }
}

#slider-comment-area #slider-comment {
  margin-bottom: 10px;
  margin-top: 30px;
  padding-bottom: 40px;
}

#slider-comment-area #slider-comment button.slick-arrow {
  width: 48px;
  height: 48px;
  border: 2px solid #D8DCE9;
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-comment-area #slider-comment button.slick-arrow:hover, #slider-comment-area #slider-comment button.slick-arrow:focus, #slider-comment-area #slider-comment button.slick-arrow:active {
  border-color: #FF9100;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-comment-area #slider-comment button.slick-arrow:hover::before, #slider-comment-area #slider-comment button.slick-arrow:focus::before, #slider-comment-area #slider-comment button.slick-arrow:active::before {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  color: #FF9100;
}

#slider-comment-area #slider-comment button.slick-arrow::before {
  color: #6f7581;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 36px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-comment-area #slider-comment button.slick-prev {
  left: -90px;
}

#slider-comment-area #slider-comment button.slick-prev::before {
  content: '\f2fa';
}

#slider-comment-area #slider-comment button.slick-next {
  right: -90px;
}

#slider-comment-area #slider-comment button.slick-next::before {
  content: '\f2fb';
}

#slider-comment-area #slider-comment .slick-center .slider-item {
  opacity: 1 !important;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#slider-comment-area #slider-comment .slick-center .slider-item .item-container {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
}

#slider-comment-area #slider-comment .slider-item {
  opacity: 0.35;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #slider-comment-area #slider-comment .slider-item {
    opacity: 1;
  }
}

#slider-comment-area #slider-comment .slider-item .item-container {
  border: 1px solid #eeeeee;
  margin: 25px 15px 25px 15px;
  border-radius: 4px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
  padding: 25px 30px 30px 30px;
  background-color: #ffffff;
}

#slider-comment-area #slider-comment .slider-item .item-container .text {
  display: block;
  margin-bottom: 20px;
}

#slider-comment-area #slider-comment .slider-item .item-container .text p {
  font-size: 14px;
  line-height: 20px;
  color: #7e7e7e;
  display: block;
}

#slider-comment-area #slider-comment .slider-item .item-container .bottom {
  display: inline-block;
  width: 100%;
}

#slider-comment-area #slider-comment .slider-item .item-container .bottom .left {
  width: 70px;
  float: left;
  border-radius: 50%;
  height: 70px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  overflow: hidden;
}

#slider-comment-area #slider-comment .slider-item .item-container .bottom .left img {
  display: block;
  margin: 0 auto;
}

#slider-comment-area #slider-comment .slider-item .item-container .bottom .title {
  width: calc(100% - 70px);
  float: left;
  position: relative;
  min-height: 70px;
}

#slider-comment-area #slider-comment .slider-item .item-container .bottom .title .name {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-left: 10px;
}

#slider-comment-area #slider-comment .slider-item .item-container .bottom .title .name strong {
  display: block;
  color: #4A4A4A;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 3px;
}

#slider-comment-area #slider-comment .slider-item .item-container .bottom .title .name span {
  display: block;
  font-size: 14px;
  font-weight: 300;
  line-height: 17px;
}

#slider-comment-area #slider-comment .slick-dots {
  bottom: 0;
}

#slider-comment-area #slider-comment .slick-dots li button {
  border: 4px solid #6f7581;
  border-radius: 50px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

#slider-comment-area #slider-comment .slick-dots li button:before {
  display: none;
}

#slider-comment-area #slider-comment .slick-dots li.slick-active button {
  opacity: 1;
  filter: alpha(opacity=100);
}

#reference-area {
  padding-top: 120px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  #reference-area {
    padding-top: 30px;
  }
}

#slider-reference-area #slider-reference {
  margin-bottom: 30px;
  padding-bottom: 30px;
}

#slider-reference-area #slider-reference .slick-dots {
  bottom: 0;
}

#slider-reference-area #slider-reference .slick-dots li button {
  border: 4px solid #6f7581;
  border-radius: 50px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  width: 10px;
  height: 10px;
}

#slider-reference-area #slider-reference .slick-dots li button:before {
  display: none;
}

#slider-reference-area #slider-reference .slick-dots li.slick-active button {
  opacity: 1;
  filter: alpha(opacity=100);
}

.reference-logo-item-container {
  margin: 25px 15px 25px 15px;
  border-radius: 4px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
}

.reference-logo-item-container .logo {
  height: 120px;
  border: 1px solid #ccc;
  position: relative;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  border-radius: 4px;
}

.reference-logo-item-container .logo a {
  display: inline-block;
  width: 100%;
  height: 120px;
}

.reference-logo-item-container .logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.reference-logo-item-container .logo strong {
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #7E7E7E;
  font-weight: 500;
  text-align: center;
}

.reference-logo-item-container:hover {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.reference-logo-item-container:hover .logo {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  border-color: #fff;
}

.reference-logo-with-text-item-container {
  border-radius: 4px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
  border: 1px solid #ccc;
  margin-bottom: 30px;
}

.reference-logo-with-text-item-container .logo {
  height: 120px;
  position: relative;
  opacity: .5;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.reference-logo-with-text-item-container .logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.reference-logo-with-text-item-container .logo strong {
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #7E7E7E;
  font-weight: 500;
  text-align: center;
}

.reference-logo-with-text-item-container .company-name {
  display: block;
  padding: 0 20px 20px 20px;
  text-align: center;
}

.reference-logo-with-text-item-container .company-name span {
  font-size: 14px;
  line-height: 16px;
  color: #7E7E7E;
  border-top: 1px solid #D8DCE9;
  padding-top: 15px;
  display: block;
  font-weight: 500;
  max-width: 90%;
  margin: 0 auto;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.reference-logo-with-text-item-container:hover {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  border-color: #fff;
}

.reference-logo-with-text-item-container:hover .logo {
  opacity: 1;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.reference-logo-with-text-item-container:hover .company-name span {
  color: #41484c;
  text-decoration: underline;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#helper-area {
  background-color: #F3FBFE;
}

#helper-area .banner {
  margin-top: 70px;
}

@media only screen and (max-width: 767px) {
  #helper-area .banner img {
    max-height: 250px;
  }
}

#helper-area .right {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}

#helper-area .contact-text {
  text-align: center;
  padding: 70px 60px;
  display: block;
  -webkit-box-shadow: 0px 1px 24px #B8D0D9;
  box-shadow: 0px 1px 24px #B8D0D9;
  background-color: #FFFFFF;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

@media only screen and (max-width: 767px) {
  #helper-area .contact-text {
    position: inherit;
    padding: 30px 20px;
  }
}

#helper-area .contact-text span {
  display: block;
  color: #7E7E7E;
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 15px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  #helper-area .contact-text span {
    font-size: 20px;
    line-height: 24px;
  }
}

#helper-area .contact-text p {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #9B9B9B;
  margin-bottom: 15px;
  font-weight: 400;
}

#helper-area .contact-text a {
  font-size: 36px;
  line-height: 42px;
  color: #6f7581;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  #helper-area .contact-text a {
    font-size: 20px;
    line-height: 24px;
  }
}

#footer {
  padding-top: 60px;
  margin-top: 50px;
  border-top: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {
  #footer {
    padding-top: 30px;
  }
}

#footer hr {
  margin-top: 60px;
  margin-bottom: 0;
  border-top: 1px solid #D8DCE9;
}

#footer .footer-bottom {
  padding: 20px 0;
}

#footer .footer-bottom img {
  width: 50px;
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  #footer .about {
    text-align: center;
  }
}

#footer .about img {
  display: block;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  #footer .about img {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

#footer .about p {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #9b9b9b;
  margin-bottom: 45px;
}

#footer .about span {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: #9B9B9B;
}

#footer .menu strong {
  font-size: 20px;
  line-height: 23px;
  display: block;
  margin-bottom: 10px;
  margin-top: 20px;
}

#footer .menu ul li {
  display: block;
  margin-bottom: 3px;
}

#footer .menu ul li a {
  color: #9B9B9B;
  font-size: 16px;
  line-height: 24px;
  display: block;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#footer .menu ul li a:hover {
  color: #FF9100;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#footer-style-2 {
  padding-top: 50px;
  background-color: #302e82;
}

@media only screen and (max-width: 767px) {
  #footer-style-2 {
    padding-top: 30px;
  }
}

#footer-style-2 .f-logo-wrap {
  height: 100%;
  position: relative;
  min-height: 130px;
}

#footer-style-2 .f-logo-wrap .about {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#footer-style-2 hr {
  margin-top: 60px;
  margin-bottom: 0;
  border-top: 1px solid #fff;
  opacity: .4;
}

#footer-style-2 .footer-bottom {
  padding: 20px 0;
}

#footer-style-2 .footer-bottom img {
  width: 50px;
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  #footer-style-2 .about {
    text-align: center;
  }
}

#footer-style-2 .about img {
  display: block;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  #footer-style-2 .about img {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

#footer-style-2 .about span {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}

#footer-style-2 .menu strong {
  font-size: 20px;
  line-height: 23px;
  display: block;
  margin-bottom: 10px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  #footer-style-2 .menu strong {
    text-align: center;
    margin-top: 15px;
  }
}

#footer-style-2 .menu ul li {
  display: block;
  margin-bottom: 3px;
}

@media only screen and (max-width: 767px) {
  #footer-style-2 .menu ul li {
    text-align: center;
  }
}

#footer-style-2 .menu ul li a {
  color: #fff;
  font-size: 13px;
  line-height: 24px;
  display: block;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#footer-style-2 .menu ul li a:hover {
  color: #FF9100;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media only screen and (max-width: 767px) {
  #footer-style-2 .footer-adress {
    text-align: center;
  }
}

#footer-style-2 .footer-adress strong {
  font-size: 20px;
  line-height: 23px;
  display: block;
  margin-bottom: 10px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  #footer-style-2 .footer-adress strong {
    margin-top: 15px;
  }
}

#footer-style-2 .footer-adress p {
  color: #fff;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: 400;
}

#footer-style-2 .footer-adress ul li {
  margin-bottom: 5px;
}

#footer-style-2 .footer-adress ul li:last-child {
  margin-bottom: 0;
}

#footer-style-2 .footer-adress ul li span {
  font-size: 13px;
  line-height: 24px;
  color: #fff;
  display: inline-block;
  min-width: 70px;
}

#footer-style-2 .footer-adress ul li a {
  font-size: 13px;
  line-height: 24px;
  color: #fff;
}

#footer-style-2 .footer-adress a.contact-link {
  float: left;
  margin-right: 10px;
  font-size: 13px;
  line-height: 34px;
  padding: 0 25px;
  display: inline-block;
  font-weight: 500;
  color: #fff;
  background-color: #41484c;
  border-radius: 17px;
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  #footer-style-2 .footer-adress a.contact-link {
    float: none;
  }
}

#footer-style-2 .footer-adress a.contact-link:last-child {
  margin-right: 0;
}

#footer-style-2 ul.footer-social {
  padding: 25px 0;
  display: inline-block;
  width: 100%;
}

#footer-style-2 ul.footer-social li {
  float: left;
  margin-right: 15px;
}

#footer-style-2 ul.footer-social li:last-child {
  margin-right: 0;
}

#footer-style-2 ul.footer-social li a {
  font-size: 36px;
  line-height: 39px;
  color: #fff;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#footer-style-2 ul.footer-social li a:hover {
  color: #41484c;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#footer-style-2 .anchor-area {
  padding: 25px 0;
  text-align: right;
}

#footer-style-2 .anchor-area a {
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  display: inline-block;
  font-weight: 400;
}

#footer-style-2 .anchor-area a i {
  font-size: 36px;
  line-height: 40px;
  color: #fff;
  margin-left: 10px;
  float: right;
}

.footer-bottom-style-2 {
  padding: 15px 0;
  background-color: #41484c;
}

.footer-bottom-style-2 span {
  font-size: 14px;
  line-height: 25px;
  display: block;
  font-weight: 400;
  color: #fff;
}

.footer-bottom-style-2 .logo-area {
  text-align: right;
}

.footer-bottom-style-2 .logo-area img {
  width: 30px;
}

.footer-style-2-top-e-news {
  background-color: #D8DCE9;
  margin-top: 50px;
  padding-top: 70px;
}

@media only screen and (max-width: 767px) {
  .footer-style-2-top-e-news {
    padding-top: 30px;
  }
}

.footer-style-2-top-e-news .e-news-area {
  margin-bottom: -27px;
}

.footer-style-2-top-e-news .e-news-area span {
  font-size: 36px;
  line-height: 42px;
  color: #4A4A4A;
  display: block;
  text-align: center;
  font-weight: 500;
}

.footer-style-2-top-e-news .e-news-area p {
  display: block;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  line-height: 15px;
  color: #4A4A4A;
  margin-bottom: 30px;
}

.footer-style-2-top-e-news .input-area {
  padding: 0 25px;
  position: relative;
}

.footer-style-2-top-e-news .input-area input {
  width: 100%;
  background: #FFFFFF;
  border-radius: 27px;
  padding-left: 15px;
  height: 54px;
  border: none;
  padding-right: 30px;
}

.footer-style-2-top-e-news .input-area .btn-wrap {
  position: absolute;
  right: 0;
  bottom: 0;
}

.footer-style-2-top-e-news .input-area .btn-wrap button {
  background-color: transparent;
}

.footer-style-2-top-e-news .input-area .btn-wrap button i {
  font-weight: 500;
  font-size: 24px;
  width: 54px;
  height: 54px;
  display: inline-block;
  line-height: 54px;
  color: #fff;
  background-color: #75C940;
  border-radius: 50%;
  text-align: center;
}

.footer-style-3-top-e-news {
  background-color: #6f7581;
  margin-top: 50px;
  padding-top: 30px;
  padding-bottom: 25px;
}

.footer-style-3-top-e-news span {
  font-size: 24px;
  line-height: 28px;
  color: #D8DCE9;
  line-height: 55px;
  display: inline-block;
  font-weight: 500;
}

.footer-style-3-top-e-news input {
  width: 100%;
  height: 55px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 15px;
  padding-left: 20px;
  color: #9B9B9B;
  border: none;
  font-weight: 500;
}

.footer-style-3-top-e-news button {
  width: 100%;
  height: 55px;
  border-radius: 4px;
}

@media only screen and (max-width: 767px) {
  .footer-style-3-top-e-news button {
    margin-top: 15px;
  }
}

#footer-style-3 {
  padding-top: 50px;
}

@media only screen and (max-width: 767px) {
  #footer-style-3 {
    padding-top: 30px;
  }
}

#footer-style-3 .f-logo-wrap {
  text-align: center;
  display: block;
  padding-bottom: 25px;
  border-bottom: 1px solid #D8DCE9;
  margin-bottom: 20px;
}

#footer-style-3 .f-logo-wrap img {
  width: 200px;
}

#footer-style-3 span {
  font-size: 14px;
  line-height: 14px;
  color: #9B9B9B;
  display: block;
  line-height: 40px;
  font-weight: 400;
}

#footer-style-3 .cloud-area {
  text-align: right;
}

#footer-style-3 .cloud-area img {
  width: 40px;
}

#footer-style-4 {
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  #footer-style-4 {
    padding-top: 30px;
  }
}

#footer-style-4 .f-logo-wrap {
  text-align: left;
  display: block;
}

@media only screen and (max-width: 767px) {
  #footer-style-4 .f-logo-wrap {
    text-align: center;
  }
}

#footer-style-4 .f-logo-wrap img {
  width: 200px;
}

#footer-style-4 hr {
  border-bottom: 1px solid #D8DCE9;
  margin-top: 25px;
  margin-bottom: 10px;
}

#footer-style-4 .menu-area {
  display: inline-block;
  width: 100%;
}

#footer-style-4 .menu-area ul {
  display: inline-block;
  padding: 10px 0;
  margin-top: 20px;
  float: right;
}

#footer-style-4 .menu-area ul li {
  float: left;
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  #footer-style-4 .menu-area ul li {
    margin-bottom: 10px;
    margin-right: 18px;
  }
}

#footer-style-4 .menu-area ul li:last-child {
  margin-right: 0;
}

#footer-style-4 .menu-area ul li a {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 18px;
  color: #000;
  font-weight: 500;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  padding-bottom: 2px;
  position: relative;
}

#footer-style-4 .menu-area ul li a:after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #41484c;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#footer-style-4 .menu-area ul li a:hover {
  color: #41484c;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#footer-style-4 .menu-area ul li a:hover:after {
  width: 100%;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#footer-style-4 span {
  font-size: 14px;
  line-height: 14px;
  color: #9B9B9B;
  display: block;
  line-height: 40px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  #footer-style-4 span {
    line-height: 20px;
    text-align: center;
    margin-bottom: 5px;
  }
}

#footer-style-4 .cloud-area {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  #footer-style-4 .cloud-area {
    text-align: center;
  }
}

#footer-style-4 .cloud-area img {
  width: 40px;
}

#breadcrumb-style-1 {
  background-color: #6f7581;
  padding: 20px 0;
  margin-bottom: 70px;
}

@media only screen and (max-width: 767px) {
  #breadcrumb-style-1 {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #breadcrumb-style-1 {
    margin-bottom: 30px;
  }
}

#breadcrumb-style-1 ul {
  display: inline-block;
  width: 100%;
}

#breadcrumb-style-1 ul li {
  float: left;
  margin-right: 10px;
}

#breadcrumb-style-1 ul li:last-child {
  margin-right: 0;
}

#breadcrumb-style-1 ul li:first-child a::before {
  display: none;
}

#breadcrumb-style-1 ul li a {
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  display: inline-block;
}

#breadcrumb-style-1 ul li a::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  background-color: #fff;
  margin-top: 5px;
  float: left;
}

#breadcrumb-style-1 strong {
  font-size: 18px;
  line-height: 21px;
  color: #ffffff;
  display: block;
  text-transform: uppercase;
}

#breadcrumb-style-3 {
  background-color: #41484c;
  padding: 20px 0;
  margin-bottom: 70px;
  position: relative;
  overflow: hidden;
}

#breadcrumb-style-3:before {
  content: attr(data-title);
  font-size: 144px;
  color: #ffffff;
  opacity: 0.1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 600;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #breadcrumb-style-3:before {
    font-size: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #breadcrumb-style-3:before {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  #breadcrumb-style-3 {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #breadcrumb-style-3 {
    margin-bottom: 30px;
  }
}

#breadcrumb-style-3 ul {
  display: inline-block;
  width: 100%;
}

#breadcrumb-style-3 ul li {
  float: left;
  margin-right: 10px;
  line-height: 40px;
}

#breadcrumb-style-3 ul li:last-child {
  margin-right: 0;
}

#breadcrumb-style-3 ul li:first-child a::before {
  display: none;
}

#breadcrumb-style-3 ul li a {
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  display: inline-block;
}

#breadcrumb-style-3 ul li a::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  background-color: #fff;
  margin-top: 5px;
  float: left;
}

#breadcrumb-style-3 a.contact-me {
  font-size: 13px;
  line-height: 40px;
  display: inline-block;
  padding: 0 40px;
  float: right;
  color: #ffffff;
  border-radius: 27px;
  background-color: #6f7581;
  font-weight: 500;
}

#breadcrumb-style-2 {
  background-color: #302e82;
  padding: 30px 0 30px 0;
  margin-top: 30px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  #breadcrumb-style-2 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 15px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #breadcrumb-style-2 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 15px 0;
  }
}

#breadcrumb-style-2 ul {
  display: inline-block;
  width: 100%;
}

#breadcrumb-style-2 ul li {
  float: left;
  margin-right: 10px;
}

#breadcrumb-style-2 ul li:last-child {
  margin-right: 0;
}

#breadcrumb-style-2 ul li:first-child a::before {
  display: none;
}

#breadcrumb-style-2 ul li a {
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  display: inline-block;
}

#breadcrumb-style-2 ul li a::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  background-color: #9B9B9B;
  margin-top: 5px;
  float: left;
}

#breadcrumb-style-2 strong {
  font-size: 24px;
  line-height: 28px;
  color: #fff;
  display: block;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: bold;
  padding-top: 15px;
  position: relative;
}

#breadcrumb-style-2 strong:before {
  content: attr(data-title);
  position: absolute;
  opacity: 0.04;
  font-size: 48px;
  line-height: 56px;
  color: #4A4A4A;
  top: 0;
  left: 0;
}

#sidebar .widget {
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .widget.p-none {
  padding: 0;
}

#sidebar .widget:hover {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.33);
}

#sidebar .sidebar-help {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
}

#sidebar .sidebar-help span {
  color: #4a4a4a;
  font-size: 13px;
  line-height: 15px;
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

#sidebar .sidebar-help p {
  font-size: 13px;
  line-height: 18px;
  color: #9b9b9b;
  display: block;
  margin-bottom: 20px;
}

#sidebar .sidebar-help ul li {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}

#sidebar .sidebar-help ul li:first-child a {
  font-size: 18px;
  font-weight: 600;
}

#sidebar .sidebar-help ul li:last-child {
  margin-bottom: 0;
}

#sidebar .sidebar-help ul li a {
  font-size: 13px;
  line-height: 25px;
  font-weight: 500;
  color: #6f7581;
}

#sidebar .sidebar-help ul li a i {
  color: #FF9100;
  font-size: 24px;
  line-height: 25px;
  float: left;
  margin-right: 10px;
}

#sidebar .title-style-1 {
  font-size: 13px;
  line-height: 15px;
  color: #4A4A4A;
  display: block;
  font-weight: 500;
}

#sidebar .title-style-2 {
  font-size: 13px;
  line-height: 15px;
  color: #fff;
  display: block;
  font-weight: 500;
  padding: 20px;
  background-color: #6361c8;
}

#sidebar .title-style-3 {
  display: block;
  position: relative;
  margin-bottom: 10px;
}

#sidebar .title-style-3 span {
  font-size: 18px;
  line-height: 21px;
  color: #6f7581;
  font-weight: 600;
  padding-bottom: 8px;
  display: inline-block;
  padding-right: 15px;
  text-transform: uppercase;
  position: relative;
}

#sidebar .title-style-3 span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #41484c;
}

#sidebar .title-style-3::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #6f7581;
}

#sidebar .title-style-4 {
  display: block;
  position: relative;
  margin-bottom: 10px;
}

#sidebar .title-style-4 span {
  font-size: 24px;
  line-height: 28px;
  color: #6f7581;
  font-weight: 600;
  padding-bottom: 8px;
  display: block;
  text-transform: uppercase;
  position: relative;
}

#sidebar .title-style-4 span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  right: 0;
  height: 3px;
  background-color: #41484c;
}

#sidebar .title-style-4::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #6f7581;
}

#sidebar .sidebar-product-1 ul li {
  border-bottom: 1px solid #ECECEC;
  padding: 15px 0;
}

#sidebar .sidebar-product-1 ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

#sidebar .sidebar-product-1 ul li a {
  display: inline-block;
  width: 100%;
}

#sidebar .sidebar-product-1 ul li a:hover em {
  padding-left: 15px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-product-1 ul li a img {
  float: left;
  width: 52px;
}

#sidebar .sidebar-product-1 ul li a em {
  color: #9B9B9B;
  position: relative;
  font-style: normal;
  float: left;
  width: calc(100% - 52px);
  padding-left: 10px;
  max-height: 52px;
  min-height: 52px;
  overflow: hidden;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-product-1 ul li a em strong {
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  max-height: 51px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#sidebar .sidebar-product-1 ul li a em span {
  display: block;
}

#sidebar .sidebar-category-1 ul {
  display: inline-block;
  margin-top: 10px;
}

#sidebar .sidebar-category-1 ul li {
  border-bottom: 1px solid #ECECEC;
  display: inline-block;
  width: 100%;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  padding: 10px 0;
}

#sidebar .sidebar-category-1 ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

#sidebar .sidebar-category-1 ul li a {
  display: inline-block;
  width: 100%;
  font-size: 13px;
  line-height: 16px;
  color: #9B9B9B;
  padding-left: 20px;
  position: relative;
  font-weight: 400;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-1 ul li a:hover {
  padding-left: 25px;
  color: #6f7581;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-1 ul li a:hover i {
  color: #6f7581;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-1 ul li a span {
  max-height: 37px;
  overflow: hidden;
  display: block;
}

#sidebar .sidebar-category-1 ul li a i {
  display: inline-block;
  color: #9B9B9B;
  font-size: 20px;
  position: absolute;
  left: 0;
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-2 {
  padding: 0;
}

#sidebar .sidebar-category-2 ul {
  display: inline-block;
  width: 100%;
}

#sidebar .sidebar-category-2 ul li {
  border-bottom: 1px solid #ECECEC;
  display: inline-block;
  width: 100%;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-2 ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

#sidebar .sidebar-category-2 ul li:hover {
  background-color: hoverBg;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-2 ul li:hover a {
  color: #6f7581;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-2 ul li:hover a i {
  color: #6f7581;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-2 ul li a {
  display: inline-block;
  width: 100%;
  font-size: 13px;
  line-height: 16px;
  color: #9B9B9B;
  padding-left: 20px;
  position: relative;
  font-weight: 400;
  padding: 10px 20px 10px 40px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-2 ul li a span {
  max-height: 37px;
  overflow: hidden;
  display: block;
}

#sidebar .sidebar-category-2 ul li a i {
  display: inline-block;
  color: #9B9B9B;
  font-size: 20px;
  position: absolute;
  left: 0;
  width: 40px;
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-3 {
  padding: 0;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

#sidebar .sidebar-category-3:hover {
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

#sidebar .sidebar-category-3 ul {
  display: inline-block;
  width: 100%;
}

#sidebar .sidebar-category-3 ul li {
  display: inline-block;
  width: 100%;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin-bottom: -5px;
}

#sidebar .sidebar-category-3 ul li:last-child {
  padding-bottom: 0;
}

#sidebar .sidebar-category-3 ul li:last-child a {
  border-bottom: none;
}

#sidebar .sidebar-category-3 ul li:hover {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-3 ul li:hover a {
  background-color: #41484c;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  color: #ffffff;
}

#sidebar .sidebar-category-3 ul li:hover a:before {
  width: 4px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

#sidebar .sidebar-category-3 ul li:hover a i {
  color: #ffffff;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-3 ul li a {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  color: #4A4A4A;
  height: 50px;
  padding-left: 40px;
  padding-right: 5px;
  font-weight: 500;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  position: relative;
  border-bottom: 1px solid #ECECEC;
}

#sidebar .sidebar-category-3 ul li a::before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  background-color: #6f7581;
}

#sidebar .sidebar-category-3 ul li a span {
  max-height: 37px;
  overflow: hidden;
  display: block;
  padding-right: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#sidebar .sidebar-category-3 ul li a i {
  display: inline-block;
  color: #9B9B9B;
  font-size: 20px;
  font-weight: 500;
  position: absolute;
  left: 0;
  width: 40px;
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-4 {
  padding: 0;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

#sidebar .sidebar-category-4:hover {
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

#sidebar .sidebar-category-4 .nav-link[data-toggle].collapsed:after {
  content: "\f2fb";
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 20px;
  font-weight: 500;
  color: #7E7E7E;
  float: right;
}

#sidebar .sidebar-category-4 .nav-link[data-toggle]:not(.collapsed):after {
  content: "\f2f9";
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 20px;
  font-weight: 500;
  color: #41484c;
  float: right;
}

#sidebar .sidebar-category-4 .nav-link[data-toggle].collapsed::before {
  display: none !important;
}

#sidebar .sidebar-category-4 .nav-link[data-toggle]:not(.collapsed)::before {
  display: none !important;
}

#sidebar .sidebar-category-4 .nav-link[data-toggle]:not(.collapsed) {
  color: #6f7581;
}

#sidebar .sidebar-category-4 .nav-link[data-toggle]:not(.collapsed) b {
  color: #41484c;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-4 .nav li a {
  padding: 15px 0;
  color: #7E7E7E;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  border-bottom: 1px solid #ECECEC;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  padding-right: 10px;
}

#sidebar .sidebar-category-4 .nav li a:hover {
  color: #6f7581;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-4 .nav li a:hover b {
  color: #41484c;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-4 .nav li a:hover:after {
  color: #6f7581;
}

#sidebar .sidebar-category-4 .nav li a span {
  display: inline-block !important;
}

#sidebar .sidebar-category-4 .nav li a span b {
  color: #D8DCE9;
  font-size: 10px;
  line-height: 12px;
  margin-left: 7px;
  float: right;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#sidebar .sidebar-category-4 .nav li ul {
  padding-left: 15px;
}

#sidebar .sidebar-category-4 .nav li ul li a {
  position: relative;
  padding: 5px 0;
  color: #7E7E7E;
  font-size: 12px;
  line-height: 24px;
  border-bottom: none;
}

#sidebar .sidebar-category-4 .nav li ul li a::before {
  content: "\f301";
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 20px;
  font-weight: 500;
  color: #41484c;
  position: absolute;
  right: 10px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  opacity: 0;
}

#sidebar .sidebar-category-4 .nav li ul li a:hover:before {
  right: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  opacity: 1;
}

#sidebar .sidebar-category-4 .nav li ul li a:hover span::after {
  color: #6f7581;
}

#sidebar .sidebar-category-4 .nav li ul li a span::before {
  content: "-";
  margin-right: 5px;
}

#about-page-content .content img {
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  display: inline;
  background-color: #D8DCE9;
  margin: 30px;
}

@media only screen and (max-width: 767px) {
  #about-page-content .content img {
    margin-left: 0;
    margin-right: 0;
  }
}

#about-page-content .content p {
  font-size: 14px;
  line-height: 20px;
  color: #4A4A4A;
  margin-bottom: 20px;
}

#about-page-content .content p:last-child {
  margin-bottom: 0;
}

#about-page-content .content strong {
  color: #4A4A4A;
  font-size: 14px;
}

#faq-page-content .faq-content {
  margin-top: 100px;
}

#faq-page-content .faq-content .accordionCustom .contentWrap {
  font-size: 14px;
  line-height: 22px;
  color: #7E7E7E;
  position: relative;
}

#faq-page-content .faq-content .accordionCustom .contentWrap .card-body {
  padding: 0 40px 20px 40px;
  color: #4A4A4A;
  font-size: 14px;
  line-height: 24px;
}

#faq-page-content .faq-content .accordionCustom .contentWrap .card-body ul {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  padding-left: 20px;
}

#faq-page-content .faq-content .accordionCustom .contentWrap .card-body ul li {
  display: block;
  width: 100%;
}

#faq-page-content .faq-content .accordionCustom .contentWrap .card-body ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  display: inline-block;
  background-color: #6f7581;
  border-radius: 50%;
  margin-right: 10px;
}

.faq-detail-wrap .picture {
  border-radius: 3px;
}

.faq-detail-wrap .picture img {
  -webkit-box-shadow: 0px 8px 44px rgba(0, 0, 0, 0.256142);
  box-shadow: 0px 8px 44px rgba(0, 0, 0, 0.256142);
  border-radius: 3px;
}

@media only screen and (max-width: 767px) {
  .faq-detail-wrap .picture img {
    margin-bottom: 20px;
  }
}

.faq-detail-wrap .text-area {
  margin-top: 35px;
}

.faq-detail-wrap .text-area p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
  color: #7E7E7E;
}

.faq-detail-wrap .text-area p:last-child {
  margin-bottom: 0;
}

.customAccordion1 {
  margin-bottom: 100px;
}

.customAccordion1 .card {
  margin-bottom: 20px;
  border-radius: 3px;
  border: 1px solid #d8dce9 !important;
}

.customAccordion1 .card:last-child {
  margin-bottom: 0;
}

.customAccordion1 .card .card-header {
  padding: 0;
  border: none;
  background-color: #fff;
}

.customAccordion1 .card .card-header:last-child {
  margin-bottom: 0;
}

.customAccordion1 .card .card-header button.btn-link {
  border: none !important;
  border-radius: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  text-align: left;
  border: none;
  padding-left: 40px;
  padding-right: 70px;
  min-height: 80px;
  font-size: 18px;
  line-height: 22px;
  color: #4A4A4A;
  font-weight: 500;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .customAccordion1 .card .card-header button.btn-link {
    padding-left: 20px;
  }
}

.customAccordion1 .card .card-header button.btn-link:after {
  content: "\f2fb";
  width: 40px;
  height: 40px;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  border-radius: 50%;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  color: #7E7E7E;
  background-color: #ECECEC;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.customAccordion1 .card .card-header button.btn-link:hover, .customAccordion1 .card .card-header button.btn-link:focus, .customAccordion1 .card .card-header button.btn-link:active {
  text-decoration: none;
}

.customAccordion1 .card .card-header button[aria-expanded="true"] {
  color: #6f7581;
  z-index: 1;
}

.customAccordion1 .card .card-header button[aria-expanded="true"]:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: #6f7581;
  color: #fff;
}

.customAccordion1 .card .collapse {
  border-top: none;
}

.customAccordion2 {
  margin-bottom: 100px;
}

.customAccordion2 .card {
  margin-bottom: 20px;
  border-radius: 3px;
  border: 1px solid #d8dce9 !important;
}

.customAccordion2 .card:last-child {
  margin-bottom: 0;
}

.customAccordion2 .card .card-header {
  padding: 0;
  border: none;
  background-color: #fff;
}

.customAccordion2 .card .card-header:last-child {
  margin-bottom: 0;
}

.customAccordion2 .card .card-header button.btn-link {
  border: none !important;
  border-radius: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  text-align: left;
  border: none;
  padding-left: 40px;
  padding-right: 70px;
  min-height: 80px;
  font-size: 18px;
  line-height: 22px;
  color: #4A4A4A;
  font-weight: 500;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .customAccordion2 .card .card-header button.btn-link {
    padding-left: 20px;
  }
}

.customAccordion2 .card .card-header button.btn-link:after {
  content: "\f2fb";
  width: 40px;
  height: 40px;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  border-radius: 50%;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  color: #7E7E7E;
  background-color: #ECECEC;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.customAccordion2 .card .card-header button.btn-link:hover, .customAccordion2 .card .card-header button.btn-link:focus, .customAccordion2 .card .card-header button.btn-link:active {
  text-decoration: none;
}

.customAccordion2 .card .card-header button[aria-expanded="true"] {
  color: #41484c;
  z-index: 1;
}

.customAccordion2 .card .card-header button[aria-expanded="true"]:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: #41484c;
  color: #fff;
}

.customAccordion2 .card .collapse {
  border-top: none;
}

.customAccordion2 .card .contentWrap {
  position: relative;
}

.customAccordion2 .card .contentWrap:before {
  content: "";
  width: 6px;
  height: calc(100% - 11px);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 18px;
  border-radius: 5px;
  background-color: #41484c;
}

.hr-content-list .job {
  padding: 13px;
  border: 1px solid #D8DCE9;
  border-radius: 10px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .hr-content-list .job {
    text-align: center;
  }
}

.hr-content-list .job:last-child {
  margin-bottom: 0;
}

.hr-content-list .job:hover {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  border-color: #41484c;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
}

.hr-content-list .job:hover i {
  color: #41484c !important;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.hr-content-list .job:hover span {
  color: #41484c;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.hr-content-list .job .item-container {
  min-height: 100px;
  display: inline-block;
  width: 100%;
}

.hr-content-list .job .job-icon {
  text-align: center;
}

.hr-content-list .job .job-icon i {
  color: #6f7581;
  font-size: 72px;
  line-height: 100px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.hr-content-list .job .link-field {
  text-align: right;
  line-height: 100px;
}

@media only screen and (max-width: 767px) {
  .hr-content-list .job .link-field {
    text-align: center;
  }
}

.hr-content-list .job .link-field a {
  color: #768BBE;
  font-size: 13px;
  line-height: 54px;
  border: 2px solid #D8DCE9;
  border-radius: 4px;
  display: inline-block;
  padding: 0 50px;
  margin-right: 15px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  font-weight: 500;
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .hr-content-list .job .link-field a {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hr-content-list .job .link-field a {
    text-align: center;
    width: 100%;
    text-align: center;
    padding: 0;
  }
}

.hr-content-list .job .link-field a:hover {
  color: #ffffff !important;
  background-color: #6f7581;
  border-color: #6f7581 !important;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.hr-content-list .job span {
  display: block;
  font-size: 18px;
  line-height: 22px;
  color: #6f7581;
  margin-bottom: 5px;
  font-weight: 500;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin-top: 5px;
}

.hr-content-list .job p {
  color: #7E7E7E;
  font-size: 14px;
  line-height: 20px;
  display: block;
}

.hr-detail-content-list .job {
  border: 1px solid #D8DCE9;
  border-radius: 10px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  padding: 30px;
}

.hr-detail-content-list .job .item-container {
  min-height: 100px;
  display: inline-block;
  width: 100%;
}

.hr-detail-content-list .job .item-container span.title {
  font-size: 18px;
  line-height: 22px;
  color: #6f7581;
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.hr-detail-content-list .job .job-icon {
  text-align: center;
}

.hr-detail-content-list .job .job-icon img {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}

.hr-detail-content-list .job ul {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}

.hr-detail-content-list .job ul li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
  min-height: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hr-detail-content-list .job ul li {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .hr-detail-content-list .job ul li {
    width: 100%;
  }
}

.hr-detail-content-list .job ul li span {
  font-size: 12px;
  color: #7E7E7E;
  line-height: 16px;
  font-weight: 400;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hr-detail-content-list .job ul li:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  top: 0;
  left: 0;
  background-color: #FF9100;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hr-detail-content-list .job p {
  color: #7E7E7E;
  font-size: 14px;
  line-height: 20px;
  display: block;
}

#hr-sidebar .upload-area {
  display: inline-block;
  width: 100%;
  height: 250px;
  border: 1px dashed #D8DCE9;
  position: relative;
  margin-bottom: 100px;
}

#hr-sidebar .upload-area form {
  display: inline-block;
  width: 100%;
  height: 250px;
}

#hr-sidebar .upload-area input {
  position: absolute;
  margin-bottom: 0 !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  opacity: 0;
}

#hr-sidebar .upload-area input:hover {
  cursor: pointer;
}

#hr-sidebar .upload-area .text-icon {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #hr-sidebar .upload-area .text-icon {
    max-width: 80%;
  }
}

#hr-sidebar .upload-area .text-icon i {
  font-size: 72px;
  color: #D8DCE9;
  display: block;
}

#hr-sidebar .upload-area .text-icon strong {
  font-size: 14px;
  line-height: 24px;
  color: #4A4A4A;
  display: block;
}

#hr-sidebar .upload-area .text-icon span {
  font-size: 11px;
  line-height: 24px;
  color: #9B9B9B;
  display: block;
}

#hr-sidebar .upload-area .text b {
  font-size: 11px;
  line-height: 16px;
  color: #4A4A4A;
  display: block;
  text-align: center;
  font-weight: 500;
  margin-top: 10px;
}

#hr-sidebar .upload-area .text b i {
  font-style: normal;
  display: block;
  font-size: 11px;
}

#hr-sidebar .frame {
  width: 100%;
  border-radius: 3px;
  display: inline-block;
  width: 100%;
  color: #fff;
  margin-bottom: 50px;
}

#hr-sidebar .frame .text b {
  font-size: 11px;
  line-height: 16px;
  color: #4A4A4A;
  display: block;
  text-align: center;
  font-weight: 500;
  margin-top: 10px;
}

#hr-sidebar .frame .text b i {
  font-style: normal;
  display: block;
  font-size: 11px;
}

#hr-sidebar .center {
  position: relative;
  width: 100%;
  height: 260px;
  background: #fff;
  border-radius: 3px;
  border: 1px dashed #D8DCE9;
}

#hr-sidebar .center strong.select-image {
  font-size: 14px;
  line-height: 24px;
  color: #4A4A4A;
  display: block;
}

#hr-sidebar .center span.how-make {
  font-size: 11px;
  line-height: 24px;
  color: #9B9B9B;
  display: block;
}

#hr-sidebar .dropzone {
  position: absolute;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 255px;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
}

#hr-sidebar .dropzone.is-dragover {
  border-color: #666;
  background: #eee;
}

#hr-sidebar .dropzone .content {
  display: table-cell;
  vertical-align: middle;
}

#hr-sidebar .dropzone .content i {
  font-size: 72px;
  color: #D8DCE9;
}

#hr-sidebar .dropzone .upload {
  margin: 6px 0 0 2px;
}

#hr-sidebar .dropzone .filename {
  display: block;
  color: #4A4A4A;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}

#hr-sidebar .dropzone .input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
}

#hr-sidebar .dropzone .input:hover {
  cursor: pointer;
}

.hr-form-area {
  margin-top: 35px;
}

.hr-form-area .form-control {
  margin-bottom: 30px;
}

.hr-form-area button {
  float: right;
  padding: 18px 32px !important;
}

#footer-banner-text-area {
  margin-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

#footer-banner-text-area p {
  font-size: 36px;
  color: #7E7E7E;
  display: block;
  line-height: 44px;
  margin-bottom: 30px;
}

.form-control {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #D8DCE9;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  height: 50px;
}

.form-control[type="date"]::-webkit-inner-spin-button, .form-control[type="date"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.form-control.textarea-field {
  height: 170px;
  resize: none;
  padding-top: 10px;
}

.form-control:hover, .form-control:focus, .form-control:active {
  border-color: #6f7581;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  outline: none;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

label.primary-label {
  font-size: 14px;
  line-height: 24px;
  color: #6f7581;
  margin-bottom: 4px;
  display: block;
  padding-left: 15px;
  font-weight: 500;
}

.custom-checkbox-1 {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 12px;
  color: #888082;
  line-height: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 10px;
  margin-bottom: 20px;
}

.custom-checkbox-1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom-checkbox-1 b {
  color: #6f7581;
  font-weight: 500;
}

.custom-checkbox-1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #dddddd;
}

/* Hide the browser's default checkbox */
/* Create a custom checkbox */
/* On mouse-over, add a grey background color */
.custom-checkbox-1:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox-1 input:checked ~ .checkmark {
  background-color: #6f7581;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-checkbox-1 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox-1 .checkmark:after {
  content: "\f26b";
  font: normal normal normal 15px/1 'Material-Design-Iconic-Font';
  left: 3px;
  top: 0;
  font-weight: bold;
  width: 8px;
  height: 10px;
  color: #fff;
}

#product-page-content .product-item-container {
  margin: 0;
  margin-bottom: 30px;
}

#product-page-content .slider-product-detail-area {
  position: relative;
}

#product-page-content .slider-product-detail-area .prop {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 55;
}

#product-page-content .slider-product-detail-area .prop i {
  line-height: 20px;
  padding: 0 5px;
  font-size: 12px;
  color: #ffffff;
  font-style: normal;
  font-weight: bold;
  float: left;
  margin-right: 10px;
}

#product-page-content .slider-product-detail-area .prop i:last-child {
  margin-right: 0;
}

#product-page-content .slider-product-detail-area .prop i.new {
  background-color: #FF9100;
}

#product-page-content .slider-product-detail-area .prop i.discount {
  background-color: #7ED321;
}

#slider-product-detail {
  margin-bottom: 60px;
}

#slider-product-detail .product-detail-item-container img {
  border-radius: 4px;
  width: 100%;
}

.product-detail-product-banner .product-detail-title-1 ul {
  display: inline-block;
  width: 100%;
}

.product-detail-product-banner .product-detail-title-1 ul li {
  display: inline-block;
  width: 100%;
  font-size: 17px;
  line-height: 20px;
  color: #7E7E7E;
  font-weight: 500;
  padding: 10px 0;
  border-bottom: 1px solid #ECECEC;
}

.product-detail-product-banner .product-detail-title-1 ul li:last-child {
  border: none;
}

.product-detail-product-banner .product-detail-title-1 ul li span {
  margin-left: 5px;
  color: #6f7581;
  font-size: 15px;
}

.product-detail-product-banner .product-detail-title-1 ul li strong {
  color: #6f7581;
  font-size: 36px;
  font-weight: bold;
  line-height: 80px;
  float: left;
  padding-right: 50px;
}

.product-detail-product-banner .product-detail-title-1 ul li strong i {
  font-style: normal;
  font-size: 27px;
}

.product-detail-product-banner .product-detail-title-1 ul li b {
  font-size: 18px;
  line-height: 80px;
  text-decoration: line-through;
  display: inline-block;
  font-weight: 400;
  float: left;
}

.product-detail-product-banner .product-detail-title-1 ul li b i {
  font-size: 12px;
  margin-top: 1px;
  color: #C6C6C6;
  line-height: 77px;
  font-style: normal;
  float: right;
  font-weight: 400;
  text-decoration: line-through;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .title {
  font-size: 24px;
  line-height: 34px;
  color: #6f7581;
  display: block;
  padding-bottom: 15px;
  font-weight: 500;
  display: inline-block;
  width: 100%;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-cat {
  width: 50%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .product-detail-product-banner .product-detail-title-2 .product-details-top .product-cat {
    width: 100%;
  }
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-cat .cat-text {
  font-size: 14px;
  line-height: 40px;
  font-weight: 400;
  color: #7E7E7E;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-cat .cat-text span {
  font-weight: 500;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-cat .tag-text a {
  background-color: #ECECEC;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #7E7E7E;
  display: inline-block;
  padding: 5px 20px;
  margin-bottom: 5px;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-cat .tag-text a:last-child {
  margin-bottom: 0;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating {
  width: 50%;
  float: right;
  padding: 3px 0;
  /***** CSS Magic to Highlight Stars on Hover *****/
  /* hover previous stars in list */
}

@media only screen and (max-width: 767px) {
  .product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating {
    width: 100%;
    margin-top: 10px;
  }
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating fieldset {
  margin: 0;
  padding: 0;
  float: right;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating label {
  margin-bottom: 0;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .rating {
  border: none;
  float: right;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .rating {
    width: auto;
    display: inline-block;
    float: left;
  }
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .rating > input {
  display: none;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .rating > label:before {
  margin: 5px;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  display: inline-block;
  content: "\f27d";
  font-size: 24px;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .rating > .half:before {
  content: "\f27b";
  position: absolute;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .rating > label {
  color: #7E7E7E;
  float: right;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .rating > input:checked ~ label,
.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .rating:not(:checked) > label:hover,
.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .rating:not(:checked) > label:hover ~ label {
  color: #FF9100;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .rating > input:checked + label:hover,
.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .rating > input:checked ~ label:hover,
.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .rating > label:hover ~ input:checked ~ label,
.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .rating > input:checked ~ label:hover ~ label {
  color: #FF9100;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .comment-text {
  display: inline-block;
  width: 100%;
  float: right;
  text-align: right;
  padding: 6px 0;
}

@media only screen and (max-width: 767px) {
  .product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .comment-text {
    text-align: left;
  }
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .comment-text a {
  font-size: 14px;
  line-height: 20px;
  color: #9B9B9B;
  margin-left: 5px;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .comment-text a:first-child {
  margin-left: 0;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .comment-text a:first-child:before {
  display: none;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-rating .comment-text a:before {
  content: "|";
  margin-right: 5px;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-price {
  display: inline-block;
  float: left;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .product-detail-product-banner .product-detail-title-2 .product-details-top .product-price {
    margin-bottom: 0;
  }
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-price strong {
  color: #6f7581;
  font-size: 36px;
  font-weight: bold;
  line-height: 60px;
  float: left;
  padding-right: 50px;
}

@media only screen and (max-width: 767px) {
  .product-detail-product-banner .product-detail-title-2 .product-details-top .product-price strong {
    line-height: 40px;
  }
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-price strong i {
  font-style: normal;
  font-size: 27px;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-price b {
  font-size: 18px;
  line-height: 60px;
  text-decoration: line-through;
  display: inline-block;
  font-weight: 400;
  float: left;
  color: #C6C6C6;
}

@media only screen and (max-width: 767px) {
  .product-detail-product-banner .product-detail-title-2 .product-details-top .product-price b {
    line-height: 40px;
  }
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-price b i {
  font-size: 12px;
  margin-top: 1px;
  color: #C6C6C6;
  line-height: 57px;
  font-style: normal;
  float: right;
  font-weight: 400;
  text-decoration: line-through;
}

@media only screen and (max-width: 767px) {
  .product-detail-product-banner .product-detail-title-2 .product-details-top .product-price b i {
    line-height: 37px;
  }
}

@media only screen and (max-width: 767px) {
  .product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket {
    margin-top: 5px;
  }
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button {
  border-radius: 4px;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button span {
  font-size: 13px;
  line-height: 55px;
  font-weight: 500;
  display: inline-block;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button span i {
  font-size: 24px;
  font-weight: 500;
  float: left;
  line-height: 55px;
  margin-right: 8px;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.add-bucket {
  width: 100%;
  float: left;
  background-color: #BCE9FF;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.add-bucket:hover {
  background-color: #41484c;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.add-bucket:hover span {
  color: #fff;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.add-bucket span {
  color: #41484c;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.document-bucket {
  width: 48%;
  float: left;
  margin-top: 12px;
  background-color: #FFDFB5;
}

@media only screen and (max-width: 767px) {
  .product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.document-bucket {
    width: 100%;
  }
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.document-bucket:hover {
  background-color: #FF9100;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.document-bucket:hover span {
  color: #fff;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.document-bucket span {
  color: #FF9100;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.give-price {
  width: 48%;
  float: right;
  margin-top: 12px;
  background-color: #E8FFCF;
}

@media only screen and (max-width: 767px) {
  .product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.give-price {
    width: 100%;
  }
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.give-price:hover {
  background-color: #7ED321;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.give-price:hover span {
  color: #fff;
}

.product-detail-product-banner .product-detail-title-2 .product-details-top .product-bucket button.give-price span {
  color: #7ED321;
}

.product-detail-page-product-properties-area {
  margin-top: 75px;
}

.product-detail-explain-area-1 {
  margin-top: 30px;
  padding: 30px;
  border: 1px solid #D8DCE9;
}

.product-detail-explain-area-1 .title {
  color: #6f7581;
  font-size: 18px;
  line-height: 40px;
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
}

.product-detail-explain-area-1 p {
  font-size: 16px;
  line-height: 24px;
  color: #4A4A4A;
  margin-bottom: 20px;
}

.product-detail-explain-area-1 p:last-child {
  margin-bottom: 0;
}

.productDetailTab {
  border-radius: 5px;
}

.productDetailTab #productTab {
  background-color: #fff;
  border-bottom: none;
  padding-left: 20px;
}

@media only screen and (max-width: 767px) {
  .productDetailTab #productTab {
    padding-left: 0;
  }
}

.productDetailTab #productTab li {
  text-align: center;
  margin-right: 10px;
  margin-bottom: 0;
}

.productDetailTab #productTab li:last-child {
  margin-right: 0;
}

.productDetailTab #productTab li:first-child a {
  border-bottom-left-radius: 0;
}

.productDetailTab #productTab li a {
  font-size: 14px;
  color: #6f7581;
  font-weight: 500;
  padding: 12px 50px;
  display: block;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-top: 10px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  margin-bottom: -2px;
  border-bottom: none;
  border: 2px solid #ECECEC;
  border-bottom: none;
}

@media only screen and (max-width: 767px) {
  .productDetailTab #productTab li a {
    padding: 5px 8px;
  }
}

.productDetailTab #productTab li a:focus, .productDetailTab #productTab li a:active {
  border-color: #6f7581 #6f7581 #fff;
}

.productDetailTab #productTab li a:hover {
  border-color: #ECECEC #ECECEC #ECECEC;
}

.productDetailTab #productTab li a.active {
  color: #fff;
  border-color: #6f7581 #6f7581 #6f7581;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-color: #6f7581;
  border-width: 2px;
}

.productDetailTab #tabContent {
  border: 2px solid #ECECEC;
  border-radius: 4px;
}

.productDetailTab #tabContent .tab-pane {
  padding: 30px 30px 50px 30px;
}

.productDetailTab #tabContent .tab-pane > p {
  font-size: 13px;
  color: #4A4A4A;
  line-height: 23px;
  display: block;
  margin-bottom: 30px;
}

.gallery-post-list-content .gallery-item {
  margin-bottom: 30px;
}

.gallery-post-list-content .gallery-item a {
  display: inline-block;
  width: 100%;
  position: relative;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
  border-radius: 4px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.gallery-post-list-content .gallery-item a:hover em {
  min-height: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border-radius: 4px;
}

.gallery-post-list-content .gallery-item a:hover i.icon-top {
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.gallery-post-list-content .gallery-item a:hover b {
  -webkit-transition: all ease 0.6s;
  transition: all ease 0.6s;
  bottom: 30px;
  opacity: 1;
}

.gallery-post-list-content .gallery-item a i.icon-top {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0px 4px;
  background-color: #41484c;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  font-size: 36px;
  color: #fff;
  text-align: center;
}

.gallery-post-list-content .gallery-item a img {
  border-radius: 4px;
}

.gallery-post-list-content .gallery-item a em {
  font-style: normal;
  padding: 25px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 20px;
  border-radius: 0px 0px 4px 4px;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.gallery-post-list-content .gallery-item a em span {
  font-size: 20px;
  line-height: 23px;
  color: #fff;
  font-weight: 500;
}

.gallery-post-list-content .gallery-item a em b {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  left: 30px;
  opacity: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.gallery-post-list-content .gallery-item a em b:hover i {
  margin-left: 20px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.gallery-post-list-content .gallery-item a em b i {
  font-size: 24px;
  line-height: 20px;
  color: #fff;
  float: right;
  margin-left: 15px;
  font-weight: 500;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.gallery-detail-post-list-content .gallery-item {
  margin-bottom: 30px;
}

.gallery-detail-post-list-content .gallery-item a {
  display: inline-block;
  width: 100%;
  position: relative;
}

.gallery-detail-post-list-content .gallery-item a img {
  border-radius: 4px;
}

.gallery-detail-post-list-content .gallery-item a:hover em {
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.gallery-detail-post-list-content .gallery-item a em {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  overflow: hidden;
  height: 0;
  text-align: center;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.6);
}

.gallery-detail-post-list-content .gallery-item a em i {
  font-size: 64px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#footer-contact-form-area {
  padding: 70px 0;
  background-color: #6f7581;
}

#footer-contact-form-area .formWrap {
  padding: 0 20px;
  display: inline-block;
  width: 100%;
}

#footer-contact-form-area .formWrap label {
  font-size: 13px;
  line-height: 15px;
  color: #D8DCE9;
  font-weight: 500;
  padding-left: 15px;
}

#footer-contact-form-area .formWrap strong {
  display: block;
  text-align: center;
  font-size: 36px;
  font-weight: 300;
  line-height: 30px;
  color: #D8DCE9;
  margin-bottom: 36px;
}

#footer-contact-form-area .formWrap input {
  background-color: #ffffff;
  border-radius: 4px;
  height: 55px;
}

#footer-contact-form-area .formWrap .inpt {
  float: left;
}

#footer-contact-form-area .formWrap .left {
  width: calc(100% - 175px);
  float: left;
}

@media only screen and (max-width: 767px) {
  #footer-contact-form-area .formWrap .left {
    width: 100%;
  }
}

#footer-contact-form-area .formWrap .left .inpt {
  width: calc(100% / 2);
  padding-right: 15px;
}

@media only screen and (max-width: 767px) {
  #footer-contact-form-area .formWrap .left .inpt {
    width: 100%;
    margin-top: 15px;
    padding-right: 0;
  }
}

#footer-contact-form-area .formWrap .right {
  width: 175px;
  float: right;
}

@media only screen and (max-width: 767px) {
  #footer-contact-form-area .formWrap .right {
    width: 100%;
  }
}

#footer-contact-form-area .formWrap .right .inpt {
  width: 100%;
}

#footer-contact-form-area .formWrap .right .inpt button {
  width: 100%;
  margin-top: 24px;
  height: 55px;
  font-size: 13px;
  font-weight: 500;
}

.team-detail-content .team-single-item-container {
  margin: 0 0 30px 0px;
}

.team-detail-content .team-single-item-container:hover {
  margin-top: 0 !important;
}

.reference-detail-content .reference-logo-item-container {
  margin: 0 0 30px 0;
}

#contact-us-page-container iframe {
  height: 500px;
  width: 100%;
  margin-top: 40px;
}

#contact-us-page-container .big-title-area {
  margin-top: 120px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #contact-us-page-container .big-title-area {
    margin-top: 30px;
  }
}

#contact-us-page-container .big-title-area:after {
  content: "\f194";
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 288px;
  position: absolute;
  right: -50px;
  top: -50px;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  color: #6f7581;
  opacity: 0.1;
  line-height: 215px;
}

#contact-us-page-container .hr-form-area {
  margin-bottom: 100px;
}

#contact-us-page-container .btn-send {
  float: right;
}

.contact-us-page-adress-wrapper .social strong {
  font-size: 24px;
  line-height: 28px;
  display: block;
  color: #4A4A4A;
  margin-bottom: 10px;
}

.contact-us-page-adress-wrapper .social ul {
  display: inline-block;
  width: 100%;
}

.contact-us-page-adress-wrapper .social ul li {
  float: left;
  margin-right: 15px;
}

.contact-us-page-adress-wrapper .social ul li:last-child {
  margin-right: 0;
}

.contact-us-page-adress-wrapper .social ul li a {
  font-size: 36px;
  color: #D6D6D6;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.contact-us-page-adress-wrapper .social ul li a:hover {
  color: #6f7581;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.contact-us-page-adress-wrapper .social a.send-message {
  display: block;
  margin-top: 60px;
  border-radius: 4px;
  background-color: #6f7581;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .contact-us-page-adress-wrapper .social a.send-message {
    margin-top: 10px;
    margin-bottom: 15px;
  }
}

.contact-us-page-adress-wrapper .social a.send-message span {
  font-size: 13px;
  line-height: 54px;
  color: #fff;
  display: inline-block;
  font-weight: 500;
}

.contact-us-page-adress-wrapper .social a.send-message span:before {
  content: "\f2fe";
  font-size: 20px;
  color: #41484c;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  line-height: 54px;
  float: left;
  margin-right: 10px;
}

.contact-us-page-adress-wrapper .contact-list span {
  font-size: 20px;
  line-height: 26px;
  color: #9B9B9B;
  display: block;
  margin-bottom: 10px;
}

.contact-us-page-adress-wrapper .contact-list a {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 25px;
  font-weight: 400;
  color: #4A4A4A;
  margin-bottom: 30px;
}

.contact-us-page-adress-wrapper .contact-list a:before {
  content: "";
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 18px;
  color: #41484c;
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.contact-us-page-adress-wrapper .contact-list a.adress:before {
  content: "\f1ab";
}

.contact-us-page-adress-wrapper .contact-list a.telephone:before {
  content: "\f2be";
}

.contact-us-page-adress-wrapper .contact-list a.fax:before {
  content: "\f1b0";
}

.contact-us-page-adress-wrapper .contact-list a.posta:before {
  content: "\f15a";
}

#projects-page-container #slider-tab-cat {
  display: inline-block;
  width: 100%;
}

#projects-page-container .post-project-item-container {
  margin: 0;
  margin-bottom: 30px;
}

#projects-page-container .project-page-title {
  font-size: 14px;
  line-height: 24px;
  color: #4A4A4A;
  display: block;
  margin-bottom: 40px;
  font-weight: 500;
}

#project-page-slider .slider-item img {
  border-radius: 4px;
}

#project-page-slider button.slick-arrow {
  width: 48px;
  height: 48px;
  border: 2px solid #fff;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 555;
}

#project-page-slider button.slick-arrow:hover, #project-page-slider button.slick-arrow:focus, #project-page-slider button.slick-arrow:active {
  border-color: #6f7581;
  background-color: #6f7581;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#project-page-slider button.slick-arrow:hover::before, #project-page-slider button.slick-arrow:focus::before, #project-page-slider button.slick-arrow:active::before {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  color: #fff;
}

#project-page-slider button.slick-arrow::before {
  color: #fff;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 36px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#project-page-slider button.slick-prev {
  left: 12px;
}

#project-page-slider button.slick-prev::before {
  content: '\f2fa';
}

#project-page-slider button.slick-next {
  right: 12px;
}

#project-page-slider button.slick-next::before {
  content: '\f2fb';
}

.project-detail-page-title {
  text-align: center;
  display: block;
  padding: 40px 20px;
}

.project-detail-page-title-2 {
  text-align: left;
  display: block;
}

.project-detail-page-title-style {
  font-weight: 500;
  font-size: 36px;
  line-height: 42px;
}

.project-detail-content-style-3 .project-text-area {
  margin-top: 10px !important;
}

#project-detail-page-container {
  position: relative;
}

#project-detail-page-container .project-detail-banner-style-3 {
  margin-bottom: 20px;
}

#project-detail-page-container .project-detail-banner-style-3 img {
  border-radius: 4px;
}

#project-detail-page-container .project-text-area {
  font-size: 24px;
  font-weight: 400;
  color: #7E7E7E;
  line-height: 30px;
  margin-top: 40px;
}

#project-detail-page-container .project-text-area-style-2 {
  margin-top: 30px;
  margin-bottom: 60px;
}

#project-detail-page-container .project-text-area-style-2 p {
  font-size: 18px;
  font-weight: 400;
  color: #7E7E7E;
  line-height: 33px;
  margin-bottom: 15px;
}

#project-detail-page-container .project-text-area-style-2 p:last-child {
  margin-bottom: 0;
}

#project-detail-page-container ul.project-prop {
  display: inline-block;
  width: 100%;
  margin-top: 40px;
}

#project-detail-page-container ul.project-prop.project-prop-style-3 {
  margin-bottom: 20px;
  margin-top: 0;
}

#project-detail-page-container ul.project-prop.project-prop-style-3 li span {
  float: none;
  width: 100%;
  margin-bottom: 5px;
  padding-right: 5px;
}

#project-detail-page-container ul.project-prop.project-prop-style-3 li strong {
  float: none;
  width: 100%;
}

#project-detail-page-container ul.project-prop li {
  font-size: 14px;
  line-height: 16px;
  padding: 7px 0;
  border-bottom: 1px solid #ECECEC;
  display: inline-block;
  width: 100%;
}

#project-detail-page-container ul.project-prop li span {
  color: #9B9B9B;
  font-weight: 400;
  display: inline-block;
  width: 50%;
  float: left;
}

#project-detail-page-container ul.project-prop li strong {
  font-weight: 500;
  color: #4A4A4A;
  display: inline-block;
  width: 50%;
  float: left;
}

#project-detail-out-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 270px;
}

.project-content-gallery a {
  width: 25%;
  float: left;
  display: inline-block;
  padding-right: 10px;
}

@media only screen and (max-width: 767px) {
  .project-content-gallery a {
    width: 50%;
  }
}

.project-content-gallery a img {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .project-content-gallery a img {
    margin-bottom: 10px;
  }
}

.project-detail-sidebar {
  margin-bottom: 30px;
}

.project-detail-sidebar i.zmdi-navigation {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  margin-top: -1px;
}

.project-detail-sidebar ul li {
  text-align: left;
  margin-bottom: 20px;
}

.project-detail-sidebar ul li:last-child {
  margin-bottom: 0;
}

.project-detail-sidebar ul li a {
  display: block;
  border-radius: 4px;
  border: 1px solid #D8DCE9;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.project-detail-sidebar ul li a:hover {
  background-color: #6f7581;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  border-color: #6f7581;
}

.project-detail-sidebar ul li a:hover span {
  color: #fff;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.project-detail-sidebar ul li a span {
  font-size: 13px;
  line-height: 54px;
  color: #6f7581;
  display: inline-block;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  font-weight: 500;
  width: 100%;
}

.project-detail-sidebar ul li a span i {
  font-size: 24px;
  float: left;
  margin-right: 20px;
  margin-left: 20px;
  line-height: 54px;
}

.branch-offices-detail-content.branch-offices-detail-content-style-1 .see-all-branches {
  padding: 10px 0;
  margin-bottom: 70px;
}

@media only screen and (max-width: 767px) {
  .branch-offices-detail-content.branch-offices-detail-content-style-1 .see-all-branches {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .branch-offices-detail-content.branch-offices-detail-content-style-1 .see-all-branches {
    margin-bottom: 10px;
  }
}

.branch-offices-detail-content iframe {
  border: 2px solid #D8DCE9;
  border-radius: 4px;
  width: 100%;
}

.branch-offices-detail-content .see-all-branches {
  display: inline-block;
  width: 100%;
  padding: 30px 0;
}

.branch-offices-detail-content .see-all-branches .dropdown-menu {
  padding: 0;
}

.branch-offices-detail-content .see-all-branches .dropdown-menu a {
  color: #4A4A4A;
  font-size: 14px;
  display: block;
  line-height: 25px;
}

.branch-offices-detail-content .see-all-branches .dropdown {
  float: right;
}

.branch-offices-detail-content .see-all-branches .dropdown .dropdown-toggle {
  border-radius: 21px;
  background-color: #ECECEC;
  border: none;
  font-size: 17px;
  line-height: 22px;
  padding: 10px 25px;
  color: #4A4A4A;
}

.branch-offices-detail-content .see-all-branches .dropdown .dropdown-toggle:after {
  display: none;
}

.branch-offices-detail-content .see-all-branches .dropdown .dropdown-toggle:before {
  content: "\f2f9";
  color: #4A4A4A;
  font-size: 23px;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
}

.branch-list-item-container {
  margin-bottom: 100px;
}

@media only screen and (max-width: 767px) {
  .branch-list-item-container {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
  }
}

.branch-list-item-container:hover .branch-title {
  color: #41484c;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.branch-list-item-container .branch-title {
  font-size: 48px;
  line-height: 50px;
  display: block;
  color: #4A4A4A;
  font-weight: 600;
  margin-bottom: 30px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.branch-list-item-container a.contactLink {
  font-size: 18px;
  line-height: 28px;
  display: inline-block;
  color: #4A4A4A;
}

.branch-list-item-container a.way-direction-link {
  margin-top: 50px;
  display: inline-block;
  width: 100%;
  text-align: center;
  line-height: 55px;
  border: 1px solid #D8DCE9;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  border-radius: 4px;
}

.branch-list-item-container a.way-direction-link:hover {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-color: #41484c;
}

.branch-list-item-container a.way-direction-link:hover span {
  color: #fff;
}

.branch-list-item-container a.way-direction-link span {
  font-size: 13px;
  font-weight: 500;
  color: #6f7581;
  line-height: 25px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  display: inline-block;
}

.branch-list-item-container a.way-direction-link span i {
  font-size: 24px;
  float: left;
  margin-right: 10px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.branch-list-item-container ul li {
  display: block;
  margin-bottom: 17px;
}

.branch-list-item-container ul li:last-child {
  margin-bottom: 0;
}

.branch-list-item-container ul li a {
  font-size: 18px;
  line-height: 28px;
  display: inline-block;
  color: #4A4A4A;
}

.branch-list-item-container ul li span {
  font-size: 18px;
  line-height: 28px;
  display: inline-block;
  color: #4A4A4A;
}

.branch-list-item-container iframe {
  height: 300px;
}

@media only screen and (max-width: 767px) {
  .branch-list-item-container iframe {
    margin-top: 30px;
  }
}

.branch-offices-style-2 iframe {
  height: 550px;
}

.branch-list-style-2-content .branch-item-container {
  padding: 25px 30px;
  margin-bottom: 50px;
  border-radius: 4px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media only screen and (max-width: 767px) {
  .branch-list-style-2-content .branch-item-container {
    margin-bottom: 0;
  }
}

.branch-list-style-2-content .branch-item-container:hover {
  -webkit-box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.branch-list-style-2-content .branch-item-container strong {
  font-size: 24px;
  line-height: 28px;
  color: #6f7581;
  display: block;
  padding-bottom: 5px;
}

.branch-list-style-2-content .branch-item-container .adress {
  margin-bottom: 30px;
}

.branch-list-style-2-content .branch-item-container .adress a {
  font-size: 18px;
  line-height: 28px;
  color: #4A4A4A;
  display: block;
}

.branch-list-style-2-content .branch-item-container ul li {
  margin-bottom: 10px;
}

.branch-list-style-2-content .branch-item-container ul li:last-child {
  margin-bottom: 0;
}

.branch-list-style-2-content .branch-item-container ul li a {
  font-size: 18px;
  line-height: 24px;
  display: inline-block;
  font-weight: 400;
}

.branch-list-style-2-content .branch-item-container ul li a i {
  font-size: 24px;
  color: #D6D6D6;
  line-height: 24px;
  width: 30px;
  float: left;
}

/*


#slider-news-area {
	#slider-news { 
		margin-bottom: 50px; 
		button {
			&.slick-arrow {
				width: 48px;
				height: 48px;
				border: 2px solid #D8DCE9;
				background-color: #FFFFFF;
				border-radius: 3px;
				transition: all ease .3s;

				&:hover,
				&:focus,
				&:active {
					border-color: $primaryLightColor;
					transition: all ease .3s;

					&::before {
						transition: all ease .3s;
						color: $primaryLightColor;
					}

				}

				&::before {
					color: $primaryColor;
					font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
					font-size: 36px;
					transition: all ease .3s;
				}
			}

			&.slick-prev {
				left: -90px;

				&::before {
					content: '\f2fa';

				}
			}

			&.slick-next {
				right: -90px;

				&::before {
					content: '\f2fb';
				}
			}
		}


		.slider-item {
			.item-container {
			

				margin: 25px 15px 25px 15px;  
				border-radius: 4px; 
				transition: all ease .3s;
				position: relative;
				box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.103969);
			 
				 	&:hover {

					transition: all ease .3s;
					box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.240206);
				 

				}


			}
		}
	}
}


*/

/*# sourceMappingURL=main.css.map */