/*
Theme Name: Foton Child
Theme URI: https://foton.qodeinteractive.com/
Description: A child theme of Foton Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.2
Text Domain: foton
Template: foton
*/
#real-estate-hero .elementor-heading-title .solid, #real-estate-hero .elementor-heading-title .gradient {
  font-size: 42px;
}
.with-text{
    color: #58468C;
    font-family: "Montserrat", Sans-serif;
    font-size: 30px;
    font-weight: 500
}
.ml-sea-logo img {
  width: 60%;
}
#real-estate-hero .mkdf-iwt .mkdf-iwt-inner{
  padding: 0px !important;
}
.mkdf-title-holder .mkdf-title-wrapper .mkdf-page-subtitle{
  font-size: 18px !important;
  line-height: 30px !important;
}
.values p{
/*  text-align: justify !important;*/
  font-size: 14px !important;
}
.career-values p{
  text-align: justify !important;
  font-size: 14px !important;
  word-break: break-word;
}
.twae-horizontal-timeline.twae-wrapper .twae-button-next, .twae-horizontal-timeline.twae-wrapper .twae-button-prev,
.twae-horizontal-timeline.twae-wrapper .twae-button-next, .twae-horizontal-timeline.twae-wrapper .twae-button-prev{
  color: #5580ff !important;
}
.twae-horizontal-timeline.twae-wrapper .twae-story-line{
  height: 2px !important;
}
.twae-wrapper .twae-icon{
  border-width: 0px !important;
}
.about-story ul{
  margin: 0px;
}
.about-story ul li{
  list-style:disc;
  margin-left: 20px;
}
.twae-description{
  text-align: left !important;
}
span.wpcf7-list-item.first, span.wpcf7-list-item{
  display: inline-block;
  margin: 5px 0px 5px 0px;
  width: 50%;
}
.ds-form .width33{
  width: 33%;
  display: inline-block;
}
.ds-form .wpcf7-textarea{
  height: 80px;
}
.ds-form label{
  font-weight: 500;
}
.interest{
  display: block;
}
span.wpcf7-list-item.last{
  width: 100%;
  margin-bottom: 10px;
}

#web .ekit-wid-con .elementskit-infobox, 
#online .ekit-wid-con .elementskit-infobox, 
#mobile .ekit-wid-con .elementskit-infobox{
  background-color: transparent !important;
}
.btn-services{
    background: #fff;
    padding: 15px 30px;
    border-radius: 62px;
    margin: 25px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}
.btn-services a:hover{
  color: #fff !important;
}
.main {
  height: 90vh;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}
