@charset "UTF-8"; /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ /* ---------------------------------- Default Theme ----------------------------------- */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(https://www.tycolo.com/lib/default/css/../images/prettyPhoto/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } /****** GALERIE PHOTO MOSAIQUE ******/ .gp-mosaique { margin: 0 auto; } .gp-mosaique-line { clear: both; } .gp-mosaique-media { display: inline-block; position: relative; vertical-align: top; } .gp-mosaique-media-title-top .gp-mosaique-media { vertical-align: bottom; } .gp-mosaique-media a { display: block; height: 100%; outline: none; position: relative; width: 100%; z-index: 1; } .gp-mosaique-media-loupe { background: url(https://www.tycolo.com/lib/GP/images/site/default/gp-mosaique-media-loupe.png) no-repeat center center; background-color: rgba(0,0,0,.5); cursor : pointer; height: 100%; left: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; width: 100%; z-index: 2; } .gp-mosaique-media-loupe:hover { opacity: 1; filter: alpha(opacity=100); } .gp-mosaique-media-title { font-size : 1em; font-weight: bold; line-height: 1.1em; text-align: center; } .gp-mosaique-media-title.top { margin-bottom: 5px; } .gp-mosaique-media-title.bottom { margin-top: 5px; } /****** PAGINATION ******/ .gp-mosaique-pager { margin: 10px 0 0; text-align: center; } .gp-mosaique-pager span, .gp-mosaique-pager div { display: inline-block; position: relative; vertical-align: top; } .gp-mosaique-pager a, .gp-mosaique-pager-control { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .gp-mosaique-pager-pages a { background: #EEE; border: 1px solid #CCC; color: #000; display: inline-block; height: 18px; line-height: 18px; margin: 2px 2px; text-align: center; text-decoration: none; width: 18px; } .gp-mosaique-pager-pages a:hover, .gp-mosaique-pager-pages a.active { background-color: #AAA; border-color: #AAA; color: #FFF; } .gp-mosaique-pager-control { background: #BBB no-repeat center center; display: inline-block; height: 24px; width: 24px; } .gp-mosaique-pager-control:before { border-bottom: 7px solid transparent; border-top: 7px solid transparent; content: ''; display: inline-block; height: 0; margin: 5px 0 0; width: 0; } .gp-mosaique-pager-control.prev:before { border-right: 8px solid #FFF; margin-left: -2px; } .gp-mosaique-pager-control.next:before { border-left: 8px solid #FFF; margin-left: 1px; } .gp-mosaique-pager-control:hover { background-color: #888; } .gp-mosaique-pager-control.disabled, .gp-mosaique-pager-control.disabled:hover { background-color: #DDD; } .gp-mosaique-pager-control a { display: inline-block; height: 100%; left: 0; overflow: hidden; position: absolute; text-indent: -999px; /* Nécessaire pour IE 7 à cause du text-indent */ top: 0; width: 100%; } /****** EFFETS CSS3 ******/ .gp-mosaique-rounded-corners .gp-mosaique-media a, .gp-mosaique-rounded-corners .gp-mosaique-media img, .gp-mosaique-rounded-corners .gp-mosaique-media-loupe, .gp-mosaique-rounded-corners .gp-mosaique-pager-pages a, .gp-mosaique-rounded-corners .gp-mosaique-pager-control { border-radius: 5px; } .gp-mosaique-shading .gp-mosaique-page { padding: 6px; /* Différence entre box-shadow de .gp-mosaique-media a.prettyPhoto:hover et box-shadow de .gp-mosaique-media */ } .gp-mosaique-shading .gp-mosaique-media > a, .gp-mosaique-shading .gp-mosaique-media > img { -webkit-box-shadow: 0 0 4px #000; -moz-box-shadow: 0 0 4px #000; -o-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000; } .gp-mosaique-shading .gp-mosaique-media a.prettyPhoto { -webkit-transition: box-shadow .3s ease; -moz-transition: box-shadow .3s ease; -ms-transition: box-shadow .3s ease; -o-transition: box-shadow .3s ease; transition: box-shadow .3s ease; } .gp-mosaique-shading .gp-mosaique-media a.prettyPhoto:hover { -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } h3.soustitre_1 { color: #d06516; font-size: 17px; font-weight: 300; text-transform: uppercase; } h4.soustitre_2 { color: #494948; font-size: 17px; font-weight: 300; text-transform: uppercase; } h5.intertitre { color: #535659; font-size: 16px; font-weight: 700; margin: 15px 0; } strong.accroche { color: #000; font-weight: 700; font-style: italic; font-size: 13px; } strong.mise_en_avant_1 { font-weight: 700; color: #d06516; } strong.mise_en_avant_2 { font-weight: 700; color: #494948; } span.legende { font-weight: normal; font-style: italic; color: #d06516; font-size: 13px; } blockquote.citation { padding: 15px; background: #494948; color: #fff; font-size: 11px; margin: 0; width: 100%; color: #fff; line-height: 1.5; } #menu .menu ul.niv1 li.niv1 a.niv1, #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 a.niv2, #zone-page > .container main .actus_liste_element .btn_savoir_plus, .mc-mosaic a .description, .mc-mosaic a .description span, aside.right a, aside.right #social a, #zone-footer #pre-footer ul li a, #zone-footer #sub-footer .container .right a { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } body, td, pre, input[type="text"], textarea, select { font-family: "Ubuntu", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.4rem; line-height: 1.4; color: #494948; } input[type="text"], textarea, select { color: #444; } html { height: 100%; font-size: 10px; } body { background: #363736 url("https://www.tycolo.com/default/CMS/css/tpl4/../../images/tycolo2015/bg_body.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; margin: 0; } .cms_bloc_text table:not(.cms_bloc_text_two_column) { border-collapse: collapse; border: none; } .cms_bloc_text table:not(.cms_bloc_text_two_column) tr { border: none; } .cms_bloc_text table:not(.cms_bloc_text_two_column) th, .cms_bloc_text table:not(.cms_bloc_text_two_column) td { border: none; line-height: 1.2; } .cms_bloc_text table:not(.cms_bloc_text_two_column) td { padding: .8rem; text-align: left; vertical-align: middle; } .content ul, .content ol { position: relative; padding: .5rem 0; } .content ol { list-style-position: inside; } .content ol li { padding-bottom: .6rem; padding-left: .7rem; } .content ul { list-style-type: none; } .content .cms_bloc ul.sitemap li, .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li, .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li, .content .cms_bloc.cms_bloc_text ul li { text-align: left; line-height: 1.4; padding-top: 2px; padding-bottom: 2px; } .content .cms_bloc ul.sitemap li:before, .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li:before, .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li:before, .content .cms_bloc.cms_bloc_text ul li:before { content: ''; display: inline-block; width: 0; height: 0; border-top: .4rem solid transparent; border-bottom: .4rem solid transparent; border-left: 0.4rem solid #d06516; position: relative; left: -1.2rem; top: 0; margin: 0 -.4rem 0 0; } a { color: #d06516; font-weight: bold; text-decoration: underline; } a:hover { text-decoration: none; } .container { margin: 0 auto; width: 99rem; text-align: left; } body, [id^='zone'] { min-width: 99rem; } .cms_bloc_title h2 { color: #d06516; font-size: 1.8rem; font-weight: bold; background: #494948; text-transform: uppercase; line-height: 1.15; padding: 0.5rem 1rem; font-family: "Ubuntu", Arial, Tahoma, Verdana, Helvetica, sans-serif; } .left { float: left; } .right { float: right; } hr { width: 100% !important; height: 1rem; background-color: #494948; border: none; } #zone-header { position: relative; z-index: 10; } #zone-header #pre-header { background: #d06516; padding: 1.2rem 0; border-bottom: 15px solid #494948; } #zone-header #pre-header h1, #zone-header #pre-header p { margin: 0; font-family: "Ubuntu", Arial, Tahoma, Verdana, Helvetica, sans-serif; color: white; font-size: 1.2rem; font-weight: 300; line-height: 1; } #zone-header #sub-header { height: 29.5rem; } #zone-header #sub-header .container { position: relative; background: white; padding: 0 1.5rem; height: 100%; background-image: url("https://www.tycolo.com/default/CMS/css/tpl4/../../images/tycolo2015/bg_header.jpg"); background-repeat: no-repeat; background-position: center 124px; } #zone-header #sub-header .container .logo { margin: 1.1rem 0rem 0rem 0; display: inline-block; vertical-align: middle; z-index: 5; } #zone-header #sub-header .container #baseline { text-indent: -99999px; width: 56.5rem; height: 8.6rem; position: absolute; top: 4.2rem; left: 29rem; background-image: url("https://www.tycolo.com/default/CMS/css/tpl4/../../images/tycolo2015/baseline.png"); } #zone-header #ma-header .container { background: white; padding: 0 1.5rem; } #zone-header #ma-header .container #selection-month { background: #494948; position: relative; height: 23.6rem; width: 100%; padding: 1.4rem 0; } #zone-header #ma-header .container #selection-month::before, #zone-header #ma-header .container #selection-month::after { content: ""; position: absolute; left: 0; width: 100%; height: 1.4rem; background-image: url("https://www.tycolo.com/default/CMS/css/tpl4/../../images/tycolo2015/border_ma.jpg"); background-repeat: repeat-x; } #zone-header #ma-header .container #selection-month::before { top: 0; } #zone-header #ma-header .container #selection-month::after { bottom: 0; } #zone-header #ma-header .container #selection-month > p { width: 20rem; text-align: center; text-transform: uppercase; color: #f2ca05; font-weight: 700; font-size: 2.7rem; margin-top: 2.2rem; float: left; position: relative; padding-top: 2.6rem; } #zone-header #ma-header .container #selection-month > p::after { content: ""; position: absolute; top: -1.6rem; right: -5.4rem; height: 19.6rem; width: 5.2rem; background-image: url("https://www.tycolo.com/default/CMS/css/tpl4/../../images/tycolo2015/arrow_ma.png"); background-repeat: no-repeat; background-size: 5.2rem 19.6rem; z-index: 9999; } #zone-header #ma-header .container #selection-month .ma-container { width: 73rem; height: 19.5rem; overflow: hidden; position: relative; float: right; margin-top: 0.6rem; } #zone-header #ma-header .container #selection-month .ma-container .ma-news-container { position: relative; z-index: 10; } #zone-header #ma-header .container #selection-month .ma-container .ma-news-image { float: left; margin-right: 1.4rem; } #zone-header #ma-header .container #selection-month .ma-container .ma-news-title { margin-top: 3.5rem; } #zone-header #ma-header .container #selection-month .ma-container .ma-news-title, #zone-header #ma-header .container #selection-month .ma-container .ma-news-title a { text-decoration: none; text-transform: uppercase; color: #f2ca05; font-weight: 500; font-size: 2rem; } #zone-header #ma-header .container #selection-month .ma-container .ma-news-resume { color: white; font-size: 1.5rem; font-weight: 300; padding-right: 0.5rem; } #zone-header #ma-header .container #selection-month .ma-container .ma-news-know-more-link { display: none; } #zone-header #ma-header .container #selection-month .ma-container .ma-all-news-link { position: absolute; bottom: 0; right: 1rem; display: inline-block; z-index: 15; } #zone-header #ma-header .container #selection-month .ma-container .ma-all-news-link a { text-decoration: none; border-bottom: 1px dotted #f2ca05; display: inline-block; color: #f2ca05; line-height: 1; } #zone-header #ma-header .container #selection-month .ma-container .ma-all-news-link a:hover { border-bottom: 1px dotted transparent; } #zone-header #ma-header .container #selection-month .ma-container .ma-pagination { position: absolute; bottom: 0; left: 40rem; z-index: 15; } #zone-header #ma-header .container #selection-month .ma-container .ma-pagination .bx-pager-item { display: inline-block; vertical-align: middle; margin: 0 0.4rem; } #zone-header #ma-header .container #selection-month .ma-container .ma-pagination .bx-pager-item a { display: block; text-indent: -9999px; overflow: hidden; height: 1.2rem; width: 1.2rem; border-radius: 100%; background: rgba(255, 255, 255, 0.5); } #zone-header #ma-header .container #selection-month .ma-container .ma-pagination .bx-pager-item a.active { background: white; } #menu { display: inline-block; vertical-align: bottom; width: 100%; } #menu .menu { width: 100%; position: relative; } #menu .menu ul.niv1 li a { position: relative; text-decoration: none; -webkit-transition: padding .2s ease-in-out; transition: padding .2s ease-in-out; font-family: "Myriad Pro", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: normal; } #menu .menu ul.niv1 li.niv1 { position: relative; margin-bottom: 0.3rem; } #menu .menu ul.niv1 li.niv1 a.niv1 { font-size: 1.3rem; padding: 0.5rem 1.1rem; color: white; text-transform: uppercase; font-weight: 300; background: #494948; letter-spacing: 0.05em; } #menu .menu ul.niv1 li.niv1 a.niv1:hover { background: #d06516; } #menu .menu ul.niv1 li.niv1.on ul.niv2 { display: block; } #menu .menu ul.niv1 li.niv1 ul.niv2 { width: 100%; display: none; background: #6e6e6e; padding: 0.7rem 0; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 { opacity: 1; width: 100%; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 a.niv2 { color: white; font-size: 1rem; padding: 0.2rem 1.1rem; font-weight: 100; text-transform: uppercase; font-family: "Ubuntu", Arial, Tahoma, Verdana, Helvetica, sans-serif; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 a.niv2:hover { padding-left: 2rem; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3 { width: 90%; min-width: 16rem; display: none; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3 li.niv3 { -webkit-transform: translateX(-1rem); -ms-transform: translateX(-1rem); transform: translateX(-1rem); opacity: 0; width: 100%; background: #0c80a4; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3 li.niv3 a.niv3 { color: white; padding: 8px 25px; font-size: 1.5rem; position: relative; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.toLeft li.niv3 { -webkit-transform: translateX(1rem); -ms-transform: translateX(1rem); transform: translateX(1rem); } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3 { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(1) { -webkit-transition: opacity 0.3s ease-in-out 0.02s, -webkit-transform 0.3s ease-in-out 0.02s; transition: opacity 0.3s ease-in-out 0.02s, -webkit-transform 0.3s ease-in-out 0.02s; transition: transform 0.3s ease-in-out 0.02s, opacity 0.3s ease-in-out 0.02s; transition: transform 0.3s ease-in-out 0.02s, opacity 0.3s ease-in-out 0.02s, -webkit-transform 0.3s ease-in-out 0.02s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(2) { -webkit-transition: opacity 0.3s ease-in-out 0.04s, -webkit-transform 0.3s ease-in-out 0.04s; transition: opacity 0.3s ease-in-out 0.04s, -webkit-transform 0.3s ease-in-out 0.04s; transition: transform 0.3s ease-in-out 0.04s, opacity 0.3s ease-in-out 0.04s; transition: transform 0.3s ease-in-out 0.04s, opacity 0.3s ease-in-out 0.04s, -webkit-transform 0.3s ease-in-out 0.04s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(3) { -webkit-transition: opacity 0.3s ease-in-out 0.06s, -webkit-transform 0.3s ease-in-out 0.06s; transition: opacity 0.3s ease-in-out 0.06s, -webkit-transform 0.3s ease-in-out 0.06s; transition: transform 0.3s ease-in-out 0.06s, opacity 0.3s ease-in-out 0.06s; transition: transform 0.3s ease-in-out 0.06s, opacity 0.3s ease-in-out 0.06s, -webkit-transform 0.3s ease-in-out 0.06s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(4) { -webkit-transition: opacity 0.3s ease-in-out 0.08s, -webkit-transform 0.3s ease-in-out 0.08s; transition: opacity 0.3s ease-in-out 0.08s, -webkit-transform 0.3s ease-in-out 0.08s; transition: transform 0.3s ease-in-out 0.08s, opacity 0.3s ease-in-out 0.08s; transition: transform 0.3s ease-in-out 0.08s, opacity 0.3s ease-in-out 0.08s, -webkit-transform 0.3s ease-in-out 0.08s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(5) { -webkit-transition: opacity 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s; transition: opacity 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s; transition: transform 0.3s ease-in-out 0.1s, opacity 0.3s ease-in-out 0.1s; transition: transform 0.3s ease-in-out 0.1s, opacity 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(6) { -webkit-transition: opacity 0.3s ease-in-out 0.12s, -webkit-transform 0.3s ease-in-out 0.12s; transition: opacity 0.3s ease-in-out 0.12s, -webkit-transform 0.3s ease-in-out 0.12s; transition: transform 0.3s ease-in-out 0.12s, opacity 0.3s ease-in-out 0.12s; transition: transform 0.3s ease-in-out 0.12s, opacity 0.3s ease-in-out 0.12s, -webkit-transform 0.3s ease-in-out 0.12s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(7) { -webkit-transition: opacity 0.3s ease-in-out 0.14s, -webkit-transform 0.3s ease-in-out 0.14s; transition: opacity 0.3s ease-in-out 0.14s, -webkit-transform 0.3s ease-in-out 0.14s; transition: transform 0.3s ease-in-out 0.14s, opacity 0.3s ease-in-out 0.14s; transition: transform 0.3s ease-in-out 0.14s, opacity 0.3s ease-in-out 0.14s, -webkit-transform 0.3s ease-in-out 0.14s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(8) { -webkit-transition: opacity 0.3s ease-in-out 0.16s, -webkit-transform 0.3s ease-in-out 0.16s; transition: opacity 0.3s ease-in-out 0.16s, -webkit-transform 0.3s ease-in-out 0.16s; transition: transform 0.3s ease-in-out 0.16s, opacity 0.3s ease-in-out 0.16s; transition: transform 0.3s ease-in-out 0.16s, opacity 0.3s ease-in-out 0.16s, -webkit-transform 0.3s ease-in-out 0.16s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(9) { -webkit-transition: opacity 0.3s ease-in-out 0.18s, -webkit-transform 0.3s ease-in-out 0.18s; transition: opacity 0.3s ease-in-out 0.18s, -webkit-transform 0.3s ease-in-out 0.18s; transition: transform 0.3s ease-in-out 0.18s, opacity 0.3s ease-in-out 0.18s; transition: transform 0.3s ease-in-out 0.18s, opacity 0.3s ease-in-out 0.18s, -webkit-transform 0.3s ease-in-out 0.18s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(10) { -webkit-transition: opacity 0.3s ease-in-out 0.2s, -webkit-transform 0.3s ease-in-out 0.2s; transition: opacity 0.3s ease-in-out 0.2s, -webkit-transform 0.3s ease-in-out 0.2s; transition: transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s; transition: transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, -webkit-transform 0.3s ease-in-out 0.2s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(11) { -webkit-transition: opacity 0.3s ease-in-out 0.22s, -webkit-transform 0.3s ease-in-out 0.22s; transition: opacity 0.3s ease-in-out 0.22s, -webkit-transform 0.3s ease-in-out 0.22s; transition: transform 0.3s ease-in-out 0.22s, opacity 0.3s ease-in-out 0.22s; transition: transform 0.3s ease-in-out 0.22s, opacity 0.3s ease-in-out 0.22s, -webkit-transform 0.3s ease-in-out 0.22s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(12) { -webkit-transition: opacity 0.3s ease-in-out 0.24s, -webkit-transform 0.3s ease-in-out 0.24s; transition: opacity 0.3s ease-in-out 0.24s, -webkit-transform 0.3s ease-in-out 0.24s; transition: transform 0.3s ease-in-out 0.24s, opacity 0.3s ease-in-out 0.24s; transition: transform 0.3s ease-in-out 0.24s, opacity 0.3s ease-in-out 0.24s, -webkit-transform 0.3s ease-in-out 0.24s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(13) { -webkit-transition: opacity 0.3s ease-in-out 0.26s, -webkit-transform 0.3s ease-in-out 0.26s; transition: opacity 0.3s ease-in-out 0.26s, -webkit-transform 0.3s ease-in-out 0.26s; transition: transform 0.3s ease-in-out 0.26s, opacity 0.3s ease-in-out 0.26s; transition: transform 0.3s ease-in-out 0.26s, opacity 0.3s ease-in-out 0.26s, -webkit-transform 0.3s ease-in-out 0.26s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(14) { -webkit-transition: opacity 0.3s ease-in-out 0.28s, -webkit-transform 0.3s ease-in-out 0.28s; transition: opacity 0.3s ease-in-out 0.28s, -webkit-transform 0.3s ease-in-out 0.28s; transition: transform 0.3s ease-in-out 0.28s, opacity 0.3s ease-in-out 0.28s; transition: transform 0.3s ease-in-out 0.28s, opacity 0.3s ease-in-out 0.28s, -webkit-transform 0.3s ease-in-out 0.28s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(15) { -webkit-transition: opacity 0.3s ease-in-out 0.3s, -webkit-transform 0.3s ease-in-out 0.3s; transition: opacity 0.3s ease-in-out 0.3s, -webkit-transform 0.3s ease-in-out 0.3s; transition: transform 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s; transition: transform 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s, -webkit-transform 0.3s ease-in-out 0.3s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(16) { -webkit-transition: opacity 0.3s ease-in-out 0.32s, -webkit-transform 0.3s ease-in-out 0.32s; transition: opacity 0.3s ease-in-out 0.32s, -webkit-transform 0.3s ease-in-out 0.32s; transition: transform 0.3s ease-in-out 0.32s, opacity 0.3s ease-in-out 0.32s; transition: transform 0.3s ease-in-out 0.32s, opacity 0.3s ease-in-out 0.32s, -webkit-transform 0.3s ease-in-out 0.32s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(17) { -webkit-transition: opacity 0.3s ease-in-out 0.34s, -webkit-transform 0.3s ease-in-out 0.34s; transition: opacity 0.3s ease-in-out 0.34s, -webkit-transform 0.3s ease-in-out 0.34s; transition: transform 0.3s ease-in-out 0.34s, opacity 0.3s ease-in-out 0.34s; transition: transform 0.3s ease-in-out 0.34s, opacity 0.3s ease-in-out 0.34s, -webkit-transform 0.3s ease-in-out 0.34s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(18) { -webkit-transition: opacity 0.3s ease-in-out 0.36s, -webkit-transform 0.3s ease-in-out 0.36s; transition: opacity 0.3s ease-in-out 0.36s, -webkit-transform 0.3s ease-in-out 0.36s; transition: transform 0.3s ease-in-out 0.36s, opacity 0.3s ease-in-out 0.36s; transition: transform 0.3s ease-in-out 0.36s, opacity 0.3s ease-in-out 0.36s, -webkit-transform 0.3s ease-in-out 0.36s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(19) { -webkit-transition: opacity 0.3s ease-in-out 0.38s, -webkit-transform 0.3s ease-in-out 0.38s; transition: opacity 0.3s ease-in-out 0.38s, -webkit-transform 0.3s ease-in-out 0.38s; transition: transform 0.3s ease-in-out 0.38s, opacity 0.3s ease-in-out 0.38s; transition: transform 0.3s ease-in-out 0.38s, opacity 0.3s ease-in-out 0.38s, -webkit-transform 0.3s ease-in-out 0.38s; } #menu .menu ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3.hover li.niv3:nth-child(20) { -webkit-transition: opacity 0.3s ease-in-out 0.4s, -webkit-transform 0.3s ease-in-out 0.4s; transition: opacity 0.3s ease-in-out 0.4s, -webkit-transform 0.3s ease-in-out 0.4s; transition: transform 0.3s ease-in-out 0.4s, opacity 0.3s ease-in-out 0.4s; transition: transform 0.3s ease-in-out 0.4s, opacity 0.3s ease-in-out 0.4s, -webkit-transform 0.3s ease-in-out 0.4s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2 { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(1) { -webkit-transition: opacity 0.3s ease-in-out 0.01s, -webkit-transform 0.3s ease-in-out 0.01s; transition: opacity 0.3s ease-in-out 0.01s, -webkit-transform 0.3s ease-in-out 0.01s; transition: transform 0.3s ease-in-out 0.01s, opacity 0.3s ease-in-out 0.01s; transition: transform 0.3s ease-in-out 0.01s, opacity 0.3s ease-in-out 0.01s, -webkit-transform 0.3s ease-in-out 0.01s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(2) { -webkit-transition: opacity 0.3s ease-in-out 0.02s, -webkit-transform 0.3s ease-in-out 0.02s; transition: opacity 0.3s ease-in-out 0.02s, -webkit-transform 0.3s ease-in-out 0.02s; transition: transform 0.3s ease-in-out 0.02s, opacity 0.3s ease-in-out 0.02s; transition: transform 0.3s ease-in-out 0.02s, opacity 0.3s ease-in-out 0.02s, -webkit-transform 0.3s ease-in-out 0.02s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(3) { -webkit-transition: opacity 0.3s ease-in-out 0.03s, -webkit-transform 0.3s ease-in-out 0.03s; transition: opacity 0.3s ease-in-out 0.03s, -webkit-transform 0.3s ease-in-out 0.03s; transition: transform 0.3s ease-in-out 0.03s, opacity 0.3s ease-in-out 0.03s; transition: transform 0.3s ease-in-out 0.03s, opacity 0.3s ease-in-out 0.03s, -webkit-transform 0.3s ease-in-out 0.03s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(4) { -webkit-transition: opacity 0.3s ease-in-out 0.04s, -webkit-transform 0.3s ease-in-out 0.04s; transition: opacity 0.3s ease-in-out 0.04s, -webkit-transform 0.3s ease-in-out 0.04s; transition: transform 0.3s ease-in-out 0.04s, opacity 0.3s ease-in-out 0.04s; transition: transform 0.3s ease-in-out 0.04s, opacity 0.3s ease-in-out 0.04s, -webkit-transform 0.3s ease-in-out 0.04s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(5) { -webkit-transition: opacity 0.3s ease-in-out 0.05s, -webkit-transform 0.3s ease-in-out 0.05s; transition: opacity 0.3s ease-in-out 0.05s, -webkit-transform 0.3s ease-in-out 0.05s; transition: transform 0.3s ease-in-out 0.05s, opacity 0.3s ease-in-out 0.05s; transition: transform 0.3s ease-in-out 0.05s, opacity 0.3s ease-in-out 0.05s, -webkit-transform 0.3s ease-in-out 0.05s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(6) { -webkit-transition: opacity 0.3s ease-in-out 0.06s, -webkit-transform 0.3s ease-in-out 0.06s; transition: opacity 0.3s ease-in-out 0.06s, -webkit-transform 0.3s ease-in-out 0.06s; transition: transform 0.3s ease-in-out 0.06s, opacity 0.3s ease-in-out 0.06s; transition: transform 0.3s ease-in-out 0.06s, opacity 0.3s ease-in-out 0.06s, -webkit-transform 0.3s ease-in-out 0.06s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(7) { -webkit-transition: opacity 0.3s ease-in-out 0.07s, -webkit-transform 0.3s ease-in-out 0.07s; transition: opacity 0.3s ease-in-out 0.07s, -webkit-transform 0.3s ease-in-out 0.07s; transition: transform 0.3s ease-in-out 0.07s, opacity 0.3s ease-in-out 0.07s; transition: transform 0.3s ease-in-out 0.07s, opacity 0.3s ease-in-out 0.07s, -webkit-transform 0.3s ease-in-out 0.07s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(8) { -webkit-transition: opacity 0.3s ease-in-out 0.08s, -webkit-transform 0.3s ease-in-out 0.08s; transition: opacity 0.3s ease-in-out 0.08s, -webkit-transform 0.3s ease-in-out 0.08s; transition: transform 0.3s ease-in-out 0.08s, opacity 0.3s ease-in-out 0.08s; transition: transform 0.3s ease-in-out 0.08s, opacity 0.3s ease-in-out 0.08s, -webkit-transform 0.3s ease-in-out 0.08s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(9) { -webkit-transition: opacity 0.3s ease-in-out 0.09s, -webkit-transform 0.3s ease-in-out 0.09s; transition: opacity 0.3s ease-in-out 0.09s, -webkit-transform 0.3s ease-in-out 0.09s; transition: transform 0.3s ease-in-out 0.09s, opacity 0.3s ease-in-out 0.09s; transition: transform 0.3s ease-in-out 0.09s, opacity 0.3s ease-in-out 0.09s, -webkit-transform 0.3s ease-in-out 0.09s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(10) { -webkit-transition: opacity 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s; transition: opacity 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s; transition: transform 0.3s ease-in-out 0.1s, opacity 0.3s ease-in-out 0.1s; transition: transform 0.3s ease-in-out 0.1s, opacity 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(11) { -webkit-transition: opacity 0.3s ease-in-out 0.11s, -webkit-transform 0.3s ease-in-out 0.11s; transition: opacity 0.3s ease-in-out 0.11s, -webkit-transform 0.3s ease-in-out 0.11s; transition: transform 0.3s ease-in-out 0.11s, opacity 0.3s ease-in-out 0.11s; transition: transform 0.3s ease-in-out 0.11s, opacity 0.3s ease-in-out 0.11s, -webkit-transform 0.3s ease-in-out 0.11s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(12) { -webkit-transition: opacity 0.3s ease-in-out 0.12s, -webkit-transform 0.3s ease-in-out 0.12s; transition: opacity 0.3s ease-in-out 0.12s, -webkit-transform 0.3s ease-in-out 0.12s; transition: transform 0.3s ease-in-out 0.12s, opacity 0.3s ease-in-out 0.12s; transition: transform 0.3s ease-in-out 0.12s, opacity 0.3s ease-in-out 0.12s, -webkit-transform 0.3s ease-in-out 0.12s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(13) { -webkit-transition: opacity 0.3s ease-in-out 0.13s, -webkit-transform 0.3s ease-in-out 0.13s; transition: opacity 0.3s ease-in-out 0.13s, -webkit-transform 0.3s ease-in-out 0.13s; transition: transform 0.3s ease-in-out 0.13s, opacity 0.3s ease-in-out 0.13s; transition: transform 0.3s ease-in-out 0.13s, opacity 0.3s ease-in-out 0.13s, -webkit-transform 0.3s ease-in-out 0.13s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(14) { -webkit-transition: opacity 0.3s ease-in-out 0.14s, -webkit-transform 0.3s ease-in-out 0.14s; transition: opacity 0.3s ease-in-out 0.14s, -webkit-transform 0.3s ease-in-out 0.14s; transition: transform 0.3s ease-in-out 0.14s, opacity 0.3s ease-in-out 0.14s; transition: transform 0.3s ease-in-out 0.14s, opacity 0.3s ease-in-out 0.14s, -webkit-transform 0.3s ease-in-out 0.14s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(15) { -webkit-transition: opacity 0.3s ease-in-out 0.15s, -webkit-transform 0.3s ease-in-out 0.15s; transition: opacity 0.3s ease-in-out 0.15s, -webkit-transform 0.3s ease-in-out 0.15s; transition: transform 0.3s ease-in-out 0.15s, opacity 0.3s ease-in-out 0.15s; transition: transform 0.3s ease-in-out 0.15s, opacity 0.3s ease-in-out 0.15s, -webkit-transform 0.3s ease-in-out 0.15s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(16) { -webkit-transition: opacity 0.3s ease-in-out 0.16s, -webkit-transform 0.3s ease-in-out 0.16s; transition: opacity 0.3s ease-in-out 0.16s, -webkit-transform 0.3s ease-in-out 0.16s; transition: transform 0.3s ease-in-out 0.16s, opacity 0.3s ease-in-out 0.16s; transition: transform 0.3s ease-in-out 0.16s, opacity 0.3s ease-in-out 0.16s, -webkit-transform 0.3s ease-in-out 0.16s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(17) { -webkit-transition: opacity 0.3s ease-in-out 0.17s, -webkit-transform 0.3s ease-in-out 0.17s; transition: opacity 0.3s ease-in-out 0.17s, -webkit-transform 0.3s ease-in-out 0.17s; transition: transform 0.3s ease-in-out 0.17s, opacity 0.3s ease-in-out 0.17s; transition: transform 0.3s ease-in-out 0.17s, opacity 0.3s ease-in-out 0.17s, -webkit-transform 0.3s ease-in-out 0.17s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(18) { -webkit-transition: opacity 0.3s ease-in-out 0.18s, -webkit-transform 0.3s ease-in-out 0.18s; transition: opacity 0.3s ease-in-out 0.18s, -webkit-transform 0.3s ease-in-out 0.18s; transition: transform 0.3s ease-in-out 0.18s, opacity 0.3s ease-in-out 0.18s; transition: transform 0.3s ease-in-out 0.18s, opacity 0.3s ease-in-out 0.18s, -webkit-transform 0.3s ease-in-out 0.18s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(19) { -webkit-transition: opacity 0.3s ease-in-out 0.19s, -webkit-transform 0.3s ease-in-out 0.19s; transition: opacity 0.3s ease-in-out 0.19s, -webkit-transform 0.3s ease-in-out 0.19s; transition: transform 0.3s ease-in-out 0.19s, opacity 0.3s ease-in-out 0.19s; transition: transform 0.3s ease-in-out 0.19s, opacity 0.3s ease-in-out 0.19s, -webkit-transform 0.3s ease-in-out 0.19s; } #menu .menu ul.niv1 li.niv1 ul.niv2.hover li.niv2:nth-child(20) { -webkit-transition: opacity 0.3s ease-in-out 0.2s, -webkit-transform 0.3s ease-in-out 0.2s; transition: opacity 0.3s ease-in-out 0.2s, -webkit-transform 0.3s ease-in-out 0.2s; transition: transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s; transition: transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, -webkit-transform 0.3s ease-in-out 0.2s; } #zone-page { position: relative; z-index: 5; min-height: 44rem; } .pageType #zone-page { min-height: calc(100vh - 16.1rem - 34rem); } #zone-page > .container { background: #fff; padding: 2rem 1.5rem; height: 100%; } #zone-page > .container aside:first-child { width: 16.7rem; margin-right: 1.2rem; } #zone-page > .container main, #zone-page > .container aside { display: inline-block; vertical-align: top; } #zone-page > .container main { width: 45.5rem; } #zone-page > .container main .actus_liste_element { padding: 1rem; border: 1px solid #a4a4a3; margin-bottom: 1.5rem; } #zone-page > .container main .actus_liste_element .actu_image { float: left; margin-right: 1rem; } #zone-page > .container main .actus_liste_element .actu_image + p { margin-bottom: 0.6rem; } #zone-page > .container main .actus_liste_element .actu_image + p, #zone-page > .container main .actus_liste_element .actu_image + p a { text-decoration: none; text-transform: uppercase; font-weight: 600; } #zone-page > .container main .actus_liste_element .btn_savoir_plus { float: right; text-decoration: none; color: #fff; background: #d06516; border-radius: 0.3rem; border: 1px solid #d06516; display: inline-block; padding: 0.3rem 0.6rem; font-weight: 300; } #zone-page > .container main .actus_liste_element .btn_savoir_plus:hover { background: #fff; color: #d06516; } #zone-page > .container aside:last-child { width: 30.5rem; } .mc-mosaic a { float: left; display: block; width: 21.5rem; height: 21.5rem; text-decoration: none; position: relative; overflow: hidden; margin-bottom: 20px; background-repeat: no-repeat; background-size: cover; } .mc-mosaic a:nth-child(2n) { margin-left: 2rem; } .mc-mosaic a .title { text-align: center; color: #d06516; width: 100%; display: block; position: absolute; bottom: 0; padding: 5px 0; font-weight: 300; background: #494948; font-size: 1.9rem; } .mc-mosaic a .description { width: 100%; height: 100%; display: table; background: rgba(208, 101, 22, 0.8); opacity: 0; } .mc-mosaic a .description span { opacity: 0; text-align: center; color: #fff; display: table-cell; vertical-align: middle; padding: 0 20px; } .mc-mosaic a:hover .description { opacity: 1; } .mc-mosaic a:hover .description span { opacity: 1; } aside.right #store { background: #a4a4a3; padding: 2.1rem 1rem 0.5rem; width: 30.5rem; } aside.right #store h3, aside.right #store p { text-align: center; margin: 0; text-transform: uppercase; } aside.right #store h3 { color: #494948; font-size: 3.5rem; font-weight: 700; position: relative; letter-spacing: -0.02em; line-height: 1; } aside.right #store h3::before { content: ""; position: absolute; left: 0; top: -1rem; height: 0.7rem; background: #494948; width: 100%; } aside.right #store h3 + p { font-size: 2.8rem; color: white; font-weight: 300; line-height: 1; margin-top: 0.3rem; letter-spacing: -0.02em; } aside.right #store h3 + p span { font-size: 2rem; position: relative; top: -0.3rem; } aside.right #store img { width: 100%; display: block; margin: 1rem 0; } aside.right #store img ~ p { font-size: 1.5rem; font-weight: 300; position: relative; padding-bottom: 1.4rem; margin-bottom: 0.6rem; } aside.right #store img ~ p::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.7rem; } aside.right #store img + p { color: white; } aside.right #store img + p::after { background: white; } aside.right #store p:last-child { color: #494948; } aside.right #store p:last-child::after { background: #494948; } aside.right a { display: block; width: 100%; margin-top: 1rem; background: #d06516; text-decoration: none; color: white; padding: 0.6rem 1.2rem; text-transform: uppercase; height: 4rem; font-size: 2rem; font-weight: 400; border: 1px solid #d06516; } aside.right a:hover { background: white; color: #d06516; } aside.right #social { height: 4rem; background: #d06516; margin-top: 1rem; padding: 0.3rem 1.5rem; } aside.right #social a { color: white; width: auto; padding: 0; border: none; height: auto; background: none; margin: 0; width: auto; display: inline-block; vertical-align: middle; font-size: 3rem; } aside.right #social a:first-child + a { margin: 0 2.5rem; } aside.right #social a:hover { color: #494948; } #zone-footer { position: relative; z-index: 5; background: #494948; padding-top: 1.5rem; } #zone-footer #pre-footer { min-height: 16.5rem; border-bottom: 4px solid #d06516; } #zone-footer #pre-footer .container > a, #zone-footer #pre-footer ul { display: inline-block; vertical-align: top; } #zone-footer #pre-footer .container > a { margin-top: 2rem; width: 14rem; margin-right: 3rem; margin-left: 2.5rem; } #zone-footer #pre-footer .container > a img { width: 100%; } #zone-footer #pre-footer ul { padding: 0; width: 77rem; padding-top: 1rem; } #zone-footer #pre-footer ul li { list-style-type: none; display: inline-block; vertical-align: middle; width: 15rem; margin-bottom: 1.2rem; } #zone-footer #pre-footer ul li a { text-transform: uppercase; color: white; padding-right: 1.5rem; text-decoration: none; font-weight: 300; font-size: 1.3rem; letter-spacing: 0.05em; font-family: "Myriad Pro", Arial, Tahoma, Verdana, Helvetica, sans-serif; display: block; } #zone-footer #pre-footer ul li a:hover { color: #d06516; } #zone-footer #sub-footer .container { padding: 1.5rem 2.5rem 5rem 2.5rem; } #zone-footer #sub-footer .container p, #zone-footer #sub-footer .container a { color: white; text-decoration: none; font-family: "Myriad Pro", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.1rem; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 300; } #zone-footer #sub-footer .container .right a { border-right: 1px solid white; padding-right: 0.3rem; margin-right: 0.1rem; } #zone-footer #sub-footer .container .right a:last-child { border: none; } #zone-footer #sub-footer .container .right a:hover { color: #d06516; } @-webkit-keyframes expand2 { 0%, 30%, 70%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } 50% { -webkit-transform: scaleY(4); transform: scaleY(4); } } @keyframes expand2 { 0%, 30%, 70%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } 50% { -webkit-transform: scaleY(4); transform: scaleY(4); } } .wgSidebar { position: fixed; z-index: 101; left: 100%; height: 100%; max-width: 80vw; width: 300px; top: 0; background: #222628; -webkit-transition: -webkit-transform .2s ease-in-out, -webkit-filter .2s linear; transition: -webkit-transform .2s ease-in-out, -webkit-filter .2s linear; transition: transform .2s ease-in-out, filter .2s linear; transition: transform .2s ease-in-out, filter .2s linear, -webkit-transform .2s ease-in-out, -webkit-filter .2s linear; } .wgSidebar.is-open { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-filter: drop-shadow(0px 0px 100px rgba(0, 0, 0, 0.4)); filter: drop-shadow(0px 0px 100px rgba(0, 0, 0, 0.4)); } .wgSidebar .wgSidebar-loader { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wgSidebar .wgSidebar-loader .separatorColor span:nth-child(1) { -webkit-animation: expand2 1s ease-in-out 0s infinite; animation: expand2 1s ease-in-out 0s infinite; } .wgSidebar .wgSidebar-loader .separatorColor span:nth-child(2) { -webkit-animation: expand2 1s ease-in-out 0.1s infinite; animation: expand2 1s ease-in-out 0.1s infinite; } .wgSidebar .wgSidebar-loader .separatorColor span:nth-child(3) { -webkit-animation: expand2 1s ease-in-out 0.2s infinite; animation: expand2 1s ease-in-out 0.2s infinite; } .wgSidebar .wgSidebar-loader .separatorColor span:nth-child(4) { -webkit-animation: expand2 1s ease-in-out 0.3s infinite; animation: expand2 1s ease-in-out 0.3s infinite; } .wgSidebar .wgSidebar-loader .separatorColor span:nth-child(5) { -webkit-animation: expand2 1s ease-in-out 0.4s infinite; animation: expand2 1s ease-in-out 0.4s infinite; } .wgSidebar .simplebar-scrollbar { background: #fff; } .wgSidebar .snWall-element .snWall-element--service { display: none; } .wgSidebar .snWall .snWall-list { margin: 0; } .wgSidebar .snWall .snWall-item { min-width: 100%; margin-left: 0; margin-right: 0; margin-top: 1em; margin-bottom: 1em; background: rgba(255, 255, 255, 0.06); box-sizing: border-box; margin-bottom: 10px !important; border: 1px solid rgba(255, 255, 255, 0.1); opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); -webkit-transition: opacity 0.35s linear, -webkit-transform 0.3s cubic-bezier(0.6, -0.17, 0.38, 1.6); transition: opacity 0.35s linear, -webkit-transform 0.3s cubic-bezier(0.6, -0.17, 0.38, 1.6); transition: opacity 0.35s linear, transform 0.3s cubic-bezier(0.6, -0.17, 0.38, 1.6); transition: opacity 0.35s linear, transform 0.3s cubic-bezier(0.6, -0.17, 0.38, 1.6), -webkit-transform 0.3s cubic-bezier(0.6, -0.17, 0.38, 1.6); } .wgSidebar .snWall .snWall-item:nth-child(1) { -webkit-transition-delay: 0.08s, 0.08s; transition-delay: 0.08s, 0.08s; } .wgSidebar .snWall .snWall-item:nth-child(2) { -webkit-transition-delay: 0.14s, 0.14s; transition-delay: 0.14s, 0.14s; } .wgSidebar .snWall .snWall-item:nth-child(3) { -webkit-transition-delay: 0.2s, 0.2s; transition-delay: 0.2s, 0.2s; } .wgSidebar .snWall .snWall-item:nth-child(4) { -webkit-transition-delay: 0.26s, 0.26s; transition-delay: 0.26s, 0.26s; } .wgSidebar .snWall .snWall-item:nth-child(5) { -webkit-transition-delay: 0.32s, 0.32s; transition-delay: 0.32s, 0.32s; } .wgSidebar .snWall .snWall-item:nth-child(6) { -webkit-transition-delay: 0.38s, 0.38s; transition-delay: 0.38s, 0.38s; } .wgSidebar .snWall .snWall-item:nth-child(7) { -webkit-transition-delay: 0.44s, 0.44s; transition-delay: 0.44s, 0.44s; } .wgSidebar .snWall .snWall-item:nth-child(8) { -webkit-transition-delay: 0.5s, 0.5s; transition-delay: 0.5s, 0.5s; } .wgSidebar .snWall .snWall-item:nth-child(9) { -webkit-transition-delay: 0.56s, 0.56s; transition-delay: 0.56s, 0.56s; } .wgSidebar .snWall .snWall-item:nth-child(10) { -webkit-transition-delay: 0.62s, 0.62s; transition-delay: 0.62s, 0.62s; } .wgSidebar .snWall .snWall-item:nth-child(11) { -webkit-transition-delay: 0.68s, 0.68s; transition-delay: 0.68s, 0.68s; } .wgSidebar .snWall .snWall-item:nth-child(12) { -webkit-transition-delay: 0.74s, 0.74s; transition-delay: 0.74s, 0.74s; } .wgSidebar .snWall .snWall-item:nth-child(13) { -webkit-transition-delay: 0.8s, 0.8s; transition-delay: 0.8s, 0.8s; } .wgSidebar .snWall .snWall-item:nth-child(14) { -webkit-transition-delay: 0.86s, 0.86s; transition-delay: 0.86s, 0.86s; } .wgSidebar .snWall .snWall-item:nth-child(15) { -webkit-transition-delay: 0.92s, 0.92s; transition-delay: 0.92s, 0.92s; } .wgSidebar .snWall .snWall-item:nth-child(16) { -webkit-transition-delay: 0.98s, 0.98s; transition-delay: 0.98s, 0.98s; } .wgSidebar .snWall .snWall-item:nth-child(17) { -webkit-transition-delay: 1.04s, 1.04s; transition-delay: 1.04s, 1.04s; } .wgSidebar .snWall .snWall-item:nth-child(18) { -webkit-transition-delay: 1.1s, 1.1s; transition-delay: 1.1s, 1.1s; } .wgSidebar .snWall .snWall-item:nth-child(19) { -webkit-transition-delay: 1.16s, 1.16s; transition-delay: 1.16s, 1.16s; } .wgSidebar .snWall .snWall-item:nth-child(20) { -webkit-transition-delay: 1.22s, 1.22s; transition-delay: 1.22s, 1.22s; } .wgSidebar .snWall .snWall-item:nth-child(21) { -webkit-transition-delay: 1.28s, 1.28s; transition-delay: 1.28s, 1.28s; } .wgSidebar .snWall .snWall-item:nth-child(22) { -webkit-transition-delay: 1.34s, 1.34s; transition-delay: 1.34s, 1.34s; } .wgSidebar .snWall .snWall-item:nth-child(23) { -webkit-transition-delay: 1.4s, 1.4s; transition-delay: 1.4s, 1.4s; } .wgSidebar .snWall .snWall-item:nth-child(24) { -webkit-transition-delay: 1.46s, 1.46s; transition-delay: 1.46s, 1.46s; } .wgSidebar .snWall .snWall-item:nth-child(25) { -webkit-transition-delay: 1.52s, 1.52s; transition-delay: 1.52s, 1.52s; } .wgSidebar .snWall .snWall-item:nth-child(26) { -webkit-transition-delay: 1.58s, 1.58s; transition-delay: 1.58s, 1.58s; } .wgSidebar .snWall .snWall-item:nth-child(27) { -webkit-transition-delay: 1.64s, 1.64s; transition-delay: 1.64s, 1.64s; } .wgSidebar .snWall .snWall-item:nth-child(28) { -webkit-transition-delay: 1.7s, 1.7s; transition-delay: 1.7s, 1.7s; } .wgSidebar .snWall .snWall-item:nth-child(29) { -webkit-transition-delay: 1.76s, 1.76s; transition-delay: 1.76s, 1.76s; } .wgSidebar .snWall .snWall-item:nth-child(30) { -webkit-transition-delay: 1.82s, 1.82s; transition-delay: 1.82s, 1.82s; } .wgSidebar .snWall .snWall-item:nth-child(31) { -webkit-transition-delay: 1.88s, 1.88s; transition-delay: 1.88s, 1.88s; } .wgSidebar .snWall .snWall-item:nth-child(32) { -webkit-transition-delay: 1.94s, 1.94s; transition-delay: 1.94s, 1.94s; } .wgSidebar .snWall .snWall-item:nth-child(33) { -webkit-transition-delay: 2s, 2s; transition-delay: 2s, 2s; } .wgSidebar .snWall .snWall-item:nth-child(34) { -webkit-transition-delay: 2.06s, 2.06s; transition-delay: 2.06s, 2.06s; } .wgSidebar .snWall .snWall-item:nth-child(35) { -webkit-transition-delay: 2.12s, 2.12s; transition-delay: 2.12s, 2.12s; } .wgSidebar .snWall .snWall-item:nth-child(36) { -webkit-transition-delay: 2.18s, 2.18s; transition-delay: 2.18s, 2.18s; } .wgSidebar .snWall .snWall-item:nth-child(37) { -webkit-transition-delay: 2.24s, 2.24s; transition-delay: 2.24s, 2.24s; } .wgSidebar .snWall .snWall-item:nth-child(38) { -webkit-transition-delay: 2.3s, 2.3s; transition-delay: 2.3s, 2.3s; } .wgSidebar .snWall .snWall-item:nth-child(39) { -webkit-transition-delay: 2.36s, 2.36s; transition-delay: 2.36s, 2.36s; } .wgSidebar .snWall .snWall-item:nth-child(40) { -webkit-transition-delay: 2.42s, 2.42s; transition-delay: 2.42s, 2.42s; } .wgSidebar .snWall .snWall-paginator { display: none; } .wgSidebar .snWall .snWall-element--date { color: rgba(255, 255, 255, 0.45); } .wgSidebar .snWall .snWall-element--content a { color: rgba(255, 255, 255, 0.75); } .wgSidebar .wgSidebar-title { text-align: center; color: #fff; padding: .55em 1em 0; font-size: 1.1em; text-transform: uppercase; font-weight: 600; } .wgSidebar .wgSidebar-close { outline: none; cursor: pointer; width: 1.4em; height: 1.4em; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; margin: 0; padding: 0; background: none; color: #fff; position: absolute; top: 0; right: 0; font-size: 2em; z-index: 4; } .wgSidebar .wgSidebar-buttons { position: absolute; right: 100%; top: calc(50% - 25px); -webkit-transform: translateY(-200%) rotateZ(-90deg); -ms-transform: translateY(-200%) rotate(-90deg); transform: translateY(-200%) rotateZ(-90deg); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .wgSidebar .wgSidebar-section { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; z-index: 2; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .wgSidebar .wgSidebar-section .cms_bloc_SN-SocialWall { padding: 0 1em; } .wgSidebar .wgSidebar-section.is-on { opacity: 1; pointer-events: all; } .wgSidebar .wgSidebar-section.is-on .snWall .snWall-item { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .wgSidebar .wgSidebar-section--facebook { border-left: 4px solid #3c5a99; } .wgSidebar .wgSidebar-section--instagram { border-left: 4px solid #c71859; } .wgSidebar .wgSidebar-section--review { border-left: 4px solid #e3b726; position: relative; } .wgSidebar .wgSidebar-section--review .wgSidebar-sectionInner { padding: 1rem; color: rgba(255, 255, 255, 0.75); margin-bottom: 5rem; } .wgSidebar .wgSidebar-section--review .fixedLink { background-color: #e3b726; font-size: 1.6rem; margin-bottom: 1rem; color: white; text-transform: uppercase; font-weight: 700; display: block; width: calc(100% - 2rem); padding: 1rem 2rem; text-align: center; text-decoration: none; -webkit-transition: background-color .2s, color .2s; transition: background-color .2s, color .2s; position: absolute; bottom: 0; left: 1rem; right: 1rem; } .wgSidebar .wgSidebar-section--review .fixedLink::after, .wgSidebar .wgSidebar-section--review .fixedLink::before { content: ""; width: 100%; height: 1rem; left: 0; background: #222628; position: absolute; } .wgSidebar .wgSidebar-section--review .fixedLink::before { bottom: -1rem; } .wgSidebar .wgSidebar-section--review .fixedLink::after { top: -1rem; } .wgSidebar .wgSidebar-section--review .fixedLink:hover { background-color: #d4a91b; color: rgba(255, 255, 255, 0.75); } .wgSidebar .wgSidebar-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; margin: 0; padding: 0; background: none; color: #fff; padding: .5em; font-size: 1.4em; width: 3.5em; height: 3.5em; position: relative; outline: none; cursor: pointer; } .wgSidebar .wgSidebar-button:hover svg, .wgSidebar .wgSidebar-button:hover span { opacity: .5; } .wgSidebar .wgSidebar-button span { font-size: .8em; font-family: "Ubuntu", Arial, Tahoma, Verdana, Helvetica, sans-serif; text-transform: uppercase; top: calc(50% - 1.15rem); font-weight: 700; left: calc(50% - 1.65rem); } .wgSidebar .wgSidebar-button svg, .wgSidebar .wgSidebar-button span { position: absolute; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 2; -webkit-transition: opacity .2s linear, -webkit-transform .2s ease-in-out; transition: opacity .2s linear, -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out, opacity .2s linear; transition: transform .2s ease-in-out, opacity .2s linear, -webkit-transform .2s ease-in-out; color: inherit; } .wgSidebar .wgSidebar-button svg { fill: currentColor; width: 1em; height: 1em; top: calc(50% - .5em); left: calc(50% - .5em); -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg); } .wgSidebar .wgSidebar-button::before { content: ''; display: block; position: absolute; top: 0; right: 0; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; height: 100%; width: 100%; z-index: 1; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; } .wgSidebar .wgSidebar-button.is-on::before { -webkit-transform: scaleY(-0.2); -ms-transform: scaleY(-0.2); transform: scaleY(-0.2); } .wgSidebar .wgSidebar-button.is-on svg { -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg); } .wgSidebar .wgSidebar-button--facebook, .wgSidebar .wgSidebar-button--facebook::before { background: #3c5a99; } .wgSidebar .wgSidebar-button--instagram, .wgSidebar .wgSidebar-button--instagram::before { background: #c71859; } .wgSidebar .wgSidebar-button--review { width: 3.5em; } .wgSidebar .wgSidebar-button--review, .wgSidebar .wgSidebar-button--review::before { background: #e3b726; } [data-simplebar] { position: relative; z-index: 0; overflow: hidden; -webkit-overflow-scrolling: touch; } [data-simplebar=init] { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .simplebar-scroll-content { overflow-x: hidden; overflow-y: scroll; min-width: 100%; box-sizing: content-box; } .simplebar-content { overflow-x: scroll; overflow-y: hidden; box-sizing: border-box; min-height: 100%; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; width: 11px; } .simplebar-scrollbar { position: absolute; right: 2px; border-radius: 7px; min-height: 10px; width: 7px; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; background: #000; background-clip: padding-box; } .simplebar-track:hover .simplebar-scrollbar { opacity: .5; -webkit-transition: opacity 0 linear; transition: opacity 0 linear; } .simplebar-track .simplebar-scrollbar.visible { opacity: .5; } .simplebar-track.horizontal { left: 0; width: auto; height: 11px; } .simplebar-track.vertical { top: 0; } .horizontal.simplebar-track .simplebar-scrollbar { right: auto; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } .nano-content { margin-right: 0 !important; } .reviews .reviews-elementNote--stars { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: inline; } .reviews .reviews-elementComment { display: inline; } .reviews .reviews-elementTitle { font-size: 1.14em; font-weight: bold; color: #d06516; } .reviews .reviews-elementTitle, .reviews .reviews-elementDate, .reviews .reviews-elementName { margin: .2em 0; } .reviews .reviews-elementName { font-weight: bold; font-size: .9em; } .reviews .reviews-elementDate { font-size: .8em; } .reviews .reviews-star { color: rgba(0, 0, 0, 0.2); font-size: 1.2em; } .reviews .reviews-star--on { color: #d06516; } .sidebar .reviews { color: rgba(255, 255, 255, 0.4); } .sidebar .reviews .reviews-star:not(.reviews-star--on) { color: rgba(255, 255, 255, 0.7); } .sidebar .reviews .reviews-elementName { color: rgba(255, 255, 255, 0.55); } .sidebar .reviews .reviews-item:nth-child(n+2) { border-top: 1px solid rgba(255, 255, 255, 0.15); } .sidebar .reviews .reviews-elementTitle { color: rgba(255, 255, 255, 0.65); } [id^="review-form-review-add"] .rev_captcha_review_form_review_add_g-recaptcha { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } @media (max-width: 1440px) { [id^="review-form-review-add"] .rev_captcha_review_form_review_add_g-recaptcha { -webkit-transform: scale(0.72); -ms-transform: scale(0.72); transform: scale(0.72); } } [id^="review-form-review-add"] .cs-form-element { margin: 1.6rem 0; } [id^="review-form-review-add"] .cs-form-element.hash { visibility: hidden; height: 0; } [id^="review-form-review-add"] label { font-size: .8em; margin-bottom: .4em; text-transform: uppercase; font-weight: bold; color: #d06516; } .review [id^="review-form-review-add"] label { color: rgba(208, 101, 22, 0.7); } [id^="review-form-review-add"] .cs-form-element.text .cs-form-element-contener input, [id^="review-form-review-add"] .cs-form-element.text .cs-form-element-contener textarea, [id^="review-form-review-add"] .cs-form-element.textarea .cs-form-element-contener input, [id^="review-form-review-add"] .cs-form-element.textarea .cs-form-element-contener textarea { background: none; border: 0; display: block; padding: 0.2em .6em; height: auto; } [id^="review-form-review-add"] .cs-form-element.submit input[type="submit"] { padding: 1rem 2rem; text-transform: uppercase; position: relative; color: rgba(255, 255, 255, 0.95); font-weight: 700; background: #d06516; font-size: 1.6rem; -webkit-transition: background .2s linear, color .2s linear, -webkit-transform .2s ease-in-out; transition: background .2s linear, color .2s linear, -webkit-transform .2s ease-in-out; transition: background .2s linear, color .2s linear, transform .2s ease-in-out; transition: background .2s linear, color .2s linear, transform .2s ease-in-out, -webkit-transform .2s ease-in-out; } [id^="review-form-review-add"] .cs-form-element.submit input[type="submit"]:hover { color: #fff; background: #b95a14; } [id^="review-form-review-add"] #cs-form-element-rev_note .cs-form-element-radio .element-radio label, [id^="review-form-review-add"] #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio label, [id^="review-form-review-add"] #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio.is-selected label, [id^="review-form-review-add"] #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio ~ .element-radio label { color: #ccc; } [id^="review-form-review-add"] #cs-form-element-rev_note .cs-form-element-radio .element-radio label::before, [id^="review-form-review-add"] #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio label::before, [id^="review-form-review-add"] #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio.is-selected label::before, [id^="review-form-review-add"] #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio ~ .element-radio label::before { content: none; } [id^="review-form-review-add"] #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio:hover label, [id^="review-form-review-add"] #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio:hover ~ .element-radio label, [id^="review-form-review-add"] #cs-form-element-rev_note .element-radio.is-selected label, [id^="review-form-review-add"] #cs-form-element-rev_note .element-radio.is-selected ~ .element-radio label { color: #d06516; } [id^="review-form-review-add"] #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio:hover label::before, [id^="review-form-review-add"] #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio:hover ~ .element-radio label::before, [id^="review-form-review-add"] #cs-form-element-rev_note .element-radio.is-selected label::before, [id^="review-form-review-add"] #cs-form-element-rev_note .element-radio.is-selected ~ .element-radio label::before { content: none; } .sidebar #review-form-review-add #cs-form-element-rev_note .cs-form-element-contener { font-size: 2.2rem; text-align: center; } .sidebar #review-form-review-add #cs-form-element-rev_note .cs-form-element-radio .element-radio, .sidebar #review-form-review-add #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio, .sidebar #review-form-review-add #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio.is-selected, .sidebar #review-form-review-add #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio ~ .element-radio { color: rgba(0, 0, 0, 0.5); } .sidebar #review-form-review-add #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio:hover, .sidebar #review-form-review-add #cs-form-element-rev_note .cs-form-element-radio:hover .element-radio:hover ~ .element-radio, .sidebar #review-form-review-add #cs-form-element-rev_note .element-radio.is-selected, .sidebar #review-form-review-add #cs-form-element-rev_note .element-radio.is-selected ~ .element-radio { color: #d06516; } .sidebar #review-form-review-add .cs-form-element.submit { text-align: center; } .sidebar #review-form-review-add .cs-form-element.submit input[type="submit"] { display: block; width: 100%; background: #d06516; } .sidebar #review-form-review-add .cs-form-element.submit input[type="submit"]:hover { color: #fff; background: #b95a14; } .sidebar #review-form-review-add .cs-form-element.text .cs-form-element-contener, .sidebar #review-form-review-add .cs-form-element.textarea .cs-form-element-contener { border: 1px solid rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.1); } .sidebar #review-form-review-add .cs-form-element.text .cs-form-element-contener input, .sidebar #review-form-review-add .cs-form-element.text .cs-form-element-contener textarea, .sidebar #review-form-review-add .cs-form-element.textarea .cs-form-element-contener input, .sidebar #review-form-review-add .cs-form-element.textarea .cs-form-element-contener textarea { color: #ccc; padding: 0.4em 0.8em; font-size: 1.4rem; } .sidebar #review-form-review-add #cs-form-element-rev_note .cs-form-element-contener { background: none; } .cs-copyright { /* colors */ --copyrightColorText: #ffffff; --copyrightColorLink: var(--copyrightColorText); --copyrightColorSeparator: var(--copyrightColorText); --copyrightColorSvg: var(--copyrightColorText); --copyrightTooltipBackground: #000000; --copyrightTooltipColor: var(--copyrightColorText); /* size */ --copyrightFontSize: 11px; --copyrightSizeSvg: 15px; --copyrightSizeSeparator: 11px; --copyrightSizeSeparatorIcon: 10px; /* position, direction */ --copyrightAlignPosition: center; /* flex-start, center, flex-end */ --copyrightPosition: center; /* flex-start, center, flex-end, space-between */ --copyrightDirection: column; /* row, column */ /* padding */ --copyrightTooltipPadding: 10px 0 15px; }