/*!
Theme Name: EP2020
Theme URI: https://www.ellingtonproperties.ae/
Author: Spencer
Author URI: https://www.ellingtonproperties.ae/
Description: Ellington Properties Wordpress Theme 2020
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ep2020
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

EP2020 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
#Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */


html, body, .site {
      
      height: 100%;
    }
section { height: auto; }


html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

body {
	background: #ffffff;
	margin: 0;

}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

pre {
	font-size: 1em; /* 2 */
}

a {
	background-color: transparent;
}


abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

b,
strong {
	font-weight: bolder;
}


code,
kbd,
samp {
	font-size: 1em; /* 2 */
}

/**
 * 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
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

.post-img img {
	background: #fafafa;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 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;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * 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 {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	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 in Chrome and Safari on macOS.
 */

[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 Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}
/*--------------------------------------------------------------
#Main
--------------------------------------------------------------*/
.aleft { text-align: left }
.aright { text-align: right; }
.acenter { text-align: center }
@media screen and (max-width: 768px) {
	.aleft, .aright, acenter {
		padding: 20px;
	}
}


/*--------------------------------------------------------------
#Typography
--------------------------------------------------------------*/
@font-face {
    font-family: 'Avenir-Light';
    src: local('Avenir-Light'), url('fonts/avenir-light-webfont.woff2') format('woff2'),
         url('fonts/avenir-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: "AvenirLTStd-Roman";
  src: url("fonts/AvenirLTStd-Roman.eot"); /* IE9 Compat Modes */
  src: url("fonts/AvenirLTStd-Romand41d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/AvenirLTStd-Roman.otf") format("opentype"), /* Open Type Font */
    url("fonts/AvenirLTStd-Roman.svg") format("svg"), /* Legacy iOS */
    url("fonts/AvenirLTStd-Roman.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/AvenirLTStd-Roman.woff") format("woff"), /* Modern Browsers */
    url("fonts/AvenirLTStd-Roman.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AvenirLTStd-Medium";
  src: local('AvenirLTStd-Medium'), url("fonts/AvenirLTStd-Medium.eot"); /* IE9 Compat Modes */
  src: url("fonts/AvenirLTStd-Mediumd41d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/AvenirLTStd-Medium.otf") format("opentype"), /* Open Type Font */
    url("fonts/AvenirLTStd-Medium.svg") format("svg"), /* Legacy iOS */
    url("fonts/AvenirLTStd-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/AvenirLTStd-Medium.woff") format("woff"), /* Modern Browsers */
    url("fonts/AvenirLTStd-Medium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*
@font-face {
    font-family: 'AvenirLTStd-Medium';
    src: url('fonts/Avenir-Heavy.woff2') format('woff2'),
         url('fonts/Avenir-Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/


body,
button,
input,
select,
optgroup,
textarea,
.elementor,
.elementor-container {
	color: rgb(0, 0, 0);
	font-family: 'Avenir-Light';
	font-size: 16px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	padding: 3px 0;
	margin: 0px;
	color: #001936;
}


footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
	color: #fff;
}
.ep-our-communities h1, .ep-our-communities h2, .ep-our-communities h3, .ep-our-communities h4, .ep-our-communities h5, .ep-our-communities h6 {
	color: #fff;
}
.ep-our-communities .row {
	margin: 20px 0 60px 0px;
}
.ep-our-communities .col-md-4 {
	margin: 15px auto;
}

h2 {
	text-transform: uppercase;
	font-size: 22px;
	letter-spacing: 1px;
}

h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
}
h4 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Avenir-Light';
	font-weight: normal;
}

.ep-post-title {
	color: #001936!important;
	letter-spacing: 1px;
	font-family: 'Avenir-Light';
}
.ep-sub-post-title {
	color: #333!important;
	padding-bottom: 20px;
}
.ep-post-title, .ep-sub-post-title {
	text-align: left;
	padding-left: 16px;
}

p {
	margin-top: 0px;
	/* margin-bottom: 1.5em; */
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}


ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}
.page-title {	
	text-transform: uppercase;
    font-size: 25px;
    letter-spacing: 2px;
    font-weight: 400;
    color: #001936;
}
/*--------------------------------------------------------------
#Header
--------------------------------------------------------------*/
header a {
  color:#179e05;
 
}
.top-header {
  background: #454545;
  font-size: 16px;
  color: #fff;
  padding: 6px ;
}
.top-header a {
  color: #fff;
  font-size: 18px;
}
.top-header a:hover {
  color: #fff;
  
}
.top-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
.top-header ul li {
  display: inline-block;
  padding: 0 10px;
}

.btn-payment-info span {
	display: none;
}
.btn-payment-info span img {
	width: 80%;
}
.btn-payment-info:hover span {
	display: block;
	position: absolute;
	z-index: 3;
	padding-top: 6px;
	text-align: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.mainlogo {
  width: 153px;
  margin: 5px 26px;
  position: absolute;
  z-index: 9;
}
.site-header {
  display: block;
  width: 100%;
  /* height: 161px; */
  background-repeat: x;
  position: absolute; z-index: 111;

  background: #fff;
}

.site-header-sticky {
	position: fixed!important;
	background: #fff;
	border-bottom: 1px solid #eee;
	height: 110px!important;
}

.mainlogo a {
	background: url(images/mg-realty-logo.jpg) no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 65px;
	text-indent: -9999px;
}
.site-header-sticky .mainlogo {
	width: 200px;
	margin: 4px 26px;
}
.site-header-sticky .mainlogo a {
	background: url(images/mg-realty-logo.jpg) no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 62px;
	text-indent: -9999px;
}
.site-header-sticky .main-navigation a {
	color: #001936;
}

.header-img-s {
	height: 165px;
	background: url(images/04.jpg);
	background-size: cover;
	background-position: center;
}
.header-img-s-title {
	text-align: center;
	border-bottom: 1px solid #eee;
	padding: 40px 10px!important;
}
.nvbg {
	background: #f3f2f2;
}

/*--------------------------------------------------------------
#Search Properties
--------------------------------------------------------------*/

.search-property-field {
	list-style: none;
	padding: 0px!important;
	text-align: center;
}
.search-property-field li {
	display: inline-block;
	margin: 1px;
}
@media screen and (max-width: 768px) {
	.search-property-field li {
		display: block;
		text-align: left;
		padding: 0 30px;
	}
	.search-property-field {
		padding: 0px;
		margin-top: 1rem;
	}
	.search-property-field .main-a-btn {
		width: 100%;
	}
}

.search-properties-page-ctrl {}

.search-properties-inner-ctrl {
	width: 710px!important;
	background: rgba(0,0,0,.7);
	color: #fff;
	margin: auto;
	padding: 60px 0;
}
.search-properties-inner-ctrl .elementor-widget-heading {
	margin: 0px!important;
}
.search-properties-inner-ctrl .elementor-element h2 {
	color: #fff!important;
}


/*
option select
*/
.search-property-field select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  margin: 0 auto 1em auto;
  padding: .5em;
  padding-right: 1.5em;
  width: auto;
  min-width: 200px;
  outline: none;
  font-weight: 400;
  text-indent: 0.01px;
  text-overflow: '';
  border: 1px solid #eee;
  border-radius: 2px;
  color: rgba(0,0,0,.7);
  background-color: rgba(255,255,255,.5);
  background-repeat: no-repeat;
  background-position: calc(100% - .5em) 50%;
  background-size: 12px;
  transition: all .2s ease-in-out;
  box-shadow: rgba(0,0,0,.15) 0 1px 0;
}
@media screen and (max-width: 768px) {
	.search-property-field select {
		width: 100%!important;
	}
}
select::-ms-expand {
  display: none;
}
select:focus {
  border-color: orange;
  box-shadow: #fc0 0 0 3px;
}

select.sel-light {
  color: rgba(0,0,0,.7);
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cG9seWdvbiBvcGFjaXR5PSIwLjciIHBvaW50cz0iMCw0IDE2LDQgOCwxMiIvPg0KPC9zdmc+DQo=');/* dark arrow*/
}
select.sel-light:active {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBvbHlnb24gb3BhY2l0eT0iMC41IiBwb2ludHM9IjAsNCAxNiw0IDgsMTIiLz48L3N2Zz4=');
}





.caldera-grid .radio:hover {
	background: #001936;
	color: #fff;
}

.caldera-grid .radio {
    position: relative;
    display: inline-block!important;
    margin: 5px!important;
    
    border-radius: 30px;
    padding: 5px 13px;
    color: #333;
    border:1px solid #717171;
}



.ep-search-properties .last_row .col-sm-12 {
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.ep-search-properties .row {
	padding: 0px!important;
}




/*--------------------------------------------------------------
#Media Center
--------------------------------------------------------------*/
.post-img {
	height: 400px;
	margin-bottom: 50px;
}
.post-img img {
	object-fit: cover;
	height: 400px;
	width: 100%;

}

.post-intro-text {
	height: 400px;
	display: table;
}
.post-intro-text-ctrl {
  vertical-align:middle;
  display: table-cell;
}

.post-content-ctrl .row.odd{
	display: flex;
	flex-direction:row-reverse;
}
.post-content-ctrl {
	margin-bottom:  30px;
}

.post-content-ctrl .row {
	padding: 5% 4% 2% 4%;
}


.post-article-single .col-2, .post-article-single .col-8 {
	padding: 5px auto;
}

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

.post-img {
	height: auto;
	max-width: 100%;
	margin: 0px;
	flex: 100%;
}
.post-img img {
	object-fit: unset;
	height: auto;
	width: 100%;

}
.post-content-ctrl .row{
	display: block;
}
.post-intro-text {
	height: unset;
	max-width: 100%;
}



}


/*--------------------------------------------------------------
#About
--------------------------------------------------------------*/
.about-ellington-properties .inner-ctrl-grid {
  padding-bottom: 50px;
  padding-top: 50px;
}
/*
.bg-icon {
  background: url(images/ellington-properties-icon.svg);
  background-position: 96% 40%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 500px;
}
*/


@media screen and (max-width: 768px) {
	.bg-icon {
	  background-position: 100px!important;
	  background-attachment: unset!important;
	  background-size: 430px;
	}
}

.about-ellington-properties h2 {
	font-family: 'Avenir-Light';
	font-weight: normal;
	font-size: 25px;
	letter-spacing: 2px;
	text-transform: uppercase;
	width: 280px;
	padding-top: 85px;
}
.about-ellington-properties h1 {
	font-family: 'Avenir-Light';
    font-weight: 400;
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    width: 100%;
    padding-top: 43px;
}
.about-ellington-properties {
    padding-bottom: 50px;
    padding-top: 40px;
}

.teamprofile .elementor-toggle {
	margin-top: -20px;
	padding-bottom: 20px;
}
.teamprofile .elementor-toggle .elementor-tab-title {
	padding: 5px 0px!important;
	margin: 0px 20px!important;
	line-height: 45px;
}

/*--------------------------------------------------------------
#Inner Ctrl
--------------------------------------------------------------*/
.inner-ctrl {
  width: 1200px;
  margin: auto;
}

.inner-ctrl-grid {
  width: 50%;
  float: left;
  padding: 20px;
}
.inner-ctrl-grid-sub {
  width: 50%;
  float: left;
  padding: 20px;
}

.clearfix {
  clear: both;
  display: block;
  width: 100%;
}




/*--------------------------------------------------------------
#Featured Properties
--------------------------------------------------------------*/

.box-bg-1 {
	background: url(images/box-bg-1.png) no-repeat;
}
.box-bg-2 {
	background: url(images/box-bg-2.png) no-repeat;
}
.box-bg-3 {
	background: url(images/box-bg-3.png) no-repeat;
}
.box-bg-1, .box-bg-2, .box-bg-3 {
	background-size: contain;
	background-position: top;
	margin: 30px 0 30px 0;
}
.plocation {
	padding: 30px 0 0 0;
}
.plocation a:hover {
	color: #bb8459;
}

/*--------------------------------------------------------------
#Properties
--------------------------------------------------------------*/
.property-amenities {
	background: #001936;
	color: #fff!important;
}
.property-amenities h2, .property-amenities p {
	color: #fff!important;
}


.breadcrumbs-links {
	padding: 20px 0;
}
.breadcrumbs-ctrl {
	border-bottom: 1px solid #f4f4f4;
}

.gen-breadcrumbs .elementor-column-wrap, .gen-breadcrumbs .breadcrumbs-links {
	padding-bottom: 10px;
}

/*--------------------------------------------------------------
#Elementor overide
--------------------------------------------------------------*/



/*
square arrow button
*/
.elementor-swiper-button {
	bottom: 30px!important;
	top: auto!important;
	height: 40px!important;
	width: 40px!important;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 24px -4px rgba(0,0,0,0.34);
	-moz-box-shadow: 1px 1px 24px -4px rgba(0,0,0,0.34);
	box-shadow: 1px 1px 24px -4px rgba(0,0,0,0.34);
}
.elementor-pagination-position-outside .elementor-swiper-button {
top: auto!important;
}	

.elementor-swiper-button i,
.slider-with-box-bg .elementor-swiper-button i,
.slider-ep-arrow .elementor-swiper-button i {
	color: #001936;
	display: none;
}

.elementor-swiper-button-next,
.slider-with-box-bg .elementor-swiper-button-next,
.slider-ep-arrow .elementor-swiper-button-next {
	z-index: 8;
	margin-bottom: 30px;
	margin-right: 10px;
	background:#fff url(images/swpr-arrow-r.svg) center no-repeat;
}

.elementor-swiper-button-prev,
.slider-with-box-bg .elementor-swiper-button-prev,
.slider-ep-arrow .elementor-swiper-button-prev {
	z-index: 9;
	left: auto!important;
	right: 52px;
	background:#fff url(images/swpr-arrow-l.svg) center no-repeat;
}

@media screen and (max-width: 768px) {
	.elementor-swiper-button {
		display: none!important;
	}
}



.fa, .fas {
    font-weight: normal!important;
    font-family:FontAwesome!important;
}
.elementor-element h1 {
	
	letter-spacing: 2px;
	font-size: 25px;
	text-transform: uppercase;
}
.elementor-element h2 {
	font-family: 'Avenir-Light';
	letter-spacing: 2px;
	font-size: 20px!important;
	line-height: 30px!important;
}

.elementor-element h3 {
	font-family: 'Avenir-Light';
	font-weight: normal;
}
.section-divider { background: #000; }


.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}

.mainslider-or .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
	padding: 0px!important;
}


.short-desc .elementor-widget-heading .elementor-heading-title {
	line-height: 1.5!important;
}
.short-desc {
	margin-bottom: 20px;
}


h1.elementor-heading-title {
	line-height: 35px!important;
}

h4.elementor-heading-title {
	line-height: 25px!important;
}

.project-construction-ctrl .elementor-widget:not(:last-child) {
	margin-bottom: 5px!important;
}

@media screen and (max-width: 768px) {
	.project-construction-ctrl h4, .project-construction-ctrl h2  {
		text-align: center!important;
	}
	.project-construction-ctrl .elementor-element {
		margin-bottom: 10px;

	}
}

.enquire_now_ctrl {
	background: #f1f1f1;
}
.enquire_now_ctrl h2 {
	color: #fff;
}

.enquire_now_l, .enquire_now_r {
	padding: 30px;
}

.enquire_now_l {
	background: #001936;	
	color:#fff;
}

.enquire_now_ctrl .col-sm-6 {
    padding: 5px !important;
    margin: 0px !important;
}
.enquire_now_ctrl .form-group {
	margin:0px!important;
}
.intl-tel-input {
	width: 100%;
}
.enquire_now_ctrl .btn-full {
	width: 100%;
	padding: 8px 0!important;
	border-radius: 0px!important;
	border:0px;
	font-weight: bold;
	background: #001936;
	color: #fff;
}


.slider-with-box-bg-space {}
.slider-with-box-bg {
	background: url(images/big-box-bg-1.gif) no-repeat;
	background-position: bottom left;
	padding: 0 0px 0 0;
}

.slider-with-box-bg .elementor-widget-container {
	margin: -20px 0 0 20px;
}

.slider-with-box-bg .swiper-pagination {
	bottom: 10px!important;
}


.ep-short-info-1 {
	background: url(images/small-box-bg-2.gif) no-repeat;
	background-position: center center;
}
.ep-short-info-2 {
	background: url(images/small-box-bg-1.gif) no-repeat;
	background-position: bottom right;
}
.ep-short-info-3 {
	background: url(images/small-box-bg-1.gif) no-repeat;
	background-position: top right;
}


/*--------------------------------------------------------------
#ICONS
--------------------------------------------------------------*/
ul.info-icons {
	list-style: none;
	margin: 0px!important;
	padding: 0 0 20px 0!important;
	text-align: left;
}
.info-icons li {
	display: inline-block;
	text-align: center;
	padding: 0 15px 10px 15px;
}
.info-icons li:first-child {
	padding-left: 0px;
}
@media screen and (max-width: 768px) {
	ul.info-icons {
		text-align: center;
	}
	.info-icons li:first-child {
		padding-left: auto;
	}
}



ul.info-icons-amenities {
	list-style: none;
	margin: 0px!important;
	padding: 0 0 20px 0!important;
	text-align: center;
}
.info-icons-amenities li {
    display: inline-table;
    text-align: center;
    padding: 0 20px;
    text-transform:lowercase;
    width: 154px;
    height: 153px;
    font-size: 11px;
}

.info-icons-amenities li div::first-letter {
    text-transform: uppercase;
}    


.info-icons-amenities li img {
	max-width: 66%!important;
}


@media screen and (max-width: 768px) {
	.info-icons-amenities li {
		padding: 20px;
	}
}


ul.info-icons-instagram {
	list-style: none;
	margin: 0px!important;
	padding: 0 0 0 0!important;
	text-align: center;
}
.info-icons-instagram li {
	display: inline-block;
	text-align: center;
	padding: 0 10px;
}

@media screen and (max-width: 768px) {
	.info-icons-instagram li {
		padding: 20px;
	}
}



ul.info-icons-inquire-now {
	list-style: none;
	margin: 0px!important;
	padding: 0!important;
	text-align: left;
}
.info-icons-inquire-now li {
	display: inline-block;
	text-align: left;
	padding: 0;
}
.info-icons-inquire-now li:first-child {
	padding-right: 20px;
}

@media screen and (max-width: 768px) {
	.info-icons-inquire-now li {
		
	}
}


/*--------------------------------------------------------------
#Footer
--------------------------------------------------------------*/
footer {
  display: block;
  clear: both;
  background: #001936;
  padding: 50px 0;
  color: #fff;
}
footer h3 {
  padding: 10px 0 0 0;
  margin: 0px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.footer-ctrl {
  width: 1200px;
  margin: auto;
}

.footer-ctrl ul {
  margin: 0 0 20px 0;
  padding: 0px;
}
.footer-ctrl ul li {
  list-style: none;
  padding: 5px 0;
}
@media screen and (max-width: 768px) {
	.footer-ctrl ul li {
	  list-style: none;
	  padding: 5px 0;
	}
	.footer-ctrl .col-md-3, .footer-ctrl .col-md-4, .footer-ctrl .col-md-2 {
		padding: 0px!important;
	}
}
.footer-ctrl ul li a {
  color: #fff
}


.footer-logo {
	background: #001329;
	color:#fff;
	padding: 30px;
}

.copyright 			{ padding-top: 30px; }
.social-media-icons {padding-top: 27px; }
.social-media-icons a {
	color: #fff;
	font-size: 20px;
	padding: 0 10px;
}
.social-media-icons a:hover, .social-media-icons a:focus {
	color: #BB8459;
}


/*--------------------------------------------------------------
#Buttons
--------------------------------------------------------------*/
.main-a-btn {
	background: #fff;
	border:1px solid #001936;
	color: #333;	
	text-align: center;
	display: inline-block;
	width: 250px;
	text-transform: uppercase;
	padding: 10px 0;
	-webkit-transition: .5s ease-out;
	-moz-transition: .5s ease-out;
	-o-transition: .5s ease-out;
	transition: .5s ease-out;
  	letter-spacing: 1px;
  	border-radius: 0px;
  	font-size: 12px;
	cursor: pointer;
}
.main-a-btn:hover {
	background: #001936;
	color: #fff;
	border: 1px solid transparent;	
	text-decoration: none;
}
.main-a-btn input {
	border:0px!important;
	background: none!important;
}
.main-a-btn .btn-default:hover {
	color: #fff!important;
	text-decoration: none;
}


.main-a-btn-copper {
	border:1px solid #bb8459;
	color: #333;	
	text-align: center;
	display: inline-block;
	width: 250px;
	text-transform: uppercase;
	padding: 10px 0;
	-webkit-transition: .5s ease-out;
	-moz-transition: .5s ease-out;
	-o-transition: .5s ease-out;
	transition: .5s ease-out;
  	letter-spacing: 1px;
  	border-radius: 0px;
}
.main-a-btn-copper:hover {
	background: #bb8459;
	color: #fff;
	border: 1px solid transparent;	
	text-decoration: none;
}



.main-a-btn-r {
	background: #001936;
	border: 1px solid transparent;
	text-align: center;
	display: inline-block;
	width: 250px;
	text-transform: uppercase;
	padding: 10px 0;
	-webkit-transition: background-color .5s ease-out;
  -moz-transition: background-color .5s ease-out;
  -o-transition: background-color .5s ease-out;
  transition: background-color .5s ease-out;  
  letter-spacing: .5px;
  border-radius: 0px;
}
.main-a-btn-r:hover {
	background: #fff;
	border:1px solid #333;
	color: #333!important;
	text-decoration: none;

		
}
.main-a-btn-r input {
	border:0px!important;
	background: none!important;
}
.main-a-btn-r input:hover {
	color: #333;
}
.caldera-grid .btn-default {
	color: #fff;
}

.ep-search-properties .col-sm-4 {
	width: 33%;
}
.ep-search-properties .col-sm-12 {
	text-align: center;
	width: 100%;
}






/*--------------------------------------------------------------
#Communities
--------------------------------------------------------------*/
.ep-community {
	overflow: hidden!important;
	width: 100%;
	position: relative;
	height: 200px;
}
.ep-community img {
	position: absolute;
	z-index: 1;
}
.ep-community-ctrl {
	position: absolute;
	z-index: 999;
	top: 10px;
}


.community-page-single .elementor-post__title {
	font-size: 16px!important;
}
.community-page-single .elementor-post__read-more {
	margin-bottom: 30px!important;
	letter-spacing: 2px;
}
section.community-page-single {
	padding-bottom: 100px!important;
}


.outer-div
{
     position: relative;
     height: 300px;
     overflow: hidden; 
}
.inner-div
{
     height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 3s ease;
}
.inner-div:hover
{
     transform: scale(1.1);
}
.layer
{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     /*background: rgba(0, 0, 0, 0.4);*/
     color: #fff;
     z-index: 100;    
     pointer-events:none; 
     padding: 201px 0 0 25px;
     text-transform: uppercase; 
     line-height: 28px;
     text-shadow: 2px 2px 4px #000000;
}


.ctrl-communities {
	padding-top: 30px;
}
.ctrl-communities h2 {
	font-size: 18px!important;
}
.ctrl-communities .title-ctrl {
	margin-bottom: 5px!important;
}
.sub-title-ctrl h3 {
	line-height: 22px!important;
}


/*
#shadow
*/
.elementor-card-shadow-yes .elementor-post__card,
.location-map-mbr, .location-map, .outer-div, .location-map-downtown {
	box-shadow:-44px 23px 45px -26px rgba(0, 0, 0, 0.1)!important;

	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.elementor-card-shadow-yes .elementor-post__card:hover,
.location-map-mbr:hover, .location-map:hover, .outer-div:hover, .location-map-downtown:hover {
	box-shadow:-60px 23px 45px -26px rgba(0, 0, 0, 0.2)!important;
}



/*--------------------------------------------------------------
#RWD
--------------------------------------------------------------*/
.r-to-center {
	text-align: right;
}

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

  .inner-ctrl {
    width: 100%;
    margin: auto;
  }

  .footer-ctrl {
    width: 100%;
    margin: auto;
  }
  

  .ep-post-title {
  	font-size: 22px;
  }
  .r-to-center {
	text-align: center;
  }


}


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

  .main-slider .swiper-container, .main-slider .swiper-wrapper, .main-slider .swiper-slide, .main-slider .swiper-slide-inner,
  .swiper-homepage {}

	.mainlogo {
			width: 180px;
			top: 0px!important;
			margin: 10px auto;
	}

	.site-header-sticky .mainlogo {
			width: 170px;
			top: 6px!important;
			margin: 4px auto!important;
	}

	.site-header-sticky {
		height: 80px!important;
	}

	.about-img { display: none!important; }
	.inner-ctrl-grid {
	    width: 100%;
	    margin: auto;
  	}

  	.copyright 			{ padding-top: 0px; }
  	.social-media-icons {padding-top: 0px; }


  	footer {
  	padding-left: 40px;
  	padding-right: 40px;
  }
  .footer-logo {
  	padding: 20px 0;
  }
  .aleft, .aright, .acenter { text-align: center }
  

  .gallery-thumbs, .gallery-thumbs-2, .gallery-thumbs-3  {
  	display: none;
  }
  .gallery-top, .gallery-top-2, .gallery-top-3 {
  	width: 100%!important;

  }

  .post-slider-content, .post-slider-content-2, .post-slider-content-3 {
  	float: none;
  	margin: 250px 10px 0 10px!important;
  	width: 90%!important;
  }
  .swiper-vertical-ctrl { height: 100%!important; }

  .location-desktop {
  	display: none;
  }
  .location-mobile {
  	display: block!important;
  }
  .ep-search-properties .col-sm-4 {
	width: 100%;
  }
  .about-ellington-properties h2 {
  	padding: 0px
  }
  .about-ellington-properties h1 {
  	padding: 0px;
  	font-size: 18px;
  	margin-bottom: 10px;
  }

  .col-md-12 {
	overflow: hidden;
  }

  .elementor-nav-menu--dropdown.elementor-nav-menu__container  {
		margin-top:57px!important;
	}


}

	


@media screen and (max-width: 1024px) {
	.elementor-nav-menu--dropdown.elementor-nav-menu__container  {
		-webkit-box-shadow: 0px 0px 19px -8px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 19px -8px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 19px -8px rgba(0,0,0,0.75);
	}


}



  
  
  

  


@media screen and (max-width: 500px) {
  .main-slider .swiper-container, .main-slider .swiper-wrapper, .main-slider .swiper-slide, .main-slider .swiper-slide-inner,
  .swiper-homepage {
  	
  }

  .swiper-slide.swiper-slide-active,
  .main-slider .swiper-slide-bg {
  -webk it-animation: slide 30s linear infinite;
  }
  
  @-webkit-keyframes slide {
    from { background-position: -200px 0; }
    to { background-position: -800px 0; }
  }

}



/************** Tool Tip Styles ********************************/


.tool-tip {
  display: inline-block;
  position: relative;
  margin-left: 0.5em;
}
.tool-tip .tool-tip__icon {
  cursor: pointer;
  display: inline-block;
  font-style: italic;
  height: 50px;
  width: 50px;
  line-height: 1.3em;
  text-align: center;
}
.tool-tip .tool-tip__info {
  display: none;
  background: #eee;
  position: absolute;
  left: 55px;
  top: -75px;
  width: 291px;
  z-index: 2;
  border:1px solid #fff;


}
.tool-tip .tool-tip__info:before, .tool-tip .tool-tip__info:after {
  content: "";
  position: absolute;
  left: -10px;
  top: 87px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #fff;
}
.tool-tip .tool-tip__info:after {
  left: -10px;
  border-right-color: #fff;
}
.tool-tip .tool-tip__info .info {
  display: block;
}
.tool-tip .tool-tip__info .info__title {
  color: #fa00f3;
}
.tool-tip:hover .tool-tip__info, .tool-tip:focus .tool-tip__info {
  display: inline-block;
}

a:focus + .tool-tip .tool-tip__info {
  display: inline-block;
}




.location-1 {
 margin:172px 0 0 245px;
 position: absolute;
}
.location-2 {
 position: absolute;
 margin:172px 0 0 438px;
}
.location-3 {
 position: absolute;
 margin:159px 0 0 461px;
}

.location-4 {
 position: absolute;
 margin:20px 0 0 485px;
}
.location-4b {
 position: absolute;
 margin:-6px 0 0 495px;
}
.location-5 {
 position: absolute;
 margin:0px 0 0 525px;
}
.location-6 {
 position: absolute;
 margin:-18px 0 0 153px;
}
.location-7 {
 position: absolute;
 margin:-5px 0 0 133px;
}
.location-8 {
 position: absolute;
 margin:32px 0 0 551px;
}

.location-1-mbr {
 position: absolute;
 margin:162px 0 0 475px;
}
.location-2-mbr {
 position: absolute;
 margin:145px 0 0 499px;
}
.location-3-mbr {
 position: absolute;
 margin:199px 0 0 590px;
}

.location-5-mbr {
 position: absolute;
 margin:235px 0 0 568px;
}


.location-6-mbr {
 position: absolute;
 margin:74px 0 0 457px;
}

.location-7-mbr {
 position: absolute;
 margin:173px 0 0 550px;
}






.location-1-downtown {
 position: absolute;
 margin:110px 0 0 81px;
}




.location-map {
  height: 300px; width: 100%;
  background: url(images/location/jvc.webp) no-repeat center center; /* Changed jpg file to webp */
}
.location-map-mbr {
  height: 300px; width: 100%;
  background: url(images/location/mbr.webp) no-repeat center center; /* Changed jpg file to webp */
}
.location-map-downtown {
  height: 300px; width: 100%;
  background: url(images/location/lactt-img.JPG) no-repeat top left; /* Changed jpg file to webp */
}
.location-pin-ctrl {
  /*border:1px solid #fff;*/
  width: 770px;
  height: 300px;
  margin: auto;
}
.location-info {
  padding: 20px 30px;
  text-transform: uppercase;
}

.location-title {
	position: absolute;
     bottom: -202px;
     left: 60px;
     width: 100%;
     height: 100%;
     color: #fff;
     z-index: 2;    
     pointer-events:none;      
     text-transform: uppercase; 
     line-height: 28px;
     text-shadow: 2px 2px 4px #000000;
}
.location-title a {
	pointer-events: visible;
	color: #fff;
	display: inline-block;
}
.location-title a:hover {
	color: #fff;
}
.ep-our-communities .row {
	font-family: 'AvenirLTStd-Medium';
}






/*--------------------------------------------------------------
#Section
--------------------------------------------------------------*/
.s-white, .s-grey{
	padding: 0px 0;
	overflow: hidden;
}
.s-white {
  background: #fff;
  clear: both;
  display: block;
}
.s-grey {
  background: #f8f8f8;
  clear: both;
  display: block;
}
.s-copper {
  background: #BB8459;
  clear: both;
  display: block;
}

.s-border {
	border-top: 1px solid #f8f8f8;
}


/*--------------------------------------------------------------
#Newsletter
--------------------------------------------------------------*/
.footer-newsletter h3{
  padding: 15px;
  margin: 0px;
  font-size: 25px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
  font-family: 'AvenirLTStd-Medium';
  text-align: center;
}
.footer-newsletter .form-group{
	padding: 0px;
	margin:0px!important;
}

.footer-newsletter .caldera-grid .form-control {
	padding: 24px 12px!important;
}

.footer-newsletter-btn {
	background: #7e5f47;
	border:0px;
	text-align: center;
}
.footer-newsletter-btn input {
	background: none!important;
	padding:16px!important;
	margin: 0px!important;
	border-radius: 0px!important;
	border:0px!important;
	color: #fff!important;
	width: 100%;
}

.footer-newsletter ul {
	list-style: none;
	text-align: center;
	margin:0px;
	padding: 0px;
}
.footer-newsletter li {
	list-style: none;
	display: inline-block;
}


.footer-newsletter-wrapper h2 {
	font-weight: normal!important;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/



/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
p a {
	text-decoration: none;
	color: #000000;
}
p a:hover {
	color: #068b28;
	font-weight: 600;
	

}
a {
	text-decoration: none;
	color: #001936;
}
a:hover {
	text-decoration: none;
	color: #001936;
}


/*--------------------------------------------------------------
#INSTAGRAM
--------------------------------------------------------------*/
#instagram {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

}

#instagram a:hover {
    opacity: .8!important;
}

