/* FONTS 
=========================== */
/*
@font-face{
    font-family: 'Avenir LT Std';
    src: url(fonts/avenir/AvenirLTStd-Black.otf);
    font-weight: 900;
}

@font-face{
    font-family: 'Avenir LT Std';
    src: url(fonts/avenir/AvenirLTStd-Book.otf);
    font-weight: 600;
}

@font-face{
    font-family: 'Avenir LT Std';
    src: url(fonts/avenir/AvenirLTStd-Roman.otf);
    font-weight: 400;
}

@font-face{
    font-family: 'Buda';
    src: url(fonts/buda/Buda-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Cormorant Garamond';
    src: url(fonts/cormorant-garamond/CormorantGaramond-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Cormorant Garamond';
    src: url(fonts/cormorant-garamond/CormorantGaramond-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Cormorant Garamond';
    src: url(fonts/cormorant-garamond/CormorantGaramond-Medium.ttf);
    font-weight: 500;
}

@font-face{
    font-family: 'Cormorant Garamond';
    src: url(fonts/cormorant-garamond/CormorantGaramond-SemiBold.ttf);
    font-weight: 600;
}

@font-face{
    font-family: 'Cormorant Garamond';
    src: url(fonts/cormorant-garamond/CormorantGaramond-Bold.ttf);
    font-weight: 700;
}

@font-face{
    font-family: 'Crimson Text';
    src: url(fonts/crimson-text/CrimsonText-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Crimson Text';
    src: url(fonts/crimson-text/CrimsonText-SemiBold.ttf);
    font-weight: 600;
}

@font-face{
    font-family: 'Crimson Text';
    src: url(fonts/crimson-text/CrimsonText-Bold.ttf);
    font-weight: 700;
}

@font-face{
    font-family: 'Font Awesome Brand';
    src: url(fonts/font-awesome/webfonts/fa-brands-400.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Font Awesome';
    src: url(fonts/font-awesome/webfonts/fa-regular-400.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Font Awesome';
    src: url(fonts/font-awesome/webfonts/fa-solid-900.ttf);
    font-weight: 900;
}

@font-face{
    font-family: 'Hind';
    src: url(fonts/hind/Hind-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Hind';
    src: url(fonts/hind/Hind-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Hind';
    src: url(fonts/hind/Hind-Medium.ttf);
    font-weight: 500;
}

@font-face{
    font-family: 'Hind';
    src: url(fonts/hind/Hind-SemiBold.ttf);
    font-weight: 600;
}

@font-face{
    font-family: 'Hind';
    src: url(fonts/hind/Hind-Bold.ttf);
    font-weight: 700;
}

@font-face{
    font-family: 'Josefin Sans';
    src: url(fonts/josefin-sans/JosefinSans-VariableFont_wght.ttf);
}

@font-face{
    font-family: 'Lato';
    src: url(fonts/lato/Lato-Thin.ttf);
    font-weight: 100;
}

@font-face{
    font-family: 'Lato';
    src: url(fonts/lato/Lato-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Lato';
    src: url(fonts/lato/Lato-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Lato';
    src: url(fonts/lato/Lato-Bold.ttf);
    font-weight: 700;
}

@font-face{
    font-family: 'Lato';
    src: url(fonts/lato/Lato-Black.ttf);
    font-weight: 900;
}

@font-face{
    font-family: 'Manrope';
    src: url(fonts/manrope/Manrope-ExtraLight.ttf);
    font-weight: 200;
}

@font-face{
    font-family: 'Manrope';
    src: url(fonts/manrope/Manrope-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Manrope';
    src: url(fonts/manrope/Manrope-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Manrope';
    src: url(fonts/manrope/Manrope-Medium.ttf);
    font-weight: 500;
}

@font-face{
    font-family: 'Manrope';
    src: url(fonts/manrope/Manrope-SemiBold.ttf);
    font-weight: 600;
}

@font-face{
    font-family: 'Manrope';
    src: url(fonts/manrope/Manrope-Bold.ttf);
    font-weight: 700;
}

@font-face{
    font-family: 'Manrope';
    src: url(fonts/manrope/Manrope-ExtraBold.ttf);
    font-weight: 800;
}

@font-face{
    font-family: 'Marcellus';
    src: url(fonts/marcellus/Marcellus-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Merriweather Sans';
    src: url(fonts/merriweather-sans/MerriweatherSans-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Merriweather Sans';
    src: url(fonts/merriweather-sans/MerriweatherSans-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Merriweather Sans';
    src: url(fonts/merriweather-sans/MerriweatherSans-Medium.ttf);
    font-weight: 500;
}

@font-face{
    font-family: 'Merriweather Sans';
    src: url(fonts/merriweather-sans/MerriweatherSans-SemiBold.ttf);
    font-weight: 600;
}

@font-face{
    font-family: 'Merriweather Sans';
    src: url(fonts/merriweather-sans/MerriweatherSans-Bold.ttf);
    font-weight: 700;
}

@font-face{
    font-family: 'Merriweather Sans';
    src: url(fonts/merriweather-sans/MerriweatherSans-ExtraBold.ttf);
    font-weight: 800;
}

@font-face{
    font-family: 'Muli';
    src: url(fonts/muli/muli-thin.woff2) format('woff2');
    font-weight: 200;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
    font-family: 'Muli';
    src: url(fonts/muli/muli-light.woff2) format('woff2');
    font-weight: 300;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
    font-family: 'Muli';
    src: url(fonts/muli/muli-regular.woff2) format('woff2');
    font-weight: 400;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
    font-family: 'Muli';
    src: url(fonts/muli/muli-semi-bold.woff2) format('woff2');
    font-weight: 600;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
    font-family: 'Muli';
    src: url(fonts/muli/muli-bold.woff2) format('woff2');
    font-weight: 700;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
    font-family: 'Muli';
    src: url(fonts/muli/muli-extra-bold.woff2) format('woff2');
    font-weight: 800;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
    font-family: 'Muli';
    src: url(fonts/muli/muli-black.woff2) format('woff2');
    font-weight: 900;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
    font-family: 'Open Sans';
    src: url(fonts/OpenSans/OpenSans-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Open Sans';
    src: url(fonts/OpenSans/OpenSans-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Open Sans';
    src: url(fonts/OpenSans/OpenSans-Medium.ttf);
    font-weight: 500;
}

@font-face{
    font-family: 'Open Sans';
    src: url(fonts/OpenSans/OpenSans-SemiBold.ttf);
    font-weight: 600;
}

@font-face{
    font-family: 'Open Sans';
    src: url(fonts/OpenSans/OpenSans-Bold.ttf);
    font-weight: 700;
}

@font-face{
    font-family: 'Open Sans';
    src: url(fonts/OpenSans/OpenSans-ExtraBold.ttf);
    font-weight: 800;
}

@font-face{
    font-family: 'Oswald';
    src: url(fonts/oswald/Oswald-ExtraLight.ttf);
    font-weight: 200;
}

@font-face{
    font-family: 'Oswald';
    src: url(fonts/oswald/Oswald-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Oswald';
    src: url(fonts/oswald/Oswald-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Oswald';
    src: url(fonts/oswald/Oswald-Medium.ttf);
    font-weight: 500;
}

@font-face{
    font-family: 'Oswald';
    src: url(fonts/oswald/Oswald-SemiBold.ttf);
    font-weight: 600;
}

@font-face{
    font-family: 'Oswald';
    src: url(fonts/oswald/Oswald-Bold.ttf);
    font-weight: 700;
}
*/
@font-face{
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-Thin.ttf);
    font-weight: 100;
}

