/* General Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900|Raleway:400,300,700);

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*
*/
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, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0; }



/********************************************************************************************************************************/

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0; height: 100%;}

*:focus { outline: none; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body { font-family: 'Lato', Calibri, Arial, sans-serif; color: #393939;line-height:normal;}

img { width:100%; max-width:100%; display:block; vertical-align:middle}

a {	color: #393939;	text-decoration: none;}
a:hover { color: #000;}

b { font-weight:900}

/***       **/

.logo { z-index:999999 }


.logo-white {  width:400px; height:150px; position:absolute; top:40px; left:10%; background-image:url(../images/logo-white.png); transition: 0.5s; background-repeat:no-repeat; }
.logo-switch { width:400px; height:150px; position:fixed; top:0; left:10%; background-image:url(../images/logo-switch.png); transition: 0.5s; background-repeat:no-repeat; }


.clear { clear:both;}

@media (max-width : 1199px) {
.liseret-top {position:fixed; width:100%; height:75px; background:#f1f1f1; z-index:999; top:0; left:0}

.logo { left:50%; margin-left:-200px;}
	
	}



@media (max-width : 540px) {
.logo { width:320px;left:50%; margin-left:-160px; background-size:contain;}
	}
	
	
@media (max-width : 480px) {
.logo { width:280px;left:50%; margin-left:-140px; background-size:contain;}
	}