#instagram a {
    width: 24.5%;
    overflow: hidden;
    float: left;
    display: block;
    margin: 3px 1px;    
}

@media screen and (max-width:900px) {
    #instagram a {
        width: 48.5%;  
    } 
}

#instagram img {
    width: 100%
}


/*--------------------------------------------------------------
#Nav Elementor
--------------------------------------------------------------*/
nav {
	font-family: "Avenir-Light";
}

.elementor-nav-menu-or {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: 600;
}
.elementor-nav-menu-or .sub-menu, .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item, .elementor-nav-menu--dropdown {
	font-size: 11px!important;
}

ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
	border:0px!important;
	background-color: #358701;
}
@media screen and (max-width: 768px) {
	.elementor-nav-menu--dropdown {
		left: unset!important;
		width: 100%!important;
	}
}

.elementor-nav-menu-or .sub-menu li a {
	border:0px!important;
}
.elementor-nav-menu-or .sub-menu li a:hover {
	box-shadow: inset 0 -1px 0 #eee;
}


.elementor-nav-menu .sub-arrow {
    font-size: 10px!important;
    margin-top: -13px!important;
}
@media screen and (max-width: 768px) {
	.elementor-nav-menu .sub-arrow {
		padding: 15px 20px;
	}
}


.site-header-sticky .elementor-nav-menu-or {
	padding-top: 23px;
}
@media screen and (max-width: 1024px) {
	.site-header-sticky .elementor-nav-menu-or {
		padding-top: 23px;
	}	
	.elementor-nav-menu-or {
    padding-top: 23px;
	}
}


