@font-face {
  font-family: customgraphik;
  src: url('https://expatux.com/wp-content/themes/hello-elementor/fonts/graphikregular.otf') format('opentype');
}


html {

  scroll-behavior: smooth;
}

/* ----- map -----*/
.map_wrapper {
    max-width: 100%;
    display: block !important;
    margin-left: auto;
    width: 80vw !important;
    margin-right: auto;
}


::-webkit-scrollbar{
	display:none !important;
} 
.premium-vscroll-dots.right.middle.circ {
    display: none !important;
}
header.site-header {
    display: none !important;
}
header.page-header {
    display: none;
}
button#wpforms-submit-177 {
    font-size: 17px;
    font-weight: 500;
    float: right;
    background: #103345 !important;
    border: none;
}
div#wpforms-confirmation-177 {
    background: #103345 !important;
    color: #fff !important;

}
button#wpforms-submit-177 {
    color: #fff !important;
    
}
button#wpforms-submit-177:hover {
    color: #fff !important;
    font-size: 18px !important;
	transform: scale(1.1);
}
.main-heading{
	font-family: 'customgraphik' !important;
}
span.tp-tab-title {
    font-family: 'customgraphik' !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.3em !important;
	margin-top: 20px;
}


.elementor.elementor-359 span.tp-tab-title:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #00a9b7;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}

.elementor.elementor-359 span.tp-tab-title:hover:before, .elementor.elementor-359 rs-tab.selected span.tp-tab-title:before {
	border:5px solid #e62d2b;
}

.elementor.elementor-359 rs-tabs-wrap.tp-tabs-inner-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #00a9b7;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
}

@media screen and (max-width: 778px){
	.envelop{
		display:none !important;
	}
	rs-tabs.nav-dir-horizontal.nav-pos-ver-bottom.nav-pos-hor-center.rs-nav-element.tp-tabs.inner.zeus{
		
		display:none !important;
		
	}
}

@media screen and (min-width: 778px){
rs-bullets.tp-bullets.hesperiden.horizontal.nav-pos-hor-center.nav-pos-ver-bottom.nav-dir-horizontal.noSwipe{
	display:none !important;
}
}
@media screen and (max-width: 1600px){
	section#larger_screen{
		display:none !important;
	}
}

/*** Hover Boxes****/
.text-center {
	text-align:center;
}
.box-inr {
		position: relative;
    /*height: 250px;
    margin-top: -190px;*/
		height: 100px;
    margin-top: -60px;
}
.hb-hover {
    display: none;
    transition: all 0.3s linear 0s;
	position:absolute;
	top:auto;
	bottom: 0;
	width: 92%;
	left: 0;
	right: 0;
	margin: auto;
	box-shadow: 0 0 10px #ddd;
	padding: 10px;
	border-radius: 5px;
	z-index: 9;
  background: #fff;
}
.box-inr:hover .hb-hover {
    display: block;
    transition: all 0.3s linear
			0s;
	bottom: 6px;
}
.box-inr:hover .hb-initial .hb-circle {
    display: none;
    transition: all 0.3s linear 0s;
}
.box-inr:hover .hb-initial h6 {
	visibility:hidden;
}
.hover-box {
	position:relative;
}
.hb-initial {
    position: absolute;
		bottom: 0;
		width: 100%;
		transition: all 0.3s linear 0s;
}
.hb-title {
    border-radius: 5px;
    padding: 25px 5px 15px;
		margin-bottom: 0;
}
.hb-initial h6 {
    color: #fff;
    font-size: 12px;
		margin-bottom: 0;
}
.hb-circle {
	  width: 50px;
    height: 50px;
    line-height: 42px;
    margin: 0 auto;
    border-radius: 50%;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    border: 4px solid;
		position: relative;
    top: 22px;
}
.hb-hover-title {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 8px 5px;
    border-radius: 5px;
		position: relative;
    margin-top: -25px;
}
.hb-hover-text {
    font-size: 13px;
    line-height: 1.4;
		margin-top: 10px;
}
.hb-1 .hb-hover-title, .hb-1 .hb-circle, .hb-1 .hb-title {
	background: #103345;
}
.hb-2 .hb-hover-title, .hb-2 .hb-circle, .hb-2 .hb-title {
	background: #6CBFA2;
}
.hb-3 .hb-hover-title, .hb-3 .hb-circle, .hb-3 .hb-title {
	background: #F0B42F;
}
.hb-4 .hb-hover-title, .hb-4 .hb-circle, .hb-4 .hb-title {
	background: #EB5A59;
}
.hb-5 .hb-hover-title, .hb-5 .hb-circle, .hb-5 .hb-title {
	background: #00919D;
}
body .slick-list.draggable {
	cursor: grab;
	padding: 0 10% 0 0;
} 
.tm-slider .content-section {
	padding: 5px 15px 0;
  display: block;
}

