/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

@import url("https://use.typekit.net/wfa5cgh.css");

body {
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:"new-spirit" !important;
}

.new-spirit,
.new-spirit * {
	font-family: "new-spirit" !important;
}

p:last-child {
	margin-bottom: 0;
}

.elementor-section-wrap {
    overflow: hidden;
}

.cstm-header:last-child {
    /*display: none;*/
	position: absolute;
	width: 100%;
}

.cstm-header.elementor-sticky--effects {
    padding: 10px 0 70px !important;
	background: -webkit-gradient( 
linear
 , left top, left bottom
 , from(rgba(0,0,0,1)), color-stop(70%, rgb(0 0 0 / 30%)), to(rgba(128,128,128,0)));
	background: -o-linear-gradient( 
top
 , rgba(0,0,0,1) 0%, rgb(0 0 0 / 30%) 70%, rgba(128,128,128,0) 100%);
	background: linear-gradient( 
180deg
 , rgba(0,0,0,1) 0%, rgb(0 0 0 / 30%) 70%, rgba(128,128,128,0) 100%);
}

.recent-project-list .elementor-post:nth-child(even) .elementor-post__thumbnail:before {
    background: -webkit-gradient(
linear
, right top, left top
, from(rgba(0,0,0,1)), to(rgba(84,84,84,0)));
    background: -o-linear-gradient(
right
, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
    background: linear-gradient(
-90deg
, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
}

.cstm-header.elementor-sticky--effects .cstm-logo img {
    max-width: 71px;
}

.cstm-header .cstm-logo img {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.cstm-header.elementor-sticky--effects .cstm-menu-toggle .elementor-button-text {
    font-size: 16px !important;
}

.cstm-header.elementor-sticky--effects .cstm-menu-toggle .elementor-button {
    padding: 14px 15px !important;
}

.testimonials-slider .swiper-pagination {
    text-align: left;
    bottom: -25px !important;
}

.testimonials-slider .swiper-pagination span {
    background-color: #2D6089;
    opacity: 1;
}

.recent-project-list .elementor-post {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.recent-project-list .elementor-post__thumbnail__link {
    width: 60% !important;
}

.recent-project-list .elementor-post__text {
    width: 40% !important;
    margin-right: -200px;
    position: relative;
	z-index: 9;
}

.recent-project-list .elementor-post:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.recent-project-list .elementor-post:nth-child(even) .elementor-post__text {
    margin-right: 0;
    margin-left: -200px;
}

.recent-project-list .elementor-post__text:before {
    content: "Recent Project";
    border: 1px solid #5A5A5A;
    padding: 10px 12px;
    border-radius: 50px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 25px;
}

/*.home-sec1:before {
    content: url(http://omaya.mmxico.com/wp-content/uploads/2021/08/decor-gray-mockup.png);
    position: absolute;
    right: -18%;
    bottom: -80%;
}*/

.recent-project-list .elementor-post__thumbnail:before {
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(84,84,84,0)));
    background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%);
    position: absolute;
    z-index: 9;
    opacity: 0.85;
}

.recent-project-list .elementor-post__thumbnail img {
    -o-object-fit: cover;
       object-fit: cover;
	top: 0 !important;
	left: 0 !important;
	-webkit-transition: .5s all ease !important;
    -o-transition: .5s all ease !important;
    transition: .5s all ease !important;
	-webkit-transform: scale(1) translate(0) !important;
	    -ms-transform: scale(1) translate(0) !important;
	        transform: scale(1) translate(0) !important;
}

.recent-project-list .elementor-post:hover .elementor-post__thumbnail img {
    -webkit-transform: scale(1.15) translate(0) !important;
        -ms-transform: scale(1.15) translate(0) !important;
            transform: scale(1.15) translate(0) !important;
}

.project-images .elementor-gallery__container {
    -ms-grid-columns: 1fr 20px 1fr !important;
    grid-template-columns: repeat(2, 1fr) !important;
}
.project-images .elementor-gallery__container a.e-gallery-item:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/ span 2;
}
.project-images .elementor-gallery__container a.e-gallery-item:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: -1;
    grid-column: 2/1;
}
.project-images .elementor-gallery__container a.e-gallery-item:nth-child(3) {
    -ms-grid-column: 2;
    grid-column: 2/2;
}

.project-images .elementor-gallery__container a.e-gallery-item:nth-child(3n+1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/ span 2;
}

.project-images .elementor-gallery__container a.e-gallery-item:nth-child(3n+1) .e-gallery-image {
    padding-bottom: 0;
    height: 32vw;
    -o-object-fit: cover;
       object-fit: cover;
}

.project-images .e-gallery-grid .e-gallery-image {
    padding-bottom: 0;
    height: 36vw;
    -o-object-fit: cover;
       object-fit: cover;
}

.about-sec2:before {
    /*content: url(http://omaya.mmxico.com/wp-content/uploads/2021/07/decor-lighter-8-percent.png);*/
    position: absolute;
    right: -14%;
    top: 185px;
}

.contact-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    height: 51px;
    padding: 12px;
    margin: 0;
}

.contact-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder {
    color: rgba(237,240,243,0.4);
}

