@charset "UTF-8";

/*
Theme Name: Ugly Rubber
Theme URI: Ugly Rubber
Author: https://mcwebdesign.pl
Author URI: https://mcwebdesign.pl
Description: Ugly Rubber theme
Version: 1.0
Text Domain: Ugly Rubber
*/


/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * roboto:
 *   - http://typekit.com/eulas/00000000000000007735a09f
 *   - http://typekit.com/eulas/00000000000000007735a0a3
 *   - http://typekit.com/eulas/00000000000000007735a0a8
 *   - http://typekit.com/eulas/00000000000000007735a096
 *   - http://typekit.com/eulas/00000000000000007735a0a0
 *   - http://typekit.com/eulas/00000000000000007735a0a6
 *   - http://typekit.com/eulas/00000000000000007735a0aa
 *   - http://typekit.com/eulas/00000000000000007735a0ac
 * roboto-condensed:
 *   - http://typekit.com/eulas/00000000000000007735a08c
 *   - http://typekit.com/eulas/00000000000000007735a08d
 *   - http://typekit.com/eulas/00000000000000007735a092
 *   - http://typekit.com/eulas/00000000000000007735a09d
 * roboto-mono:
 *   - http://typekit.com/eulas/00000000000000007735a095
 *   - http://typekit.com/eulas/00000000000000007735a091
 *   - http://typekit.com/eulas/00000000000000007735a093
 *   - http://typekit.com/eulas/00000000000000007735a0a2
 *   - http://typekit.com/eulas/00000000000000007735a0a9
 *   - http://typekit.com/eulas/00000000000000007735a098
 *   - http://typekit.com/eulas/00000000000000007735a0a1
 *   - http://typekit.com/eulas/00000000000000007735a0a7
 *   - http://typekit.com/eulas/00000000000000007735a0ab
 *   - http://typekit.com/eulas/00000000000000007735a0ad
 *
 * © 2009-2023 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2023-11-20 06:56:38 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=hvn7mlb&ht=tk&f=15498.15501.15505.15506.15507.15508.15509.15510.26839.26840.26841.26842.28896.28897.28898.28899.28900.28901.28902.28903.28904.28905&a=133767037&app=typekit&e=css");

