/*
Theme Name: Thales IT
Theme URI: https://www.thalesit.ch/
Description: Thales IT theme
Author: Thales IT Team
Author URI: https://www.thalesit.ch/
Template: hello-elementor
Version: 1.0.0
Text Domain: thalesit
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

:root {
    --magic-number: 0.10627;
    --content-width: 100vw;
    --skew-padding: calc(var(--content-width) * var(--magic-number));
}

h1, h2, h3, h4, h5, h6{
    margin-bottom: 0.5rem;
}

a{
    outline: none;
}

body:not(.white_top_header) .elementor-location-header{
    position: absolute;
    width: 100%;
}

body.white_top_header .section-header-navigation {
    background-color: #F06424 !important;
}

.elementor-location-header > section:last-child{
    overflow: hidden;
}

.white_top_header .elementor-location-header .elementor-top-section{
    background-color: #fff !important;
}



.portfolio-masonry .elementor-posts-container .elementor-post__thumbnail__link{
    height: 100%;
}

.portfolio-masonry > .elementor-widget-container > .elementor-portfolio > article {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: normal;
    overflow: hidden;
}

.portfolio-masonry > .elementor-widget-container > .elementor-portfolio > article img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: transform 100ms linear .1s;
}

.portfolio-masonry > .elementor-widget-container > .elementor-portfolio {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    grid-auto-rows: 300px;
    grid-auto-flow: dense;
    overflow: hidden;
}

.grid-masonery > .elementor-widget-container > .elementor-loop-container > .elementor > .elementor-section,
.grid-masonery > .elementor-widget-container > .elementor-loop-container > .elementor > .elementor-section > .elementor-container{
    height: 100%;
}

.grid-masonery > .elementor-widget-container > .elementor-loop-container > *:nth-child(2) {
    grid-column: span 2;
    grid-row: span 2;
}

.grid-masonery > .elementor-widget-container > .elementor-loop-container > *:nth-child(6) {
    grid-column: span 2;
    grid-row: span 2;
}

.portfolio-masonry > .elementor-widget-container > .elementor-portfolio > article:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2;
}

.portfolio-masonry > .elementor-widget-container > .elementor-portfolio > article:nth-child(5) {
    grid-column: span 2;
    grid-row: span 2;
}

.portfolio-masonry > .elementor-widget-container > .elementor-portfolio > article:nth-child(6) {
    grid-column: span 1;
    grid-row: span 2;
}

.portfolio-masonry > .elementor-widget-container > .elementor-portfolio > article:nth-child(7) {
    grid-column: span 1;
    grid-row: span 2;
}

.portfolio-masonry > .elementor-widget-container > .elementor-portfolio .wide {
    grid-column: span 2;
}

.portfolio-masonry > .elementor-widget-container > .elementor-portfolio .tall {
    grid-row: span 2;
}

.portfolio-masonry > .elementor-widget-container > .elementor-portfolio .big {
    grid-column: span 2;
    grid-row: span 2;
}

.elementor-portfolio-item__overlay{
    transition: all .3s ease !important;
}

.elementor-portfolio-item__overlay h3 {
    color: #fff !important;
    font-size: 2rem !important;
    margin: 5px 20px;
    opacity: 0;
    position: relative;
    text-align: center;
    line-height: 1.3;
    -webkit-transition: opacity .35s .1s,-webkit-transform .35s .1s;
    transition: opacity .35s .1s,transform .35s .1s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.elementor-portfolio-item__overlay:hover h3 {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.portfolio-masonry > .elementor-widget-container > .elementor-portfolio > article:hover img {
    transform: scale(1.1) translate(-46%,-46%);
}

.split-background-color{
    position: relative;
}

.split-background-color::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 33.33333%;
    background: #000000;
}

.text-roller > .elementor-container > .elementor-column > .elementor-widget-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: initial;
    overflow: hidden;
    width: 100%;
    grid-column-gap: 0em;
    padding: 0;
}

.text-roller > .elementor-container > .elementor-column > .elementor-widget-wrap > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    grid-column-gap: 1.75em;
    width: auto;
    margin: 0;
}

.text-roller > .elementor-container > .elementor-column > .elementor-widget-wrap > div h1{
    font-size: 10em;
    line-height: 1.1em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #000;
    display: flex;
    align-items: end;
    margin: 0;
}

.text-roller > .elementor-container > .elementor-column > .elementor-widget-wrap > div h1 span{
    display: inline-block;
    width: 0.3em;
    height: 0.3em;
    border-radius: 50%;
    background-color: #F06424;
    margin-bottom: 0.2em;
    margin-left: 0.2em;
    margin-right: 0.2em;
}

.text-roller.text-roller-right > .elementor-container > .elementor-column > .elementor-widget-wrap{
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}


.text-roller.text-roller-left > .elementor-container > .elementor-column > .elementor-widget-wrap > div {
    animation: translateinfinite_left 25s linear infinite;
}

.text-roller.text-roller-right > .elementor-container > .elementor-column > .elementor-widget-wrap > div {
    animation: translateinfinite_right 10s linear infinite;
}

.box-services > .elementor-container > .elementor-column > .elementor-widget-wrap{
    position: relative;
    padding: 40px;
}

.box-services > .elementor-container > .elementor-column > .elementor-widget-wrap::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #F06424;
    transform: skewY(-3deg);
    transition: transform 0.3s ease;
}

.box-services.box-services-alt > .elementor-container > .elementor-column > .elementor-widget-wrap::before{
    transform: skewY(3deg);
}

.box-services > .elementor-container > .elementor-column > .elementor-widget-wrap:hover::before{
    transform: skewY(3deg);
}

.box-services.box-services-alt > .elementor-container > .elementor-column > .elementor-widget-wrap:hover::before{
    transform: skewY(-3deg);
}

.elementor-location-footer .skew-footer-container{
    transform: skewY(-3deg);
    padding-bottom: 100px !important;
}

.elementor-location-footer .skew-footer-container > div{
    transform: skewY(3deg);
}

.elementor-location-footer footer{
    margin-top: -100px;
}

.skew-inner-section{
    -webkit-transform: skew(0deg, -3deg);
    -moz-transform: skew(0deg, -3deg);
    -ms-transform: skew(0deg, -3deg);
    -o-transform: skew(0deg, -3deg);
    transform: skew(0deg, -3deg);
}

.skew-inner-section-adjust{
    margin-bottom: -100px !important;
    padding-bottom: 160px !important;
}

.skew-inner-section .elementor-inner-section{
    -webkit-transform: skew(0deg, 3deg);
    -moz-transform: skew(0deg, 3deg);
    -ms-transform: skew(0deg, 3deg);
    -o-transform: skew(0deg, 3deg);
    transform: skew(0deg, 3deg);
}

.skew-box .elementor-inner-section{
    margin-bottom: 20px;
}

.skew-box .elementor-inner-section > .elementor-container > .elementor-column{
    -webkit-transform: skew(0deg, -3deg);
    -moz-transform: skew(0deg, -3deg);
    -ms-transform: skew(0deg, -3deg);
    -o-transform: skew(0deg, -3deg);
    transform: skew(0deg, -3deg);
}

.skew-box .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap > *{
    -webkit-transform: skew(0deg, 3deg);
    -moz-transform: skew(0deg, 3deg);
    -ms-transform: skew(0deg, 3deg);
    -o-transform: skew(0deg, 3deg);
    transform: skew(0deg, 3deg);
}

.elementor-button:focus{
    color: inherit !important;
}

.elementor-button-link{
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    border-radius: 0 !important;
    position: relative;
}

.elementor-button-link::before{
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    bottom: -1px;
    right: 100%;
    background-color: #fff;
    transition: all 0.2s ease;
    visibility: hidden;
}

.btn-light .elementor-button-link:hover{
    color: #fff !important;
}

.btn-light .elementor-button-link::before{
    background-color: #000;
}

.elementor-button-link:focus::before,
.elementor-button-link:hover::before{
    right: -1px;
    visibility: visible;
}

.elementor-button-link > span{
    -webkit-transform: skew(12deg, 0deg);
    -moz-transform: skew(12deg, 0deg);
    -ms-transform: skew(12deg, 0deg);
    -o-transform: skew(12deg, 0deg);
    transform: skew(12deg, 0deg);
}

.elementor-shape-circle .elementor-icon.elementor-social-icon {
    border-radius: 0 !important;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    position: relative;
}

.elementor-shape-circle .elementor-icon.elementor-social-icon > * {
    border-radius: 0 !important;
    -webkit-transform: skew(12deg, 0deg);
    -moz-transform: skew(12deg, 0deg);
    -ms-transform: skew(12deg, 0deg);
    -o-transform: skew(12deg, 0deg);
    transform: skew(12deg, 0deg);
}

.elementor-shape-circle .elementor-icon.elementor-social-icon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 100%;
    background: #F06424;
    transition: all 0.2s ease;
    visibility: hidden;
}

.elementor-shape-circle-light .elementor-icon.elementor-social-icon::before {
    background: #000 !important;
}

.elementor-shape-circle .elementor-icon.elementor-social-icon:hover i{
    color: #fff !important;
}

.elementor-shape-circle .elementor-icon.elementor-social-icon:hover::before{
    right: 0px;
    visibility: visible;
}


.author-skew .elementor-widget-image{
    position: relative;
    transform: skewX(-12deg);
    overflow: hidden;
}

.author-skew .elementor-widget-image .elementor-widget-container{
    transform: skewX(12deg) scale(1.6) translateY(55px);
}

.skew-inner-section-invert{
    -webkit-transform: skew(0deg, 3deg);
    -moz-transform: skew(0deg, 3deg);
    -ms-transform: skew(0deg, 3deg);
    -o-transform: skew(0deg, 3deg);
    transform: skew(0deg, 3deg);
    margin-bottom: 0px !important;
    padding-bottom: 150px !important;
    z-index: -1;
    margin-top: -100px;
}

#breadcrumbs i{
    font-size: 14px;
    color: #000;
    opacity: 0.5;
}

#breadcrumbs .breadcrumb_last{
    color: #000;
    opacity: 0.5;
}

mark{
    background-color: transparent !important;
    color: #F06424 !important;
}

.adjust-icon-box .elementor-icon-box-title{
    margin-top: 0 !important;
}

.adjust-icon-box .elementor-icon-box-icon{
    margin-top: 5px !important;
}

.our-part-gallery .e-gallery-item .e-gallery-image{
    filter: grayscale(100%);
}

.our-part-gallery .e-gallery-item:hover .e-gallery-image{
    filter: grayscale(0%);
}

.reviews-logos .gallery-item img{
    filter: grayscale(100%);
}

.reviews-logos .gallery-item.gallery-item-active img,
.reviews-logos .gallery-item:hover img{
    filter: grayscale(0%);
}

.item-nos-traveaux .elementor-widget-heading{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.item-nos-traveaux .elementor-widget-heading::before {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    transition: all .3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    content:"";
    background-color: rgba(0,0,0,.8);
}

.item-nos-traveaux:hover .elementor-widget-heading::before {
    opacity: 1;
}

.item-nos-traveaux .elementor-widget-heading .elementor-heading-title a{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .35s .1s,transform .35s .1s;
    transform: scale(0);
}

.item-nos-traveaux:hover .elementor-widget-heading .elementor-heading-title a{
    opacity: 1;
    transform: scale(1);
}

.item-nos-traveaux .item-nos-traveaux-img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-bottom: 0 !important;
}

.item-nos-traveaux .item-nos-traveaux-img .elementor-widget-container{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.item-nos-traveaux .item-nos-traveaux-img .elementor-widget-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 100ms linear .1s;
}

.item-nos-traveaux:hover .item-nos-traveaux-img .elementor-widget-container img{
    transform: scale(1.1);
}

.elementor-widget-loop-grid > .elementor-widget-container > .elementor-button-wrapper .e-load-more-spinner{
    transform: translate(-50%,-50%) skew(12deg, 0deg) !important;
    color: #fff !important;
}

.elementor-widget-loop-grid > .elementor-widget-container > .elementor-button-wrapper .elementor-button:hover .e-load-more-spinner{
    color: #000 !important;
}

.elementor-nav-menu--dropdown{
    padding: 13px 0px;
    min-width: 200px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    overflow: hidden;
}

.elementor-nav-menu--dropdown li a{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .9375rem;
    letter-spacing: 0.2px;
    font-weight: 500;
    margin: 0;
    line-height: 1.385rem !important;
    padding: 13px 22px 9px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    background: transparent;
    border-left: none !important;
}

.letter_logo{
    position: relative;
}

.letter_logo::before{
    content: "";
    position: absolute;
    transform: rotate(180deg);
    z-index: 1;
    width: 100%;
    height: 20%;
    background: #fff;
    top: 8px;
}

.letter_logo::after{
    content: ".";
    position: absolute;
    z-index: 2;
    top: -3px;
    left: -1px;
    color: #F06424;
    transform: rotate(180deg);
}

.section_sub_header{
    transition: none !important;
}

.elementor-widget-testimonial-carousel .swiper-slide{
    padding-bottom: 0 !important;
}

.main-top-header .elementor-nav-menu > li > a{
    transition: none !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}


.top-header-container{
    margin-bottom: 20px;
}

body.white_top_header .top-header-container{
    margin-bottom: 0px !important;
}

.top-header-container,
.top-header-container .top-header-logo,
.top-header-container .top-header-logo .elementor-widget-container{
    transition: all 0.2s ease-in-out;
}

.top-header-container .top-header-logo{
    display: flex;
    align-items: center;
    max-width: 360px;
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: -20px;
    background-color: #fff;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.top-header-container .top-header-logo .elementor-widget-container{
    -webkit-transform: skew(12deg, 0deg);
    -moz-transform: skew(12deg, 0deg);
    -ms-transform: skew(12deg, 0deg);
    -o-transform: skew(12deg, 0deg);
    transform: skew(12deg, 0deg);
}

.top-section-navigation.elementor-sticky--effects{
    background-color: transparent !important;
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.1);
}

.top-section-navigation{
    transition: background-color 300ms ease !important;
}

.top-section-navigation.elementor-sticky--effects >.elementor-container{
    min-height: 60px;
}

.top-section-navigation > .elementor-container{
    transition: min-height 0s ease !important;
}

.elementor-sticky--effects .top-header-container{
    margin-bottom: 0px;
    background-color: #fff !important;
}

.elementor-sticky--effects .top-header-container .elementor-nav-menu--main .elementor-nav-menu > li > a{
    color: #000 !important;
}

.elementor-sticky--effects .top-header-container .top-header-logo
{

}

.top-header-social > .elementor-widget-container{
    padding-right: 20px;
}

body.white_top_header .top-header-social .elementor-social-icon,
.elementor-sticky--effects .top-header-social .elementor-social-icon{
    background-color: #000 !important;
}

body.white_top_header .top-header-social .elementor-social-icon i,
.elementor-sticky--effects .top-header-social .elementor-social-icon i{
    color: #fff !important;
}

.elementor-item.has-submenu .sub-arrow:not(.sub-arrow-dot){
    display: none;
}

.elementor-item.has-submenu .sub-arrow-dot{
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    display: flex !important;
    position: absolute;
    padding: 0;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0;
    bottom: 8px;
    margin-top: 0;
    font-size: 0.5rem;
}

.elementor-item.has-submenu:hover .sub-arrow-dot{
    bottom: calc(100% - 18px);
}


.content_word_it {
    position: relative;
    min-height:400px;
    margin-left: 80px;
}

#dot_it {
    display:block;
    position:absolute;
    width:50px;
    height:50px;
    left: 0;
    background:#F06424;
    border-radius: 50%;
    display: none;
}

#letter_i {
    display:block;
    position:absolute;
    left: 0;
    bottom: 0;
    width:50px;
    height: 340px;
    height: calc(100% - 60px);
    background:#000;
}

#letter_t {
    display:block;
    position:absolute;
    bottom: 0;
    width:50px;
    height: 100%;
    background:#000;
    left: 125px;
    border-radius: 0 0 0 40px;
}

#letter_t::before {
    content: "";
    display:block;
    position:absolute;
    top: 60px;
    width:130px;
    height: 50px;
    background:#000;
    left: -50%;
    transform: translate(-16px, 0);
}

#letter_t::after {
    content: "";
    display:block;
    position:absolute;
    bottom: 0px;
    width:55px;
    height: 50px;
    background:#000;
    left: 45px;
}

.side_menu .dialog-widget-content{
    background-color: transparent;
}

.side_menu.elementor-popup-modal .dialog-message{
    max-width: 340px;
    overflow: hidden;
}

.side_menu .elementor-widget-icon-box{
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    transform: skewX(-12deg) translateX(275px);
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.side_menu .elementor-widget-icon-box:hover{
    transform: skewX(-12deg) translateX(60px);
}

.side_menu .elementor-widget-icon-box .elementor-icon-box-wrapper{
    transform: skewX(12deg);
}

.side_menu .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper{
    align-items: center !important;
}

.side_menu .elementor-widget-icon-box .elementor-icon-box-title a{
    display: inline-block;
    width: 100%;
}

.bouncing_dot {
    background-color: #000;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}

.circle-cursor--inner {
    position: fixed;
    width: 32px;
    height: 32px;
    left: -100px;
    top: -100px;
    pointer-events: none;
    border-radius: 50%;
    z-index: 12000;
}

.circle-cursor--outer {
    position: fixed;
    pointer-events: none;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    z-index: 12000;
    top: -50px;
    left: -50px;
    mix-blend-mode: unset;
}

.circle-cursor-roll{
    position: absolute;
    transform: skewX(3deg);
}

.cursor-in {
    position: absolute;
    width: 15px;
    height: 15px;
    background: #F06424;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    border-radius: 50%;
}

.home_intro_txt_top,
.cloud_mask_container,
.home_intro_txt_bottom{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;    
}

.home_intro_txt_top svg{
    width: 100%;
    height: 100%;
}

.home_intro_txt_top{
    z-index: 1;
}

.cloud_mask_container{
    z-index: 2;
}

.home_intro_txt_bottom{
    z-index: 3;
}

.intro_text{
    font-size: 7rem;
    font-weight: bold;
    opacity: 0;
}
.home_intro_txt_top,
.home_intro_txt_bottom{
    font-size: 12rem;
    font-weight: bold;
    color: #F06424;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_intro_txt_bottom{
    color: #000;
    opacity: 0;
    transform: scale(0);
    align-items: end;
}

.home-intro-container{
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.home-intro-container .home-intro-scroll-path{
    position: absolute;
    width: 100%;
    height: 120%;
    height: 120vh;
    pointer-events: none;
}

.home-intro-container .home-intro-main{
    height: 100%;
    width: 100%;
}

.home-intro-container .home-intro-main svg{
    height: 100%;
    width: 100%;
}

@media(min-width: 1025px){
    .elementor-nav-menu--dropdown li:last-child a{
        border-bottom: 0 !important;
    }
}

@media(min-width: 1201px){

}

@media(max-width: 1200px){
    
    .home-intro-container {
       height: 600px;
    }
    
    .home-intro-container .home-intro-scroll-path{
        
    }
    
    .home_intro_txt_top,
    .home_intro_txt_bottom{
        font-size: 8rem;
        font-weight: bold;
    }   
        
    .author-skew .elementor-widget-image .elementor-widget-container img{
        max-width: 280px !important;
    }

    .author-skew .elementor-widget-image .elementor-widget-container{
        transform: skewX(12deg) scale(1.9) translateY(46px);
    }

}

@media(max-width: 1024px){

    .side_menu{
        display: none !important;
    }

    .top-section-navigation{
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        min-height: 65px;
        background: #fff;
    }

    .top-section-navigation.elementor-sticky--effects{
        background-color: #fff !important;
    }

    .top-header-container{
        background-color: #fff !important;
        margin-bottom: 0 !important;
    }


    .top-header-social .elementor-social-icon{
        background-color: #000 !important;
    }

    .top-header-social .elementor-social-icon i{
        color: #fff !important;
    }

    .top-header-container .top-header-logo{

    }

    .col_nav_social{
        position: absolute;
        max-width: 200px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .col-nav-menu,
    .col-nav-menu > .elementor-widget-wrap,
    .col-nav-menu > .elementor-widget-wrap > .elementor-widget{
        position: initial !important;
    }

    .col-nav-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container{
        position: fixed !important;
        margin-top: 0 !important;
        left: 0;
        width: 100%;
        top: 62px;
        height: calc(100vh - 62px);
        overflow-y: auto;
        padding: 0;
        background: #F06424 !important;
    }

    .col-nav-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container ul{
        display: block !important;
        box-shadow: none !important;
    }

    .col-nav-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul > li > a{
        padding-left: 0 !important;
        margin-left: 22px !important;
        border-color: #fff !important;
    }

    .col-nav-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container ul.sub-menu li{
        padding-left: 22px;
    }

    .main-top-header .elementor-nav-menu > li > a{
        padding-top: 13px !important;
        padding-bottom: 9px !important;
    }

    .elementor-item.has-submenu .sub-arrow-dot{
        display: none !important;
    }

    .top-header-social > .elementor-widget-container{
        padding-right: 0;
    }
    
    .circle-cursor{
        display: none !important;
    }
    
    .home-intro-container {
       height: 600px;
    }
    
    .cloud_mask_container{
    }
    
    .home_intro_txt_top,
    .home_intro_txt_bottom{
        font-size: 6rem;
        font-weight: bold;
    }  
    
    /*.portfolio-masonry > .elementor-widget-container > .elementor-portfolio {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }
    
    .portfolio-masonry > .elementor-widget-container > .elementor-portfolio > article {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75% !important;
        width: calc(75vw - 30px) !important;
    }*/
}

@media(max-width: 767px){

    .top-header-container .top-header-logo{
        padding-left: 10px;
        margin-left: 0px;
    }

    .author-skew .elementor-widget-image{
        transform: skewX(0);
    }

    .author-skew .elementor-widget-image .elementor-widget-container{
        transform: skewX(0) scale(1) translateY(0);
    }
    
    .intro_text {
       font-size: 6rem;
    }
    
    .content_word_it{
        height: 300px;
        min-height: 300px;
        width: 225px;
        margin-left: auto;
        margin-right: auto;
    }
    
}

@media(max-width: 500px){
    .col_nav_social{
        display: none !important;
    }
    
    .home-intro-container {
       height: 500px;
    }
    
    .home_intro_txt_top,
    .home_intro_txt_bottom{
        font-size: 3.5rem;
        font-weight: bold;
    }
    
    
}

@keyframes translateinfinite_left {
    100% {
        transform: translateX(-100%);
    }
}

@keyframes translateinfinite_right {
    100% {
        transform: translateX(100%);
    }
}