.contact-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder {
    color: rgba(237,240,243,0.4);
}

.contact-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder {
    color: rgba(237,240,243,0.4);
}

.contact-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-ms-input-placeholder {
    color: rgba(237,240,243,0.4);
}

.contact-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder {
    color: rgba(237,240,243,0.4);
}

.contact-form .gform_wrapper .gform_footer {
    margin-top: 0;
    padding-top: 31px;
}

.contact-form .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
}

.contact-form .gform_wrapper .gform_footer input[type=submit] {
    border-radius: 0;
    width: 100%;
    max-width: 297px;
    font-size: 16px;
	line-height: 1 !important;
    min-height: 100% !important;
}

.contact-form .gform_wrapper textarea {
    height: 115px !important;
    padding: 12px;
}

.contact-form .gform_wrapper textarea::-webkit-input-placeholder {
    color: rgba(237,240,243,0.4);
}

.contact-form .gform_wrapper textarea::-moz-placeholder {
    color: rgba(237,240,243,0.4);
}

.contact-form .gform_wrapper textarea:-ms-input-placeholder {
    color: rgba(237,240,243,0.4);
}

.contact-form .gform_wrapper textarea::-ms-input-placeholder {
    color: rgba(237,240,243,0.4);
}

.contact-form .gform_wrapper textarea::placeholder {
    color: rgba(237,240,243,0.4);
}

.home .cstm-footer {
    padding-top: 140px !important;
    border: 0 !important;
}

.project-list .elementor-post__thumbnail img {
    height: 100% !important;
    width: auto;
    -o-object-fit: cover;
       object-fit: cover;
	top: 0 !important;
	left: 0 !important;
	-webkit-transition: .5s all ease !important;
    -o-transition: .5s all ease !important;
    transition: .5s all ease !important;
	-webkit-transform: scale(1) translate(0) !important;
	    -ms-transform: scale(1) translate(0) !important;
	        transform: scale(1) translate(0) !important;
}

.project-list .elementor-post:hover .elementor-post__thumbnail img {
    -webkit-transform: scale(1.15) translate(0) !important;
        -ms-transform: scale(1.15) translate(0) !important;
            transform: scale(1.15) translate(0) !important;
}

/* === Responsiveness === */
@media screen and (max-width: 1024px) {
.project-images .elementor-gallery__container a.e-gallery-item:nth-child(3n+1) .e-gallery-image {
    height: 50vw;
}
}

@media screen and (max-width: 767px) {
.home .cstm-footer {
    padding-top: 50px !important;
}
	
.project-list .elementor-post__title {
    text-align: center;
}
	
.recent-project-list .elementor-post__thumbnail:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(84,84,84,0))) !important;
    background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%) !important;
    background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%) !important;
}

.recent-project-list .elementor-post__text {
    margin-top: -70px;
}
	
.footer-social-icons .elementor-social-icons-wrapper {
    text-align: center;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
}

@media screen and (max-width: 640px) {
.recent-project-list .elementor-post__thumbnail__link,
.recent-project-list .elementor-post__text {
    width: 100% !important;
}

.recent-project-list .elementor-post:nth-child(even) .elementor-post__text {
    margin-left: 0 !important;
}

.recent-project-list .elementor-post__text {
    margin-right: 0 !important;
}
	
.recent-project-list .elementor-post__text {
    text-align: center;
}
}
@media (max-width:1024px){

.horizontale > div > div > div {
flex: 0 0 auto;
width: max-content;
}
.horizontale > div > .elementor-section {
min-width: max-content;
}
.elementor-widget-wrap .elementor-element.elementor-widget__width-auto, .elementor-widget-wrap .elementor-element.elementor-widget__width-initial {
max-width: unset;
}
.horizontale > div > .elementor-section {
min-width: 100vw;
}

.leftarrow, .rightarrow{
cursor: pointer;
line-height: 0;
}
/* Remove default browser :focus styling */
.leftarrow:focus, .rightarrow:focus{
outline:0;
}
/* Replace focus styling with this for accessibility */
.leftarrow:focus .elementor-icon, .rightarrow:focus .elementor-icon {
transform: scale(1.04); /* Size of arrows when :focus state is active */
color: #000; /* Color of arrows when :focus state is active */
}

.horizontale > div {
display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
cursor: grab; /* Change to unset to have the normal cursor */
}

.horizontale > div::-webkit-scrollbar{
height: 14px; /* Change to 6px to make the scrollbar smaller, or to 0 to remove it */
}

.horizontale > div::-webkit-scrollbar-track{
background: rgba(0, 0, 0, 0.1);
} /* Color of scrollbar track */

.horizontale > div::-webkit-scrollbar-thumb{
background: rgba(0, 0, 0, 0.31);
} /* Color of scrollbar thumb */

.horizontale > div.active {
cursor: grabbing; /* Change to unset to have the normal cursor when mouse button is clicked down */
cursor: -webkit-grabbing; /* idem */
transform: scale(1.01); /* Size of elements when mouse button is clicked down */
}

}
.next-section-blur:before {
    box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
    filter: blur(10px);
}
.next-section-blur {
    background: inherit;
}
 
.next-section-blur:before {
    background: inherit;
}