/*
** BOOTSTRAP + NORMALIZE + CUSTOM
*/



/* CONTAINER _____________________________________________________________________ */

html { line-height: 1.15; -webkit-text-size-adjust: 100%; /* 2 */ }
body { padding: 0; margin: 0; }
main { display: block; }
.container { position: relative; width:100%; margin: 0 auto; max-width: 1920px; }




/* SIMULATE BOOTSTRAP _____________________________________________________________________ */

.w10 { width: 10%; }
.w15 { width: 15%;}
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: calc(100% / 3); }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w66 { width: calc((100% / 3) * 2); }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }


.rel { position: relative; }
.abs { position: absolute; }
.float_l { float: left; }
.float_r { float: right; }




/* DINAMIC HEIGHT _____________________________________________________________________ */

.h10 { height: 10vh; }
.h15 { height: 15vh; }
.h20 { height: 20vh; }
.h25 { height: 25vh; }
.h30 { height: 30vh; }
.h35 { height: 35vh; }
.h40 { height: 40vh; }
.h45 { height: 45vh; }
.h50 { height: 50vh; }
.h55 { height: 55vh; }
.h60 { height: 60vh; }
.h65 { height: 65vh; }
.h70 { height: 70vh; }
.h75 { height: 75vh; }
.h80 { height: 80vh; }
.h85 { height: 85vh; }
.h90 { height: 90vh; }
.h95 { height: 95vh; }
.h100 { height: 100vh; }




/* PADDING _____________________________________________________________________ */ 

.p1 { padding: 1.25%; }
.p2 { padding: 2.5%; }
.p5 { padding: 5%; }
.p7 { padding: 7.5%; }
.p10 { padding: 10%; }
.p15 { padding: 15%; }
.p20 { padding: 20%; }
.p25 { padding: 25%; }
.p30 { padding: 30%; }
.p35 { padding: 35%; }
.p40 { padding: 40%; }
.p45 { padding: 45%; }
.p50 { padding: 50%; }


.notop { padding-top: 0 !important; }
.noright { padding-right: 0 !important; }
.nobottom { padding-bottom: 0 !important; }
.noleft	{ padding-left: 0 !important; }




/* TABLE _____________________________________________________________________ */

.t_flex { display:flex; align-items: center; justify-content: center; }
.t_left { display: flex; align-items: center; justify-content: flex-start; }
.t_right { display: flex; align-items: center; justify-content: flex-end; }




/* ELEMENTS _____________________________________________________________________ */

.only_screen{display:inline-block;}
.only_mobile{display:none;}




/*__ GENERAL __*/

.clr { clear: both; }
.none { display: none !important; }
.display { display: initial !important; }
.hidden { visibility: hidden !important; }
.non-hidden { visibility: visible !important; }

.grid_item:nth-of-type(1n+1) { clear: both; }




