@-ms-viewport { width:device-width ; } @viewport { width:device-width ; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display:block ; } html { font-family:sans-serif ; text-align:justify ; -webkit-text-size-adjust:100% ; -ms-text-size-adjust:100% ; } body { box-sizing:border-box ; overflow-y:-moz-scrollbars-vertical ; overflow-y:scroll ; padding:0; margin:0 auto ; overflow-x:hidden ; -epub-hyphens:auto ; -moz-hyphens:auto ; -o-hyphens:auto ; -webkit-hyphens:auto ; -ms-hyphens:auto ; hyphens:auto ; text-align:left; position:relative; display:block; max-width:100vw; } .onMobileShow{ display:block; } .onMobileHide{ display:none; } .nav-item:focus~.nav-content, .nav-active:focus~.nav-content{ display: block; position: relative; display: block; font-size: 0.9em; padding-left: 8vw; } .nav-item:hover .nav-content, .nav-active:hover .nav-content, .nav-content:hover, .nav-content:focus{ position:relative; display: block; font-size: 0.9em; padding-left: 8vw; } .video-container{ min-width:88%; width:88%; display:inline-block; padding-bottom:56.25%; position:relative; margin:0 7% 2% 7%; } .video{ display:inline; position:absolute; top:0; left:0; width:100%; height:100%; } h1, h2, h3, h4, h5, h6, p, ul, ol { margin:0 ; width:auto !important; } h1, h2, h3, h4, h5, h6, ul, ol { text-align:left ; } h1, h2, h3, h4, h5, h6 { font-weight:lighter ; text-decoration:none ; padding:0 6% 7px 7% ; width:85%; } h1, h2 { font-size:xx-large ; } h1 { margin-top:1.1rem; font-size: 8.5vw !important; } h2 { margin-top:0.75rem; } h3 { } h4 { } p { text-align:left font-size:large !important; padding:0 7% 0.2% 7%; width:85%; } a, a:visited { text-decoration:none; } a:focus { outline:thin dotted; } a:active, a:hover { opacity:0.9; outline:0; } ul { color: black; margin: 15px 7%; padding:15px 1% 15px 5% ; } ol { text-align:left; background-color:lightgray; padding:3% 1% 3% 3rem; } #bannerImage{display:none;} .section-1-100, .section-1-75, .section-1-50, .section-2-50 , .section-1-33, .section-2-33, .section-3-33 , .section-1-25, .section-2-25, .section-3-25, .section-4-25 , .section-1-20, .section-2-20, .section-3-20, .section-4-20, .section-5-20 , .section-1-17, .section-2-17, .section-3-17, .section-4-17, .section-5-17, .section-6-17 , .section-1-14, .section-2-14, .section-3-14, .section-4-14, .section-5-14, .section-6-14, .section-7-14 , .section-1-13, .section-2-13, .section-3-13, .section-4-13, .section-5-13, .section-6-13, .section-7-13, .section-8-13 {clear:both !important; width:98.6% !important;padding:0.6%; !important} .split-1-100, .split-1-75, .split-1-50, .split-2-50 {clear:both; width:98.6%;padding:0.6%;} .split-1-33, .split-2-33, .split-3-33 {clear:both; width:98.6%;padding:0.6%;} .split-1-25, .split-2-25, .split-3-25, .split-4-25 {clear:both; width:98.6%;padding:0.6%;} .split-1-20, .split-2-20, .split-3-20, .split-4-20, .split-5-20 {clear:both; width:98.6%;padding:0.6%;} .split-1,.split-2,.split-4,.split-5,.split-6,.split-7,.split-8,.split-9,.split-10, .split-11,.split-12,.split-13.split-14,.split-15 {float:left; width:100%;max-width:100%; display:inline-block;} .box-1,.box-2,.box-3,.box-4,.box-5,.box-6,.box-7,.box-8{ display:block; } img { display:block ; width:100%; padding: auto 0; /*margin: 0 7% 2% 7%;*/ margin: 0 0 2% 0; } .header-section-wrapper, .section-wrapper{ margin:0 auto; width:100%; } .header-section-wrapper .section-1-100 p, .header-section-wrapper .section-1-100 img, .header-section-wrapper .section-1-50 p, .header-section-wrapper .section-1-50 img, .header-section-wrapper .section-2-50 p, .header-section-wrapper .section-2-50 img { display:block ; width:100% ; margin: 0 0 2% 0; padding:0; } #headerHolderText{ position: absolute; bottom: 5%; width:98%; left: 0; line-height:2.5rem; } #headerHolderText > h1,#headerHolderText > h2, #headerHolderText > h3,#headerHolderText > h4{ font-weight:200; font-size:2.5rem; font-size:3.7vw; line-height:1em; } #breadcrumps{ position: relative; display: block; width: 100%; font-size: 1rem; color: grey; text-decoration: none; left: 7%; margin-bottom:2%; } #breadcrumps a.parent{ color: grey; text-decoration: none; } #breadcrumps a#active-child{ } } #breadcrumps a:hover#active-child{ text-decoration:underline; } .slider-text-1, .slider-text-2, .slider-text-3, .slider-text-4 { position: absolute; bottom: 5%; left: 3%; background-color:rgba(0, 9, 0, 0.4); padding:3%; } #main{ padding: 0; width: 90%; display: block; position: relative; margin: 0 auto 7% auto; } .inner-wrapper{ display:block; } #langNavigation{ clear:both; display:block; position:relative; margin: 0 auto; } #langNavigation::after{ clear:both; } #langNavigation > #top-left, #langNavigation > #bottom-left, #langNavigation > #top-right, #langNavigation > #bottom-right{ position: relative; margin: 0 auto; width: auto; height: 5.5em; display: table; } #top-left > #lang-select, #top-right > #lang-select, #bottom-left > #lang-select, #bottom-right > #lang-select{ float: left; display: block; width: 15%; height: auto; } #top-left > #lang-select, #bottom-left > #lang-select, #top-right > #lang-select, #bottom-right > #lang-select{ float: left; display:block; width:auto; } img.iso-flag{ margin: 5pt 10pt; position: relative; width: auto; height: 4.5em; display: block; border-radius: 50%; padding: 0.5pt; box-shadow: 0pt 2pt 4pt #999; } #headerNavigation, #mainNavigation, #additionalNavigation, #leftNavigation, #rightNavigation, #additionalFooterNavigation, #footerNavigation{ width:100%; width:100vw; max-width:100vw; overflow:hidden; display:inline-block; margin: inherit 0; } #headerNavigation .nav-item a, #headerNavigation .nav-active a, #headerNavigation p, #mainNavigation .nav-item a, #mainNavigation .nav-active a, #mainNavigation p, #additionalNavigation .nav-item, #additionalNavigation .nav-active, #additionalNavigation p, #leftNavigation .nav-item, #leftNavigation .nav-active, #leftNavigation p, #rightNavigation .nav-item, #rightNavigation .nav-active, #rightNavigation p, #additionalFooterNavigation .nav-item, #additionalFooterNavigation .nav-active, #additionalFooterNavigation p, #footerNavigation .nav-item, #footerNavigation .nav-active, #footerNavigation p{ width:100vw; margin:0 2%; padding:3%; display:inline-block; } #footerNavigation h1, #footerNavigation h2, #footerNavigation h3, #footerNavigation h4, #footerNavigation h5, #footerNavigation h6 { text-align:center; } #footer_spacer{ clear:both; display:block; } #nav-title { display: none; } #invisible{ display: block; } #top{ display:block; height:0px; width:100%; left:0; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; transition-duration:0.4s; } #mobile-navigation{ display:block; position:fixed;color:#333; background-color:#333; width:100%; z-index:998; margin-left:-100%; height:100%; border-radius:0 0 1px 1px; opacity:0.43; padding-bottom:4px; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; } #mobile-navigation img{ display:block; } #mobile-navigation:target, #mobile-navigation:active{ display:block; max-width:100%; width:100%; overflow-x:scroll; margin-left:0; left:0; top:0; bottom:0; padding-bottom:5%; z-index:998; min-height:100%; height:100%; color:#333; opacity:0.98;color:#333;background-color:inherit;#333;-webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; } #mobile-navigation li{ display:block; border-bottom:thin dashed #333; font-size:1.5em; line-height:1.7em; font-weight:0.5em; } .mobile-navigation-sub { font-size: .6em; line-height:1.6em; } #mobile-navigation #btn-close{ display:none; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; } #mobile-navigation:target #btn-close, #mobile-navigation:active #btn-close{ color:#333; display:block; position:fixed;right:0; top:1rem; margin-bottom:10px; margin-right:.5em; width:50px; height:50px; font-size:3rem; border-radius:50%; -webkit-transition-duration:1.1s; -moz-transition-duration:1.1s; -o-transition-duration:1.1s; transition-duration:1.1s; z-index:99999; } #mobile-navigation #btn-close:before { font-family:'FontAwesome'; content: '\00d7'; font-size: 5rem; top: 0rem; position: fixed; margin-left: -.7rem; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); } #top{ position:fixed; bottom:0px; background-color:#333; display:block; width:100%; min-height: 77px; height: 7%; max-height: 77px; z-index:999; padding:1% 0 .1% 0; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; } #top #btn-open, #top #btn-logo, #top #btn-shop, #top #btn-home, #top #btn-chat, #top #btn-phone { display:block; float:right; padding: 0 2%; margin:5px auto; max-width:15%; height:50px; background-size:100% 100%; border-left: 1px solid #fff; text-align:center; color:#fff; } #top #btn-open a, #top #btn-logo a, #top #btn-home a, #top #btn-shop a, #top #btn-chat a, #top #btn-phone a{ text-align:center; content-align:center; } #top #btn-logo{ max-width:30%; border-left: none; } #top #btn-logo img { max-width: 100%; width: auto; max-height: 50px; position: relative; margin: 0 auto; display: block; left: 0; bottom: 0; } #top #btn-open:before { content:'\f0c9'; } #top #btn-open:hover:before, #top #btn-open:focus:before { content:'\f057'; } #btn-open:active { display:none; } #top #btn-phone:before { content:'\f095'; } #top #btn-chat:before { content:'\f003'; } #top #btn-home:before { content:'\f015'; } #top #btn-shop:before { content:'\f07a'; } #top #btn-open:before, #top #btn-home:before, #top #btn-shop:before, #top #btn-chat:before, #top #btn-phone:before { font-family:'FontAwesome'; color:white; font-size: 2rem; clear:both; display:block; align-content:center; transition:0.4s; } #top #btn-open p, #top #btn-home p, #top #btn-shop p, #top #btn-chat p, #top #btn-phone p{ text-align:center; color:red !important; } #top #btn-phone:hover, #top #btn-open:focus { -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-duration:0.8s; animation-duration:0.8s; -webkit-transform-origin:50% 100%; transform-origin:50% 100%; } #top #mobile-navigation-title{ display:block; float:right; max-width:100%; width:100%; text-align:center; } #top #mobile-navigation-title a#mobile-navigation-img, #top #mobile-navigation-title a#mobile-navigation-img img, #top #mobile-navigation-mobile-title a#mobile-navigation-mob-img, #top a#btn-phone img { display:inline-block; max-height:50px !important; height:50px; width:auto; max-width:250px !important; margin:3px auto 0 5px; } #top a#mobile-navigation-mob-img { width: 100vw; display: inline-block; position:relative ; z-index: -1; float: right; } #top a#mobile-navigation-mob-img img { position: relative; display: block; /* max-height: 50px !important; */ height: 50px; width: auto; max-width: 250px !important; margin: 3px auto 0 45vw; } .bullet-icon{ display:none; } #headerNavigation .nav-item p, #headerNavigation .nav-active p, #headerNavigation .nav-item a, #headerNavigation .nav-active a, #mainNavigation .nav-item p, #mainNavigation .nav-active p, #mainNavigation .nav-item a, #mainNavigation .nav-active a, #additionalNavigation .nav-item p, #additionalNavigation .nav-active p, #additionalNavigation .nav-item a, #additionalNavigation .nav-active a, #leftNavigation .nav-item p, #leftNavigation .nav-active p, #leftNavigation .nav-item a, #leftNavigation .nav-active a, #rightNavigation .nav-item p, #rightNavigation .nav-active p, #rightNavigation .nav-item a, #rightNavigation .nav-active a { clear:both !important; text-align: left; display: inline-block; /*padding: 0.1rem 1rem; width: 100%;*/ margin: 0; padding: 0 2%; position: relative; font-size: 2.2rem; font-size: 6.5vw; font-weight:200; } #lang_flags { z-index: 998; position: fixed !important; bottom: 4rem; right: 2%; } #lang_flags img { display: block; width: 100%; height: 100%; margin-bottom: 1rem; } img#flags { height: 1.5rem; color: black; width: auto; float:right; } #footerNavigation{ /*width:94%;*/ color:#333; background-color:#333; text-align:center; } #footerNavigation .nav-item, #footerNavigation .nav-active, #footerNavigation .nav-item p, #footerNavigation .nav-item a, #footerNavigation .nav-active p, #footerNavigation .nav-active a, #legalNavigation .nav-item, #legalNavigation .nav-active, #legalNavigation .nav-item p, #legalNavigation .nav-item a, #legalNavigation .nav-active p, #legalNavigation .nav-active a{ padding:0; width:auto; width:100vw; max-width:100vw; overflow:hidden; padding: 0.5rem 0; text-align:center !important; font-size:1.2rem !important; font-weight:200; } #legalNavigation, #legalNavigation a, #legalNavigation p{ color:silver; padding: 2rem 0; position: relative; display: inline-block; } #fader { display:none; } .arrow { display:none; } .bounce { display: none; } .button { font-size:1.2rem; } .button > a:link, .button > a:visited, input[type=submit] { -webkit-appearance: none; -ms-appearance: none; margin: 5% auto; max-width: 81%; display: table; color:inherit; font-size:1em; padding: 3% 3vw 3% 3vw; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; transition-duration:0.4s; } .button > a:hover, .button > a:focus, .button > a:active, input.custom:hover, input.custom:focus, input.custom:active { color:inherit; background-color:inherit; } [class*='parallax_'] { display:none; } .parallax_1 { } .parallax_2 { } .parallax_3 { } .parallax_4 { } .media_img_container, .media_img_container img{ /*position:relative;*/ } .blog_image, .blog_image img{ clear:both; margin:2% 0%; width:100%; } .top-video-container, .media-video-container { min-width:100%; width:100%; padding-bottom:56.25%; position:relative; margin:2% 0 2% 0; } .video, .media-video{ display:inline; position:absolute; top:0; left:0; width:100%; height:100%; } #content { padding: 0; display: block; position: relative; margin: 0 0 7% 0; } .blog_list a{ text-decoration: none; font-size: inherit !important; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0 !important; } #back-to-topic{ vertical-align: middle; } #back-to-topic img{ float: left; width: 20px; height: 20px; margin: 0 2% 0 0; border: none; } #back-to-topic a{ float: left; } .info_box_full_screen{ width:100%; background-color: lightgray; margin: 2% 0 2% 0; text-align: left; } .vertical_spacer_line { clear:both; width:48%; border-top:solid 1px silver; margin:7% 23% 5% 25%; padding:0 0 ; text-align:center; font-size:small !important; } .table_column{ margin:2%; transition: .5s; opacity: 1; break-inside: avoid; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s; } .image_table, .wide_sized{ border: 1px solid silver; padding: 1rem; margin: 0; } .image_table_list, .wide_sized_list{ display: block; } span.red_star { -webkit-appearance: none; -ms-appearance: none; float:left; line-height:15px; color:#FF0000; font-size:20px; width:16px; margin:0px; top:-0.5em; } span.no_star { -webkit-appearance: none; -ms-appearance: none; float:left; line-height:32px; color:#F1541B; font-size:20px; width:16px; margin:0px; visibility:hidden; } .input, .input_half_left, .input_half_right { -webkit-appearance: none; -ms-appearance: none; display:block; width:80% !important; margin:0 10%; font-size:medium; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } input:matches([type='date']) { display: block; font-size: large; width: 100% !important; float: left; margin-right: 1%; padding:5px; line-height: 2.5rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .input span { -webkit-appearance: none; -ms-appearance: none; position:absolute; z-index:1; cursor:text; pointer-events:none; color:#999; padding:7px; line-height:xx-large; margin-left:2px; } .input input, .input select { -webkit-appearance: none; -ms-appearance: none; z-index:0; padding:6px; margin:0.5% 0; font:inherit; line-height:xx-large; width:100% !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px lightgrey; background-color:white; font-size:medium; } .input textarea { z-index:0; padding: 6px 0px 6px 18px; margin:0.5% 0% 0.5% 0%; font:inherit; line-height:xx-large; width:96% !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px lightgrey; background-color:white; font-size:medium; } .input select { -webkit-appearance: none; -ms-appearance: none; padding:5px; height:31px; } #captcha-feld { width:220px; float:left; margin-top:5px; margin-right:0px; margin-left:11px; } p.errormsg { display :none; margin:5px; margin-left:0px; color:lightsteelblue; height:35px; } .error { font-weight: 400; /*font-size: 20px;*/ color: #ff6666; } #signup-form { position: relative; display: inline-block; margin: 0 10%; bottom: 50%; height: 25%; width: 80%; opacity: .87; } #signup-form > .signup-field { line-height: 40px; border-radius: 2px; } @keyframes pulse_animation { 0% { transform: scale(1); } 30% { transform: scale(1.01); } 40% { transform: scale(1.01); } 50% { transform: scale(1); } 60% { transform: scale(1); } 70% { transform: scale(1.01); } 80% { transform: scale(1.01); } 100% { transform: scale(1); } } .pulse:hover { animation-name: pulse_animation; animation-duration: 4s; transform-origin:70% 75%; animation-iteration-count: infinite; animation-timing-function: linear; } .calendar-image { margin:3%; } #calendar-image-wrapper{ margin-top: 1em; margin: 1rem; min-width: 60%; width: 60% display: inline-block; background- opacity: .9; } #calendar-image-wrapper a{ background- font-size:medium !important; display:inline-block; margin: 1.5rem 2%; font-size: xx-large !important; } #calendar-image-wrapper a:hover{ background- } .calendar-image-bottom {width:100%; display: block; background- } .calendar-image-bottom a { display: block; background- } .calendar-image-bottom .button { height:4%; text-align: center; } .calendar-image-bottom .button a{ margin: 2% auto !important; display: block; display: block; } #calendar-image-table{ border:1px solid ; padding:15px; font-size: x-large !important; background-color: white; width:100%; margin:0 auto; } @media only screen and (min-width: 375px) and (max-width: 699px){ #calendar-image-table{ border:1px solid ; padding:15px; font-size: xx-large; background-color: white; width:100%; margin:0 auto; }} #calendar_image_body{ display: block; width: 100%; } #calendar-image-column{ ; color:; padding: 0 0 1em 0; } .calendar_image_col{ padding: 0.5; } .mo-thu{color:;text-align: right;} .sat{color:;text-align: right;} .sun{color:#cc0000;text-align: right;} .today{background:#ff0000;} .today-day{ /*font-family:;*/ text-align: right; } .today-day-active{ color:#ffffff; } .fb-holder{/*margin-left:0% !important;*/} body, .lang{color:#000000;font-family:"Lato", sans-serif;Lato:"Lato", sans-serif;font-weight:400;width:100%;}#headerNavigation, #headerNavigation p{color:#060606;background-color:#ffffff;font-family:"Lato", sans-serif;Lato:"Lato", sans-serif;font-weight:300;opacity:0.9;width:100%;}#headerNavigation .nav-item, #headerNavigation .nav-item a{color:#060606;font-weight:400;width:100%;}#headerNavigation .nav-active #nav-bullet:hover, #headerNavigation .nav-item #nav-bullet:hover{color:#c63f99;font-weight:400;width:100%;}#headerNavigation .nav-active, #headerNavigation .nav-active a{color:#cf3f99;font-weight:400;width:100%;}h2{font-weight:400;width:100%;}p, input, button, #p{color:#1c1c1c;font-family:"Lato", sans-serif;Lato:"Lato", sans-serif;font-weight:400;width:100%;}h3{font-family:"Lato", sans-serif;Lato:"Lato", sans-serif;font-weight:300;width:100%;}.button, .button:visited, input[type='button'], input[type='submit']{color:#ffffff;background-color:#b6004c;font-family:"Lato", sans-serif;LatoText-Align:"Lato", sans-serif;font-weight:300;border:1px solid #ffffff;width:100%;}#footerNavigation{color:#d0d0d0;background-color:#2c2930;font-family:"Lato", sans-serif;Lato:"Lato", sans-serif;border-top:1px solid #d0d0d0;width:100%;}h4{font-family:"Lato", sans-serif;Lato:"Lato", sans-serif;font-weight:300;width:100%;}h1{color:#ffffff;font-family:"Lato", sans-serif;Lato:"Lato", sans-serif;font-weight:600;width:100%;}#additionalNavigation{color:#404040;font-family:"Open Sans", "Helvetica Neue", "Helvetica";Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:300;width:100%;}#additionalNavigation .nav-item, #additionalNavigation .nav-item a{color:#404040;font-family:"Open Sans", "Helvetica Neue", "Helvetica";Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:200;width:100%;}.button:hover, .button:focus, input[type='button']:hover, input[type='button']:focus, input[type='submit']:hover, input[type='submit']:focus{color:#ffffff;background-color:#000000;font-family:"Lato", sans-serif;LatoText-Align:"Lato", sans-serif;font-weight:300;border:1px solid #ffffffwidth:100%;};width:100%;}#footerNavigation .nav-item, #footerNavigation .nav-item p, #footerNavigation .nav-item a:link, #footerNavigation .nav-item a{color:#d0d0d0;font-family:"Lato", sans-serif;Lato:"Lato", sans-serif;font-weight:200;width:100%;}#footerNavigation .nav-active, #footerNavigation .nav-active a{color:#ffffff;font-family:"Lato", sans-serif;Lato:"Lato", sans-serif;font-weight:200;width:100%;}#footerNavigation .nav-active:hover, #footerNavigation .nav-item:hover, #footerNavigation .nav-active a:hover, #footerNavigation .nav-item a:hover{color:#ffffff;font-family:"Lato", sans-serif;Lato:"Lato", sans-serif;font-weight:200;width:100%;}.box-1,.box-2,.box-3,.box-4,.box-5,.box-6,.box-7,.box-8{background-color:#ffffff;border-radius:4px 4px 0px 0px ;opacity:0.98;width:100%;}#subscription-pricing-boxes{background-image: url('/images/clothing-store-984396-1280-895684215.jpg');background-size: 100% auto, contain;background-position: center;width:100%;}#subscription-pricing-boxes .box-1 p, #subscription-pricing-boxes .box-2 p{color:#2f2c00;font-weight:300;border-radius:4px 4px 0px 0px ;width:100%;}#subscription-pricing-boxes .box-1{color:#000000;width:100%;}#subscription-pricing-boxes .box-2{color:#000000width:100%;}width:100%;}#subscription-pricing-boxes h4{color:#ffffff;font-weight:300;width:100%;}.box-1,.box-2,.box-3,.box-4,.box-5,.box-6,.box-7,.box-8{width:94%;}#header-sign-up > .section-1-100 > .rectangle{position: relative;width:96%; height: 48vw; background-color: #da4181; transform: skew(-10deg, 5deg); top: -11vw; left: -4vw; border-radius: 50px; overflow: hidden;width:100%;}.rectangle > .Mrectangle{position: relative;width:96%; height: 22vw; background-color: #c43b74; top: -1vw; left: -7vw; border-radius: 30px; transform: skew(3deg, 3deg);width:100%;}.rectangle > .Mrectangle2{position: relative;width:96%; height: 17vw; background-color: #df4987; transform: skew(10deg, -5deg); top: 18vw; left: -4vw; border-radius: 30px;width:100%;}.section-1-100 > .header-item{position: absolute; margin-top: -60vw; right: -19vw;width:96%;width:100%;}