.tm-slider .content-section h4, .tm-slider .content-section p, .tm-slider .content-section li {
	color:#fff;
}
.tm-slider .content-section ul {
	padding-left:0;
	list-style: outside none;
	height: 105px;
   overflow:hidden;
}
.tm-slider .content-section li {
    padding-left: 25px;
    padding-bottom: 3px;
    margin-bottom: 3px;
    background-image: url(https://expatux.com/wp-content/themes/hello-elementor/assets/images/tick.png);
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: left top 3px;
	font-size:12px;
}
.ultimate-slide-img img {
	filter: grayscale(100%);
}
.tm-slider .slick-slide:hover .ultimate-slide-img img {
	filter: grayscale(0);
}
.tm-slider .slick-slide > div
{
	background:#0B2736;
	border-radius:6px;
}

.tm-slider .slick-slide:hover .content-section li {
	background-image: url(https://expatux.com/wp-content/themes/hello-elementor/assets/images/tick-r.png);
} 
.tm-slider .ultimate_carousel_btn {
	display: block;
	border-radius: 5px;
	padding: 10px 20px;
	text-align: center;
}
.tm-slider .slick-slide:hover .ultimate_carousel_btn {
	background-color: #EB5A59 !important;
}
body .tm-slider .slick-next.slick-arrow {
	
     margin-right: -7% !important;
}
body .tm-slider .slick-next.slick-arrow:focus, body .tm-slider .slick-next.slick-arrow:active {
	box-shadow:none !important;
	border:none;
	outline: none;
}
button.slick-prev.slick-arrow.fas.fa-chevron-left {
    margin-left: -7% !important;
}
/* body button.slick-next.slick-arrow:after {
	content: "Discover More";
	color: #fff;
	font-size: 15px;
	font-family: 'customgraphik';
}
*/
span.carousel_btn_span {
    margin-bottom: 5%;
}
span.content-section p {
    display: none !important;
}
span.content-section br {
    display: none !important;
}
.elementor.elementor-363 span.tp-tab-title:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ddd;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}
.elementor.elementor-363 span.tp-tab-title:hover:before, .elementor.elementor-363 rs-tab.selected span.tp-tab-title:before {
	border: 5px solid #EB5A59;
}

.elementor.elementor-363 rs-tabs-wrap.tp-tabs-inner-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ddd;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
}
@media only screen and (max-width: 768px){
button.slick-next.slick-arrow {
    margin-top: 8%;
}
	section.elementor-section.elementor-inner-section.elementor-element.elementor-element-fc7fb6e.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    height: 100vh;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-6a6092b.elementor-section-full_width.elementor-section-height-full.elementor-section-items-top.elementor-section-stretched.elementor-section-height-default {
    height: 100vh;
}
}
@media (max-width: 767px)
.elementor-679 .elementor-element.elementor-element-60f51ce .hfe-nav-menu__toggle, .elementor-679 .elementor-element.elementor-element-60f51ce .hfe-nav-menu-icon {
    margin-left: 50% !important;
}
.hfe-flyout-content.push {
    z-index: 99999999 !important;
}


.slick-slide {
    height: 550px !important;
}
@media (max-width: 1445px){
	.tm-slider .content-section ul   {
		height:130px !important;	
	}
}
@media (max-width: 1241px){
	.tm-slider .content-section ul   {
		height:145px !important;	
	}
}
@media (max-width: 633px){
	.tm-slider .content-section ul   {
		height:160px !important;	
	}
}
@media (max-width: 622px){
	.tm-slider .content-section ul   {
		height:190px !important;	
	}
}
@media (max-width: 550px){
	.tm-slider .content-section ul   {
		height:210px !important;	
	}
}
@media (max-width: 536px){
	.tm-slider .content-section ul   {
		height:230px !important;	
	}
}
@media (max-width: 479px){
	.tm-slider .content-section ul   {
		height:150px !important;	
	}
}