@font-face{
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-ExtraLight.ttf);
    font-weight: 200;
}

@font-face{
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-Medium.ttf);
    font-weight: 500;
}

@font-face{
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-SemiBold.ttf);
    font-weight: 600;
}

@font-face{
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-Bold.ttf);
    font-weight: 700;
}

@font-face{
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-ExtraBold.ttf);
    font-weight: 800;
}

@font-face{
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-Black.ttf);
    font-weight: 900;
}
/*
@font-face{
    font-family: 'Raleway';
    src: url(fonts/raleway/Raleway-Thin.ttf);
    font-weight: 100;
}

@font-face{
    font-family: 'Raleway';
    src: url(fonts/raleway/Raleway-ExtraLight.ttf);
    font-weight: 200;
}

@font-face{
    font-family: 'Raleway';
    src: url(fonts/raleway/Raleway-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Raleway';
    src: url(fonts/raleway/Raleway-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Raleway';
    src: url(fonts/raleway/Raleway-Medium.ttf);
    font-weight: 500;
}

@font-face{
    font-family: 'Raleway';
    src: url(fonts/raleway/Raleway-SemiBold.ttf);
    font-weight: 600;
}

@font-face{
    font-family: 'Raleway';
    src: url(fonts/raleway/Raleway-Bold.ttf);
    font-weight: 700;
}

@font-face{
    font-family: 'Raleway';
    src: url(fonts/raleway/Raleway-ExtraBold.ttf);
    font-weight: 800;
}

@font-face{
    font-family: 'Raleway';
    src: url(fonts/raleway/Raleway-Black.ttf);
    font-weight: 900;
}

@font-face{
    font-family: 'Roboto';
    src: url(fonts/roboto/Roboto-Thin.ttf);
    font-weight: 100;
}

@font-face{
    font-family: 'Roboto';
    src: url(fonts/roboto/Roboto-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Roboto';
    src: url(fonts/roboto/Roboto-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Roboto';
    src: url(fonts/roboto/Roboto-Medium.ttf);
    font-weight: 500;
}

@font-face{
    font-family: 'Roboto';
    src: url(fonts/roboto/Roboto-Bold.ttf);
    font-weight: 700;
}

@font-face{
    font-family: 'Roboto';
    src: url(fonts/roboto/Roboto-Black.ttf);
    font-weight: 900;
}

@font-face{
    font-family: 'Roboto Slab';
    src: url(fonts/roboto-slab/RobotoSlab-Thin.ttf);
    font-weight: 100;
}

@font-face{
    font-family: 'Roboto Slab';
    src: url(fonts/roboto-slab/RobotoSlab-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Roboto Slab';
    src: url(fonts/roboto-slab/RobotoSlab-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Roboto Slab';
    src: url(fonts/roboto-slab/RobotoSlab-Medium.ttf);
    font-weight: 500;
}

@font-face{
    font-family: 'Roboto Slab';
    src: url(fonts/roboto-slab/RobotoSlab-Bold.ttf);
    font-weight: 700;
}

@font-face{
    font-family: 'Roboto Slab';
    src: url(fonts/roboto-slab/RobotoSlab-Black.ttf);
    font-weight: 900;
}

@font-face{
    font-family: 'Roboto Condensed';
    src: url(fonts/roboto-condensed/RobotoCondensed-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Roboto Condensed';
    src: url(fonts/roboto-condensed/RobotoCondensed-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Roboto Condensed';
    src: url(fonts/roboto-condensed/RobotoCondensed-Bold.ttf);
    font-weight: 700;
}

@font-face{
    font-family: 'Source Sans Pro';
    src: url(fonts/Source-Sans-Pro/SourceSansPro-ExtraLight.ttf);
    font-weight: 200;
}

@font-face{
    font-family: 'Source Sans Pro';
    src: url(fonts/Source-Sans-Pro/SourceSansPro-Light.ttf);
    font-weight: 300;
}

@font-face{
    font-family: 'Source Sans Pro';
    src: url(fonts/Source-Sans-Pro/SourceSansPro-Regular.ttf);
    font-weight: 400;
}

@font-face{
    font-family: 'Source Sans Pro';
    src: url(fonts/Source-Sans-Pro/SourceSansPro-SemiBold.ttf);
    font-weight: 600;
}

@font-face{
    font-family: 'Source Sans Pro';
    src: url(fonts/Source-Sans-Pro/SourceSansPro-Bold.ttf);
    font-weight: 700;
}

@font-face{
    font-family: 'Source Sans Pro';
    src: url(fonts/Source-Sans-Pro/SourceSansPro-Black.ttf);
    font-weight: 900;
}
*/
*, 
::after, 
::before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    box-sizing: border-box;
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

