@font-face { font-family: CaviarDreams; src: url(CaviarDreams.ttf); }
@font-face { font-family: CaviarDreams_Bold; src: url(CaviarDreams_Bold.ttf); }
@font-face { font-family: CaviarDreams_Bold; src: url(CaviarDreams_Bold.ttf); }
@font-face { font-family: Barlow; src: url(Barlow_Regular.ttf); }
@font-face { font-family: Barlow_thin; src: url(Barlow_Thin.ttf); }
@font-face { font-family: Barlow_light; src: url(Barlow_Light.ttf); }
@font-face { font-family: OpenSans; src: url(OpenSans_Regular.ttf); }
@font-face { font-family: Syne; src: url(Syne_Regular.ttf); }

* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

:root { --color_main: #ff8500; }

html { padding:0; margin:0; }
body { margin:0; padding:0; width:100%; background-color:#ffffff; color:#121820; font:14px normal 'OpenSans'; }
img { border:none; }
input { color:#444444; }

.p_w { width:100%; max-width:1100px; }

.flex_page { display: flex; min-height: 100vh; flex-direction: column; justify-content: flex-start; }

#main_box { position:relative; margin:110px auto; z-index:1; vertical-align:top; }

#main_box_l { display:inline-block; width:0; height:0; background-color:#ffffff; vertical-align:top; margin:0; padding:0; }
#main_box_c { display:inline-block; width:100%; min-width:250px; align-content:200px; vertical-align:top; margin:0; padding:6px 0 0 6px; }
#main_box_c { font:16px 'OpenSans'; }
#main_box_r { display:none; width:0; height:0; background-color:#ffffff; vertical-align:top; margin:0; padding:0; }

#main_box hr { width:100%; height:12px; background-color:#eeeeee; border:none; margin:12px 0; }

footer {  width:100%; background-color:#171d25; margin:auto 0 0 0; padding:0; }
#footer_box { position:relative; min-height:120px; margin:0 auto; z-index:6; padding:16px 12px 16px 12px; background-color:#2a3037; }
#footer_box { color:#85888c; font:12px 'OpenSans'; }
#footer_box a { vertical-align:top; text-decoration:none; color:#ffffff; font:12px 'OpenSans'; padding-right:6px; }
#footer_box a:hover { }

.bolla::before,
.bolla::after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.bolla::before,
.bolla::after { position:absolute; top:50%; left:50%; width:60px; height:60px; border:2px solid rgba(100,100,100,0.1); border-radius:50%; content:''; opacity:0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2); -moz-transform: translateX(-50%) translateY(-50%) scale(0.2); transform: translateX(-50%) translateY(-50%) scale(0.2); }	
.bolla::after { width:50px; height:50px; border-width:5px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8); }
.bolla:hover::before,
.bolla:hover::after,
.bolla:focus::before,
.bolla:focus::after { opacity:1; -webkit-transform:translateX(-50%) translateY(-50%) scale(1); -moz-transform:translateX(-50%) translateY(-50%) scale(1); transform:translateX(-50%) translateY(-50%) scale(1); }	
.bolla { font:18px 'Syne'; color:#121820; text-decoration:none; display:inline-block; margin:20px 12px 0 12px; vertical-align:middle; }

.c_orange:hover { color: var(--color_main); }
.c_orange::after, .c_verde::before { border-color: rgba(245,124,0,0.1) !important; }

header { width:100%; height:66px; position:fixed; top:0px; background-color:#f8f8f8; z-index:2; }
#head_box { position:relative; margin:0 auto; z-index:6; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

#logo_box { display:inline-block; }
#logo_box img { width:60px; height:60px; margin:2px 6px 0 0; }

#nav_box { display:inline-block; padding:2px 0 0 0; margin:0 0 0 0; vertical-align:top; }
#nav_box a { font:18px 'Syne'; color:#121820; text-decoration:none; display:inline-block; }
#nav_box a { position:relative; outline:none; text-shadow:0 0 1px rgba(255,255,255,0.3); }
#nav_box a:hover,
#nav_box a:focus { outline: none; }

.spinner { display:block; width:40px; height:40px; position:absolute; margin:10px 0 0 0; z-index:3; text-align: center; -webkit-animation: sk-rotate 10.0s infinite linear; animation: sk-rotate 10.0s infinite linear; }
.spinner_a, .spinner_b { display:block; width: 60%; height: 60%; display: inline-block; position:absolute; top: 0; background-color: var(--color_main); border-radius: 100%; -webkit-animation: sk-bounce 10.0s infinite ease-in-out; animation: sk-bounce 10.0s infinite ease-in-out; }
.spinner_b { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; background-color:#ffb400; }
@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } }
@keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% {  transform: scale(1.0); -webkit-transform: scale(1.0); } }
 
::selection { background:var(--color_main); color:#fff; }

::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-button { background:#2f333d; }
::-webkit-scrollbar-track { background: #2f333d; }
::-webkit-scrollbar-track-piece { }
::-webkit-scrollbar-thumb { background: var(--color_main); }
::-webkit-scrollbar-thumb:hover { background: var(--color_main); }
::-webkit-scrollbar-corner { }
::-webkit-resizer { }