.main:before, .main:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -3;
}
.main:before {
  right: 0;
  bottom: -19;
  height: 30em;
  width: 30em;
  border-radius: 30em;
  background: linear-gradient(#3800e7, #8a15ff);
  align-self: flex-end;
  -webkit-animation: gradient-fade 8s ease-in-out 3s infinite alternate;
          animation: gradient-fade 8s ease-in-out 3s infinite alternate;
}
.main:after {
  top: 0;
  left: 20%;
  height: 10em;
  width: 10em;
  border-radius: 10em;
  background: linear-gradient(#3800e7, #8a15ff);
  -webkit-animation: gradient-fade-alt 6s ease-in-out 3s infinite alternate;
          animation: gradient-fade-alt 6s ease-in-out 3s infinite alternate;
}
.main__text-wrapper {
  position: relative;
  padding: 2em;
  text-align: center;
  width: 70%
}
.main__text-wrapper h1{
	color: #fff !important;
	font-weight: 700;
	font-size: 68px;
}
.main__text-wrapper p{
	color: #fff !important;
	font-size: 20px !important;
	line-height: 30px;
}
.main__text-wrapper:before, .main__text-wrapper:after {
  content: "";
  display: block;
  position: absolute;
}
.main__text-wrapper:before {
  z-index: -1;
  top: 20em;
  right: 10em;
  width: 7em;
  height: 7em;
  opacity: 0.7;
  border-radius: 13em;
  background: linear-gradient(#15e0ff, #8a15ff);
  -webkit-animation: rotation 7s linear infinite;
          animation: rotation 7s linear infinite;
}
.main__text-wrapper:after {
  z-index: -1;
  bottom: -10em;
  width: 20em;
  height: 20em;
  border-radius: 20em;
  display: none;
  background: linear-gradient(#d000c5, #8a15ff);
  -webkit-animation: rotation 7s linear infinite;
          animation: rotation 7s linear infinite;
}

.arrow {
  z-index: 1000;
  opacity: 0.5;
  position: absolute;
}
.arrow--top {
  top: 0;
  left: -5em;
}
.arrow--bottom {
  bottom: 0;
  right: 3em;
}

.circle {
  transform: translate(50%, -50%) rotate(0deg);
  transform-origin: center;
}
.circle--ltblue {
  height: 20em;
  width: 20em;
  border-radius: 20em;
  background: linear-gradient(#15e0ff, #3800e7);
}

.backdrop {
  position: absolute;
  width: 100vw;
  height: 100vh;
  display: block;
  background-color: pink;
}

.dotted-circle {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.3;
  -webkit-animation: rotation 38s linear infinite;
          animation: rotation 38s linear infinite;
}

.draw-in {
  stroke-dasharray: 1000;
  stroke-dashoffset: 10;
  -webkit-animation: draw 15s ease-in-out alternate infinite;
          animation: draw 15s ease-in-out alternate infinite;
}

@-webkit-keyframes draw {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes draw {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.item-to {
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  transform-origin: bottom;
}

.bounce-1 {
  -webkit-animation-name: bounce-1;
          animation-name: bounce-1;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}

.bounce-2 {
  -webkit-animation-name: bounce-2;
          animation-name: bounce-2;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}

.bounce-3 {
  -webkit-animation-name: bounce-3;
          animation-name: bounce-3;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}

@-webkit-keyframes bounce-1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes bounce-1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes bounce-2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounce-2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes bounce-3 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounce-3 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes gradient-fade {
  from {
    transform: translate(10%, -10%) rotate(0deg);
  }
  to {
    transform: translate(50%, -50%) rotate(360deg);
  }
}
@keyframes gradient-fade {
  from {
    transform: translate(10%, -10%) rotate(0deg);
  }
  to {
    transform: translate(50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes gradient-fade-alt {
  from {
    transform: translate(-20%, 20%) rotate(0deg);
  }
  to {
    transform: translate(-60%, 60%) rotate(360deg);
  }
}
@keyframes gradient-fade-alt {
  from {
    transform: translate(-20%, 20%) rotate(0deg);
  }
  to {
    transform: translate(-60%, 60%) rotate(360deg);
  }
}
.eael-svg-draw-container svg{
	height: auto;
}
.btn-quote{
	background: #D84249;
	padding: 10px 24px;
	text-align: center;
	border-radius: 30px;
	display: inline-block;
	margin: 20px 0px;
	font-weight: 500;
}

.btn-quote a{
	color: #fff !important;
}
.btn-quote a:hover{
	color: #fff !important;
}
.tab-heading h1{
	background-image: linear-gradient(90deg, #2575fc 0%, #6a11cb 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #0000;
    -webkit-background-clip: text;
    -webkit-background-clip: text;
}
.ekit-wid-con .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link{
	text-align: left !important;
}
.col-6{
	width: 48%;
	display: inline-block;
	float: left;
	margin-right: 13px;
}
.col-6:last-child{
	margin-right: 0px;
}
.col-6 p, .row p{
	font-size: 16px !important;
}
.wpcf7-textarea{
	height: 110px;
}
.center{
	text-align: center;
}
#mkdf-back-to-top{
	bottom: 90px !important;
}
.mkdf-section-title-holder .mkdf-st-text{
	font-weight: 400;
	color: #888;
	font-size: 17px;
	line-height: 28px;
	text-align: justify;
}
.mkdf-logo-wrapper a{
	height: 60px !important;
}
h1, h2, h3, h4, h5, h6{
	margin-top: 0px;
}
.mkdf-top-bar{
	background: #222222;
}
.elementor-heading-title .gradient{
  background: -webkit-linear-gradient(45deg, #2127ad, #00f5ef);
  background: linear-gradient(45deg, #2127ad, #00f5ef);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mkdf-page-footer .widget a:hover, .mkdf-main-menu ul li a:hover{
	color: #00f5ef;
}
.elementor-heading-title .solid{
	color: #031183;
}
.main-title{
	padding: 0px 200px;
}
.banner-img{
	margin: 45px;
}
.elementor-14698 .elementor-element.elementor-element-ba6ada0 > .elementor-element-populated > .elementor-background-overlay{
	transform: rotateY(45deg);
}
.get-a-demo{
	background: #EA463D;
    color: #fff;
    border-radius: 30px;
    padding: 15px 36px;
    border: none;
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}
.job-category{
	font-size: 28px;
    color: #222222;
    font-weight: 600
}
.job-block{
	background: #f3f6ff;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 12px;
    position: relative;
}
.job-block .job-title{
	    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 500;
}
.job-block .btn-detail{
	font-size: 14px;
    position: absolute;
    right: 20px;
    top: 15px;
    background: #5580ff;
    cursor: pointer;
    padding: 5px 20px;
    color: #fff;
    border-radius: 20px;
    font-weight: 500;
}
.job-block .btn-detail:hover{
	background:#ff8a73 ;
}

.ml-slide{
	padding: 3% 45% 0% 6%;
}
li.list-group-item.job-block{
	list-style: none;
}
.job-block .job-title:hover{
	color: #5580ff;
}
.job-block .location{
	font-size: 16px;
	display: block;
	font-weight: 500;
	color: #444;
}
.mkdf-post-text-main ul>li{
	list-style-type: disc;
    margin-left: 15px;
    margin-bottom: 6px;
}

.mkdf-side-menu{
	padding: 5% 50px 25px;
}
.mkdf-owl-slider .owl-nav .owl-next, .mkdf-owl-slider .owl-nav .owl-prev{
	color: #ea463d !important;
}
.mkdf-side-menu a.mkdf-close-side-menu.mkdf-close-side-menu-svg-path path{
	fill: #ea463d !important;
}
.mkdf-main-menu>ul>li>a{
	color: #031183;
}
.mkdf-main-menu>ul>li>a>span.item_outer .item_text{
	color: #5580ff;
}
.mkdf-main-menu>ul>li>a:hover{
	color: #ea463d !important;
}
.widget.widget_text, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea, input[type=text], input[type=email]{
	margin-bottom: 0px;
	text-transform: capitalize !important;
	margin-bottom: 10px;
}
input.wpcf7-form-control.wpcf7-submit{
	margin-top: 20px;
}
.form-paragraph:first-child{
	color: red;
	font-size: 13px;
	font-weight: 600;
}
.textwidget p {
	font-size: 13px;
	line-height: 22px;
}
.mkdf-sidearea .widget.widget_text .mkdf-widget-title{
	margin-bottom: 10px;
}
.mkdf-iwt .mkdf-iwt-title a:hover{
	color: #ea463d !important;
}

.mkdf-vertical-align-containers .mkdf-position-center{
	text-align: right;
	right: 15%;
	left: auto;
}
.mkdf-top-bar .widget a{
	font-weight: 500;
	font-size: 14px;
}
.career-card{
	    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /*border: 1px solid #e9ecef;*/
    border-radius: 0.25rem;
}
.career-card ul li{
	list-style: none;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.single-career .career-container{
	width: 80%;
	margin: 40px auto;
}
.single-career .career-detail{
	width: 75%;
	float: left;
}
.single-career .career-sidebar{
	width: 25%;
	display: inline-block;
}
.single-career .mkdf-blog-holder article .mkdf-post-content{
	width: 65%;
}
.second.mkdf-drop-down-start{
    box-shadow: none !important;
    border: none !important;
}
.mkdf-drop-down .wide .second .inner{
	    width: 32%;
    margin: 0px auto;
    border-radius: 10px;
}
.mkdf-side-menu-slide-from-right .mkdf-wrapper{
	z-index: 99;
}
.mkdf-drop-down .wide .second .inner>ul>li{
	width: 20%;
}

.page-scroll-buttons button.one-page-up{
	background-image: url('http://mg.metrotrends.info/wp-content/uploads/2023/08/up-arrow.png') !important;
	background-color: transparent;
	display: none;
}
.page-scroll-buttons button.one-page-down{
	background-image: url('http://mg.metrotrends.info/wp-content/uploads/2023/08/down-arrow.png') !important;
	background-color: transparent;
}
.ekit-wid-con .profile-card{
	padding: 20px !important;
}
body.home .page-scroll-buttons button.one-page-down{
	display: none;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-content-holder .mkdf-pt-title-holder{
	font-size: 28px;
	font-weight: 600;
	color: #222222;
}
.gallery-item-caption-wrap.caption-style-card{
	display: none;
}
.eael-filter-gallery-control ul{
	text-align: left !important;
}
.eael-filter-gallery-control>ul li{
	font-weight: 500 !important;
	font-size: 16px !important;
	text-transform: capitalize !important;
	letter-spacing: 0px !important;
}
.ekit-wid-con .ekit-promo-popup>.mfp-container>.mfp-content{
	max-width: 1200px !important;
}
.ekit-wid-con .elementskit-team-popup .modal-body{
	padding: 30px !important;
}
.mfp-content{
	top: 7% !important;
}
.ekit-wid-con .ekit-team-modal-title{
  line-height: 30px !important;
}
.ekit-wid-con .ekit-team-modal-position{
  margin-bottom: 0px !important;
}
.process{
	background: url(https://www.metroguild.com/wp-content/uploads/2020/06/home-bg.png) no-repeat center bottom,linear-gradient(#0d62a5,#118df0);
}
.strategyAttain ul{
	    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.strategyAttain ul li{
	text-align: center;
    position: relative;
    min-width: 20%;
    list-style: none;
    display: inline-block;
}
.strategyAttain ul li:before{
	  /*  content: '';
    background: url(https://www.metroguild.com/wp-content/uploads/2020/07/arrow-top.png) no-repeat;
    width: 142px;
    height: 47px;
    display: block;
    position: absolute;
    right: -72px;
    top: -20px;*/
}
.strategyAttain ul li:after{
/*	content: '';
    background: url(https://www.metroguild.com/wp-content/uploads/2020/07/arrow-bottom.png) no-repeat;
    width: 142px;
    height: 47px;
    display: block;
    position: absolute;
    right: -72px;
    bottom: 30px;*/
}
.strategyAttain .imgBg span{
	background: dodgerblue;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: -10px;
    display: none;
}
.strategyAttain .imgBg{
	    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    width: 115px;
    height: 115px;
    margin: auto;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-flow: wrap;
    margin-bottom: 1em;
}
.strategyAttain p{
	    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.ekit-wid-con .ekit-team-modal-info.has-img{
  padding-left: 30px !important;
}
.ds-tabs ul{
	margin-left: 30px;
}
.ds-tabs ul li{
	list-style: circle;
	margin-bottom: 15px;
}
.qodef-qi-clients-slider .qodef-e-main-image{
	border: 1px solid #ddd;
}
.qodef-qi-testimonials-slider.qodef-item-layout--boxed .qodef-e-media-image{
	border-radius: 0px !important;
}
.qodef-qi-swiper-container .swiper-slide img{
	width: 70% !important;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-content-holder .mkdf-pt-title-holder{
	font-size: 26px;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-content-holder{
	padding: 150px 15px 0 20px;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-prices .mkdf-pt-mark{
	margin: 13px 0 0 10px;
}
.mkdf-pt-content ul li{
	list-style-type: disc;
	margin-left: 24px !important;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-prices .mkdf-pt-mark{
	text-align: left;
}
.odometer.odometer-auto-theme{
	margin-right: -6px;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-prices{
	max-width: 100%;
}
.highlight-text{
	color: #5580FF!important;
	font-weight: bold;
}
.mkdf-accordion-holder .mkdf-accordion-title .mkdf-tab-title{
	font-size: 20px;
}
.faq-list ul{
	margin: 20px 0px 0px 20px;
	padding: 0px;
}
.faq-list ul li{
	list-style: circle;
	margin-bottom: 10px;
}
@media only screen and (max-width: 1366px){
	.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-content-holder{
		padding: 150px 10px 30px 20px !important;
	}
	.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-prices{
		max-width: 100% !important;
    	text-align: left;
    	display: block;
	}
}
@media only screen and (max-width: 680px){
  .mkdf-title-holder{
    height: auto !important;
  }
	.ml-slide{
	padding:  0%;
}
.mkdf-side-menu{
	padding: 15% 20px 25px;
}
	.main-title{
	padding: 0px;
}
h2{
	line-height: 38px;
}
.mkdf-mobile-header .mkdf-mobile-logo-wrapper a{
	height: 45px !important;
}
.elementor-widget-wrap>.elementor-element.mkdf-row-grid-section, .mkdf-container-inner, .mkdf-grid, .mkdf-row-grid-section{
	width: 360px !important;
}
.mkdf-vertical-align-containers .mkdf-position-center{
	text-align: left;
	left: 40px;
}
h5{
	font-size: 14px;
	letter-spacing: 0;
}
.banner-img{
	margin: 10px;
}

.ghost-title .elementor-heading-title{
	font-size: 50px !important;
	letter-spacing: 1px !important;
}
.mkdf-side-menu{
	width: 100%;
}
.ds-form .width33, span.wpcf7-list-item.first, span.wpcf7-list-item{
  width: 100%;
}
}