.clearfix::after,
.row::after,
.author-box::after,
.entry::after,
.entry-content::after,
.pagination::after,
.site-container::after,
.footer-widgets::after,
.site-footer::after,
.site-header::after,
header::after,
footer::after,
section::after,
.site-inner::after,
.container::after,
.sidebar .widget::after,
.wrap::after,
.content-sidebar::after,
.content-full-width::after,
.content-sidebar-wrap::after,
.full-width-content .content::after,
.menu::after,
.fp-slider::after,
.fp-top::after,
.frontpage-widget-sections::after,
.before-footer .gform_wrapper::after,
.property-description::after,
.row-sub::after,
.msllcidx-details::after,
.search-bar-design form::after,
.msllcidx-row::after,
.search-filter-form::after,
.search-filter-form-center::after,
.search-filter-form .msllcidx-price-range::after,
.hpanel ol li::after {
    clear: both;
    content: " ";
    display: table;
}

html {
    font-size: 62.5%;
}

body {
    background-color: transparent;
    color: #434343;
    font-family: 'Avenir LT Std', sans-serif;
    font-family: 'Buda', cursive;
    font-family: 'Cormorant Garamond', serif;
    font-family: 'Crimson Text', serif;
    font-family: 'Hind', sans-serif;
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Lato', sans-serif;
    font-family: 'Manrope', sans-serif;
    font-family: 'Marcellus', serif;
    font-family: 'Merriweather Sans', sans-serif;
    font-family: 'Muli', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Oswald', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Raleway', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Condensed', sans-serif;
    font-family: 'Roboto Slab', serif;
    font-family: 'Source Sans Pro', sans-serif;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
    font-family: "Times New Roman", Times, serif;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.625;
}

