:root
{ 
    --main_font:Della Respira; 
    --admin_font:Roboto;
    --web_primary_color:rgb(228, 198, 103);
    /*--web_primary_color:rgb(179, 149, 60);*/
    --web_secondary_color: rgb(10,10,15);
    --web_tertiary_color: rgb(60,60,60);
    --navHeight:80px;
    --green_boot: rgb(130,201,30);
    --red_dtc: rgb(186,0,0);
    --red_darker_dtc:rgb(204,0,0);
    --yellow_dtc:rgb(244,227,73);
    --blue_marine:rgb(49,47,84);
    --blue_prussian:  rgb(0,49,83);
    --blue_costadog:  rgb(0,71,113);
    --blue_facebook: rgb(54, 85, 148);
    --blue_twitter:rgb(0, 167, 231); 
    --blue_bubble: rgb(66, 146, 227);
    --blue_boot:rgb(51,122,183);
    --purple_boot:  rgb(96,92,168);
    --red_boot:rgb(241,94,94);
    --red_alert:rgb(219,13,74);
    --grey_boot:  rgb(120,120,120);
    --grey_light_boot:rgb(185,185,185);
}


/*GENERAL*/
* { box-sizing:border-box; margin:0; padding:0;} 
body{font-family:var(--main_font); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a{text-decoration:none; color:var(--web_primary_color);}
textarea{font-family:var(--input_font) !important; box-shadow: none; outline:none; border:none;}
input{font-family:var(--input_font) !important; box-shadow: none; outline:none; border:none;}
::placeholder {font-family:var(--input_font) !important; opacity: 1;}
input[type=checkbox]{ padding: 10px;}
button{font-family:var(--main_font) !important; border:none; outline:none; box-shadow:none; background-color:transparent; box-shadow:none; cursor:pointer;}


/*TABLES*/
table, th, td ,tr{border:1px solid var(--grey_light_boot); border-collapse: collapse;  white-space: pre-line;}
th, td {padding: 5px 5px; overflow:hidden;}
th { text-align: left; border:1px solid var(--grey_light_boot);}
/*TABLES*/


/*LAYOUT*/
.LAYOUTbody1{margin:0px 0px 0px 0px; background-color:rgb(255,255,255); position:relative; display:flex; flex-direction:column; max-width:100%; min-height:100%; height:auto; overflow-x:hidden;}
.column_index_home_padding_1{width:100%; height:auto; display:flex; flex-direction:column; padding:50px;}
.column_index_home_padding_2{width:100%; height:auto; display:flex; flex-direction:column; padding:50px;}
.wrapper_list{width:100%; height:auto; display:flex; flex-direction:row; flex-wrap:wrap;}
@media only screen and (max-width: 1120px) 
{
.LAYOUTbody1{padding:45px 0px 0px 0px; display:flex; flex-direction:column; max-width:100%; min-height:100%; height:auto; overflow-x:hidden;}
.column_index_home_padding_1{width:100%; height:auto; display:flex; flex-direction:column; padding:10px;}
.column_index_home_padding_2{width:100%; height:auto; display:flex; flex-direction:column; padding:10px 0px 10px 10px;}
.wrapper_list{width:100%; height:auto; display:flex; flex-direction:column; flex-wrap:wrap; align-items:center;}
}


/*FONT SIZE*/
.fs_jumbo{font-size:55px;}
.fs_huge{font-size:45px; line-height:55px;}
.fs_bigger{font-size:26px; line-height:48px;}
.fs_big{font-size:23px; line-height:32px;}
.fs_normal{font-size:17px; line-height:29px;}
.fs_small{font-size:15px; line-height:24px;}
.fs_smaller{font-size:13px; line-height:0;}
.fs_nano{font-size:13px;}
@media only screen and (max-width: 1120px) 
{
.fs_jumbo{font-size:35px;}
.fs_huge{font-size:30px; line-height:48px;}
.fs_bigger{font-size:25px; line-height:40px;}
.fs_big{font-size:19px; line-height:30px;}
.fs_normal{font-size:16px;}
.fs_small{font-size:13px;}
.fs_smaller{font-size:10px;}
.fs_nano{font-size:7px;}
}


/*COLOR*/
.c_primary{color:var(--web_primary_color);}
.c_secondary{color:var(--web_secondary_color);}
.c_dark{color:rgb(0,0,0);}
.c_grey{color:rgb(100,100,100);}
.c_normal{color:rgb(34,36,38);}
.c_light{color:rgb(255,255,255) !important;}
/*COLOR*/


/*BACKGROUND COLOR*/
.bc_primary{background-color:var(--web_primary_color); }
.bc_secondary{background-color:var(--web_secondary_color);}
.bc_tertiary{background-color:var(--web_tertiary_color);}
.bc_light{background-color:white;}
.bc_dark{background-color:black;}
/*BACKGROUND COLOR*/


/*MISC*/
.cursor{cursor:pointer;}
.visible{visibility: visible !important;}
.hidden{display:none !important;}
.fade{opacity:1;}
.fade:hover{opacity:0.8;}
.pointer{cursor:pointer;}
.shadow{box-shadow:3px 3px 6px rgba(0,0,0,0.2);}
.text_shadow{text-shadow:3px 3px 6px rgba(0,0,0,0.5);}
.uppercase{text-transform:uppercase;}
.semi_bold{font-weight:600 !important;}
.bold{font-weight:900 !important;}
.sticky{position:fixed !important; top:0px; box-shadow:3px 3px 6px rgba(0,0,0,0.4);}
.html img{width:100% !important; height:auto}
.html_hide_img img{display:none !important;}
.parallax-content{position: relative; overflow: hidden; background-size: cover; background-attachment: fixed; background-position: center center;}
.parallax {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.parallax:before {content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; z-index: -1; background-position: center top; background-repeat: no-repeat; background-size: 120% auto;}
.ql-editor.ql-blank::before{color:black !important; font-size:17px !important;}

@font-face { font-family: Doodle; src: url('/fonts/Doodle.ttf'); }
@font-face { font-family: Pricetown; src: url('/fonts/Pricetown.ttf'); }


.USERmodal4_maincontainer{width:100%; height:100vh; position:fixed; top:0px; left:0px; display:flex; align-items:center; justify-content:center; background-color:rgba(0,0,0,0.75); z-index:999999999999999999999;}
.USERmodal4_container{width:40%; height:auto;  border-radius:0px; padding:10px; display:flex; flex-direction:column;}
.USERmodal4_header_container{width:100%; height:90px; position:relative; display:flex; align-items:center; justify-content:center;}
.USERmodal4_header_title{margin:0px;}
.USERmodal4_close_container{display:flex; align-items:center; position:fixed; cursor:pointer; top:20px; right:20px;}
.USERmodal4_close_icon{margin:0px 0px 0px 10px;}
.USERmodal4_stripe{width:100%; height:10px; background-color:white;}
.USERmodal4_content_container{width:100%; min-height:300px; height:auto; padding:10px; display:flex; align-items:center; justify-content:center; flex-direction:column; background-color:rgb(225,225,225);}
.USERmodal4_content_image{width:200px; height:200px; position:relative; margin:0px 0px 5px 0px; border-radius:50%; border:10px solid white; background-image:url('/img/misc/monst-8.jpg'); background-size:cover;}
.USERmodal4_content_title{margin:px 0px 5px 0px; text-align:center;}
.USERmodal4_footer_container{width:100%; height:90px; padding:0px; display:flex; flex-direction:column; align-items:center; justify-content:center;  background-color:white;}
.USERmodal4_footer_button{height:40px; width:auto; padding:0px 20px;  border-radius:35px; display:flex; align-items:center; justify-content:center;}
@media only screen and (max-width: 1120px) 
{
.USERmodal4_maincontainer{width:100%; height:100vh; position:fixed; top:0px; left:0px; display:flex; align-items:center; justify-content:center; background-color:rgba(0,0,0, 0.75); z-index:999999999999999999999;}
.USERmodal4_container{width:95%; height:85%;  border-radius:0px; padding:5px; display:flex; flex-direction:column;}
.USERmodal4_header_container{width:100%; height:75px; position:relative; display:flex; align-items:center; justify-content:center;}
.USERmodal4_header_title{margin:0px 0px 0px 0px;}
.USERmodal4_close_container{display:flex; align-items:center; position:fixed; cursor:pointer; top:5px; right:10px;}
.USERmodal4_close_icon{margin:0px 0px 0px 10px;}
.USERmodal4_stripe{width:100%; height:5px; background-color:white;}
.USERmodal4_content_container{width:100%; height:300px; padding:10px; display:flex; align-items:center; justify-content:center; flex-direction:column; background-color:rgb(230,230,230);}
.USERmodal4_content_image{width:175px; height:175; position:relative; border-radius:50%; border:5px solid white; background-image:url('/img/misc/monst-8.jpg'); background-size:cover;}
.USERmodal4_content_title{margin:0px; font-size:16px; text-align:center;}
.USERmodal4_footer_container{width:100%; height:75px; padding:5px; display:flex; flex-direction:column; align-items:center; justify-content:center;  background-color:white;}
.USERmodal4_footer_button{height:40px; width:auto; padding:0px 20px;  border-radius:35px; display:flex; align-items:center; justify-content:center;}
}