/*__ FILTERS __*/
.filter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.filter_black { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-color: #1e1e1e; opacity: 0.5; }
.filter_blue { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-color: #0c366b; opacity: 0.6; }




/* TYPO & FONTS _____________________________________________________________________ */

h1, h2, h3, h4, p, a ,form, ul, li{
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	margin: 0; padding: 0;
}
h1 { font-family: 'Nikoleta'; font-size: 60px; line-height: 1; color: #525252; font-weight: 600; }
h2 { font-family: 'Nikoleta'; font-size: 40px; line-height: 1.1; color: #0c366b; font-weight: 400; }
h3 { font-family: 'Proxima Nova Th'; font-size: 20px; line-height: 1; color: #32b3c9; font-weight: 800; }
h4 { font-family: 'Proxima Nova Lt'; font-size: 40px; line-height: 1; color: #525252; font-weight: 600; }
p, li { font-family: 'Proxima Nova Alt Lt'; font-size: 20px; line-height: 1; color: #525252; font-weight: 300; }
p { line-height: 1.1; }
li { line-height: 1; list-style: none; }
a {
	font-family: 'Proxima Nova Lt'; font-size: 20px; line-height: 1; color: #525252; font-weight: 600; text-decoration: none;
	display: block; transition: .3s ease; background-color: transparent;
}
span { color: #32b3c9; }
b, strong { font-weight: bolder; }
img { width: 100%; height: auto; border-style: none; }




/* BUTTONS _____________________________________________________________________ */

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1;
  margin: 0;
}
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }




/* SPECIAL TAGS _____________________________________________________________________ */

hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; resize: none; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }











/* responsive layout _____________________________________________________________________ */


/*__ FLUID RESPONSIVE __*/
@media screen and (max-width: 1680px) {

	.font { font-size: calc(12px + (24 - 12) * ((100vw - 480px) / (1680 - 480))); }

}




/*__ ÜBER __*/
@media screen and (min-width: 1920px) {}




/*__ FULL_HD __*/
@media screen and (max-width: 1920px) {}




/*__ LAPTOP __*/
@media screen and (max-width: 1440px) {}




/*__ TABLET GRANDE __*/
@media screen and (max-width: 1280px) {

	.h5 {  height: ; min-height: ; }
	.h10 { height: ; min-height: ; }
	.h15 { height: ; min-height: ; }
	.h20 { height: ; min-height: ; }
	.h25 { height: ; min-height: ; }

}




/*__ TABLET __*/
@media screen and (max-width: 1024px) {

	.h5 {  height: ; min-height: ; }
	.h10 { height: ; min-height: ; }
	.h15 { height: ; min-height: ; }
	.h20 { height: ; min-height: ; }
	.h25 { height: ; min-height: ; }

}




/*__ TABLET PICCOLO __*/
@media screen and (max-width: 768px) {

	.h5 {  height: ; min-height: ; }
	.h10 { height: ; min-height: ; }
	.h15 { height: ; min-height: ; }
	.h20 { height: ; min-height: ; }
	.h25 { height: ; min-height: ; }

}




/*__ MOBILE PORT __*/
@media only screen and (max-width: 480px) {

	.h5 {  height: ; min-height: ; }
	.h10 { height: ; min-height: ; }
	.h15 { height: ; min-height: ; }
	.h20 { height: ; min-height: ; }
	.h25 { height: ; min-height: ; }

}




















@media only screen and (max-width: 768px) {

   	.w10:not(.noresp){	width:100%; 	float:none;}
	.w15:not(.noresp){	width:100%; 	float:none;}
	.w20:not(.noresp){	width:100%; 	float:none;}
	.w25:not(.noresp){	width:100%; 	float:none;}
	.w30:not(.noresp){	width:100%; 	float:none;}
	.w33:not(.noresp){	width:100%; 	float:none;}
	.w35:not(.noresp){	width:100%; 	float:none;}
	.w40:not(.noresp){	width:100%; 	float:none;}
	.w50:not(.noresp){	width:100%; 	float:none;}
	.w60:not(.noresp){	width:100%; 	float:none;}
	.w70:not(.noresp){	width:100%; 	float:none;}
	.w75:not(.noresp){	width:100%; 	float:none;}
	.w80:not(.noresp){	width:100%; 	float:none;}
	.w90:not(.noresp){	width:100%; 	float:none;}
	.w100:not(.noresp){	width:100%; 	float:none;}
	
	.only_screen{display:none;}
	.only_mobile{display:inline-block;}




	.h5 {  height: ; min-height: ; }
	.h10 { height: ; min-height: ; }
	.h15 { height: ; min-height: ; }
	.h20 { height: ; min-height: ; }
	.h25 { height: ; min-height: ; }


}



@media only screen and (max-width:480px) {



	.h5 {  height: ; min-height: ; }
	.h10 { height: ; min-height: ; }
	.h15 { height: ; min-height: ; }
	.h20 { height: ; min-height: ; }
	.h25 { height: ; min-height: ; }
	
	 
			
}