body > div {
    font-size: 14px;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.btn {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

a {
    color: #212121;
}

a:hover {
    color: #434343;
}

a:focus {
    outline: 0;
}

blockquote,
cite,
em,
i {
    font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

h1,
h2,
h3 {
    margin: 0 0 20px;
}

h4,
h5,
h6 {
    margin: 0 0 15px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3 {
    line-height: 1.25;
}

.h1,
.h2,
.h3 {
    display: block;
    font-weight: 600;
}

.h1 {
    font-size: 76px;
}

.h2 {
    font-size: 56px;
}

.h3 {
    font-size: 42px;
}

p {
    margin: 0 0 15px;
    display: block;
    width: 100%;
}

strong {
    font-weight: 500;
}

ol, 
ul {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
}

embed,
iframe,
img,
object,
video,
.wp-caption {
    max-width: 100%;
}

img {
    max-width: 100%;
    height: auto;
    line-height: 0 !important;
    vertical-align: middle;
}

/* FORMS
=========================== */
input[type=text],
input[type=email], 
input[type=password],
input[type=tel],
input[type=date],
input[type=number],
select, 
textarea {
    color: #323232;
    border: 1px solid #dcdcdc;
}

input::placeholder,
::-moz-placeholder,
::-webkit-input-placeholder {
    color: #969696;
}

label,
input[type=text],
input[type=email], 
input[type=password],
input[type=tel],
input[type=date],
input[type=number],
select, 
textarea,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.btn {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-family: 'Poppins', sans-serif;
    font-weight: 400; 
}

label {
    font-size: 14px;
    display: block;
}

input[type=text],
input[type=email], 
input[type=password],
input[type=tel],
input[type=date],
input[type=number],
select, 
textarea {
    padding: 12px;
    border-radius: 0;
    font-size: 14px;
    line-height: 1;
    width: 100%;   
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.btn {
    border: 1px solid #232323;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 12px 24px;
    width: auto;
    background-color: #232323;
    color: #fff;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.btn:hover,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"] {
    background-color: #454545;
    border: 1px solid #454545;
    color: #fff;
}

button:focus,
.button:focus,
.btn:focus {
    outline: 0;
}

a.button,
a.btn {
    text-decoration: none;
    display: inline-block;
}

/* TABLES
=========================== */
table {
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin-bottom: 40px;
    width: 100%;
}

td, 
th {
    height: 40px;
    padding: 0 10px;
    vertical-align: middle !important;
}

td {
    background: #fcfcfc;
    border: 1px solid #dedede;
}

th {  
    background-color: #f6f6f6;
    border: 1px solid #dedede;
    color: #000;
    text-align: left;
}

th,
th label {
    font-weight: 500;
}

/* SCREEN READER TEXT
=========================== */
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
    word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus {
    clip: auto !important;
    height: auto;
    width: auto;
    display: block;
    font-size: 1em;
    font-weight: 600;
    padding: 15px 23px 14px;
    color: #232323;
    background: #f9f9f9;
    z-index: 100000;
    text-decoration: none;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

/* GENERAL
=========================== */
.text-left,
.all-left {
    text-align: left;
}

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

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

.all-left,
.pull-left,
.alignleft {
    float: left;
}

.all-right,
.pull-right,
.alignright {
    float: right;
}

.center,
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.msllcidx-hide {
    display: none;
}

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

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

.msllcidx-text-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* GRID
=========================== */
@media (min-width: 768px) {
    .grid {
        max-width: 100%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 0fr;
        grid-column-gap: 10px;
        grid-row-gap: 0;
    }
}

@media (min-width: 1021px) {
    .grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.video-grid .column {
    position: relative;
    height: 0;
    padding-bottom: 54.1%;
    padding-top: 2.2%;
}

.video-grid .column iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* ANIMATION
=========================== */
@keyframes fadeIn {
    from{opacity:0}to{opacity:1}
}

.fadeIn {
    animation-name:fadeIn
}

@keyframes fadeInDown {
    from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}
}

.fadeInDown {
    animation-name:fadeInDown
}

@keyframes fadeInLeft {
    from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}
}

.fadeInLeft {
    animation-name:fadeInLeft
}

@keyframes fadeInRight {
    from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}
}

.fadeInRight {
    animation-name:fadeInRight
}

@keyframes fadeInUp {
    from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}
}

.fadeInUp {
    animation-name: fadeInUp;
}

/* UI AUTO COMPLETE
=========================== */
.ui-autocomplete,
ul.ui-autocomplete {
    list-style-type: none;
    padding: 0;
    max-width: 190px;
    z-index: 1;
}

li.ui-menu-item,
.ui-autocomplete .ui-menu-item {
    padding: 5px 12px;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    cursor: pointer;
}

li.ui-menu-item:hover {
    background-color: #ccc;
}

.ui-helper-hidden-accessible{
    display: none;
}

/* CONTENT AREA
========================== */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.content-full-width .sidebar,
.full-width-content .sidebar,
.content-fluid .sidebar,
.fluid-content .sidebar {
    display: none !important;
}
/*
@media (min-width: 768px) {
    .content-sidebar .sidebar {
        float: right;
        width: 220px;
    }

    .content-sidebar .content {
        float: left;
        width: calc(100% - 250px);
    }
}

@media (min-width: 1021px) {
    .content-sidebar .sidebar {
        width: 300px;
    }

    .content-sidebar .content {
        width: calc(100% - 340px);
    }
}

@media (min-width: 1250px) {
    .container {
        width: 1200px;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
    }

    .content-sidebar .content {
        width: calc(100% - 360px);
    }

    .content-sidebar .sidebar {
        width: 320px;
    }
}

.fluid-content .container,
.content-fluid .container {
    width: 100%;
    padding: 0;
    margin: 0;
}

@media (min-width: 1820px) {
    .fluid.pl-result-grid .container {
        width: 1800px;
        margin-left: auto;
        margin-right: auto;
    }
}
*/
/* MEDIA QUERIES
=========================== */
@media only screen and (min-width: 768px) {
    .full,
    .one-half,
    .one-third,
    .one-fourth,
    .one-fifth,
    .one-sixth,
    .one-seventh,
    .one-eighth,
    .two-third,
    .two-fifth,
    .two-seventh,
    .three-fourth,
    .three-fifth,
    .three-seventh,
    .three-eighth,
    .four-fifth,
    .four-seventh,
    .five-sixth,
    .five-seventh,
    .five-eighth,
    .six-seventh,
    .seven-eight {
        float: left;
    }

    .full {
        width: 100%;
    }

    .one-half {
        width: 50%;
    }

    .one-third {
        width: 33.333333%;
    }

    .one-fourth {
        width: 25%;
    }

    .one-fifth {
        width: 20%;
    }

    .one-sixth {
        width: 16.666666%;
    }

    .one-seventh {
        width: 14.2857%;
    }

    .one-eighth {
        width: 12.5%;
    }

    .two-third {
        width: 66.666666%;
    }

    .two-fifth {
        width: 40%;
    }

    .two-seventh {
        width: 28.5714%;
    }

    .three-fourth {
        width: 75%;
    }

    .three-fifth {
        width: 60%;
    }

    .three-seventh {
        width: 42.857%;
    }

    .three-eighth {
        width: 37.5%;
    }

    .four-fifth {
        width: 80%;
    }

    .four-seventh {
        width: 57.142857%;
    }

    .five-sixth {
        width: 83.333333%;
    }

    .five-seventh {
        width: 71.42857%;
    }

    .five-eighth {
        width: 62.5%;
    }

    .six-seventh {
        width: 85.714%;
    }

    .seven-eight {
        width: 87.5%;
    }
}


@media only screen and (max-width: 1279px) {
    
}

@media only screen and (max-width: 1279px) and (min-width: 1021px) {
    
}

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

}

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

}

/* HEADER AREA
=========================== */
.site-header {
    min-height: 0;
    line-height: 0;
    padding: 10px 0;
    background-color: transparent;
    font-size: 16px;
}

.site-description {
    display: none;
}

.site-title {
    margin: 0;
    font-size: 26px;
    line-height: 50px;
    text-transform: uppercase;
}

.site-title a {
    text-decoration: none;
    display: inline-block;
    color: #fff;
}

.title-area {
    float: left;
}

.header-widget-area {
    float: right;
    width: calc(100% - 150px);
    text-align: right;
}
/*
.image-logo {
    font-size: 0;
    color: transparent;
}

.image-logo a {
    text-decoration: none;
    display: inline-block;
    color: transparent;
    text-indent: 100%;
    background: url(assets/images/donnblue-282.png) no-repeat left;
    height: 110px;
    width: 282px;
}
*/
.header-widget-area .widget {
    position: relative;
    display: inline-block;
}
/*
.header-widget-area .widget {
    display: inline-block;
    vertical-align: middle;
}

.header-widget-area .widget:nth-child(2) {
    padding-left: 20px;
}

.header-widget-area .widget:nth-child(3) {
    padding-left: 15px;
}

.header-widget-area .quick-contact.icon-only li {
    margin: 0;
    display: block;
    float: left;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.header-widget-area .quick-contact.icon-only li.last {
    border-left: none;
}

.header-widget-area .quick-contact.icon-only span,
.header-widget-area .quick-contact.icon-only a {
    line-height: 50px;
    padding: 0 16px;
    height: 50px;
    color: #000;
}

.header-widget-area .quick-contact.icon-only span {
    cursor: pointer;
    display: block;
}

.header-widget-area .quick-contact.icon-only a:hover,
.header-widget-area .quick-contact.icon-only span:hover {
    color: #444;
}

.site-header.fixed .header-widget-area .quick-contact.icon-only li {
    border-color: #000;
}
*/
@media only screen and (min-width: 768px) {
    /*
    .title-area {
        float: left;
    }

    .header-widget-area {
        float: right;
        width: calc(100% - 240px);
        text-align: right;
    }
    */
}

@media only screen and (min-width: 1021px) {
    /*
    .site-header.fixed {
        position: fixed !important;
        left: 0;
        right: 0;
        z-index: 9;
        top: 0;
    }
    */
}
/*
@media only screen and (max-width: 1279px) and (min-width: 1021px) {
    .header-widget-area .widget:nth-child(2) {
        padding-left: 10px;
    }

    .header-widget-area .widget:nth-child(3) {
        padding-left: 5px;
    }
}

@media only screen and (min-width: 1280px) {
    .header-widget-area .quick-contact i, 
    .header-widget-area .socials i {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1440px) {
    .header-widget-area .quick-contact i, 
    .header-widget-area .socials i {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1680px) {
    .header-widget-area .quick-contact i, 
    .header-widget-area .socials i {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1920px) {
    .header-widget-area .quick-contact i, 
    .header-widget-area .socials i {
        font-size: 22px;
    }
}

@media only screen and (min-width: 2560px) {
    .header-widget-area .quick-contact i, 
    .header-widget-area .socials i {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .title-area,
    .header-widget-area {
        text-align: center;
    }

    .header-widget-area {
        margin-top: 30px;
    }
}
*/
/* NAVIGATION MENU
=========================== */
.menu,
.sub-menu {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
}

.menu-item {
    list-style: none;
    position: relative;
}

.menu-item a {
    text-decoration: none;
    padding: 0px 16px;
    line-height: 40px;
    height: 40px;
    display: block;
}

.sub-menu {
    display: none;
    padding-bottom: 20px !important;
}

.menu-item:hover .sub-menu {
    display: block;
}

.sub-menu .menu-item {
    display: list-item;
}

.sub-menu-toggle,
.menu-toggle {
    display: none;
    visibility: hidden;
}
/*
@media only screen and (min-width: 1021px) {
    .menu-item {
        display: inline-block;
        vertical-align: text-top;
    }

    .sub-menu {
        position: absolute;
        z-index: 9;
        left: 0;
        top: 50px;
        text-align: left;
        min-width: 270px;
        background-color: #ddd;
    }
}
*/

nav {
    display: none;
    position: absolute;
    z-index: 6;
    text-align: left;
    width: 300px;
    left: -212px;
    background-color: #ddd;
}

.menu-toggle,
.sub-menu-toggle {
    display: block;
    overflow: hidden;
    text-align: center;
    visibility: visible;
    line-height: 1;
    border: none;
    z-index: 6;
}

.menu-toggle {
    position: relative;
    padding: 17px 10px !important;
    text-transform: uppercase;
    border: none;
    width: auto;
    background-color: transparent !important;
}

.sub-menu-toggle {
    float: right;
    padding: 13px 10px 14px;
    position: absolute;
    right: 0;
    top: -1px;
}

.menu-toggle:hover,
.sub-menu-toggle:hover {
    border: none;
}

.menu-toggle:focus,
.sub-menu-toggle:focus {
    outline: none;
}

.menu-toggle:before,
.menu-toggle.activated:before,
.sub-menu-toggle:before,
.sub-menu-toggle.activated:before {
    color: #fff;
    vertical-align: top;
    font-family: 'Font Awesome 5 Free' !important;
    font-family:'FontAwesome' !important;
    font-weight: 400 !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}

.menu-toggle:before,
.menu-toggle.activated:before {
    padding-right: 10px;
    content: "\f0c9";
    font-size: 16px !important;
    line-height: 16px !important;
}

.sub-menu-toggle:before {
    content: "\f078";
    font-size: 14px !important;
    line-height: 1 !important;
}

.sub-menu-toggle.activated:before {
    content: "\f077";
}

.menu-toggle:focus,
.sub-menu-toggle:focus {
    outline: none;
}

.menu-toggle:hover,
.menu-toggle:focus,
.sub-menu-toggle:hover,
.sub-menu-toggle:focus {
    background-color: #232323 !important;
}

.menu-toggle::after {
    content: "Menu";
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}

@media only screen and (max-width: 767px) {
    /*
    .menu-toggle {
        margin: 0 auto;
    }*/
}

/* MAIN NAV
========================== */
#main-nav {

}