@font-face {
font-family:"roboto";
src:url("https://use.typekit.net/af/9d5bd3/00000000000000007735a09f/30/l?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/9d5bd3/00000000000000007735a09f/30/d?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/9d5bd3/00000000000000007735a09f/30/a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"roboto";
src:url("https://use.typekit.net/af/92aa75/00000000000000007735a0a3/30/l?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/92aa75/00000000000000007735a0a3/30/d?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/92aa75/00000000000000007735a0a3/30/a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"roboto";
src:url("https://use.typekit.net/af/75987d/00000000000000007735a0a8/30/l?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/75987d/00000000000000007735a0a8/30/d?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/75987d/00000000000000007735a0a8/30/a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"roboto";
src:url("https://use.typekit.net/af/dec5ec/00000000000000007735a096/30/l?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/dec5ec/00000000000000007735a096/30/d?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/dec5ec/00000000000000007735a096/30/a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"roboto";
src:url("https://use.typekit.net/af/eb6e64/00000000000000007735a0a0/30/l?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/eb6e64/00000000000000007735a0a0/30/d?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/eb6e64/00000000000000007735a0a0/30/a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=i3&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"roboto";
src:url("https://use.typekit.net/af/00cc08/00000000000000007735a0a6/30/l?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/00cc08/00000000000000007735a0a6/30/d?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/00cc08/00000000000000007735a0a6/30/a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"roboto";
src:url("https://use.typekit.net/af/71b9cd/00000000000000007735a0aa/30/l?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/71b9cd/00000000000000007735a0aa/30/d?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/71b9cd/00000000000000007735a0aa/30/a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=i5&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"roboto";
src:url("https://use.typekit.net/af/7f1b26/00000000000000007735a0ac/30/l?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/7f1b26/00000000000000007735a0ac/30/d?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/7f1b26/00000000000000007735a0ac/30/a?primer=e6066692ab328d1a92bb155659ed6609b693e1e352f0e8982e4224719b13bdfb&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"roboto-condensed";
src:url("https://use.typekit.net/af/2876c8/00000000000000007735a08c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/2876c8/00000000000000007735a08c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/2876c8/00000000000000007735a08c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"roboto-condensed";
src:url("https://use.typekit.net/af/ea559d/00000000000000007735a08d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/ea559d/00000000000000007735a08d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/ea559d/00000000000000007735a08d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"roboto-condensed";
src:url("https://use.typekit.net/af/3eafcb/00000000000000007735a092/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/3eafcb/00000000000000007735a092/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/3eafcb/00000000000000007735a092/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"roboto-condensed";
src:url("https://use.typekit.net/af/386c0d/00000000000000007735a09d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/386c0d/00000000000000007735a09d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/386c0d/00000000000000007735a09d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"roboto-mono";
src:url("https://use.typekit.net/af/2cdd15/00000000000000007735a095/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff2"),url("https://use.typekit.net/af/2cdd15/00000000000000007735a095/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff"),url("https://use.typekit.net/af/2cdd15/00000000000000007735a095/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:200;font-stretch:normal;
}

@font-face {
font-family:"roboto-mono";
src:url("https://use.typekit.net/af/fb8d73/00000000000000007735a091/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/fb8d73/00000000000000007735a091/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/fb8d73/00000000000000007735a091/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:200;font-stretch:normal;
}

@font-face {
font-family:"roboto-mono";
src:url("https://use.typekit.net/af/bb6c72/00000000000000007735a093/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/bb6c72/00000000000000007735a093/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/bb6c72/00000000000000007735a093/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"roboto-mono";
src:url("https://use.typekit.net/af/778fa2/00000000000000007735a0a2/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/778fa2/00000000000000007735a0a2/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/778fa2/00000000000000007735a0a2/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"roboto-mono";
src:url("https://use.typekit.net/af/bccc3a/00000000000000007735a0a9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/bccc3a/00000000000000007735a0a9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/bccc3a/00000000000000007735a0a9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"roboto-mono";
src:url("https://use.typekit.net/af/0fa94e/00000000000000007735a098/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/0fa94e/00000000000000007735a098/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/0fa94e/00000000000000007735a098/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"roboto-mono";
src:url("https://use.typekit.net/af/e40204/00000000000000007735a0a1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/e40204/00000000000000007735a0a1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/e40204/00000000000000007735a0a1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"roboto-mono";
src:url("https://use.typekit.net/af/1a7fa9/00000000000000007735a0a7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/1a7fa9/00000000000000007735a0a7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/1a7fa9/00000000000000007735a0a7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"roboto-mono";
src:url("https://use.typekit.net/af/3a928c/00000000000000007735a0ab/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/3a928c/00000000000000007735a0ab/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/3a928c/00000000000000007735a0ab/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"roboto-mono";
src:url("https://use.typekit.net/af/b13ad7/00000000000000007735a0ad/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/b13ad7/00000000000000007735a0ad/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/b13ad7/00000000000000007735a0ad/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

.tk-roboto { font-family: "roboto",sans-serif; }
.tk-roboto-condensed { font-family: "roboto-condensed",sans-serif; }
.tk-roboto-mono { font-family: "roboto-mono",monospace; }

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 {
	display: block;
}
body {
	line-height: 1;
}
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;
}

.projectwidthsmall{
    width:1400px;
}

.projectwidthbig{
    width: 1680px;
}

.marginauto{
    margin:auto;
}

.width10{
    width:10%;
}

.width15{
    width: 15%;
}

.width20{
    width:20%;
}

.width30{
    width:30%;
}

.width35{
    width: 35%;
}

.width40{
    width:40%;
}

.width50{
    width:50%;
}

.width60{
    width:60%;
}

.width70{
    width:70%;
}

.width80{
    width:80%;
}

.width90{
    width:90%;
}

.width100{
    width:100%;
}

.flex{
    display: flex;
}

.justifyflexend{
    justify-content: flex-end;
}

.justifycenter{
    justify-content: center;
}

.alignitemscenter{
    align-items: center;
}

.cky-btn, .cky-audit-table-element{
    font-family: Roboto !important;
}

.cky-audit-table-element td{
    font-family: Roboto !important;
    font-size: 18px !important;
    line-height: 24px;
}


.page p{

/* UI Properties */
text-align: left;
font: normal normal normal 16px/30px Roboto;
letter-spacing: 0.8px;
color: #FFFFFF;
opacity: 1;
}


.page h2, h3, h4, h5, h6{
    /* UI Properties */
text-align: left;
font: normal normal normal 50px/30px Roboto;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
margin-top: 30px;
margin-bottom: 30px;
}

.page h1{
  text-align: left;
font: normal normal normal 80px/80px Roboto;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;  
margin-top: 16px;
margin-bottom: 16px;
}

.centerabsoulte{
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
}

.mobilemenu a{
    text-align: right;
font: normal normal normal 13px/18px Roboto;
letter-spacing: 3.44px;
color: #707070;
opacity: 1;
text-decoration: none;
}

.menupc ul{
    display: flex;
}

.menupc li:nth-of-type(1){
    margin-right: 52px;
}

.page-id-48 .menupc li:nth-of-type(1){
    margin-right: 0px;
}

.page-id-48 #onas{
    height: 748px;
}

#nothingisugly{
   /* UI Properties */
background: transparent url('img/new_pure_vogue_slideshow_desktop_4.jpg') 0% 0% no-repeat padding-box;
background-position: center;
opacity: 1; 
height: 1112px;
}

.absolute{
    position: absolute;
}

.mobilemenu{
    display: none;
}

#headernav{
    margin-top: 50px;
}

.menupc{
    position: absolute;
    right:5px;
}

.colororagnge{
    /* UI Properties */
text-align: left;
font: normal normal normal 20px/40px Roboto;
letter-spacing: 0px !important;
color: #FF7300 !important;
margin-top:30px;
}

.text18{
font: normal normal normal 18px/30px Roboto !important;
}

.menupc a{
    /* UI Properties */
text-align: center;
font: normal normal normal 13px/18px Roboto;
letter-spacing: 3.44px;
color: #707070;
opacity: 1;
text-decoration: none;
}

#umodel{
    /* UI Properties */
background: transparent url('img/baner_umodel.jpg') 0% 0% no-repeat padding-box;
opacity: 1;
background-position: center;
height:714px;;
}

.paddingumodel{
    padding-top: 40px;
    padding-bottom: 159px;
}

#lmodel{
    /* UI Properties */
background: transparent url('img/baner_lmodel.jpg') 0% 0% no-repeat padding-box;
background-position: center;
opacity: 1;
height: 716px;
}

.paddinglmodel{
    padding-top: 68px;
    padding-bottom: 173px; 
}

#pure{
  /* UI Properties */
background: transparent url('img/baner_pure.jpg') 0% 0% no-repeat padding-box;
background-position: center;
background-position-x: 38.5%;
opacity: 1; 
height: 728px; 
}

.paddingpure{
    padding-top: 60px;
    padding-bottom: 186px;
}

#vouge{
/* UI Properties */
background: transparent url('img/baner_vouge.jpg') 0% 0% no-repeat padding-box;
background-position: center;
opacity: 1;
height: 709px;
}

.paddingvouge{
    padding-top: 70px;
    padding-bottom: 206px;
}

#akcesoria{
background: transparent url('img/baner_uchwyty.jpg') 0% 0% no-repeat padding-box;
background-position: center;
height: 716px;
opacity: 1;
}

.black_description{
font: normal normal normal 14px/20px Roboto !important;
letter-spacing: 3.71px !important;
color: #121212 !important;
text-transform: uppercase !important;
opacity: 1;  
max-width: 238px;
margin-top: 37px;
}

.center_text{
text-align: center !important;
}

.column{
    flex-direction: column;
}

#onas{
    /* UI Properties */
background: #121212 0% 0% no-repeat padding-box;
opacity: 1;
height: 605px;
position: relative;
z-index: 2;
}

#savearth{
 background: #EBEBEB 0% 0% no-repeat padding-box;   
}

.paddingakcesoria{
    padding-top: 53px;
    padding-bottom: 106px;
}

.relative{
    position: relative;
}

.topugly{
    top:-70px;
    z-index: 1;
}

.orangetitle{
 /* UI Properties */
text-align: left;
font: normal normal bold 50px/50px Roboto;
letter-spacing: 0px;
color: #FF7300;
opacity: 1;   
margin-bottom: 32px;
}

.blacktext{
    /* UI Properties */
text-align: left;
font: normal normal normal 13px/18px Roboto !important;
letter-spacing: 3.44px !important;
color: #121212 !important;
opacity: 1;
margin-bottom:21px;
}

.iconminmaring{
    top:-50px;
    margin-bottom:-20px;
    z-index: 3;
}

#footer{
  /* UI Properties */
  height: 388px;
background: #121212 0% 0% no-repeat padding-box;
opacity: 1;  
}

.footertitle{
    text-align: left;
font: normal normal normal 13px/18px Roboto !important;
letter-spacing: 3.44px !important;
color: #FF7300 !important;
opacity: 1;
margin-bottom: 10px;
}



.fotertextlink{
   /* UI Properties */
text-align: left;
font: normal normal normal 13px/28px Roboto !important;
letter-spacing: 0.65px !important;
color: #707070 !important;
opacity: 1; 
}

.fotertextlink a{
    text-align: left;
font: normal normal normal 13px/18px Roboto !important;
letter-spacing: 3.44px !important;
color: #707070 !important;
opacity: 1;
text-decoration: none;
}

.textfooterabout{
    width: 291px;

/* UI Properties */
text-align: left;
font: normal normal normal 13px/18px Roboto !important;
letter-spacing: 0.65px !important;
color: #707070 !important;
opacity: 1;
}

.socialpadding{
    margin-top: 21px;
}

.socialpaddingright{
    margin-right: 24px;
}

.uglytrexttop{
    font: normal normal normal 13px/18px Roboto !important;
letter-spacing: 3.44px !important;
color: #FFFFFF !important;
opacity: 1;
}

.uglytexthash{
  /* UI Properties */
font: normal normal normal 14px/30px Roboto !important;
letter-spacing: 3.71px !important;
color: #FFFFFF !important;
opacity: 1;  
margin-bottom: 12px;
}

.textmarginbottom{
    margin-bottom: 30px;
}


.overflowhidden{
    overflow: hidden;
}

.flipflex{
    display: flex;
    width: 35%;
}

.mobileon{
    display: none;
}

.hidden{
    opacity: 0;
}



.animationfadein{
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; 
  bottom: -20px;
  
}

.animationfadeout{
    opacity: 1;
  animation-name: fadeOut;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; 
  bottom: 0px;
}

.privacy-policy #pagebody p{
    font-size:20px;
    color:#000 !important;
    margin-bottom: 50px;
}

.privacy-policy #pagebody h1{
    font-size:20px;
    color:#000 !important;
    font-weight: 600;

}

.privacy-policy #pagebody h2{
    font-size:20px;
    color:#000 !important;
    font-weight: 600;

}

.privacy-policy #pagebody h3{
    font-size:20px;
    color:#000 !important;
    font-weight: 600;

}

.privacy-policy #pagebody h4{
    font-size:20px;
    color:#000 !important;
    font-weight: 600;

}

.privacy-policy #pagebody h5{
    font-size:20px;
    color:#000 !important;
    font-weight: 600;

}

.privacy-policy #pagebody h6{
    font-size:20px;
    color:#000 !important;
    font-weight: 600;
    
}

#pagebody {
   margin-top: 100px;
}

.privacy-policy header{
    background-color: #000;
    margin-top: 0 !important;
    padding-top: 120px;
    padding-bottom: 30px;
    top:0;
}


@keyframes fadeIn {
  from {
    opacity: 0;
    bottom: -20px;
  }
  
  to {
    opacity: 1;
    bottom: 0px;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
    bottom: 0px;
  }
  
  to {
    opacity: 0;
    bottom: -20px;
  }
}


.imgsize{
    width: 280px;
    height:280px;
    bottom:-20px;
}

.paddingeco{
    padding-bottom: 153px;
}

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

    #umodelimg {
        width: 100%;

    }

    #lmodelimg{
        width: 100%;
    }

    #pureimg{
        width: 100%;
    }

    #vougeimg{
        width: 100%;
    }

    .projectwidthsmall {
        width:90%;
        margin:auto;
    }

    .projectwidthbig{
        width: 100%;
    }

    #ecoimg .flex{
        flex-wrap: wrap;
        justify-content: center;
    }

    #headernav .justifycenter{
        justify-content: center;
    }

    #headernav .projectwidthsmall {
        width:90vw;
    }

    #pureimg .justifycenter{
        justify-content: center;
    }

    #vougeimg .justifycenter{
        justify-content: center;
    }

    .justifycenter{
        justify-content: flex-start;
    }
}


