#restau { position: relative; min-height: 930px; font-size: 0; background: #FFFFFF; } #restau:before { content: ''; position: absolute; top: 1px; right: 27px; width: 33px; height: 6px; background: #F8A452; } #restau .sectionTitle { position: absolute; bottom: 169px; left: -72px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #restau .sectionTitle h2 { position: relative; font-family: 'PensumPro-ExtraLight'; font-weight: lighter; font-size: 20px; letter-spacing: -.025rem; color: #231F20; } #restau .sectionTitle h2:before { content: ''; position: absolute; top: 8px; right: -81px; width: 61px; height: 6px; background: #859A00; } #restau .restoMirazur { position: absolute; top: -3px; left: 75px; width: 60%; } #restau .restoMirazur > img { display: block; float: left; margin: 5px 33px 0 0; } #restau .restoMirazur h3 { font-family: 'PensumPro-Book'; font-weight: lighter; font-size: 36px; line-height: 43px; color: #231F20; letter-spacing: -0.025rem; text-transform: uppercase; } #restau .restoMirazur h3 em { display: block; font-family: 'PensumPro-BookItalic'; font-weight: lighter; font-size: inherit; color: inherit; letter-spacing: inherit; text-transform: none; } #restau .restoMirazur p { display: inline-block; width: 200px; font-family: 'MyriadPro-Regular'; font-size: 13px; line-height: 18px; color: #000000; margin-top: 7px; } #restau .restoMirazur p span { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; letter-spacing: inherit; } #restau .restoMirazur p span.device { display: none; } #restau .restoMirazur p span a { font-family: inherit; font-weight: bold; font-size: inherit; line-height: inherit; color: inherit; letter-spacing: inherit; text-decoration: none; } #restau .restoMirazur ul.splitMenu { display: inline-block; width: 200px; margin-top: 41px; } #restau .restoMirazur ul li { position: relative; font-family: 'PensumPro-Book'; font-size: 14px; color: #000000; padding-bottom: 19px; } #restau .restoMirazur ul li:before { content: ''; position: absolute; top: -12px; left: 0px; width: 33px; height: 2px; background: #666666; } #restau .restoMirazur ul li a { font-family: inherit; font-size: inherit; color: inherit; text-decoration: none; } #restau .restoCuisine { position: absolute; top: 83px; right: 0; width: 325px; } #restau .restoCuisine > img { display: block; } #restau .restoCuisine ul.splitMenu { width: 325px; margin: 23px 0 0 2px; } #restau .restoCuisine ul li { position: relative; font-family: 'PensumPro-Book'; font-size: 14px; color: #000000; padding-bottom: 19px; } #restau .restoCuisine ul li:before { content: ''; position: absolute; top: -12px; left: 0px; width: 33px; height: 2px; background: #666666; } #restau .restoCuisine ul li a { font-family: inherit; font-size: inherit; color: inherit; text-decoration: none; } #restau .restoCuisine p { width: 265px; font-family: 'MyriadPro-Regular'; font-size: 13px; line-height: 18px; color: #000000; margin: 4px 0 0 3px; } #restau .restoCuisine p span { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; letter-spacing: inherit; } #restau .restoCuisine p span.device { display: none; } #restau .restoCuisine p span a { font-family: inherit; font-weight: bold; font-size: inherit; line-height: inherit; color: inherit; letter-spacing: inherit; text-decoration: none; } #restau .restoEquipe { position: absolute; top: 413px; left: 196px; } #restau .restoEquipe .sliderEquipe { width: 323px; margin-left: 67px; } #restau .restoEquipe .sliderEquipe .slide figure img { display: block; width: 100%; } #restau .restoEquipe .sliderEquipe .slide figure figcaption { font-family: 'PensumPro-Book'; font-size: 14px; color: #000000; text-align: right; margin: 21px 66px 0 0; } #restau .restoEquipe .sliderEquipe .slide figure figcaption strong { font-family: 'PensumPro-Bold'; font-weight: lighter; font-size: 14px; color: #000000; } #restau .restoEquipe .sliderEquipe .owl-prev { position: absolute; bottom: 0px; right: 30px; width: 16px; } #restau .restoEquipe .sliderEquipe .owl-next { position: absolute; bottom: 0px; right: 10px; width: 16px; } #restau .restoEquipe .context { margin-top: 7px; } #restau .restoEquipe .context ul.splitMenu { width: 325px; } #restau .restoEquipe .context ul li { position: relative; font-family: 'PensumPro-Book'; font-size: 14px; color: #000000; padding-bottom: 13px; } #restau .restoEquipe .context ul li:before { content: ''; position: absolute; top: -12px; left: 0px; width: 33px; height: 2px; background: #666666; } #restau .restoEquipe .context ul li a { font-family: inherit; font-size: inherit; color: inherit; text-decoration: none; } #restau .restoEquipe .context p { width: 265px; font-family: 'MyriadPro-Regular'; font-size: 13px; line-height: 18px; color: #000000; margin: 4px 0 0 3px; } #restau .restoEquipe p span { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; letter-spacing: inherit; } #restau .restoEquipe p span.device { display: none; } #restau .restoEquipe p span a { font-family: inherit; font-weight: bold; font-size: inherit; line-height: inherit; color: inherit; letter-spacing: inherit; text-decoration: none; } #restau ul.fullMenu { display: none; } #mauro { position: relative; min-height: 633px; font-size: 0; background: #FFFFFF; } #mauro:before { content: ''; position: absolute; top: -6px; right: 28px; width: 33px; height: 6px; background: #E8D991; } #mauro .sectionTitle { position: absolute; top: 363px; left: 66px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #mauro .sectionTitle h2 { position: relative; font-family: 'PensumPro-ExtraLight'; font-weight: lighter; font-size: 20px; letter-spacing: -.025rem; color: #231F20; } #mauro .sectionTitle h2:before { content: ''; position: absolute; top: 7px; left: 78px; width: 61px; height: 6px; background: #E8D991; } #mauro .context { position: absolute; top: 38px; left: 232px; width: 250px; } #mauro .context h3 { font-family: 'PensumPro-Book'; font-weight: lighter; font-size: 36px; line-height: 43px; color: #231F20; letter-spacing: -0.025rem; text-transform: uppercase; } #mauro .context h3 em { display: block; font-family: 'PensumPro-BookItalic'; font-weight: lighter; font-size: inherit; color: inherit; letter-spacing: inherit; text-transform: none; } #mauro .context h3:before { content: ''; position: absolute; top: 109px; left: 0px; width: 33px; height: 6px; background: #F8A452; } #mauro .context p { font-family: 'MyriadPro-Regular'; font-size: 13px; line-height: 18px; color: #000000; margin-top: 64px; } #mauro .context p span { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; letter-spacing: inherit; } #mauro .context p span.device { display: none; } #mauro .context p span a { font-family: inherit; font-weight: bold; font-size: inherit; line-height: inherit; color: inherit; letter-spacing: inherit; text-decoration: none; } #mauro .visuel { position: absolute; top: 45px; right: 28px; } #mauro .visuel img { display: block; } #mauro .submenu { position: relative; top: 485px; left: 224px; width: 250px; } #mauro .submenu ul li { position: relative; font-family: 'PensumPro-Book'; font-size: 14px; color: #000000; padding-bottom: 19px; text-align: right; } #mauro .submenu ul li:before { content: ''; position: absolute; top: -12px; right: 0px; width: 33px; height: 2px; background: #666666; } #mauro .submenu ul li:first-child:before { content: none; } #mauro .submenu ul li a { font-family: inherit; font-size: inherit; color: inherit; text-decoration: none; } #produits { position: relative; /* padding-bottom: 50px; */ background: #FFFFFF; } #produits h3 { position: relative; top: 81px; left: 201px; display: inline-block; font-family: 'PensumPro-Book'; font-weight: lighter; font-size: 36px; line-height: 43px; color: #231F20; letter-spacing: -0.025rem; text-transform: uppercase; } #produits h3 em { display: block; font-family: 'PensumPro-BookItalic'; font-weight: lighter; font-size: inherit; color: inherit; letter-spacing: inherit; text-transform: none; } #produits h3:before { content: ''; position: absolute; top: 36px; left: -120px; width: 33px; height: 6px; background: #E8D991; } #produits .prodSlider .slide figure img { position: relative; top: -34px; display: block; width: 475px; float: right; } #produits .prodSlider .slide figure figcaption { position: relative; top: 223px; left: 74px; width: 410px; } #produits .prodSlider .slide figure figcaption .title { display: inline-block; font-family: 'PensumPro-Book'; font-size: 30px; color: #FFFFFF; letter-spacing: -.025rem; text-transform: uppercase; padding: 7px 25px 1px 25px; background: #859A00; } #produits .prodSlider .slide figure figcaption p { font-family: 'Arial'; font-size: 13px; line-height: 18px; color: #7C7C7C; letter-spacing: -.025rem; margin-top: 19px; } #produits .prodSlider .owl-prev { position: absolute; top: 199px; left: 74px; width: 18px; } #produits .prodSlider .owl-next { position: absolute; top: 199px; left: 104px; width: 18px; } #produits .prodNavigs { position: absolute; top: 276px; left: 124px; display: inline-block; } #produits .prodNavigs ul { display: table; } #produits .prodNavigs ul li { display: table-cell; } #produits .prodNavigs ul li a { display: block; width: 18px; height: 18px; } #produits .prodNavigs ul li a svg { width: 100%; height: auto; } #produits .prodNavigs ul li span { font-family: 'PensumPro-BookItalic'; font-size: 36px; color: #000000; letter-spacing: -.025rem; padding: 0 10px; } #actus { background: #FAFAFA; } #actus .wrapper { position: relative; padding: 80px 0 80px 80px; } #actus .wrapper:before { content: ''; position: absolute; top: 172px; left: 660px; width: 33px; height: 6px; background: #F9A451; } #actus .wrapper h3 { position: absolute; top: 80px; left: 660px; display: inline-block; font-family: 'PensumPro-Book'; font-weight: lighter; font-size: 36px; line-height: 43px; color: #231F20; letter-spacing: -0.025rem; text-transform: uppercase; } #actus .wrapper h3 em { display: block; font-family: 'PensumPro-BookItalic'; font-weight: lighter; font-size: inherit; color: inherit; letter-spacing: inherit; text-transform: none; } #actus .wrapper #actuSlider { width: 780px; } #actus .wrapper #actuSlider article { } #actus .wrapper #actuSlider article figure { } #actus .wrapper #actuSlider article figure img { display: block; max-width: 560px; } #actus .wrapper #actuSlider article figure figcaption { position: absolute; top: 115px; left: 580px; font-family: 'PensumPro-Book'; font-weight: 100; font-size: 14px; line-height: 18px; color: #000000; } #actus .wrapper #actuSlider article figure figcaption strong { display: block; font-family: 'PensumPro-Bold'; font-weight: 100; font-size: inherit; color: inherit; } #actus .wrapper #actuSlider article figure figcaption a { display: block; font-family: 'PensumPro-Bold'; font-weight: 100; font-size: inherit; color: inherit; text-align: right; } #actus .wrapper #actuSlider .owl-nav { position: absolute; left: 580px; bottom: 0px; } #actus .wrapper #actuSlider .owl-nav .owl-prev { display: inline-block; width: 18px; height: 18px; margin-right: 30px; } #actus .wrapper #actuSlider .owl-nav .owl-next { display: inline-block; width: 18px; height: 18px; } /*#resas { font-size: 0; padding-bottom: 547px; background: url(../images/template/salle-mirazur.jpg) no-repeat center #FFFFFF; }*/ #resas { font-size: 0; padding-bottom: 547px; background: url(../images/template/salle-mirazur-20190701-120213.jpg) no-repeat center #FFFFFF; } /*#resas .resasContent { display: inline-block; width: 40%; vertical-align: top; padding: 196px 0 0 77px; }*/ #resas .resasContent { display: inline-block; width: 40%; vertical-align: top; padding: 76px 0 0 77px; } /*#resas .resasContent h3 { position: relative; font-family: 'PensumPro-Book'; font-weight: lighter; font-size: 36px; line-height: 43px; color: #231F20; letter-spacing: -0.025rem; text-transform: uppercase; }*/ #resas .resasContent h3 { position: relative; font-family: 'PensumPro-Book'; font-weight: lighter; font-size: 36px; line-height: 43px; color: #FFFFFF; letter-spacing: -0.025rem; text-transform: uppercase; } #resas .resasContent h3 em { display: block; font-family: 'PensumPro-BookItalic'; font-weight: lighter; font-size: inherit; color: inherit; letter-spacing: inherit; text-transform: none; } #resas .resasContent h3:before { content: ''; position: absolute; bottom: -15px; left: 0px; width: 33px; height: 6px; background: #DC12B7; } /*#resas .resasContent p { width: 250px; font-family: 'MyriadPro-Regular'; font-size: 13px; line-height: 18px; color: #000000; letter-spacing: -0.025rem; margin: 44px 0 0 0; }*/ #resas .resasContent p { width: 250px; font-family: 'MyriadPro-Regular'; font-size: 13px; line-height: 18px; color: #FFFFFF; letter-spacing: -0.025rem; margin: 44px 0 0 0; } /*#resas .resasMenus { display: inline-block; width: 60%; vertical-align: top; padding: 256px 0 0 47px; }*/ #resas .resasMenus { display: inline-block; width: 60%; vertical-align: top; padding: 176px 0 0 47px; } /*#resas .resasMenus ul li { position: relative; font-family: 'PensumPro-Book'; font-size: 14px; color: #000000; padding-bottom: 31px; }*/ #resas .resasMenus ul li { position: relative; font-family: 'PensumPro-Book'; font-size: 14px; color: #FFFFFF; padding-bottom: 31px; } #resas .resasMenus ul li:before { content: ''; position: absolute; top: -12px; left: 0px; width: 33px; height: 2px; background: #DC12B7; } #resas .resasMenus ul li a { font-family: inherit; font-size: inherit; color: inherit; text-decoration: none; } #presse { font-size: 0; padding-bottom: 110px; background: #FCFCFC; } #presse .presseContent { display: inline-block; width: 50%; vertical-align: top; padding: 87px 0 0 77px; } #presse .presseContent h3 { position: relative; font-family: 'PensumPro-Book'; font-weight: lighter; font-size: 36px; line-height: 41px; color: #231F20; letter-spacing: -0.025rem; text-transform: uppercase; } #presse .presseContent h3 em { display: block; font-family: 'PensumPro-BookItalic'; font-weight: lighter; font-size: inherit; color: inherit; letter-spacing: inherit; text-transform: none; } #presse .presseContent h3:before { content: ''; position: absolute; bottom: -17px; left: 0px; width: 33px; height: 6px; background: #859A00; } #presse .presseContent ul { width: 100%; margin: 64px 0 0 0; } #presse .presseContent ul li { position: relative; padding: 13px 0; } #presse .presseContent ul li:before { content: ''; position: absolute; top: 0px; left: 1px; width: 33px; height: 2px; background: #859A00; } #presse .presseContent ul li a { font-family: 'PensumPro-Book'; font-weight: lighter; font-size: 14px; color: #000000; letter-spacing: -0.025rem; text-decoration: none; } #presse .presseContent ul li form fieldset label { display: block; font-family: 'PensumPro-Book'; font-weight: lighter; font-size: 14px; color: #000000; letter-spacing: -0.025rem; margin-bottom: 3px; } #presse .presseContent ul li form fieldset input[type="email"] { display: block; width: 139px; height: 22px; font-family: 'PensumPro-Book'; font-size: 10px; margin-bottom: 6px; border: 1px solid #EDEEEE; background: #FFFFFF; } #presse .presseContent ul li form fieldset input[type="submit"] { height: 28px; font-family: 'PensumPro-Book'; font-size: 14px; line-height: 28px; color: #000000; text-transform: uppercase; text-align: center; vertical-align: middle; padding: 0 21px; margin-left: 41px; border: 1px solid #939A9D; background: none; } #presse .presseContent ul li form fieldset input[type="submit"]:hover { border: 1px solid #000000; } #presse .presseContent ul li form fieldset .feedback { display: block; font-family: 'Arial'; font-size: 13px; line-height: 16px; color: #000000; } #presse .presseExample { display: inline-block; width: 50%; vertical-align: top; padding: 177px 0 0 55px; } #presse .presseExample .mainSlider { position: relative; } #presse .presseExample .mainSlider:before, #presse .presseExample .mainSlider:after { content: ''; position: absolute; width: 33px; height: 2px; background: #859A00; } #presse .presseExample .mainSlider:before { top: -12px; left: 0px; } #presse .presseExample .mainSlider:after { left: 288px; bottom: -28px; } #presse .presseExample .mainSlider h4 { font-family: 'PensumPro-Book'; font-weight: lighter; font-size: 14px; color: #000000; } #presse .presseExample .mainSlider h4 a { font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; text-decoration: none; } #presse .presseExample .mainSlider .slider { margin-top: 10px; } #presse .presseExample .mainSlider .slider figure.slide { position: relative; } #presse .presseExample .mainSlider .slider figure.slide img { display: block; width: 323px; } #presse .presseExample .mainSlider .slider figure.slide figcaption { max-width: 275px; font-family: 'PensumPro-BookItalic'; font-size: 0; } #presse .presseExample .mainSlider .slider figure.slide figcaption em { display: inline-block; font-family: inherit; font-size: 14px; color: #000000; padding: 2px; } #presse .presseExample .mainSlider .slider figure.slide figcaption span.dating { display: inline-block; font-family: inherit; font-size: 14px; color: #859A00; padding: 2px 3px; background: #FFFFFF; } #presse .presseExample .mainSlider .slider figure.slide figcaption strong { display: inline-block; font-family: 'pensumPro-Bold'; font-size: 14px; color: #FFFFFF; padding: 4px 3px; background: #859A00; } #presse .presseExample .mainSlider .slider figure.slide figcaption strong span.source { font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; } #presse .presseExample .mainSlider .slider figure.slide .gotoPresse { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #presse .presseExample .mainSlider #pressSlider .owl-prev { position: absolute; bottom: 19px; right: 134px; width: 18px; } #presse .presseExample .mainSlider #pressSlider .owl-next { position: absolute; bottom: 19px; right: 104px; width: 18px; } /* ********************************************************************************************* */ #presse .presseExample .mainSlider .slider figure.slide { position: relative; } #presse .presseExample .mainSlider .slider figure.slide img.blanker { display: block; width: 100%; height: auto; border: 1px solid #E1E1E1; background: #FFFFFF; } #presse .presseExample .mainSlider .slider figure.slide article { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #presse .presseExample .mainSlider .slider figure.slide article figure { text-align: center; } #presse .presseExample .mainSlider .slider figure.slide article figure img { width: 100%; max-width: 300px; height: auto; margin: 0 auto; } #presse .presseExample .mainSlider .slider figure.slide article figure figcaption { font-family: 'MyriadPro-Regular'; font-size: 16px; color: #000000; opacity: .9; white-space: nowrap; padding: 5px 0 0 0; margin: 3px 0 0 0; border-top: 1px solid #B2B2B2; } #presse .presseExample .mainSlider .slider figure.slide article a.gotoPresse { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* ********************************************************************************************* */ #promote { position: fixed; top: 0; left: 0; bottom: 0; right: 0; display: none; width: 100%; height: 100%; z-index: 3000; } #promote a.overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,.8); } #promote .context { position: absolute; top: 50%; left: 50%; width: 730px; padding: 0; background: #FFFFFF; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 50px 25px rgba(0,0,0,.15); box-shadow: 0 0 50px 25px rgba(0,0,0,.15); } #promote .context .wrapper { position: relative; } #promote .context .wrapper .closePopin { position: absolute; top: 10px; right: 10px; display: block; width: 12px; height: 12px; background: none; z-index: 3; } #promote .context .wrapper .closePopin span svg { fill: #666666; stroke: #FFFFFF; } #promote .context .wrapper video { width: 100%; height: auto; outline: none; } #promote .context .wrapper figure { position: relative; } #promote .context .wrapper figure img { display: block; width: 100%; height: auto; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } #promote .context .wrapper figure figcaption { position: absolute; top: 355px; left: 40px; font-family: 'PensumPro-Medium'; font-size: 29px; letter-spacing: -.025rem; color: #FFFFFF; text-transform: uppercase; } #promote .context .wrapper .content { font-size: 0; } #promote .context .wrapper .content .text { display: inline-block; width: 75%; vertical-align: middle; } #promote .context .wrapper .content .text p { text-align: left; font-family: 'MyriadPro-Regular'; font-size: 16px; line-height: 16px; color: #666666; margin: 0 auto; padding: 25px 40px; } #promote .context .wrapper .content .text p a { font-family: 'MyriadPro-Regular'; font-size: 16px; line-height: 16px; color: #666666; text-decoration: underline; } #promote .context .wrapper .content .book { display: inline-block; width: 25%; vertical-align: middle; } #promote .context .wrapper .content .book .bookPopin { position: relative; display: inline-block; width: 165px; height: 63px; border: 1px solid #000000; text-decoration: none; } #promote .context .wrapper .content .book .bookPopin .arrow { position: absolute; top: 25px; left: 17px; width: 14px; height: 14px; } #promote .context .wrapper .content .book .bookPopin .arrow svg { fill: #000000; } #promote .context .wrapper .content .book .bookPopin .texte { display: block; position: absolute; top: 50%; left: 44px; font-family: 'PensumPro-Book'; font-size: 18px; line-height: 13px; color: #000000; text-transform: uppercase; padding-top: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #promote .context .wrapper .content .book .bookPopin .texte em { display: block; font-family: 'PensumPro-BookItalic'; font-size: 16px; color: inherit; text-transform: none; } #fullPopin { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 15000; } #fullPopin .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255,255,255,.75); } #fullPopin .overlay a { display: block; width: 100%; height: 100%; } #fullPopin .container { position: relative; width: 100%; height: 100%; } #fullPopin .container .wrapper { position: absolute; top: 5%; left: 5%; bottom: 5%; right: 5%; } #fullPopin .container .wrapper .content { position: relative; width: 100%; height: 100%; } #fullPopin .container .wrapper .content .header { position: absolute; top: 0; left: 0; right: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: flex-end; height: 44px; z-index: 15010; } #fullPopin .container .wrapper .content .header .langues { position: relative; width: 44px; height: 44px; overflow: hidden; } #fullPopin .container .wrapper .content .header .langues.open { overflow: initial; } #fullPopin .container .wrapper .content .header .langues ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; width: 44px; } #fullPopin .container .wrapper .content .header .langues ul li { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; height: 44px; } #fullPopin .container .wrapper .content .header .langues ul li a { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; } #fullPopin .container .wrapper .content .header .langues ul li a img { } #fullPopin .container .wrapper .content .header .close { width: 44px; border: none; background: none; } #fullPopin .container .wrapper .content .header .close img { display: block; width: 100%; height: auto; } #fullPopin .container .wrapper .content .popinSlider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; } #fullPopin .container .wrapper .content .popinSlider .popinItem { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 0; transition: opacity 1s; z-index: 15001; } #fullPopin .container .wrapper .content .popinSlider .popinItem.visible { opacity: 1; z-index: 15002; } #fullPopin .container .wrapper .content .popinSlider .popinItem.roots { background-image: url(../images/popin/bg-roots-desktop.png); } #fullPopin .container .wrapper .content .popinSlider .popinItem.fruits { background-image: url(../images/popin/bg-fruits-desktop.png); } #fullPopin .container .wrapper .content .popinSlider .popinItem.leaves { background-image: url(../images/popin/bg-leaves-desktop.png); } #fullPopin .container .wrapper .content .popinSlider .popinItem.flowers { background-image: url(../images/popin/bg-flowers-desktop.png); } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper { position: relative; top: auto; left: auto; bottom: auto; right: auto; width: 100%; height: 100%; } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .compas { position: absolute; top: 20px; right: 110px; } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .vrbtim { position: absolute; top: 130px; left: 60px; width: 500px; font-family: 'PensumPro-BookItalic'; font-size: 26px; line-height: 33px; letter-spacing: -0.025rem; color: #FFFFFF; } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .reserver { position: absolute; top: 50%; left: 390px; display: inline-block; text-decoration: none; font-family: 'PensumPro-BookItalic'; font-size: 22px; letter-spacing: -0.025rem; color: #FFFFFF; padding: 10px 35px; border: 2px solid #FFFFFF; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .compas img { display: block; width: 75%; height: auto; } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .adress { position: absolute; bottom: 100px; left: 200px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .adress .miraLogo { display: block; width: 100px; margin: 0 auto; } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .adress .miraLogo img { display: block; width: 100%; height: auto; } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .adress .miraAddy { padding: 15px 0; } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .adress .miraAddy p { font-family: 'PensumPro-Book'; font-size: 16px; color: #FFFFFF; text-align: center; } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .adress .miraAddy p span.onMobile { display: none; font-family: inherit; color: inherit; } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .adress .miraAddy p span.onMobile a { font-family: inherit; color: inherit; text-decoration: none; } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .adress .miraAddy p span.onDsktop { font-family: inherit; color: inherit; } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .adress .prizLogo { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; width: 25%; margin: 0 auto; } #fullPopin .container .wrapper .content .popinSlider .popinItem .wrapper .adress .prizLogo img { width: 40px; height: auto; }