.disabled a {
    pointer-events: none;
}

.disabled ul a {
    pointer-events: visible;
}

.disabled ul .disabled a {
    pointer-events: none;
}
/*
@media only screen and (min-width: 1021px) {
    #main-nav .menu-item a {
        color: #000;
    }

    #main-nav .menu-item a:hover {
        color: #444;
    }
}

@media only screen and (max-width: 1279px) and (min-width: 1021px) {
    #main-nav .menu a {
        padding: 0px 5px;
    }
}
*/
/*
@media only screen and (max-width: 1020px) {
    #main-nav {
        background-color: #f5f5f5;
    }
}

@media only screen and (max-width: 1020px) and (min-width: 768px) {
    
}

@media only screen and (max-width: 767px) {
    
}
*/

/* SITE FOOTER
========================== */
.site-footer {
    border: none;
    font-size: inherit;
    text-align: center;
    padding: 20px 0;
    background-color: transparent;
    color: #fff;
    width: 100%;
}

.home-page .site-footer {
    position: absolute;
    bottom: 0;
}

.site-footer a {
    text-decoration: none;
    color: #fff;
}

.site-footer a.external-links {
    color: #eee;
    font-weight: 500;
}

.site-footer a:hover,
.site-footer a.external-links:hover {
    color: #ccc;
}