.site-header-sticky .elementor-nav-menu-or ul li a {
	color:#179e05!important;
}
.site-header-sticky .elementor-nav-menu-or ul .menu-bg-color a.elementor-item,
.site-header-sticky .elementor-nav-menu-or ul .menu-bg-color-2 a.elementor-item  {
	color: #fff!important;
}

.site-header-sticky li.menu-bg-color a span, .site-header-sticky li.menu-bg-color-2 a span {
	color: #fff!important;
}


.site-header-sticky .elementor-menu-toggle {
	color: #333!important;
}


.menu-bg-color {
  background: #bb8459;
  color: #fff;
  padding: 0 4px!important;
  margin-right: 6px;
}
@media screen and (max-width: 1024px) {
	
	.menu-bg-color a,
	.menu-bg-color ul li a {
	  background-color: #bb8459!important;
	  color: #fff!important;
	}
	.menu-bg-color ul li {
		margin: 0px!important
	}
	.elementor-nav-menu .menu-bg-color {
		margin-bottom:1px!important;
	}
	.btn_pay_card a {
		color: #fff!important;
	}

}


.menu-bg-color-2 {
  background: #001936;
  color: #fff;
  padding: 0 12px!important;
}
.btn_pay_card a{
  background: url(images/credit-card.svg) no-repeat;
  background-position: left 10px center;
}
.btn_pay_bitcoin a{
  background: url(images/bitcoin.svg) no-repeat;
  background-position: left 10px center;
}
.btn_pay_card a label, .btn_pay_bitcoin a label {
  padding-left: 20px!important;
  color: #333;
  margin: 0px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
	.btn_pay_card a label, .btn_pay_bitcoin a label {
	  color: #fff;
	}	
}