@media screen and (max-width: 1500px) {
    #nothingisugly {
        background-position: center;
        background-position-x: 45%;
    }

    #pure {
    background-position-x: 45%; 
}



}


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

    #footer{
    padding-top: 82px;
    padding-bottom: 19px;
    height: 100%;
}

    .textfooterabout{
        width: 85%;
    }

    #footer .flex {
    flex-wrap: wrap;
}





#footer .width20{
    margin-bottom: 40px;
    width: 30%;
}

#footer .width15{
    margin-bottom: 40px;
}

#footer .width10{
    width:20%;
}

#footer .width35{
    width:80%;
    margin-bottom: 62px;
}

.marginleftfooter{
    margin-left: 20%;;
}

#onas .width70{
    width:100%;
}


    .topugly img{
        width:100%;
        height: auto;
    }

    .orangetitle{
        font-size: 40px;
    }
}



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

#nothingisugly .width30, #umodel .width30, #lmodel .width30, #pure .width30, #vouge .width30, #akcesoria .width30{
    width: 85%;
    margin: auto;
}

#nothingisugly .marginauto {
    margin:0;
    margin-top: 127px;
}

    #nothingisugly{
    /* UI Properties */
        background: #000 url('img/new_pure_vogue_slideshow_mobile.jpg') 0% 0% no-repeat padding-box;
        background-position: bottom;
        height:880px;
        align-items: flex-start;
    }

    #umodel {
    background: transparent url('img/baner_umodel_mobile.jpg') 0% 0% no-repeat padding-box;
    background-position: bottom;
    background-size: cover;
    height:1080px;
    align-items: flex-start;
    }

    #lmodel {
    background: transparent url('img/baner_lmodel_mobile.jpg') 0% 0% no-repeat padding-box;
    background-position: bottom;
    background-size: cover;
     height:1080px;
    align-items: flex-start;
}