.site-footer p {
    margin: 0;
}

.site-footer p.cct-middle {
    padding: 10px 0;
}

.site-footer p.user-agreement {
    margin-bottom: 10px;
}

.copyright {
    padding-top: 30px;
}

.ac {
    background-color: #ccc;
    color: #212121 !important;
    padding: 5px 40px;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 500;
}

.ac:hover {
    background-color: #434343;
    color: #fff !important;
}

@media (min-width: 1021px) {
    .map-result-page .footer .container {
        width: 100%;
    }

    .map-result-page .footer p {
        text-align: right;
    }
}

/* SITE INNER
========================== */
.custom-page {
    background: url(images/mic-min.png) no-repeat center;
    background-size: cover;
    /*height: 100%;*/
    width: 480px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 100vh;
    max-height: 100%;
}
/*
.home-page {
    height: 100vh;
}
*/
.site-inner {
    background-color: #fff;
}

.home-page .site-inner {
    background-color: transparent;
}

/* MAIN AREA
========================== */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* SIDEBAR WIDGETS
=========================== */
.sidebar ul {
    padding: 0;
    list-style-type: none;
}

.sidebar li {
    list-style: none;
}

.sidebar .menu-item {
    display: block;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #454545;
}

.sidebar .menu-item a {
    background-color: #232323 !important;
    color: #fefefe;
}

.sidebar .menu-item a:hover,
.sidebar .menu-item a:active {
    background-color: #454545 !important;
}

.content-sidebar,
.content-full-width {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media only screen and (max-width: 420px) {
    .site-title {
        font-size: 24px !important;
    }

    h3 {
        font-size: 20px !important;
    }

}

@media only screen and (max-width: 320px) {    
    .site-title {
        font-size: 22px !important;
    }

    h3 {
        font-size: 18px !important;
    }

}