@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');




:root{	
	--yourBorderRadius: 25px;
	
	--yourColorBlack1: #020202;
	--yourColorBlack2: #121212;
	--yourColorBlack3: #222222;
	
	--yourColorWhite1: #e2e2e2;
	--yourColorWhite2: #c2c2c2;
	--yourColorWhite3: #a2a2a2;
	
	--yourColorGolden1: #f6c48d;
	--yourColorGolden2: #fbe5ca;	
}



hh1{
    font-size: 48px;    
}

hh2{
    font-size: 40px;    
}

hh3{
    font-size: 32px;        
}

hh4{
    font-size: 24px;    
    
}

hh5{
    font-size: 20px;       
}

hh6{
    font-size: 14px;    
}

pp{
    font-size: 16px;
}


aa{
    
}





/*

COLOR CONVERT

*/

#AceTopbar{
    background-color: var(--yourColorBlack2);
}







/* 
GOLDEN RULE
 */



.myXGoldenHeader{
	background: linear-gradient(45deg, #f6c48d 0%, #fbe5ca 40%, #f6c48d 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.myXGoldenButton,
.myXGoldenButton .elementor-button{
	background-image: -webkit-gradient(linear, left bottom, left top,#222222,#121212);
    background-image: linear-gradient(to top, #222222, #121212);
    border: solid 2px var(--yourColorGolden1);
	padding: 10px 20px;
	border-radius: var(--yourBorderRadius) !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

.myXGoldenButton a{
	font-size: 14px !important;
    font-weight: 900;
    line-height: 14px;
    color: var(--yourColorGolden2) !important;
    text-decoration: none;
}


.myXGoldenButton:hover a{
    color: var(--yourColorGolden1) !important;
    text-decoration: none;
}

.myXGoldenButton .elementor-button:hover{
background-image: -webkit-gradient(linear, left bottom, left top,#121212,#222222);
    background-image: linear-gradient(to top, #121212,#222222);
	    border: solid 2px var(--yourColorGolden2);


}



.form-control,
.myXGoldenField{
background-color: var(--yourColorBlack3) !important;
    color: var(--yourColorWhite1) !important;
}

.form-control:focus,
.myXGoldenField:focus{
background-color: var(--yourColorBlack2) !important;
    color: var(--yourColorWhite2) !important;
}


.form-control:autofill,
.myXGoldenField:autofill{
background-color: var(--yourColorBlack2) !important;
    color: var(--yourColorWhite2) !important;
}





select:-webkit-autofill,
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #121212 inset !important;
        -webkit-text-fill-color: #ffffff;
        transition: background-color 5000s ease-in-out 0s;

}

/*

AceNavigation    1170
    AceTopbar 30
        ConTopbar
            AceTopbarMenu
            AceTopbarBadge
    AceNavbar 60
        AceNavLogo
        AceNavbarMenu


*/




#AceNavigation {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-style: double;
    border-width: 0px 0px 3px 0px;
    padding: 0px;
    margin: 0px auto 0px auto;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    border-color: var(--yourColorGolden1);
}





#AceTopbar{
    height: 40px;
    min-height: 40px;    
}

#AceNavbar{
    height: 80px;
    min-height: 80px;
}


#AceTopbar,
#AceNavbar{
    display: flex;
    width: 100%;
    padding: 0;
    align-items: center;
    justify-content: space-between;
    margin: 0px auto;
}


#AceTopbar .e-con-inner,
.ConTopbar{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1170px;
    width: 100%;
    margin: 0px auto;
    
}




    .AceNavbarMenu,
    .AceTopbarMenu{
        display: flex;    
        margin-bottom: 0;

    }


    .AceNavbarMenu li,
    .AceTopbarMenu li{
    padding-left: 20px;
        display: inline-flex;
        align-items: center;
    }


    ul.AceNavbarMenu a{
        color: #f2f2f2 !important;
        font-weight: 900;
        font-size: 18px;
        line-height: 18px; 
        text-decoration: none;
    
}





    ul.AceTopbarMenu a{
        color: #f2f2f2 !important;
        font-weight: 900;
        font-size: 14px !important;
        line-height: 14px; 
        text-decoration: none;

    }


    ul.AceNavbarMenu a:hover,
ul.AceTopbarMenu a:hover{
    color: var(--yourColorWhite3) !important;
}



.AceNav1{
    display: flex;
    align-items: center;
}



.AceNavLogo{
    max-height: 40px !important;
    max-width: 400px !important;
    
}





/*

TEMPLATE

*/

.myBody {
    margin: 0;
    font-family: "Comfortaa", Sans-serif;
/*    font-size: 	1rem;*/
/*    font-weight: 400;*/
/*    text-align: left;*/
    background-color: red;
}

body, a, p,
h1, h2, h3, h4, h5, h6,
.myTextComfortaa {
  font-family: "Comfortaa", sans-serif;
  font-optical-sizing: auto;
    background-color: transparent;
    line-height: 1;
  font-style: normal;
    letter-spacing: 0;
/*  font-weight: 400;*/
/*  letter-spacing: var(--letter-spacing);*/
}


.myTextMontserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.PaddingZero{
    padding: 0px;
}

.MarginZero{
    margin: 0px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}