#pure {
    background: transparent url('img/baner_pure_mobile.jpg') 0% 0% no-repeat padding-box;
    background-position: bottom;
    background-size: cover;
    height:1080px;
    align-items: flex-start;
}


#vouge {
    background: transparent url('img/baner_vougle_mobile.jpg') 0% 0% no-repeat padding-box;
    background-position: bottom;
    background-size: cover;
    height:1080px;;
    align-items: flex-start;
}

#akcesoria {
    background: transparent url('img/baner_uchyty_mobile.jpg') 0% 0% no-repeat padding-box;
    background-position: bottom;
    background-size: cover;
    height:1080px;
    align-items: flex-start;
}

    #umodel .marginauto{
    margin:0;
    margin-top: 67px;
}

#lmodel .marginauto{
    margin:0;
    margin-top: 74px;
}

#pure .marginauto{
   margin:0;
   margin-top: 40px; 
}

#vouge .marginauto{
   margin:0;
   margin-top: 45px; 
}

#akcesoria .marginauto{
   margin:0;
   margin-top: 51px; 
}

}

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



    .orangetitle{
        font-size: 30px;
        line-height: 40px;
    }

    .paddingeco{
        padding-bottom: 78px;
    }
}

@media screen and (max-width: 860px) {
    #pureimg .justifycenter{
        justify-content: flex-start;
    }

    #vougeimg .justifycenter{
        justify-content: flex-start;
    }

}

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

     .menupc li:nth-of-type(1){
        margin-right: 0;
       
    }
    .page-id-48 .menupc li:nth-of-type(1) {
        display: flex;
    }

    .page-id-48 #onas{
    height: 918px;
}


