@font-face {
    font-family: 'Futura Hv BT';
    src: url('../fonts/FuturaBT-Heavy.woff2') format('woff2'),
        url('../fonts/FuturaBT-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Lt BT';
    src: url('../fonts/FuturaBT-Light.woff2') format('woff2'),
        url('../fonts/FuturaBT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Md BT';
    src: url('../fonts/FuturaBT-Medium.woff2') format('woff2'),
        url('../fonts/FuturaBT-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Bl BT';
    src: url('../fonts/FuturaBT-Bold.woff2') format('woff2'),
        url('../fonts/FuturaBT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.futuraHv{
	font-family: 'Futura Hv BT' !important;
}
.futuraLt{
	font-family: 'Futura Lt BT' !important;
}
.futuraMd{
	font-family: 'Futura Md BT' !important;
}
.futuraMd h2, .futuraMd h3, .futuraMd h1, .futuraMd p, .futuraMd a, .futuraMd strong{
	font-family: 'Futura Md BT' !important;
}
.futuraBl{
	font-family: 'Futura Bl BT' !important;
}


.futuraHv h2, .futuraHv h3, .futuraHv h1 , .futuraHv p, .futuraHv a{
	font-family: 'Futura Hv BT' !important;
}

.futuraLt h2, .futuraLt h3, .futuraLt h1, .futuraLt p, .futuraLt a{
	font-family: 'Futura Lt BT' !important;
}

.futuraBl h2, .futuraBl h3, .futuraBl h1, .futuraBl p, .futuraBl a{
	font-family: 'Futura Bl BT' !important;
}
.myiconbox .elementor-icon-box-title{    background: #178df859;
padding: 44px 20px 10px 20px;
    color: #fff;
    margin-top: -47px;
    font-size: 20px;
    width: 270px;
    height: 120px;}

.myiconbox.paddingminus .elementor-icon-box-title{padding-top: 30px;}
.wpcf7-form input[type="email"]{background: #46464c;
    border: 0;
    color: #fff;font-family: 'Futura Lt BT' !important; margin-bottom:10px;}
.wpcf7-form br{display:none}
.wpcf7-form input[type="submit"]{display:none}
.wpcf7-form .wpcf7-list-item-label{color:#fff; font-family: 'Futura Lt BT' !important;}

.tm-heading-background-shape{position: relative;z-index: 2;}
.tm-heading-background-shape::after{content: '';
    position: absolute;
    left: -3%;
    background-repeat: no-repeat;
    z-index: -1;
    bottom: auto;
    border-radius: 50%;
    border: 5px solid #609;
    padding: 12px;
    width: 100%;
    height: 60%;
    top: 8px;
    border: 5px solid transparent;
    background: linear-gradient(45deg, purple, orange) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    background: linear-gradient(45deg, #0044f9, #00bafd) border-box;}
@keyframes rotate360 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.rotating-image {
    animation: rotate360 30s ease-out infinite;
}

.rotating-image.paused {
    animation-play-state: paused;
}

.rotating-image.delayed {
    animation-delay: 1s; /* 3 rotations * 2 seconds delay per rotation */
}


.myiconbox svg {
        animation: rotate360 10s linear infinite;
    }
.particles-js-canvas-el{position:absolute;}
.myhovereffect:hover img{transform:scale(1.1);filter: brightness(1.1);}
.myhovereffect{overflow:hidden;}
.myhovereffect .elementor-widget-container{display: inline-table;overflow: hidden;}


#cursor,
#follower {
position: fixed;
border-radius: 50%;
pointer-events: none;
opacity: 0;
}
#cursor {
background: #2fabf9;
width:10px;
   height:10px;
z-index: 1001;
opacity: 0;
transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transition: transform 0.5s;
-webkit-transition: -webkit-transform 0.5s;
-ms-transition: -ms-transform 0.5s;
-o-transition: -o-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
}
#follower {
background: #2fabf9;
opacity: 0.2;
width:40px;
   height:40px;
border-radius: 50%;
transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
z-index: 1000;
transition: transform 0.5s;
-webkit-transition: -webkit-transform 0.5s;
-ms-transition: -ms-transform 0.5s;
-o-transition: -o-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
}
#follower.active {
transform: translate(-50%, -50%) scale(2.4);
-o-transform: translate(-50%, -50%) scale(2.4);
-moz-transform: translate(-50%, -50%) scale(2.4);
-ms-transform:translate(-50%, -50%) scale(2.4);
-webkit-transform:translate(-50%, -50%) scale(2.4);
background: #2fabf9;
opacity: 0.2;
}
#cursor.hide,
#follower.hide {
display: none;
}
body{
   cursor: none;
}

.elementor-309 .elementor-element.elementor-element-d713c85 .hfe-page-title-icon svg {fill: #ffffff !important;    width: 18px;}
.myiconee a{color:#fff !important;}

@media screen and (min-width: 1024px) {
	//#mycanvas{position:absolute;}
}

@media screen and (max-width: 1024px) {
	#mycanvas{display:none;}
	.canvas-cover{height:auto !important;}
	.mymainsea{position:relative !important;}
}
@media screen and (max-width: 767px) {
	.rotating-image{position:relative!important;}
	.tm-heading-background-shape::after{content: '';
top:0px !important;}
.myhovereffect .elementor-widget-image{//z-index:1 !important;}
	.tm-heading-background-shape{z-index:1;}
}