.elementor-nav-menu li {
	margin: auto 1px!important;
}
.elementor-nav-menu .sub-arrow {
	margin-right: -4px;
}

.elementor-nav-menu-or nav ul li a {
	padding: 8px!important;
}
@media screen and (max-width: 1024px) {
  	.elementor-nav-menu-or nav ul li a {
		padding: 10px!important;
	}
	.sub-menu-columns .sub-menu {
		columns: 1!important;
		-webkit-columns: 1!important;
		-moz-columns: 1!important;
		max-height: 2000px!important; 
	}

}



.elementor-nav-menu-or nav ul li ul li a {
	/* padding: 15px!important; */
	background-color: rgb(241, 241, 241);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
@media screen and (max-width: 1024px) {
	.elementor-nav-menu-or nav ul li ul li a {
		/* padding: 15px 41px !important; */
	}
}

.elementor-nav-menu-or .ep-lang ul{
	width: 57px!important;
	min-width: 57px!important;
	max-width: 57px!important;
	margin: 0px!important;

}
@media screen and (max-width: 1024px) {
	.elementor-nav-menu-or .ep-lang ul{
		width: 100%!important;
		min-width: 100%!important;
		max-width: 100%!important;
	}
}

.elementor-nav-menu-or nav {
	margin-right: 33px;
}

/*--------------------------------------------------------------
#Modal
#popup
--------------------------------------------------------------*/
.modal-window {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.modal-window:target {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.modal-window > div {
  width: 800px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #ffffff;
}
.modal-window header {
  font-weight: bold;
}
.modal-window h1 {
  font-size: 150%;
  margin: 0 0 15px;
}

.modal-close {
  color: #aaa;
  line-height: 30px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 5px;
  width: 30px;
  text-decoration: none;
  border:1px solid #eee;
}
.modal-close:hover {
  color: black;
}


.popup-ctrl {
	float: left;
	width: 50%;
}
.popup-ctrl-content {
	padding: 40px 30px;
}
.google-maps {
	position: relative;
	padding-bottom: 92%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.google-maps iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.dblock {
	display: block;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.popup-ctrl {
		float: none;
		width: 300px;
		margin: auto;
	}
	.popup-ctrl-img {
		height: 100px;
		overflow: hidden;
		margin-bottom: 20px;
		display: none;
	}
	.popup-ctrl-content {
	padding: 0px;
	}


	.modal-window > div {
		width: 86%;
    padding: 22px;
	}

}


.desktop-nnja-768 {
	display:inline-block;
}
.mobile-nnja-768 {
	display: none!important;
}
.mobile-break { display: none; }
@media screen and (max-width: 768px) {
	.desktop-nnja-768 {
		display: none!important;
	}
	.mobile-nnja-768 {
		display: inline-block!important;
	}
	.mobile-break {
		display: block;
	}
}

/*--------------------------------------------------------------
#Nav scratch
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: right;
  position: absolute;
  right: 80px;
  top: 50px;
  letter-spacing: 1px;
  font-size: 12px;

}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
  background: #fff;
}
.main-navigation ul ul {
  padding: 10px;
}
.main-navigation ul ul li {
  padding: 10px;
}
.main-navigation ul ul li a{
  color: #333;
}
.main-navigation ul ul li:hover{
  background: #f4f4f4;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}


.main-navigation ul ul li {
	display: block;
	width: 100%;
	white-space: nowrap;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
  padding: 10px 20px;
}

.main-navigation a {
	display: block;
	text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  
}



.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.sub-menu {
	font-size: 11px;

}
.sub-menu-columns .sub-menu {
	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
	max-height: 700px; 
	
}



.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


.mobileview .main-navigation ul{
	display: block;
}

.mobileview .main-navigation ul li{
	float: none;
}
.mobileview .main-navigation ul ul{
	display: block!important;
}

.mobileview .main-navigation ul li:hover > ul, .mobileview .main-navigation ul li.focus > ul {
    left: auto;
    position: relative;
    width: 100%;
}





.hamburger {
  position: absolute;
  right: 16px;
  top: -54px;
  background: none;
  border:none;
}


.hamburger .line{
  width: 30px;
  height: 2px;
  background-color: #ecf0f1;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

/* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}








@media screen and (min-width: 1024px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	
}
@media screen and (max-width: 1024px) {
	.site-header {
		position: fixed!important;
		height: 80px;
	}
	
	.top-header { display: none; }
	
	.main-navigation {
		position: relative;
		width: 100%;
		right: 0;		
		top: 0px;
	}
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	padding: 10px;
	background-color: #eee;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
#Floating Icons
#connect icons
--------------------------------------------------------------*/
.connect-icons-ctrl {		
	position: fixed;
	top: 50%;
	bottom: 50%;
	right: 0;
	z-index: 90;
	cursor: pointer;
}
.connect-icons-ctrl .connect-icons {
	width: 47px;
	display: block;
	background:#fff;
	padding: 10px 6px;

	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;

	-webkit-box-shadow: 0px 0px 19px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 19px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 19px -8px rgba(0,0,0,0.75);

	font-size: 8px;
	text-transform: uppercase;
	text-align: center;

}
.connect-icons-ctrl .connect-icons:hover {
	padding: 10px 6px;
	color: #333;
}
.connect-icons-ctrl .connect-icons svg {
	width: 20px;
}
.connect-icons:first-child {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-top-left: 3px;
	border-top-left-radius: 3px;
}
.connect-icons:last-child {
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottom-left: 3px;
	border-bottom-left-radius: 3px;
}

@media screen and (max-width: 768px) {
	.connect-icons-ctrl {
		top: unset;
		bottom: 0px;
		width: 100%;
		text-align: center;
	}
	.connect-icons-ctrl .connect-icons {
		display: inline-block;
		margin: -2px;
		font-size: 7px;
		width: 60px;
		padding: 8px 6px;
	}
	.connect-icons:last-child {
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-top-right: 3px;
		border-top-right-radius: 3px;
	}
	.connect-icons-ctrl .connect-icons svg {
		width: 18px;
		display: block;
		margin: auto;
		padding-bottom: 2px;		
	}	
}
/*--------------------------------------------------------------
#Swiper
--------------------------------------------------------------*/

	.swiper-homepage,
    .swiper-container {
      width: 100%;
      height: 100%;
     
    }
    .swiper-slide {
      background-position: center;
      background-size: cover;
    }


.swiper-homepage .swiper-pagination-bullet {
	background: #fff;
}

.main-slider .swiper-pagination-bullet {
	background: #fff!important;
}

.swiper-homepage .swiper-pagination,
.main-slider .swiper-pagination {
	text-align: left;
	margin-left: 45px;
	width: auto!important;
}
.swiper-homepage .swiper-pagination-bullet, .main-slider .swiper-pagination-bullet {
	width: 70px!important;
	height: 4px!important;
	border-radius: 0px;
}


.swiper-homepage .swiper-button-white,
.main-slider .elementor-swiper-button {
	color: #fff!important;
	display: none;
}

/*
SLIDER CONTENT
*/

.slider-content {width: 400px;}
.main-slider .swiper-slide-contents {width: auto;}
.no-desc .swiper-slide-contents{display: none!important;}
.no-desc .swiper-slide-bg {
  -webkit-animation: none!important;
  }

  .slider-content {width: 400px;}
  .main-slider .swiper-slide-contents1 {width: auto;}
  .no-desc .swiper-slide-contents1{display: none!important;}
  .no-desc .swiper-slide-bg {
	-webkit-animation: none!important;
	}
  

.swiper-homepage .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction, 
.main-slider .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 230px;
	left: 400px;
}
.slider-content, .main-slider .swiper-slide-contents {
	background: rgb(0 0 0 / 31%);
	position: absolute;
	bottom: 80px;
	left: 497px;
	padding: 20px 20px;
	border: solid 2px #fff;
}
.slider-content, .main-slider .swiper-slide-contents2 {

    position: absolute;
    bottom: 120px;
    left: 0px;
    padding: 0px 1px;
   
}




.slider-content, .main-slider .swiper-slide-contents1 {
	background: rgb(0 0 0 / 59%);
	position: absolute;
	bottom: 180px;
	left: 297px;
	padding: 40px 50px;
	border: solid 2px #fff;
}
@media screen and (max-width: 768px) {
	.slider-content, .main-slider .swiper-slide-contents1 h1 {
		bottom: 109px;
		padding: 10px;
		right: 10px;
	font-size: 30px;
		left: 10px;
	}



	@media screen and (max-width: 768px) {
		.slider-content, .main-slider .swiper-slide-contents1 {
			bottom: 109px;
			padding: 10px;
			right: 10px;
		
			left: 10px;
		}
	@media screen and (max-width: 768px) {
		.slider-content1, .main-slider .swiper-slide-contents {
			bottom: 5px;
			padding: 4px;
			right: 10px;
		
			left: 10px;
		}
	.swiper-homepage .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction, 
	.main-slider .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 98px;
		left: -31px;
	}
}


@media screen and (max-width: 768px) {
	.slider-content1, .main-slider .swiper-slide-contents1 {
		bottom: 40px;
		padding: 10px;
		right: 10px;
	
		left: 10px;
	}
.swiper-homepage .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction, 
.main-slider .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 98px;
	left: -31px;
}
}
.slider-content h2, .swiper-slide-contents h2{
	color: #fff;
	font-family: 'Avenir-Light';
	font-weight: normal;
	font-size: 25px!important;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 30px;
	padding: 0 0 6px 0;
	font-weight: 600;
}


.slider-content h2, .swiper-slide-contents1 h2{
	color: #fff;
	font-family: 'Avenir-Light';
	font-weight: normal;
	font-size: 25px!important;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 30px;
	padding: 0 0 6px 0;
	font-weight: 600;
}
.slider-content h3, .swiper-slide-contents h3{
	color: #fff;
	font-family: 'Avenir-Light';
	font-weight: normal;
	font-size: 13px!important;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 22px;
	padding: 0px;
}  


.slider-content h3, .swiper-slide-contents1 h3{
	color: #fff;
	font-family: 'Avenir-Light';
	font-weight: normal;
	font-size: 17px!important;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 22px;
	padding: 0px;
}  




	.gallery-top, .gallery-top-2, .gallery-top-3 {
      height: 100%;
      width: 70%;
      float: left;
    }
    
    .gallery-thumbs {
      height: 100%;
      box-sizing: border-box;
      padding: 10px 0 10px 10px;
      float: left;
      width: 30%;
    }

    .gallery-thumbs-2 {
      height: 100%;
      box-sizing: border-box;
      padding: 10px;
      float: left;
      width: 30%;
    }

    .gallery-thumbs-3 {
      height: 100%;
      box-sizing: border-box;
      padding: 10px 0 10px 10px;
      float: left;
      width: 30%;
    }


    .gallery-thumbs .swiper-slide, .gallery-thumbs-2 .swiper-slide, .gallery-thumbs-3 .swiper-slide {
      width: 100%;
      opacity: 0.4;
      display: block!important;
      cursor: pointer;
      
    }
    .gallery-thumbs .swiper-slide-thumb-active, .gallery-thumbs-2 .swiper-slide-thumb-active, .gallery-thumbs-3 .swiper-slide-thumb-active {
      opacity: 1;
    }

    /**/

    
    
  


    .swiper-vertical-ctrl {
    	height: 400px;
    }

.post-slider-content, .post-slider-content-3 {
	background: rgba(255,255,255, 0.8);
	margin: 20px 50px 20px 20px;
	padding: 20px;
	float: left;
	width: 40%;	
}
.post-slider-content-2 {
	background: rgba(255,255,255, 0.8);
	margin: 20px 50px 20px 20px;
	padding: 20px;
	float: left;
	width: 40%;	
}



/*
ARROW
*/
.swiper-arrow-to-right .swiper-button-next, .swiper-arrow-to-right .swiper-button-prev{
	top:auto;
	bottom: 50px;
}
.swiper-arrow-to-right .swiper-button-next, .swiper-arrow-to-right .swiper-button-prev {
	width: 40px;
	height: 40px;
	padding: 0px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0px 0px 19px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 19px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 19px -8px rgba(0,0,0,0.75);
}
.swiper-arrow-to-right .swiper-button-prev {
	left: auto;
	right: 43px;
	bottom: 25px;
}

/*--------------------------------------------------------------
#Global
--------------------------------------------------------------*/
iframe .ndfHFb-c4YZDc-i5oIFb.ndfHFb-c4YZDc-e1YmVc .ndfHFb-c4YZDc-Wrql6b {
	display: none!important;
}
.small-font {
	font-size: 11px; line-height: 13px;
}
a:hover {
	text-decoration: none;
}
.page_no_list {
	text-align: center;
}
.page_no_list .page-numbers {
	text-decoration: none;
	display: inline-block;
	border: 1px solid #eee;
	padding: 3px 10px;
}
.page_no_list .next, .page_no_list .prev {
	border: 0px;
}
.post-date-ctrl {
	padding: 10px 0;
	font-size: 12px;
}
.post-date-ctrl span{
	background: #eee;
	padding: 5px 10px;
}
.sharer_post {
	font-size: 12px;
	background: none!important;
}
.sharer_post a {
	padding: 5px 8px;
	border:1px solid #eee;
	display: inline-block;
}
.margin-bottom {
	margin-bottom: 20px;
}

.hide {
	display: none;
}

/*--------------------------------------------------------------
#Overide
--------------------------------------------------------------*/
.row {
	margin: 0px;
	padding: 0px;
}

.footerv .row {
	margin-left: 0px!important;
	margin-right: 0px!important;
}

.elementor-swiper {
	backg round:#001936 url(images/ellington-properties-icon.svg);
	back ground-size: 20%;

back ground-repeat: no-repeat;

backg round-position: center;
}

.swiper-slide-bg {
	background-color: unset!important;
}



.dialog-lightbox-message .elementor-swiper-button {
	top: 50% !important;
}
.elementor-lightbox .elementor-swiper-button-prev {
	left: 10px!important;
}
@media screen and (max-width: 768px) {
	.elementor-lightbox .elementor-swiper-button {
		display: none;
	}

}



.bounce {
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}


.bounce_b {
	animation: bounce_b 2.3s infinite;
	-webkit-animation: bounce_b 2.3s infinite;
	-moz-animation: bounce_b 2.3s infinite;
	-o-animation: bounce_b 2.3s infinite;
}

@-webkit-keyframes bounce_b {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce_b {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce_b {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce_b {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}


/*--------------------------------------------------------------
#Why Dubai
--------------------------------------------------------------*/
@media screen and (max-width: 900px) {
	.img-f-tabs {
		display:block;
		width:100%!important;
		padding:10px 0;
	}
}
.list-f-tabs .elementor-tab-mobile-title {
    color:#001936!important;
}
.cno {
    display: block;
    border: 1px solid #000;
    width: 50px;
    line-height: 50px;
    margin: auto;
    text-align: center;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}

.main-heading-why-dubai h4 {
    max-width:500px;
}
.main-heading-why-dubai h5 {
    color:#ffffff;
    max-width:500px;
    font-size:15px;
    font-weight: normal;
}
.desktop-block {
    display:block;
}
@media screen and (max-width: 900px) {
	.desktop-block {
		display:inline-block;
	}
}



/*--------------------------------------------------------------
#Homepage offer
--------------------------------------------------------------*/
.homepage-offer-section {
      width: 100%;
      margin: auto;
      overflow-y: unset;
    }
    .homepage-offer-section .swiper-slide {
      text-align: left;
      width: 300px;     
    }
    .homepage-offer-section .swiper-slide img{
      width: 100%;
    }
    .homepage-offer-section h3 {
    	font-size: 22px;
    	padding-top: 20px;
    }
    .homepage-offer-section span {
    	font-size: 15px;
    }

.homepage-offer-section-wrapper {
	background: url(images/homepage-offer-section-bg.png) top repeat;
	padding-bottom: 60px;
}

.homepage-offer-section .swiper-pagination-clickable .swiper-pagination-bullet {
	width: 18px;
	height: 18px;
}
.homepage-offer-section .swiper-wrapper {
	padding-bottom: 30px;
}

.homepage-offer-section .swiper-pagination-clickable .swiper-pagination-bullet {
	width: 70px;
	height: 4px;
	border-radius: 0;
}
@media screen and (max-width: 768px) {
	.homepage-offer-section .swiper-pagination-clickable .swiper-pagination-bullet {
		width: 50px;
		height: 3px;
		border-radius: 0;
	}
}


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

.homepage-offer-section .swiper-slide img {
	-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;
}
.homepage-offer-section .swiper-slide:hover img, .homepage-offer-section .swiper-slide:hover img {
	-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	text-align: center;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.btn-banner {
	font-size: 12px;
	color: #fff !important;
	border: 1px solid #fff;
	padding: 5px 20px;
}
.category-blog .col-4, .type-media-center .col-4  {
    flex:unset!important;
}
/*.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
    padding:30px!important;
}
*/

.newfeature {
	background: #001936!important;
	color: #fff!important;
  }
  .usr-chat {
	width: 20px;
	height: 20px;
	float: left;
	margin-top: -13px;
	margin-left: -21px;
	position: absolute;
  }
  .ico-color {
  width: 16px;
	margin-bottom: 4px;
  }
  
  @media screen and (max-width: 768px) {
	.newfeature {
		margin-left: -2px !important;
	}
	.usr-chat {
		margin-left: -32px;
	}
  
  }
  .wave {
  animation-name: wave-animation;  /* Refers to the name of your @keyframes element below */
  animation-duration: 2.5s;        /* Change to speed up or slow down */
  animation-iteration-count: infinite;  /* Never stop waving :) */
  transform-origin: 70% 70%;       /* Pivot around the bottom-left palm */
  display: inline-block;
  }
  @keyframes wave-animation {
	0% { transform: rotate( 0.0deg) }
   10% { transform: rotate(14.0deg) }  /* The following five values can be played with to make the waving more or less extreme */
   20% { transform: rotate(-8.0deg) }
   30% { transform: rotate(14.0deg) }
   40% { transform: rotate(-4.0deg) }
   50% { transform: rotate(10.0deg) }
   60% { transform: rotate( 0.0deg) }  /* Reset for the last half to pause */
  100% { transform: rotate( 0.0deg) }
  }



  /* Sticky menu */


  
/* contact start */

/*--------------------------------------------------------------
                        # Contact
                        --------------------------------------------------------------*/
                        .glkwugr a {
                          font-size: 13px;
                      }
                      
                      #contact {
                          margin: 100px 0px;
                      }
                      
                      .contact .info-box {
                          color: #0b2341;
                          text-align: center;
                          box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
                          padding: 10px;
                          background: #fff;
                      }
                      
                      .att span {
                          position: absolute;
                          display: block;
                          color: #009ac0;
                          left: unset;
                          right: 15px !important;
                          top: 8px !important;
                          font-size: 19px !important;
                      }
                      
                          .att span i.fa .fa-envelope {
                              color: #fff;
                          }
                      
                          .att span i.fa .fa-check {
                              color: green !important;
                          }
                      
                      .contact .info-box i {
                          font-size: 32px;
                          color: #9eb62e;
                          border-radius: 50%;
                          padding: 8px;
                          border: 2px dotted #9eb62e;
                      }
                      
                      .my-4 {
                          margin: 20px 0px;
                      }
                      
                      .contact .info-box h3 {
                          font-size: 20px;
                          color: #777777;
                          font-weight: 700;
                          margin: 10px 0;
                      }
                      
                      .contact .info-box p {
                          padding: 0;
                          line-height: 24px;
                          font-size: 14px;
                          margin-bottom: 0;
                      }
                      
                      .contact .php-email-form {
                          box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
                          padding: 30px;
                          background: #fff;
                      }
                      
                          .contact .php-email-form .validate {
                              display: none;
                              color: red;
                              margin: 0 0 15px 0;
                              font-weight: 400;
                              font-size: 13px;
                          }
                      
                          .contact .php-email-form .error-message {
                              display: none;
                              color: #fff;
                              background: #ed3c0d;
                              text-align: center;
                              padding: 10px;
                              font-weight: 600;
                              letter-spacing: 1px;
                              border-radius: 8px;
                          }
                      
                              .contact .php-email-form .error-message br + br {
                                  margin-top: 25px;
                              }
                      
                      .form-control {
                          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
                          outline: none;
                          border: 1px solid #dadada;
                          border-radius: 4px;
                          transition: 0.2s ease-out;
                          color: #a1a1a1;
                      }
                      
                      input, textarea {
                          /* box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%) !important; */
                      }
                      
                      .form-group {
                          position: relative;
                      }
                      
                      .form-row2 {
                          display: block;
                          margin-right: -5px;
                          margin-left: -5px;
                      }
                      
                      .successicon {
                          position: relative;
                      }
                      
                          .successicon::before {
                              position: relative;
                              top: 30px;
                              color: green;
                              right: -260px;
                              content: "\f058";
                              font-family: "Font Awesome 5 Free";
                              font-weight: 900;
                              z-index: 5;
                          }
                      
                      .success-icon {
                          position: absolute;
                          top: -4px;
                          color: green;
                          right: -1px;
                          background: #fff;
                          opacity: 0;
                      }
                      
                          .success-icon.active {
                              position: absolute;
                              top: -4px;
                              color: green;
                              right: -1px;
                              background: #fff;
                              opacity: 1;
                          }
                      
                      .success-icon2 {
                          position: absolute;
                          top: -4px;
                          color: green;
                          right: -1px;
                          background: #fff;
                          opacity: 0;
                      }
                      
                      .form-control.active {
                          position: relative;
                      }
                      
                          .form-control.active::before {
                              position: relative;
                              content: "\f105";
                              font-family: "Font Awesome 5 Free";
                              font-weight: 900;
                              margin-right: 10px;
                              color: #ff4500;
                          }
                      
                      .contact .php-email-form .sent-message {
                          display: none;
                          color: #fff;
                          background: #18d26e;
                          text-align: center;
                          padding: 10px;
                          font-weight: 600;
                          letter-spacing: 1px;
                          border-radius: 8px;
                      }
                      
                      .contact .php-email-form .loading {
                          display: none;
                          background: #fff;
                          text-align: center;
                          padding: 15px;
                      }
                      
                          .contact .php-email-form .loading:before {
                              content: "";
                              display: inline-block;
                              border-radius: 50%;
                              width: 24px;
                              height: 24px;
                              margin: 0 10px -6px 0;
                              border: 3px solid #18d26e;
                              border-top-color: #eee;
                              -webkit-animation: animate-loading 1s linear infinite;
                              animation: animate-loading 1s linear infinite;
                          }
                      
                      .contact .php-email-form input, .contact .php-email-form textarea {
                          border-radius: 0;
                          box-shadow: none;
                          font-size: 14px;
                          border-radius: 4px;
                      }
                      
                          .contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
                              border-color: #6d6bd9;
                          }
                      
                      /* .contact .php-email-form input {
                                                                        padding: 20px 15px;
                                                                    } */
                      
                      .contact .php-email-form textarea {
                          padding: 12px 15px;
                      }
                      
                      .contact .php-email-form button[type="submit"] {
                          background: #009ac0;
                          border: 0;
                          padding: 10px 30px;
                          border-radius: 4px;
                          color: #fff;
                          transition: 0.4s;
                      }
                      
                          .contact .php-email-form button[type="submit"]:hover {
                              background:#03bceb;
                          }
                      
                      @-webkit-keyframes animate-loading {
                          0% {
                              transform: rotate(0deg);
                          }
                      
                          100% {
                              transform: rotate(360deg);
                          }
                      }
                      
                      @keyframes animate-loading {
                          0% {
                              transform: rotate(0deg);
                          }
                      
                          100% {
                              transform: rotate(360deg);
                          }
                      }
                      
                      .text-muted2 {
                          color: red !important;
                      }
                      
                      .text_muted2 {
                          color: gray;
                      }
                      
                      form {
						  /* box-shadow: 0 0 30px rgb(214 215 216 / 60%); */
						  box-shadow: 0px 1px 8px rgb(0 0 0 / 33%);
                          padding: 20px;
                      }
                      
                          form div input {
                              width: 100%;
                              height: 40px;
                              border-radius: 8px;
                              outline: none;
                              border: 2px solid #c4c4c4;
                              /* padding: 0 30px;
                              box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); */
                          }
                      
                      label {
                          display: block;
                          margin-bottom: 5px;
                      }
					  
					  
		
					  @media screen and (max-width: 768px) {
						.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 300px;
  
  background-color: #242a3049;

  display: none;
}
					}