.marginleftfooter{
    margin-left: 0%;;
}

#footer .width20{
  
    width: 40%;
}


    .iconminmaring {
    position: absolute;
    top: -74px;
}

#savearth .flex:nth-of-type(1){
    flex-direction: column;
}

#savearth .width60{
    width: 100%;
}

#savearth .width40
{
    width: 100%;
}

#ecoimg {
    align-items: center;
    justify-content: center;
}

}


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

   

    #footer{
    padding-top: 82px;
    padding-bottom: 19px;
    height: 100%;
}

#footer .flex{
    flex-wrap: wrap;
}

#footer .projectwidthsmall {
    width: 90%;
    margin: auto;
}

#footer .width20, #footer .width15{
    width: 100%;
}

#footer .width20{
    margin-bottom: 40px;
}

#footer .width15{
    margin-bottom: 40px;
}

#footer .width10{
    width:20%;
}

#footer .width35{
    width:80%;
    margin-bottom: 62px;
}

}

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

    .page-id-48 #onas{
    height: 1080px;
}


    .width_80{
        width: 80%;
        margin: auto;
    }


    .projectwidthsmall{
        width: 100%;
    }

    .overflowhidden .justifycenter{
        justify-content: flex-start;
    }
    
    .textmarginbottom{
        margin-bottom: 15px;
    }