@media (max-width: 1137px){
	.tm-slider .content-section h4   {
		height:56px !important;	
	}
}
@media (max-width: 550px){
	.tm-slider .content-section h4   {
		height:72px !important;	
	}
}
@media (max-width: 479px){
	.tm-slider .content-section h4   {
		height:36px !important;	
	}
}



@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}

@media screen and (min-width: 1601px) and (max-width: 1920px){
.slick-slide {
    height: 615px !important;
}
	.slick-list.draggable {
    margin-top: 5%;
}
}
section#custom-screen{
	display:block;
}
@media (max-width: 1800px){
section#hide-on-laptop {
    display: none !important;
}
}




.rotate {
  animation: rotation 20s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


/* -------- For large screen ------- */

@media screen and (min-width: 1601px) and (max-width: 1920px){
.slick-slide {
    height: 615px !important;
}
	.slick-list.draggable {
    margin-top: 5%;
}
}


div#latest-map {
    height: 70vh !important;
}
circle {
stroke:none !important;
  filter: drop-shadow(0px 0px 10px #1E73BE);
}

.imapsCircle {
  animation-duration: 1s;
  animation-name: pulse;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  from {
    filter: drop-shadow(0px 0px 2px #1E73BE);
  }
  to {
    filter: drop-shadow(0px 0px 7px #1E73BE);
  }
}

/* ------ MAP ---------- */
#chartdiv {
  width: 100%;
  height: 70vh;
  overflow: hidden;
  position: relative;
}

.map-marker {
    /* adjusting for the marker dimensions
    so that it is centered on coordinates */
    margin-left: -8px;
    margin-top: -8px;
    box-sizing: border-box;
}
.map-marker.map-clickable {
    cursor: pointer;
}
.pulse {
    width: 10px;
    height: 10px;
    border: 5px solid #f7f14c;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #716f42;
    z-index: 10;
    position: absolute;
    box-sizing: border-box;
}
.map-marker .dot {
    border: 10px solid #fff601;
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: pulse 3s ease-out;
    -moz-animation: pulse 3s ease-out;
    animation: pulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 1;
    opacity: 0;
    box-sizing: border-box;
}
@-moz-keyframes pulse {
   0% {
      -moz-transform: scale(0);
      opacity: 0.0;
   }
   25% {
      -moz-transform: scale(0);
      opacity: 0.1;
   }
   50% {
      -moz-transform: scale(0.1);
      opacity: 0.3;
   }
   75% {
      -moz-transform: scale(0.5);
      opacity: 0.5;
   }
   100% {
      -moz-transform: scale(1);
      opacity: 0.0;
   }
  }
  @-webkit-keyframes "pulse" {
   0% {
      -webkit-transform: scale(0);
      opacity: 0.0;
   }
   25% {
      -webkit-transform: scale(0);
      opacity: 0.1;
   }
   50% {
      -webkit-transform: scale(0.1);
      opacity: 0.3;
   }
   75% {
      -webkit-transform: scale(0.5);
      opacity: 0.5;
   }
   100% {
      -webkit-transform: scale(1);
      opacity: 0.0;
   }
}

.elementor.elementor-1597 span.tp-tab-title:hover::before, .elementor.elementor-1597 rs-tab.selected span.tp-tab-title::before {
  border: 5px solid #EB5A59;
}

.elementor.elementor-1597 span.tp-tab-title::before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #ddd;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
}
.elementor.elementor-1597 rs-tabs-wrap.tp-tabs-inner-wrapper::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #ddd;
	top: 10px;
	left: 0;
	right: 0;
	margin: auto;
}
.elementor-190 .elementor-element.elementor-element-31d877c img {
    height: auto !important;
    width: 10em;
    margin-left: 1em;
}
div#f_a_new > div p a {
    color: #fff !important;
}
div#f_a_new > div p {
    margin-bottom: 0 !important;
}
@media only screen and(max-width:768px) {
	.elementor-column.elementor-col-14.elementor-top-column.elementor-element.elementor-element-e4b2fd9 h2 {
    text-align: center;
}
}
@media (min-width:1025px) {
#menu-item-172 {
	margin-left: 2rem;
}
}