/*! Version: 1.0.4 */
/*! Copyright: Adriano Belfiore */
/*! Data: 13/04/2021 */
/* ======================== */


/* calcolo font */

/* calc([minimum size] + ([maximum size] - [minimum size])
		* ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));

   	font-size: calc(13px + 6 * ((100vw - 320px) / 680));
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,700,700italic,900,900italic);

@font-face {
	font-family: 'robotoBlack';
	src:	url("../fonts/roboto/roboto-black.eot");
	src: 	url("../fonts/roboto/roboto-black.eot?#iefix") format("embedded-opentype"),
                url("../fonts/roboto/roboto-black.ttf") format("truetype"),
                url("../fonts/roboto/roboto-black.woff") format("woff");
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Regular.eot');
    src: url('../fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/Roboto-Regular.woff') format('woff'),
         url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype'),
         url('../fonts/Roboto/Roboto-Regular.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Italic.eot');
    src: url('../fonts/Roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/Roboto-Italic.woff') format('woff'),
         url('../fonts/Roboto/Roboto-Italic.ttf') format('truetype'),
         url('../fonts/Roboto/Roboto-Italic.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Bold.eot');
    src: url('../fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/Roboto-Bold.woff') format('woff'),
         url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype'),
         url('../fonts/Roboto/Roboto-Bold.svg#RobotoBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-BoldItalic.eot');
    src: url('../fonts/Roboto/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/Roboto-BoldItalic.woff') format('woff'),
         url('../fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype'),
         url('../fonts/Roboto/Roboto-BoldItalic.svg#RobotoBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Thin.eot');
    src: url('../fonts/Roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/Roboto-Thin.woff') format('woff'),
         url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype'),
         url('../fonts/Roboto/Roboto-Thin.svg#RobotoThin') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-ThinItalic.eot');
    src: url('../fonts/Roboto/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/Roboto-ThinItalic.woff') format('woff'),
         url('../fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype'),
         url('../fonts/Roboto/Roboto-ThinItalic.svg#RobotoThinItalic') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Light.eot');
    src: url('../fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/Roboto-Light.woff') format('woff'),
         url('../fonts/Roboto/Roboto-Light.ttf') format('truetype'),
         url('../fonts/Roboto/Roboto-Light.svg#RobotoLight') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-LightItalic.eot');
    src: url('../fonts/Roboto/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/Roboto-LightItalic.woff') format('woff'),
         url('../fonts/Roboto/Roboto-LightItalic.ttf') format('truetype'),
         url('../fonts/Roboto/Roboto-LightItalic.svg#RobotoLightItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Medium.eot');
    src: url('../fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/Roboto-Medium.woff') format('woff'),
         url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype'),
         url('../fonts/Roboto/Roboto-Medium.svg#RobotoMedium') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-MediumItalic.eot');
    src: url('../fonts/Roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/Roboto-MediumItalic.woff') format('woff'),
         url('../fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype'),
         url('../fonts/Roboto/Roboto-MediumItalic.svg#RobotoMediumItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}



@media screen and (min-width: 897px) {
	.column_20{width: 20% !important;}
	.column_25{width: 25% !important;}
	.column_50{width: 50% !important;}
	.column_70{width: 70% !important;}
	.column_75{width: 75% !important;}
	.column_80{width: 80% !important;}
}

@media screen and (max-width: 898px) {
	.width_auto{width:auto}
}

.width__10{width:10%}
.width__25{width:25%}
.width__70{width:70%}
.width__100{width:100%}

@media screen and (min-width: 897px){
    .tab__8{width:8%}
    .tab__20{width:20%}
    .tab__30{width:30%}
    .tab__40{width:40%}
    .tab__50{width:50%}
    .tab__90{width:90%}
}
@media screen and (min-width: 1025px){
    .desk__42{width:42%}
    .desk__58{width:58%}
    .desk__66{width:66%}
}
.padding-reset {padding:0 !important;}
.margin-reset {margin:0 !important;}
.padding-left-0 {padding-left:0px !important;}
.padding-left-20 {padding-left:20px !important;}
.padding-20  {padding: 20px !important;}
.padding-ld-10  { padding-left: 10px !important; padding-right: 10px !important;}
.padding-40  {padding: 40px !important;}
.padding-lr-40  {padding: 0 40px !important;}
.padding-bottom-20 {padding-bottom:20px !important;}
.padding-bottom-35 {padding-bottom:35px !important;}
.padding-top-10 {padding-top:10px !important;}
.padding-top-60 { padding-top: 60px; }
.margin-right-10 {margin-right:10px !important;}
.margin-left-40 {margin-left:40px !important;}
@media only screen and (max-width: 436px) {
    .padding-tb-10  {
        padding-top: 10px !important;
	padding-bottom: 10px !important;
    }
}
@media screen and (max-width: 836px){
	.pad-20  {padding: 20px !important;}
}
.line-top { border-top:1px solid #ededed; }

/* PAGE
==================================================================== */
.page-header {
    background: gold;
    height:112px;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    box-shadow: none;
    z-index:100000;
}
.page-footer {
    background: lightgreen;
    height:50px;
}