#nothingisugly{
   /* UI Properties */
    background: #000 url('img/new_pure_vogue_slideshow_mobile.jpg') 0% 0% no-repeat padding-box;
    background-position: bottom;
    height:100vh;
    align-items: flex-start;
}

#umodel {
    background: transparent url('img/baner_umodel_mobile.jpg') 0% 0% no-repeat padding-box;
    background-position: bottom;
    background-size: cover;
    height: 100vh;

    align-items: flex-start;
}

#lmodel {
    background: transparent url('img/baner_lmodel_mobile.jpg') 0% 0% no-repeat padding-box;
    background-position: bottom;
    background-size: cover;
    height: 100vh;
    align-items: flex-start;
}


#pure {
    background: transparent url('img/baner_pure_mobile.jpg') 0% 0% no-repeat padding-box;
    background-position: bottom;
    background-size: cover;;
    height: 100vh;
    align-items: flex-start;
}


#vouge {
    background: transparent url('img/baner_vougle_mobile.jpg') 0% 0% no-repeat padding-box;
    background-position: bottom;
    background-size: cover;;
    height: 100vh;
    align-items: flex-start;
}

#akcesoria {
    background: transparent url('img/baner_uchyty_mobile.jpg') 0% 0% no-repeat padding-box;
    background-position: bottom;
    background-size: cover;;
    height: 100vh;
    align-items: flex-start;
}

#onas{
    height: 100vh;
}

.page h1{
    font: normal normal normal 60px/60px Roboto;
}

#nothingisugly .width30, #umodel .width30, #lmodel .width30, #pure .width30, #vouge .width30, #akcesoria .width30{
    width: 85%;
    margin: auto;
}

#onas .width70{
    width: 85%;
    margin: auto;
}

#nothingisugly .marginauto {
    margin:0;
    margin-top: 127px;
}

.page p{
    font: normal normal normal 14px/30px Roboto;
}




.page #nothingisugly p{
   font: normal normal normal 16px/40px Roboto !important;
}

#umodel .marginauto{
    margin:0;
    margin-top: 67px;
}

#lmodel .marginauto{
    margin:0;
    margin-top: 74px;
}

#pure .marginauto{
   margin:0;
   margin-top: 40px; 
}

#vouge .marginauto{
   margin:0;
   margin-top: 45px; 
}

#akcesoria .marginauto{
   margin:0;
   margin-top: 51px; 
}

.paddingumodel{
    padding-top: 44px;
    padding-bottom: 110px;
}

.paddinglmodel{
    padding-top: 33px;
    padding-bottom: 88px;
}

.paddingpure {
    padding-top: 44px;
    padding-bottom: 109px;
}

.paddingvouge {
   padding-top: 37px;
    padding-bottom: 111px; 
}

.paddingakcesoria {
   padding-top: 38px;
    padding-bottom: 67px;  
}


#umodelimg{
    position: relative;
}

#umodelimg img{
    width: 201px;
    height: 201px;
}

#lmodelimg img{
    width: 233px;
    height: 233px;
}

#pureimg img{
    width: 202px;
    height: 202px;
}

#vougeimg img{
    width: 206px;
    height: 206px;
}

#akcesorimg img{
    width: 227px;
    height: 227px;
  
}





.topugly{
    top:0px;
}

.topugly img{
    width:95%;
    height:auto;
    top:0;
}

.iconminmaring{
    position: absolute;
    top:-74px;
}

#savearth .flex{
    flex-direction: column;
}

#savearth .width40, #savearth .width60{
    width: 90%;
    margin: auto;
}

.orangetitle{
    font: normal normal bold 40px/40px Roboto;
}

.projectwidthbig {
    width: 100%;
}

#ecoimg{
    align-items: center;
}





.textfooterabout {
    width: 100%;
}
    
}


@media screen and (max-width: 385px) {
    .orangetitle{
       font: normal normal bold 30px/30px Roboto;
    }

    .page h2, h3, h4, h5, h6{
font: normal normal normal 35px/30px Roboto;
}

.page h1{
font: normal normal normal 50px/50px Roboto;
}

}



@media screen and (max-height: 932px) {

       #nothingisugly{
        height:984px;
      
    }

    #umodel {
    height:852px;
    background-color: #a6b8a2;
    }

    #lmodel {
     height:852px;
}



#pure {
    height:852px;
}


#vouge {
    height:852px;;
  
}

#akcesoria {
    height:852px;
}

#onas{
    height: 873px;
}

}