/* ======================================
	page colon
====================================== */

.wrapper-coluns {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
/*	-moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;*/
/*    width: 100%;*/
    text-align: center;
    min-height: 60px;
/*   margin:0 40px;*/
}

.col-main {
    position: relative;
    display:inline-block;
    text-align: left;
    padding-top: 20px;
    padding-left: 20px;
/*	padding-right: 20px;*/
    width:100%;
    min-width:225px;
}
.col-width {
    min-width:340px;
    margin: 0 auto;
}
@media screen and (max-width: 896px) {
    .wrapper-coluns {
   /* -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
            */
        flex-flow: column wrap;
        padding: 0;
        margin:0;
    }
    .wrapper-coluns-fix {
        width: 380px;
        margin: 0 auto;
    }
    .wrapper-coluns .col-main:last-child {
        border-top: 1px solid #d2d2d7;
        margin-top: 10px;
    }
    .col-main {
        /*padding: 20px 0px 0px;
        min-width:280px;*/
        padding-left: 0px;
        width:auto;
    }
}

.grow {
/*	flex-basis: 200px;
	flex-shrink: 0;*/
    flex-grow: 2;
}

.top-space {margin-top:15px;}

/* Setting
==================================================================== */
::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
}
/*
* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
}

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;        
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}


html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust:100%;
    quotes: "“" "”";
}

body {
    position: static;
    width: 100%;
    height: 100%;
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "Roboto", SF Pro Text, SF Pro Icons, AOS Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color: #f1f3f5;
    color: #1d1d1f;
    font-style:normal;
}
body, button, input, select, textarea {
    font-synthesis: none;
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
    text-align: left;
}
abbr, blockquote, body, button, dd, dl, dt, fieldset, figure,
form, h1, h2, h3, h4, h5, h6, hgroup, input, legend, li, ol, p, pre, ul {
    margin: 0;
    padding:0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color:#1d1d1f;
}
b, strong {
    font-weight:900;
}
cite, dfn, em, i {
    font-style:italic;
}

sub, sup {
    position: relative;
    font-size: .6em;
    vertical-align:baseline;
}
sup {
    top:-.5em;
}
sub {
    bottom:-.25em;
}
button {
  outline: none;
}
button {
    background: none;
    border: 0;
    /*box-sizing: content-box;*/
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    overflow: visible;
    vertical-align:inherit;
}
button:disabled {
    cursor:default;
}

:focus {
    outline: 4px solid rgba(0, 125, 250, .6);
    outline-offset:1px;
}
html.as-mouseuser :focus:not(input):not(textarea):not(select) {
    outline:none;
}
::-moz-focus-inner {
    border: 0;
    padding:0;
}
select:focus,
video {
    outline: none;
}
input.w95 {
    width:95%;
/*	padding-left:5%; */
    color: #5c6098 ;
    outline: 0 !important;
    border: 0;
}
input::-webkit-input-placeholder {
  /* WebKit browsers */
    color: #404370;
}
input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
	color: #404370;
}
input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
	color: #404370;
}
input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
	color: #404370 !important;
}
input::-ms-clear,
input::-ms-reveal {
    display:none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin:0;
}
input::-moz-focus-inner {
    border: 0;
}
ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
a:link, a:hover, a:active, a:visited  {
    outline: none;
    border: 0;
}
a { text-decoration: none;
	color:#7d84b0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
	color:#4983c1;
	text-decoration: underline;
}
.btn {
    /*display: inline-block;*/
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 25px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 18px 18px 18px 18px;
}
.btn-link {
    /*color: #454f95;*/
}
.btn-primary {
    color: #fff;
    background-color: #454f95;
    border-color: #454f95;
}
.btn-primary:hover {
    background-color: #7c83b4;
}
.btn-secondary {
    background-color: #fff;
    color: black;
}
.btn-success, .badge-success {
    background-color: #5eb668; 
}
.btn-danger {
    background-color: #df128e;
}
.btn-warning {
    background-color: #f5b326;
}
.btn-info, .badge-info { 
    background-color: #43bed4;
}
.page-item.active .page-link {
    background-color: #6d6e8a;
    color: white !important;
}
.page-item .page-link,
.pagination:first-child .page-link,
.pagination:last-child .page-link{
    color: #6d6e8a;
}