/* Minification failed. Returning unminified contents. (1241,40): run-time error CSS1034: (1241,40): run-time error CSS1042: Expected function, found ',' (1241,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2187,22): run-time error CSS1039: Token not allowed after unary operator: '-track-background' (2188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5076,46): run-time error CSS1034: (5076,46): run-time error CSS1042: Expected function, found ',' (5076,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (8389,24): run-time error CSS1046: Expect comma, found '27' (8389,30): run-time error CSS1046: Expect comma, found '/' */ @font-face { font-family: 'CeraPRO-Bold'; src: url('/common/cera_pro/CeraPRO-Bold/font.woff2') format('woff2'), url('/common/cera_pro/CeraPRO-Bold/font.woff') format('woff'); font-display: swap; } @font-face { font-family: 'CeraPro-Light'; src: url('/common/cera_pro/CeraPro-Light/font.woff2') format('woff2'), url('/common/cera_pro/CeraPro-Light/font.woff') format('woff'); font-display: swap; } @font-face { font-family: 'CeraPRO-Black'; src: url('/common/cera_pro/CeraPRO-Black/font.woff2') format('woff2'), url('/common/cera_pro/CeraPRO-Black/font.woff') format('woff'); font-display: swap; } @font-face { font-family: 'CeraPro-RegularItalic'; src: url('/common/cera_pro/CeraPro-RegularItalic/font.woff2') format('woff2'), url('/common/cera_pro/CeraPro-RegularItalic/font.woff') format('woff'); font-display: swap; } @font-face { font-family: 'CeraPro-Thin'; src: url('/common/cera_pro/CeraPro-Thin/font.woff2') format('woff2'), url('/common/cera_pro/CeraPro-Thin/font.woff') format('woff'); font-display: swap; } @font-face { font-family: 'CeraPro-Regular'; src: url('/common/cera_pro/CeraPro-Regular/font.woff2') format('woff2'), url('/common/cera_pro/CeraPro-Regular/font.woff') format('woff'); font-display: swap; } @font-face { font-family: 'CeraPro-Medium'; src: url('/common/cera_pro/CeraPro-Medium/font.woff2') format('woff2'), url('/common/cera_pro/CeraPro-Medium/font.woff') format('woff'); font-display: swap; } @font-face { font-family: 'Arimo'; src: url('/common/cera_pro/Arimo-Regular.woff2') format('woff2'), url('/common/cera_pro/Arimo-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } * { font-family: 'CeraPro-Regular'; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -moz-box-sizing: border-box; } .dxFirefox input[type="text"].dxeEditArea_Metropolis, .dxFirefox input[type="password"].dxeEditArea_Metropolis { margin-top: 0; margin-bottom: 0px !important; } ::-moz-selection { color: #fff; background-color: #f05130; } ::selection { color: #fff; background-color: #f05130; } body { margin: 0px; padding: 0px; } #bodycover { display: block; background-color: rgba(0,0,0,0.0); position: fixed; width: 0%; height: 0%; z-index: 1; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s } #bodycover.show { background-color: rgba(0,0,0,0.4); width: 100%; height: 100%; z-index: 2; } #bodycover.showpop { background-color: rgba(0,0,0,0.4); width: 100%; height: 100%; z-index: 3; } ul { list-style-type: none; margin: 0; padding: 0; } ul > li { margin: 0; padding: 0; } .backgimg { background-position: center; background-size: cover; background-repeat: no-repeat; object-fit: cover; } .sitegrid1600 { width: 100%; max-width: 1600px; margin: 0 auto; } .sitegrid1090 { width: 100%; max-width: 1090px; margin: 0 auto; } .upmenu_out { background-color: #f5f5f6; } .upmenu { /* height: 50px; */ height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; } .upmenu-lang { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 1px solid #E7E6E4; padding: 0 5px; } .upmenu-lang > a { color: #707070; font-size: 10px; text-decoration: none; padding: 0 5px; } .upmenu-lang > a.activelag { font-family: 'CeraPRO-Bold'; } .upmenu-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #E7E6E4; border-left: 1px solid #E7E6E4; white-space: nowrap; } .upmenu-menu > a { color: #707070; font-size: 11px; text-decoration: none; padding: 0 20px; font-family: 'CeraPro-Medium'; } .upmenu-tel { font-family: 'CeraPro-Medium'; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 10px; color: #ADADAD; padding: 0 15px; white-space: nowrap; } .upmenu-tel > span { font-size: 12px; font-family: 'CeraPro-Medium'; padding: 0 0 3px 5px; color: #707070; } .upmenu-middle { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; max-width: 452px; margin-left: auto; } .cat-search { background-color: #E7E6E4; border: 1px solid #8F8E8A; } .cat-search:hover { background-color: #dadada; } .cat-search input[type="text"].dxeEditArea_Metropolis { background-color: #E7E6E4; } .cat-search:hover input[type="text"].dxeEditArea_Metropolis { background-color: #dadada; } .cat-search .dxeButtonEditButton_Metropolis { background-color: #E7E6E4 !important; } .cat-search:hover .dxeButtonEditButton_Metropolis, .cat-search .dxeButtonEditButtonHover_Metropolis { background-color: #dadada !important; } .cat-search .dxeButtonEditButtonHover_Metropolis .dxEditors_edtDropDown_Metropolis { background-position: inherit !important; } .upmenu-search { background-color: #fff; -webkit-appearance: none; border: 0; text-align: left; font-size: 16px; padding: 0 40px 0 30px; width: 100%; font-weight: 500; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { appearance: none; -moz-appearance: none; -webkit-appearance: none; } .upmenu-search-btn { position: absolute; height: 100%; width: 50px; display: block; top: 0; right: 0; background-repeat: no-repeat; background-image: url(/common/images/search.svg); background-position: center; background-size: 20px; } .upmenu-fav-icon { background-image: url(/common/images/favorite.svg); width: 27px; height: 24px; } .upmenu-basket-icon { background-image: url(/common/images/basket.svg); width: 33px; height: 33px; } .upmenu-basket-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .upmenu-icon { margin: 0 5px 0 10px; background-size: cover; display: inline-block; background-repeat: repeat; } .upmenu-right, .upmenu-right > div { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; border-right: 1px solid #E7E6E4; padding: 0 5px; font-size: 11px; color: #787878; position: relative; font-family: 'CeraPRO-Bold'; } .upmenu-right { border-right: 0; } .upmenu-profile-icon { background-image: url(/common/images/profile.svg); width: 23px; height: 24px; margin: 0 8px; cursor: pointer; } .mainmenu_out { background-color: #8F8E8A; padding: 10px; position: relative; } /* ID a59d95 & 8F8E8A */ .mainmenu { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; } .mainmenu_menu_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-orient: horizontal; margin-right: 6px; justify-content: center; } .mainmenu_menu { display: -webkit-box; display: -ms-flexbox; display: flex; text-transform: uppercase; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; color: #fff; z-index: 300; } .mainmenu_menu a { color: #fff; text-decoration: none; padding: 10px 0; display: block; width: 100%; } .mainmenu_logo_link { height: 40px; } .mainmenu_logo { width: auto; height: 40px; } .mainmenu_menu > li { padding: 0 0px 0 19px; } .mainmenu_submenu { background-color: blue; position: absolute; width: 981px; z-index: 3; top: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .mainmenu_submenu a { color: #a59d95; } .mainmenu_menu > li > .mainmenu_submenu { background-color: #fff; position: absolute; max-width: 1300px; z-index: 3; top: 100%; display: none; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); top: calc(100%); width: 100% } .mainmenu_menu .mainmenu_submenu_xenodo { -ms-flex-flow: wrap; flex-flow: wrap; } .mainmenu_menu .mainmenu_submenu_xenodo > a { width: 25%; height: 222px; } .mainmenu_menu > li:hover > .mainmenu_submenu { padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; } .mainmenu_menu > li:hover > .mainmenu_submenu .mainmenu_submenu_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin: 0 auto; max-width: 1600px; } .mainmenu_menu .mainmenu_submenu_image { height: 360px; width: 500px; padding: 0; position: relative; } .mainmenu_submenu_menu { width: calc(100% - 250px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; } .mainmenu_submenu_menu > li { width: calc(33% - 25px); margin-right: 25px; margin-bottom: 10px; } .mainmenu_submenu_menu > li > a { font-family: 'CeraPRO-Black'; display: block; text-align: center; padding: 0 0 5px; } .mainmenu_submenu_submenu > li > a { text-align: center; font-size: 12px; padding: 3px 0; text-transform: capitalize; } .mainmenu_submenu_image > span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; color: #000; background-color: rgba(255,255,255,0.55); padding: 30px 20px; font-size: 20px; font-family: 'CeraPro-Medium'; max-width: 260px; width: 100%; } .mainmenu_menu > li > a { position: relative; } .mainmenu_menu .mainmenu_btn_or_x { background-color: rgba(140,97,46,0.8); padding: 11px 15px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .mainmenu_menu .mainmenu_btn_or { background-color: #f05130; padding: 11px 15px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .mainmenu_menu > li:not(.no-submenu):hover > a::before { content: ""; display: block; border: 10px solid transparent; position: absolute; border-bottom: 10px solid #fff; top: calc(100% - 6px); left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } .mainmenu_menu > li:hover > .mainmenu_submenu::after { content: ""; display: block; position: absolute; width: 100%; height: 15px; top: -15px; left: 0; background-color: rgba(255,255,255,0); } .mainmenu_menu.company-info > li:hover > a::before { content: none; } /*.mainmenu_menu > li:hover > a.mainmenu_btn_or_x::before {display: none;}*/ .home_slider .slick-slide { /*height: auto!important;*/ position: relative; max-height: 965px; height: 965px; } .home_slider .slick-slide img { max-width: 100%; } .home_slider .slick-dots { text-align: center; } .home_slider .slick-dots > li { display: inline-block; margin: 10px 5px; } .home_slider .slick-dots > li > button { padding: 0; font-size: 0; -webkit-appearance: none; border: 0; width: 15px; height: 15px; border-radius: 50%; background-color: #d1d1d1; } .home_slider .slick-dots > li.slick-active > button { background-color: #000000; } .home_slider .home_slider_inside { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; background-color: rgba(255,255,255,0.6); padding: 50px 70px; max-width: 1040px; height: 100%; max-height: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50%; } .home_slider_inside_sub { font-size: 18px; text-transform: uppercase; letter-spacing: 5px; margin-top: 5px; font-family: 'CeraPro-Medium'; color: #444 !important; } .home_slider_inside_title { font-size: 68px; font-family: 'CeraPro-Light'; color: #444 !important; } .home_sesson_banner_right_cta, .home_franrance_disc_btn, .home_slider_inside_cta { text-decoration: none; position: absolute; bottom: -35px; left: 50%; color: #fff; width: 100%; max-width: 260px; background-color: #52555A !important; padding: 25px 30px; font-size: 16px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); white-space: nowrap; } .home_franrance_disc_btn { max-width: 340px; margin-top: 27px; position: relative; top: inherit; left: initial; display: inline-block; bottom: inherit; right: initial; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .home_fivetiles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .home_fivetile { margin: 0 45px; } .home_fivetile > img { height: 65px; margin-bottom: 15px; } .home_fivetile > div { font-size: 13px; } .footer01_out { background-color: #d5d2ca; padding: 40px 0; } .footer01 { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; width: 100%; max-width: 1300px; } .footer01 .foot_main_cat { width: 20%; } .footer01 .foot_sub_cat { width: 30%; } .footer01 ul > li > a { text-decoration: none; font-size: 13px; color: #787878; text-transform: uppercase; } .footer01 .foot_main_cat > li > a { font-family: 'CeraPRO-Bold'; line-height: 37px; letter-spacing: 3px; } .footer01 .foot_sub_cat > li > a { line-height: 30px; font-family: 'CeraPro-Medium'; } .footer02_out { background-color: #d5d2ca; margin: 15px 0 0; } .footer02 { max-width: 1300px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .footer_space { width: 20px; background-color: #fff; } .footer_awards { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 20px 20px 0; } .footer_bank img { height: 30px; } .footer_bank { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .footer_awar { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 20px 0px 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer_awar img { height: 36px; } .footer_awar span { color: #787878; font-size: 11px; width: 100px; margin-left: 10px; } .footer03 { width: 100%; margin: 10px auto; max-width: 1300px; font-size: 11px; color: #787878; } .footer03 a { color: #787878; text-decoration: none; } .footer03 .footer_extend { color: red; } .home_main_title { text-align: center; text-transform: uppercase; padding: 50px 0 30px; font-size: 30px; font-family: 'CeraPro-Light'; letter-spacing: 3px; color: #787878; } .home_sesson_out .home_main_title { color: #fff; line-height: 25px; } .home_sesson_banner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 820px; } .home_sesson_banner_left { width: 60%; } .home_sesson_banner_right { position: relative; width: 40%; } .home_sesson_banner_right_filter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.6); z-index: 2; } .home_sesson_banner_right_box { z-index: 3; position: absolute; text-align: center; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); left: 50%; top: 50%; width: 100%; padding: 0 20px; } .home_sesson_banner_right_title { font-size: 44px; color: #444 !important } .home_sesson_banner_right_sub { font-size: 15px; font-family: 'CeraPro-Medium'; text-transform: uppercase; letter-spacing: 3px; color: #444 !important; margin: 10px 0 50px; } .commingsoon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(255,255,255,0.6); } .commingsoon > span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(-45deg); -ms-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); z-index: 111; color: #000; font-size: 18px; font-weight: 900; letter-spacing: 10px; width: 100%; text-align: center; } /* .home_sesson_banner_right_cta { font-size: 14px; text-decoration: none; padding: 20px 70px; background-color: #444!important;}*/ .home_sesson_banner_right_backimg { -webkit-filter: grayscale(100%); filter: grayscale(100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .home_main_box { position: relative; } .home_main_side_f_out { position: absolute; top: 0; left: 0; } .home_main_side_f { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-transform: rotate(-90deg) translate(-100%,0); -ms-transform: rotate(-90deg) translate(-100%,0); transform: rotate(-90deg) translate(-100%,0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .home_main_side_c { width: 60px; display: block; height: 100%; } .home_main_side_t { font-size: 13px; padding-right: 20px; text-transform: uppercase; letter-spacing: 4px; } .home_sesson_out .home_main_side_t { color: #fff; } .home_main_side_t > span { font-family: 'CeraPRO-Black'; text-transform: uppercase; } .home_main_side_l { background-color: #375e85; position: absolute; height: 65px; width: 40px; bottom: 0; right: 0; } .home_sesson_out { padding: 0px 0 105px; background-color: #7f7c81; } .home_sesson_product_out { background-color: #fff; padding: 20px 0; } .home_sesson_product_slider { margin: 30px 90px; } .slick-arrow { position: absolute; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); font-size: 0; padding: 0; -webkit-appearance: none; border: 0; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; background-color: rgba(0,0,0,0); background-position: center; background-size: auto; background-repeat: no-repeat; } .slick-initialized .slick-prev { left: -40px; background-image: url(/common/images/left.png); } .slick-initialized .slick-next { right: -40px; background-image: url(/common/images/right.png); } .home_sesson_product_slid_img { width: 260px; height: 230px; margin: 0 auto; } .home_sesson_product_slid { text-align: center; text-decoration: none; } .home_sesson_product_slid_title { font-size: 13px; color: #000; margin: 10px 0; } .home_sesson_product_slid_price { font-size: 20px; color: #282828; } .home_sesson_product_slid_price_disc { color: #a59d95; position: relative; padding: 0 10px 0; font-family: 'CeraPro-Light'; } .home_sesson_product_slid_price_disc::after { position: absolute; content: ""; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); width: 100%; border-top: 1px solid #a59d95; } .home_sesson_product_slid_price_after { padding: 0 5px 0; font-family: 'CeraPro-Medium'; font-weight: bold; } .home_shopcat_out { background-color: rgb(245,245,246); padding: 30px 0 50px; } .home_shopcat_out .home_main_title { color: #787878; } .home_shopcat { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .home_shopcat_tile { width: 50%; height: 520px; position: relative; margin-bottom: 15px; } .home_shopcat_tile.home_shopcat_tile30 { /*width: 34%;*/ -ms-flex-preferred-size: 33%; flex-basis: 33%; } .home_shopcat_tile.home_shopcat_tile70 { /*width: 66%;*/ -ms-flex-preferred-size: 63.69%; flex-basis: 63.69%; } .home_shopcat_tile.home_shopcat_tile30_m { /*margin-right: 15px; width: calc(34% - 15px);*/ -ms-flex-preferred-size: 35%; flex-basis: 35%; } .home_shopcat_tile.home_shopcat_tile70_m { /*margin-right: 15px; width: calc(66% - 15px); */ -ms-flex-preferred-size: 63.69%; flex-basis: 63.69%; } .home_shopcat_tile > span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: rgba(255,255,255,0.6); padding: 30px 60px; font-size: 22px; font-family: 'CeraPro-Medium'; text-transform: uppercase; color: #282828; } .home_shopcat_tile.home_shopcat_tile33 { /*width: 33%;*/ -ms-flex-preferred-size: 33.12%; flex-basis: 33.12%; } .home_shopcat_tile.home_shopcat_tile33_m { /*width: calc(33% - 14px); margin: 0 15px;*/ -ms-flex-preferred-size: 33.12%; flex-basis: 33.12%; } .home_shopcat_out .home_main_side_t { color: #282828; } .home_shopcat_out .home_main_side_l { bottom: 10px; } .home_look_slider.slick-initialized .slick-slide.home_look_slid { display: -webkit-box; display: -ms-flexbox; display: flex; height: 670px; } .home_look_slid_img { width: 60%; } .home_look_slid_right { width: 40%; background-color: #a59d95; position: relative; } .home_look_out { padding: 20px 0 60px; } .home_look_slid_r_box { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; } .home_look_slid_r_box_t { font-size: 67px; white-space: nowrap; font-family: 'CeraPro-Light'; } .home_look_slid_r_box_s { font-size: 15px; text-transform: uppercase; letter-spacing: 2px; margin: 5px 0 20px; font-family: 'CeraPro-Light'; } .home_look_slid_r_box_c { display: inline-block; background-color: #fff; color: #000; padding: 20px 60px; font-size: 14px; letter-spacing: 1px; } .home_look_out .home_main_title { color: #787878; } .home_franrance_img { width: 90%; margin: 0 auto 25px; display: block; } .home_franrance_out { padding: 20px 0; } .home_franrance_disc { text-align: center; } /*.home_franrance_disc_btn { text-decoration: none; background-color: #8F8E8A; color: #fff; padding: 20px 60px; display: inline-block; font-size: 14px; }*/ .newssoc_main_out { display: -webkit-box; display: -ms-flexbox; display: flex; } .newssoc_main_out > div { width: 50%; height: 560px; position: relative; } .newssoc_newsletter .newssoc_newsletter_filt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(255, 255, 255,0.6); z-index: 1; } /* rgba(37,58,89,0.6) */ .newssoc_social { background-color: #444; color: #fff; } .newssoc_box { z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; color: #444; text-align: center; } .newssoc_box_t { font-size: 67px; font-family: 'CeraPro-Light'; white-space: nowrap; } .newssoc_social .newssoc_box_t, .newssoc_social .newssoc_box_s { color: #fff; } .newssoc_box_s { font-size: 13px; margin: 15px 0 45px; text-transform: uppercase; letter-spacing: 3px; font-family: 'CeraPro-Medium'; } .newssoc_box_inp { -webkit-appearance: none; padding: 0; border: 0; border-bottom: 1px solid #fff; padding: 20px 15px; width: 340px; background: -webkit-gradient(linear, left top, right top, from(rgba(68,68,68,0.4)), to(rgba(68,68,68,0))); background: -webkit-linear-gradient(left, rgba(68,68,68,0.4), rgba(68,68,68,0)); background: -o-linear-gradient(left, rgba(68,68,68,0.4), rgba(68,68,68,0)); background: linear-gradient(to right, rgba(68,68,68,0.4), rgba(68,68,68,0)); color: #444; font-size: 16px; } .newssoc_box_inp::-webkit-input-placeholder { color: #fff; opacity: 0.5; } .newssoc_box_inp:-ms-input-placeholder { color: #fff; opacity: 0.5; } .newssoc_box_inp::-ms-input-placeholder { color: #fff; opacity: 0.5; } .newssoc_box_inp::placeholder { color: #fff; opacity: 0.5; } .newssoc_box_btn { -webkit-appearance: none; background: -webkit-gradient(linear, left top, right top, from(rgba(68,68,68,0.4)), to(rgba(68,68,68,0))); background: -webkit-linear-gradient(left, rgba(68,68,68,0.4), rgba(68,68,68,0)); background: -o-linear-gradient(left, rgba(68,68,68,0.4), rgba(68,68,68,0)); background: linear-gradient(to right, rgba(68,68,68,0.4), rgba(68,68,68,0)); border: 0; /*border-bottom: 1px solid #444;*/ color: #444; padding: 16px 19px; margin-left: 14px; font-size: 16px; } .newssoc_box_social > a { font-size: 26px; margin: 10px 25px 0; color: #fff; } .upmenu-basket { position: relative; } .upmenu-basket .upmenu-basket-win { display: none; position: absolute; top: 100%; right: 0; z-index: 1000; background-color: #fff; width: 350px; border: 1px solid #f05130; } .upmenu-basket-win-title { background-color: #f05130; color: #fff; padding: 17px 15px; font-size: 33px; font-family: 'CeraPro-Light'; } .upmenu-basket-win-prod-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 5px; } .upmenu-basket-win-prod-img { width: 90px; height: 80px; } .upmenu-basket-win-prod-info-t { color: #282828; font-size: 11px; font-family: 'CeraPro-Light'; text-transform: uppercase; margin-bottom: 5px; white-space: normal; } .upmenu-basket-win-prod-info-p { font-size: 14px; color: #282828; } .upmenu-basket-win-prod-rem { width: 20px; background-size: 15px; } .upmenu-basket-win-prod-info { text-decoration: none; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 0 5px; width: calc(100% - 110px); } .upmenu-basket-win-freeship { background-color: #f5f5f6; text-align: center; padding: 20px 10px; font-size: 13px; color: #282828; font-family: 'CeraPro-Medium'; font-weight: normal; } .upmenu-basket-win-freeship > span { font-family: 'CeraPRO-Black'; } .upmenu-basket-win-price { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 10px; background-color: #787878; font-weight: normal; } .upmenu-basket-win-price > div { width: 50%; text-align: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .upmenu-basket-win-price-t { font-size: 14px; color: #fff; } .upmenu-basket-win-price-t > span { font-family: 'CeraPRO-Bold'; } .upmenu-basket-win-price-btn { display: inline-block; text-decoration: none; font-size: 14px; font-family: 'CeraPRO-Bold'; color: #fff; background-color: #f05130; padding: 10px 30px; } .upmenu-basket.showwind .upmenu-basket-win { display: block; } .upmenu-profile-login { display: none; position: absolute; top: 100%; z-index: 1000; background-color: #787878; -webkit-transform: translate(-50.1%,0); -ms-transform: translate(-50.1%,0); transform: translate(-50.1%,0); left: 50%; padding: 10px 10px 20px; width: 330px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; text-align: center; } .upmenu-profile-login > * { display: block; } .upmenu-profile-login-t { font-size: 12.6px; font-weight: normal; margin: 0 0 3px; text-align: left; } .upmenu-profile-login-i { width: 100%; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; height: 35px; } .upmenu-profile-login-l { text-align: center; margin: 10px 0; font-size: 12px; font-family: 'CeraPro-Regular'; font-style: italic; color: #fff; } .upmenu-profile-login-s { margin: 15px auto 0; -webkit-appearance: none; color: #fff; background-color: #f05130; border: 0; padding: 14px 42px; cursor: pointer; font-size: 14px; width: 145px; height: 45.5px } .upmenu-profile-login-c { text-align: center; color: #fff; font-weight: normal; font-family: 'CeraPro-Regular'; font-style: italic; margin: 15px 0 10px; font-size: 12px; } .upmenu-profile-login::after { content: ""; position: absolute; border: 10px solid transparent; border-bottom: 10px solid #787878; top: -17px; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } .upmenu-profile.showwind .upmenu-profile-login { display: block; } .instagram_slider_out .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .instagram_slider .instagram_slid { height: 260px; margin: 10px 15px; min-width: 260px !important; } .instagram_main_out .home_main_title { color: #787878; } .instagram_main_out { margin: 75px 0 30px; } #ctlMemberPanel1_cpnlMemberLogin_pnlLoginForm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #ctlMemberPanel1_cpnlMemberLogin_tbPassword_ET, #ctlMemberPanel1_cpnlMemberLogin_tbEmail_ET { position: relative; } #ctlMemberPanel1_cpnlMemberLogin_tbPassword_EI, #ctlMemberPanel1_cpnlMemberLogin_tbEmail_EI { position: absolute; right: 10px; width: 20px !important; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } #ctlMemberPanel1_cpnlMemberLogin_tbPassword_EI, #ctlMemberPanel1_cpnlMemberLogin_tbEmail_EI { position: absolute; right: 0px; width: 20px !important; top: 10px; -webkit-transform: translate(0); -ms-transform: translate(0,-50%); transform: 0; } .breadcrumb_out { background-color: #F5F5F7; } .breadcrumb { padding: 8px; } .breadcrumb > a { font-size: 12px; color: #282828; text-decoration: none; } .breadcrumb > a::after { content: ">"; margin: 0 5px; } .breadcrumb > a:last-child::after { content: ""; } .landing_main_img { height: 800px; position: relative; } .landing_main_img.no-back-img { height: auto; min-height: 200px; } .landing_main_img.no-back-img img { max-width: 100%; } .landing_main_out { background-color: #F5F5F7; padding-top: 10px !important; } /* .bodyLanding .landing_main_out {padding-top: 25px!important;} */ .landing_main_img_box { -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%; text-align: center; background-color: rgba(255,255,255,0.6); width: 50%; padding: 5px 17px 12px; /* padding: 50px 20px; */ } .landing_main_img_box_t { font-size: 40px; color: #444; font-family: 'CeraPro-Light'; font-weight: normal; margin: 0; } .landing_main_img_box_s { font-size: 16px; margin: 5px 0 0; color: #444; } .landing_main_img_box_s a { color: inherit; font-family: 'CeraPro-Medium'; } .landing_main_img_box_s a:hover { text-decoration: underline; } .landing_products_title .home_main_title { color: #787878; padding: 20px 0; } .landing_products_title { margin-top: 35px; padding: 0 20px; } .landing_products_select { border: 0; font-size: 12px; letter-spacing: 2px; padding-right: 10px; cursor: pointer; } .landing_products { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .landing_products > .landing_prod { width: 25%; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; /*max-width: 350px;*/ margin: 15px 0; } .landing_prod_img { height: 300px; width: 100%; } .landing_prod_title { color: #787878; font-size: 13px; padding: 0 45px; text-align: center; margin: 10px 0; line-height: 18px; font-weight: normal } .landing_products > .landing_prod:hover { background-color: #F5F5F7; } .landing_prod_avai > div { display: inline-block; font-size: 12px; text-transform: uppercase; width: 150px; text-align: center; padding: 3.5px 0; margin: 2px 1px; vertical-align: top; } .landing_prod_avai > img { margin: 2px 1px 0; height: 22px; width: auto; } .landing_prod_av_tex { background-color: #F47650; color: #fff; } .landing_prod_av_col { background-color: #ecebe9; } .landing_prod_av_col > span { font-family: 'CeraPRO-Black'; } .landing_prod_avai { text-align: center; } .order_tsfs_slide .landing_prod_avai img { display: inline-block; } .landing_prod_buy { display: none; } .landing_prod .landing_prod_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px 0 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; height: 100%; top: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s } .landing_prod:hover .landing_prod_price { top: 100px; } .landing_prod_price > div { margin: 0 5px; } .landing_prod_price_d { background-color: #000; color: #fff; font-size: 11px; padding: 3px 5px; } .landing_prod_price_o { color: #a59d95; position: relative; padding: 0 4px; font-size: 20px; } .landing_prod_price_o::after { content: ""; position: absolute; top: 50%; left: 0; border-top: 1px solid #a59d95; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; } .landing_prod_price_n { font-family: 'CeraPro-Medium'; font-size: 20px; font-weight: bold; } .landing_prod_price_box { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; overflow: hidden; } .landing_prod .landing_prod_buy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; height: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; top: -50px; } .landing_prod:hover .landing_prod_buy { top: 0; } .landing_prod_buy_btn { background-color: #f05130; color: #fff; text-decoration: none; font-size: 13px; padding: 8px 40px; margin: 15px 0 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .landing_prod_buy_btn:hover { background-color: #000; } .cate_up_img { position: relative; height: 200px; z-index: 1 } .cate_up_filt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.75); z-index: 2; } .cate_up_inf_wrap { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; } .cate_up_inf_wrap .breadcrumb_out { /* background-color: rgba(0,0,0,0); */ background-color: rgba(194, 194, 194,0.3); position: absolute; width: 100%; top: 0; left: 0; z-index: 3; } .cate_up_inf_t { text-align: center; font-size: 25px; color: #444; width: 600px; margin: 10px auto 0; z-index: 4; max-width: 100%; font-family: 'CeraPRO-Bold'; font-weight: normal; } .cate_up_inf_l { color: #444; text-align: center; width: 100%; margin: 10px auto 0; z-index: 4; max-width: 760px; } .cate_up_inf_l a { color: inherit; font-family: 'CeraPro-Medium'; } .cate_up_inf_l a:hover { text-decoration: underline; } .cate_up_inf_out { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cate_sidprod_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px; } .cate_theside { width: 300px; } .cate_thegrid { width: calc(100% - 380px); } .cate_thegrid .landing_products > .landing_prod { width: 33%; /*max-width: 360px;*/ } .cate_thegrid .landing_products > .landing_prod > * { max-width: 360px; width: 100%; } .cate_theside .home_fivetile { margin: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cate_theside .home_fivetiles { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cate_theside .home_fivetile > .home_fivetile_img > img { height: 60px; margin: 0 auto; display: block; } .cate_theside .home_fivetile > .home_fivetile_img { width: 60px; } .cate_theside .home_fivetile > div { font-size: 13px; margin-left: 25px; text-align: left; font-family: 'CeraPro-Medium'; -ms-flex-preferred-size: 70%; flex-basis: 70%; } .cate_filter_l > label { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; margin: 10px 0; font-size: 13px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .landing_prod_selct_sel_pres > label > input[type="checkbox"], .cate_filter_l > label > input[type="checkbox"] { -webkit-appearance: none; width: 17px; height: 17px; background: #F5F5F7; margin: 2px 5px 2px 0px; cursor: pointer; } .landing_prod_selct_sel_pres > label > input[type="checkbox"]:checked, .cate_filter_l > label > input[type="checkbox"]:checked { background-position: center; background-size: 16px; background-repeat: no-repeat; background-image: url('/common/images/tick.png') } .cate_filter_t { font-family: 'CeraPRO-Bold'; font-size: 18px; text-transform: uppercase; } .cate_filter_l > label a { color: #222; text-transform: uppercase; } .cate_clear_btn { background-color: #F5F5F7; width: 70%; display: block; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; font-size: 13px; color: #282828; margin-bottom: 15px; } .cate_clear_btn > i { margin-right: 10px; color: #787878; } .cate_theside_title { font-size: 12px; font-family: 'CeraPRO-Bold'; letter-spacing: 3px; height: 50px; margin-top: 25px; text-transform: uppercase; } .cate_thegrid_bar { margin-top: 25px; height: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .landing_viewnum_title { font-size: 12px; text-transform: uppercase; } .landing_viewnum .landing_products_select { font-family: 'CeraPRO-Bold'; margin-left: 15px; padding-right: 0px; } .landing_viewnum { display: -webkit-box; display: -ms-flexbox; display: flex; } .cate_filter { margin-bottom: 25px; } .cate_filter_l { max-height: 200px; overflow-y: auto; margin: 10px 0; position: relative; } .cate_filter_l::-webkit-scrollbar { width: 4px; } .cate_filter_l::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 2px; } .cate_filter_l::-webkit-scrollbar-thumb { background: #000; } .cate_filter_l::-webkit-scrollbar-thumb:hover { background: #222; } .cate_filter_lab { margin: 0 0 25px; } .cate_filter_l .multirange { -webkit-appearance: none; width: 100%; height: 3px; background: #d3d3d3; } .cate_filter_l .multirange::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; background: #f05130; cursor: pointer; border-radius: 50%; } .cate_filter_l input[type="range"].multirange.ghost { position: relative; background: var(--track-background); --track-background: linear-gradient(to right, transparent var(--low), #f05130 0, #f05130 var(--high), transparent 0 ) no-repeat 0 45% / 100% 20%; --range-color: #f05130; } .product { padding: 0 20px; } .product .breadcrumb_out { background-color: #fff; } .produ_main { margin-top: 50px; } .produ_main #cphMain_cpnlProductInfo { display: -webkit-box; display: -ms-flexbox; display: flex; } .produ_main_gallery { width: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .produ_main_gall_img { height: 125px; display: block; width: 100%; background-size: contain; margin: 0 0 15px; cursor: pointer; } .produ_main_side { width: 500px; position: relative; } .produ_main_image { width: calc(100% - 650px); padding: 0 5% 2%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .produ_main_image > div { position: relative; } .produ_main_image > div > a > img { width: 100%; } #zoom-icon, #zoom-icon-mobile { position: absolute; right: 15px; top: 15px; z-index: 200; cursor: pointer; background: rgba(255,255,255,0.75); width: 34px; height: 34px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } #zoom-icon:before, #zoom-icon-mobile:before { content: ""; display: block; width: 13px; height: 13px; border: 2px solid #000; border-radius: 100%; position: absolute; top: 6px; right: 10px; box-sizing: content-box; } #zoom-icon:after, #zoom-icon-mobile:after { content: ""; display: block; width: 2px; height: 9px; background: #000; border-radius: 9px; position: absolute; top: 18px; right: 9px; transform: rotate(-45deg); box-sizing: content-box; } .produ_main_side_subt { font-size: 15px; text-align: center; margin-bottom: 10px; font-family: 'CeraPRO-Black'; color: #282828; display: none; } .produ_main_side_title { text-align: center; font-size: 26px; padding: 0 10px; margin-bottom: 5px; color: #282828; font-weight: normal; margin-top: 0; } .produ_main_side_code { text-align: center; color: #787878; font-size: 13px; margin-bottom: 15px; } .produ_main_side .landing_prod_avai > div { width: auto; padding: 5px 10px; } .produ_main_side .landing_prod_price > div { margin: 0 5px; display: inline-block; font-size: 34px; } .produ_main_side .landing_prod_price { text-align: center; } .produ_main_side .landing_prod_price_n { font-family: 'CeraPro-Medium'; } .produ_main_side .landing_prod_avai { margin-bottom: 15px; } .landing_prod_selct_box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .landing_prod_selct_sel_dim { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: calc(100% - 90px); flex-wrap: wrap; } .landing_prod_selct_sel_dim > a { font-size: 15px; display: inline-block; text-decoration: none; margin: 0 10px; color: #282828; } .landing_prod_selct_sel_dim > a.selected { font-family: 'CeraPRO-Bold'; color: #f05130; } .landing_prod_selct_sel_dim > a.disabled { text-decoration: line-through; } .landing_prod_selct_sel_dim > a.not { text-decoration: line-through; } .landing_prod_selct { border-top: 1px solid #787878; margin-top: 15px; padding-top: 15px; } .landing_prod_selct_sel_col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% - 185px); } .landing_prod_selct_titl { font-size: 14px; font-family: 'CeraPRO-Bold'; text-transform: uppercase; width: 185px; } #cphMain_cpnlProductInfo_dvSizeSelector .landing_prod_selct_titl { width: 90px; } .landing_prod_selct_sel_col > label { display: inline-block; width: 30px; height: 30px; margin: 5px; position: relative; } .landing_prod_selct_sel_col > label.not::after, .landing_prod_selct_sel_col > label.not::before { position: absolute; content: ""; border-bottom: 1px solid #fff; width: 20px; top: 15px; left: 5px; z-index: 9; } .landing_prod_selct_sel_col > label.not > span { display: none; position: absolute; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); left: 50%; font-size: 9px; background-color: #f05130; color: #fff; top: -20px; padding: 2px 4px; z-index: 99; text-transform: uppercase; } .landing_prod_selct_sel_col > label.not > span::before { content: ""; border: 5px solid transparent; border-top: 5px solid #f05130; position: absolute; top: 13px; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } .landing_prod_selct_sel_col > label.not:hover > span { display: block; } .landing_prod_selct_sel_col > label.not::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .landing_prod_selct_sel_col > label.not::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .landing_prod_selct_sel_col > label > input[type="radio"] { -webkit-appearance: none; width: 100%; height: 100%; position: absolute; border: 1px solid #efefef; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); top: 50%; left: 50%; margin: 0; cursor: pointer; } .landing_prod_selct_sel_col > label > input[type="radio"]:checked { border: 1px solid #f05130; } .landing_prod_selct_sel_col > label > div { position: absolute; width: 20px; height: 20px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); top: 50%; left: 50%; } .landing_prod_selct_ctitle { text-align: right; font-size: 15px; margin-bottom: 15px; } .landing_prod_selct_sel_qua { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 185px); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .landing_prod_selct_sel_qua a { -webkit-appearance: none; background-color: transparent; border: 0; cursor: pointer; font-size: 10px; color: #000; } .landing_prod_selct_sel_qua input { width: 30px; text-align: center; font-size: 15px !important; } .landing_prod_selct_sel_qua * { border: 0 !important; } .landing_prod_selct_sel .landing_prod_selct_sel_pres > label > input[type="checkbox"] { width: 20px; height: 20px; } .landing_prod_selct_sel_pres > label > div { background-image: url(/common/images/gift_g.png); width: 30px; height: 30px; display: inline-block; background-size: 30px; background-position: center; background-repeat: no-repeat; } .landing_prod_selct_sel_pres > label > input[type="checkbox"]:checked + div { background-image: url(/common/images/gift_b.png); } .landing_prod_selct_sel .landing_prod_selct_titl { margin-top: 9px; } .landing_prod_selct_btns { display: -webkit-box; display: -ms-flexbox; display: flex; } .landing_prod_selct_btns > a { display: -webkit-box; display: -ms-flexbox; display: flex; height: 64px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .landing_prod_selct_btns > a:hover { background-color: #f05130; } .landing_prod_selct_btns_fav { width: 64px; margin-left: 5px; } .landing_prod_selct_btns_add { background-color: #000; width: calc(100% - 70px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; color: #fff; font-size: 14px; font-family: 'CeraPRO-Bold'; } .landing_prod_selct_feat { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 15px 35px; } .landing_prod_selct_feat > div { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; } .landing_prod_selct_feat > div > div { width: 50%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .landing_prod_selct_feat > div > div.landing_prod_selct_feat_i { height: 55px; background-size: 50px; } .landing_prod_selct_feat_t { font-size: 13px; } .producttabs_btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .producttabs { background-color: #f5f5f6; padding: 35px 0 20px; } .producttabs_btns li { padding: 15px 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; font-size: 17px; cursor: pointer; text-transform: uppercase; } .producttabs_btns li.active { background-color: #fff; } .producttabs_btns li.producttabs_you { background-color: #a59d95; color: #fff; background-image: url(/common/images/info.png); background-repeat: no-repeat; background-size: 30px; background-position: 20px 50%; padding: 15px 50px 15px 65px; } .producttabs_content ul { list-style-type: disc; margin: 5px 0 0 20px; } .producttabs_content ul li { margin-bottom: 10px; } .producttabs_content { background-color: #fff; font-size: 15px; padding: 50px 20px; color: #282828; } .producttabs #home_sectio_02 { padding: 25px 0 5px; } .producttabs #home_sectio_02 .home_fivetile { margin: 0 55px; } .landing_pagination > li { display: inline-block; padding: 5px 0 20px; background-repeat: no-repeat; width: 14px; background-position: 0 15px; margin: 0 5px; text-align: center; position: relative; font-size: 14px; } .landing_pagination > li > a { display: inline-block; text-align: center; color: rgb(147,149,152); width: 14px; cursor: pointer; margin: 7px 0 0 0; } .cate_thegrid .landing_pagination { margin-bottom: -10px; } .landing_pagination { text-align: right; } .landing_pagin_first { background-image: url(/common/images/first.png); background-size: 12px; } .landing_pagin_prev { background-image: url(/common/images/prev.png); background-size: 5px; } .landing_pagination > .pagerAct > a { color: #000; } .landing_pagination > .landing_pagin_more { margin: 0 5px 0 -12px; } .dxeButtonEditButtonHover_Metropolis { background-color: white !important; color: black !important; background-position: -12px -109px !important; } .dxeListBoxItemSelected_Metropolis { color: black !important; background-color: #ccc !important; } .landing_products_select input { text-transform: uppercase; } .landing_pagin_next { background-image: url(/common/images/next.png); background-size: 5px; } .landing_pagin_last { background-image: url(/common/images/last.png); background-size: 12px; } .productfeellook_prod { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .productfeellook_tabs { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #f9f9f9; } .productfeellook_tabs > li { width: 50%; text-align: center; font-size: 30px; padding: 15px 0; font-family: 'CeraPro-Light'; cursor: pointer; color: #787878; } .productfeellook_tabs > li.active { background-color: #fff; color: #282828; } .productfeellook_prod_out { padding: 50px 20px; } .productfeellook_prod .landing_prod { width: 20%; margin: 0 2.5%; } .productfeellook_prod .landing_prod .landing_prod_price { position: relative; height: auto; margin: 25px 0; } .productfeellook_prod .landing_prod .landing_prod_buy { position: relative; height: auto; top: 0; } .productfeellook_prod .landing_prod:hover .landing_prod_price { top: 0; } .productfeellook_prod .landing_prod:hover .landing_prod_buy { top: 0; } .productfeellook_prod .landing_prod_buy_btn { background-color: #282828; padding: 15px 62px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .productfeellook_prod .landing_prod_buy_btn:hover { background-color: #f05130; } .landing_sect2 { background-color: #f5f5f6; padding: 10px 0; } .order_f_title { margin: 20px 0 30px; font-size: 24px; font-family: 'CeraPro-Light'; color: #787878; padding: 0 8px; } .order_f_table .order_f_header > td { font-size: 14px; font-family: 'CeraPRO-Bold'; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; } .order_f_table { width: 100%; border-collapse: collapse; border-spacing: 0; } .order_f_img { width: 200px; height: 200px; } .order_f_im_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order_f_tit { font-size: 15px; margin-bottom: 20px; font-family: 'CeraPRO-Black'; } .order_f_tis { font-size: 22px; } .order_f_im_delete { margin-right: 10px; font-size: 22px; color: #000; } .order_f_table > tbody > tr > td { padding: 15px 10px; } .order_f_table > tbody > .order_f_row > td { border-bottom: 1px solid #E8E8E8; } .order_f_table > tbody > .order_f_row:last-child > td { border-bottom: 0px; } .order_f_header > .order_f_im { width: 255px; } .order_f_header > .order_f_co { width: 100px; } .order_f_header > .order_f_di { width: 95px; } .order_f_header > .order_f_pr { width: 120px; text-align: center; } .order_f_header > .order_f_fp { width: 120px; } .order_f_header > .order_f_dp { width: 145px; } .order_f_header > .order_f_qu { width: 100px; } .order_f_header > .order_f_tp { width: 150px; } .order_f_row > .order_f_co, .order_f_row > .order_f_di, .order_f_row > .order_f_pr, .order_f_row > .order_f_fp, .order_f_row > .order_f_dp, .order_f_row > .order_f_qu, .order_f_row > .order_f_tp { text-align: center; } .order_f_row .landing_prod_selct_sel_qua { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .order_f_pr > input[type="checkbox"] { -webkit-appearance: none; width: 20px; height: 20px; background-color: #E8E8E8; cursor: pointer; } .order_f_pr > input[type="checkbox"]:checked { background-image: url('/common/images/tick.png'); background-position: center; background-repeat: no-repeat; background-size: 20px; } .order_f_row > .order_f_fp { font-size: 17px; font-family: 'CeraPro-Light'; color: #282828; } .order_f_row > .order_f_dp { font-size: 17px; font-family: 'CeraPro-Medium'; color: #282828; } .order_f_row > .order_f_tp { font-size: 19px; font-family: 'CeraPro-Medium'; color: #282828; } .order_f_footer { background-color: #F5F5F7; padding: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 15px 0 40px; } .order_f_footer > div { width: 50%; } .order_ffl_content { padding: 10px 20px; background-color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .order_ffl_content::after { position: absolute; height: 100%; width: 50px; top: 0; left: 100%; content: ""; background: -webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0))); background: -webkit-linear-gradient(left,#fff,rgba(255,255,255,0)); background: -o-linear-gradient(left,#fff,rgba(255,255,255,0)); background: -webkit-gradient(linear,left top, right top,from(#fff),to(rgba(255,255,255,0))); background: linear-gradient(to right,#fff,rgba(255,255,255,0)); } .order_fflc_text { font-size: 17px; font-family: 'CeraPro-Medium'; color: #282828; padding: 0 20px; } .order_fflc_text span { font-family: 'CeraPRO-Black'; } .order_ffr_content { text-align: right; } .order_ffrc_normal { font-size: 18px; text-transform: uppercase; margin: 0 0 10px; } .order_ffrc_normal span { font-family: 'CeraPro-Medium'; margin-left: 5px; } .order_ffrc_final { font-size: 22px; font-family: 'CeraPRO-Bold'; } .order_ffrc_final span { color: #f05130; } .order_f_footer > .order_ff_left > .order_ffl_content, .order_f_footer > .order_ff_right > .order_ffr_content { height: 120px; } .order_ffll_btn { display: inline-block; text-decoration: none; padding: 20px 60px; color: #fff; background-color: #a59d95; font-size: 14px; } .order_ffl_link { padding: 25px 0 0; } .order_ffrl_btn { display: inline-block; text-decoration: none; padding: 20px 60px; color: #fff; background-color: #f05130; font-size: 14px; } .order_ffr_link { padding: 25px 0 0; text-align: right; } .order_fflc_img { width: 50px; } .ordertel { font-size: 10px; } .ordertel span { font-family: 'CeraPro-Medium'; font-size: 14px; } .order_t_title { margin: 20px 0 30px; font-size: 24px; font-family: 'CeraPro-Light'; color: #787878; padding: 0 8px; } .order_t_content_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .order_t_main { width: calc(100% - 540px); margin-right: 20px; } .order_t_side { width: 520px; } .order_tm_title { background-color: #f5f5f6; font-size: 24px; color: #a59d95; width: 100%; padding: 16px 10px; font-family: 'CeraPro-Medium'; } .order_ts_title { background-color: #8F8E8A; font-size: 24px; font-family: 'CeraPro-Light'; color: #fff; text-transform: uppercase; padding: 15px 10px; } .order_tm_login { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .order_tml_text { font-size: 18px; font-family: 'CeraPro-Light'; color: #a59d95; } .order_tmlb_btn { text-decoration: none; background-color: #000; color: #fff; padding: 10px 20px; display: inline-block; } .order_tml_link { padding-left: 10px; } .order_tmo_main { position: relative; } .order_tmo_posa { position: absolute; top: 0; left: 0; width: 50px; -webkit-appearance: none; height: 25px; padding: 0; z-index: 1; border-radius: 20px; } .order_tmo_lm { margin-right: 70px; } .order_tmo_main label { cursor: pointer; font-size: 18px; font-family: 'CeraPro-Light'; color: #a59d95; } .order_tmo_main input:checked { display: none; } .order_tmo_main input { display: block; z-index: 3 } .order_tmo_img::after { content: ""; position: absolute; width: 20px; height: 20px; background-color: #f05130; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); border-radius: 50%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .order_tmom_gender .order_tmo_posa { margin: -2px 0 0px 80px; } .order_tmom_papper .order_tmo_posa { margin: -2px 0 0px 96px; } .order_tmom_needcode .order_tmo_posa { margin: -2px 0 0px 450px; } .order_tmom_address .order_tmo_posa { margin: -2px 0 0px 288px; } .order_tmo_main #op_pap_sameaddress:checked ~ .order_tmo_img::after, .order_tmo_main #op_pap_rec:checked ~ .order_tmo_img::after, .order_tmo_main #op_pap_code:checked ~ .order_tmo_img::after, .order_tmo_main #op_gen_male:checked ~ .order_tmo_img::after { left: 5px; } .order_tmo_main #op_pap_otheraddress:checked ~ .order_tmo_img::after, .order_tmo_main #op_pap_invo:checked ~ .order_tmo_img::after, .order_tmo_main #op_pap_nocode:checked ~ .order_tmo_img::after, .order_tmo_main #op_gen_female:checked ~ .order_tmo_img::after { left: 25px; } .order_tmo_img { background-color: #d5d2ca; } .order_tmo_main input:checked + label { font-family: 'CeraPro-Medium'; } .order_tm_options { margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; } .order_tm_options > div { margin-right: 30px } .order_tmf_input > .order_ti_text { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-size: 10px; text-transform: uppercase; margin-top: 3px; color: #a59d95; font-family: 'CeraPro-Light'; } .order_tmf_input > input:placeholder-shown + .order_ti_text { opacity: 0; } .order_tmf_input > input:not(:placeholder-shown) + .order_ti_text { opacity: 1; } .order_tm_form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .order_tm_form > .order_tmf_input { width: calc(50% - 5px); margin-bottom: 10px; } .order_tm_form > .order_tmf_input:nth-child(odd) { margin-left: 10px; } .order_tmf_input select, .order_tmf_input input[type="text"], .order_tmf_input input[type="password"] { width: 100%; border: none; border-bottom: 1px solid #a59d95; color: #8F8E8A; font-family: 'CeraPro-Medium'; font-size: 18px; background-color: #f5f5f6; } .order_step3 .order_tmf_input select, .order_step3 .order_tmf_input input[type="text"], .order_step3 .order_tmf_input input[type="password"] { background-color: #fff; } .order_tmf_input input[type="text"].dxh0, .order_tmf_input input[type="password"].dxh0 { font-family: 'CeraPro-Light'; font-style: italic; color: #a59d95; } #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_3, #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_1, #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_2 { width: 100%; } #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_3 .order_tmf_input, #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_1 .order_tmf_input, #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_2 .order_tmf_input { width: calc(50% - 2px); display: inline-block; min-height: 37px; } #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_3 .order_tmf_input.order_tmf_input_full, #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_1 .order_tmf_input.order_tmf_input_full, #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_2 .order_tmf_input.order_tmf_input_full { width: 100%; min-height: 37px; } #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_3 .order_tmf_input.order_tmf_input_right, #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_1 .order_tmf_input.order_tmf_input_right, #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_2 .order_tmf_input.order_tmf_input_right { width: calc(50% - 12px); min-height: 37px; } #cphMain_ctlOrderWizard1_cpnlProduct_cbDeliveryCountry_B-1, #cphMain_ctlOrderWizard1_cpnlProduct_cbBillingCountryZone_B-1, #cphMain_ctlOrderWizard1_cpnlProduct_cbBillingCountry_B-1 { position: absolute; top: 0; right: 0; width: 25px; background-color: #fff; height: 25px; } #cphMain_ctlOrderWizard1_cpnlProduct_cbDeliveryCountry_B-1::after, #cphMain_ctlOrderWizard1_cpnlProduct_cbBillingCountryZone_B-1::after, #cphMain_ctlOrderWizard1_cpnlProduct_cbBillingCountry_B-1::after { position: absolute; content: ""; border: 10px solid transparent; border-top: 10px solid #a59d95; top: 5px; left: 0; } #cphMain_ctlOrderWizard1_cpnlProduct_cbBillingCountryZone_EI, #cphMain_ctlOrderWizard1_cpnlProduct_cbBillingCountry_EI { right: 33px; top: 3px; } .order_step3 .order_ti_title18 { font-size: 18px; } #cphMain_ctlOrderWizard1_cpnlProduct_tbBillingRingName_I, #cphMain_ctlOrderWizard1_cpnlProduct_tbBillingFloor_I { width: calc(100% - 18px); } #cphMain_ctlOrderWizard1_cpnlProduct_cbDeliveryCountry_B-1 > img, #cphMain_ctlOrderWizard1_cpnlProduct_cbBillingCountryZone_B-1 > img, #cphMain_ctlOrderWizard1_cpnlProduct_cbBillingCountry_B-1 > img { display: none; } .order_tmf_input select { -webkit-appearance: none; } .order_tmf_input_full > textarea { background-color: #f5f5f6; border: 0; width: 100%; padding: 15px; font-size: 16px; } .order_tmf_input_full > .order_ti_title { font-family: 'CeraPro-Light'; font-style: italic; color: #a59d95; } .order_tm_form > .order_tmf_input_full { width: 100%; margin: 20px 0; } .order_tm_form > .order_tmf_input_full.order_tmf_input_option { margin-top: 15px; } .order_tmom_needcode_in { margin-top: 10px; } .order_tmf_input_btn { background-color: #f05130; padding: 23px 74px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; text-decoration: none; display: inline-block; border: 0; cursor: pointer; } .order_tmf_input_full.order_tmf_input_rigth { text-align: right; } .order_tmo_main.order_tmom_address { margin: 15px 0; } .order_ts_overview { border: 1px solid #8F8E8A; padding: 20px 5px; } .order_tso_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 10px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order_tsop_amount { font-size: 20px; font-family: 'CeraPro-Medium'; width: 100px; text-align: right; } .order_tsop_title { font-size: 13px; margin-right: 40px; } .order_tso_total .order_tsop_amount { font-size: 21px; font-family: 'CeraPRO-Bold'; color: #f05130; } .order_tso_total .order_tsop_title { font-size: 21px; font-family: 'CeraPRO-Bold'; } .order_tso_forfree { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #8F8E8A; border-bottom: 1px solid #8F8E8A; padding: 15px 20px; } .order_tsoff_image { background-image: url(/common/images/packtick.png); width: 80px; height: 80px; background-size: 70px; background-repeat: no-repeat; background-position: center; margin-right: 10px; } .order_tsoff_text { font-size: 18px; width: calc(100% - 90px); font-family: 'CeraPro-Medium'; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .order_tsoff_text span { font-family: 'CeraPRO-Bold'; } .order_tsop_product { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 15px 10px; } .order_tsopp_image { width: 100px; height: 100px; background-size: contain; background-position: center; background-repeat: no-repeat; } .order_tsopp_info { width: calc(100% - 100px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .order_tsoppi_title { text-transform: uppercase; font-size: 18px; } .order_tsoppi_quancol { font-size: 14px; margin-top: 5px; } .order_tsoppi_prices { text-align: right; font-size: 20px; font-family: 'CeraPro-Medium'; } .order_tso_products_wrap { margin: 30px 10px; position: relative; } .order_tso_products { max-height: 460px; min-height: 180px; overflow-x: hidden; overflow-y: scroll; } .order_tso_products::-webkit-scrollbar { width: 4px; } .order_tso_products::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 2px; } .order_tso_products::-webkit-scrollbar-thumb { background: #000; } .order_tso_products::-webkit-scrollbar-thumb:hover { background: #222; } .order_tso_products_wrap::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; z-index: 3; background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); background-image: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1))); background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); } .order_tmf_select_box { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 20px 0; width: 100%; align-items: flex-start; } .order_tmf_select_box > div { width: 50%; } .order_tmfsb_title { font-size: 15px; font-family: 'CeraPRO-Black'; color: #f05130; margin-bottom: 10px; } .order_tmfsb_input > input { -webkit-appearance: none; width: 25px; height: 25px; border: 5px solid #d5d2ca; border-radius: 50%; background-color: #d5d2ca; } .order_tmfsb_input > input:checked { background-color: #f05130; } .order_tmfsb_input > label { color: #a59d95; font-family: 'CeraPro-Light'; font-size: 18px; margin-left: 10px; } .order_tmfsb_input > input:checked + label { font-family: 'CeraPro-Medium'; } .order_tmfsb_input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0; } .order_tsoppip_strike { color: #a59d95; position: relative; padding: 0 4px; margin-right: 15px } .order_tsoppip_strike::after { content: ""; position: absolute; top: 50%; left: 0; border-top: 1px solid #a59d95; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; } .order_ts_overview.order_ts_freeship { padding: 20px 54px; } .producttabs_content_in > div { display: none; } .producttabs_content_in > div.active { display: block; } .productfeellook_prod_out { display: none; } .productfeellook_prod_out.active { display: block; } .noty_basket_in { width: 600px; height: 460px; background-color: #787878; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .noty_basket_img { width: 72px; } .noty_basket_success { font-size: 33px; margin: 10px 0; color: #fff; font-family: 'CeraPro-Light'; } .noty_basket_product { font-size: 16px; text-transform: uppercase; margin: 10px 0; color: #fff; } .noty_basket_price { font-size: 20px; text-transform: uppercase; margin: 0 0 10px; color: #fff; } .noty_basket_link { background-color: #f05130; text-decoration: none; padding: 20px 50px; text-align: center; color: #fff; margin: 10px 0 0; } .nefnefTheme { width: 600px !important; } #noty_center_layout_container { -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } .noty_type_warning { background: #f05130; text-align: center; padding: 10px 0; color: #fff; } .searchresults-main { height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-repeat: no-repeat; /* background-image: url(/common/images/search_banner.jpg); background-size: 1610px; background-position: 100% 20%; background-color: #EE4F31; */ border-bottom: 1px solid #000; background-color: #fff; } .searchresults-text { font-size: 25px; font-family: 'CeraPRO-Bold'; color: #000; text-align: center; } .mobile { display: none; } .products-nofound { margin: 100px 0 40px; font-size: 20px; text-align: center; color: #787878; } .newssoc_box_news { display: -webkit-box; display: -ms-flexbox; display: flex; } /* 485 */ .order_f_table td { padding: 15px 10px; } .order_f_table .order_f_row td { border-bottom: 1px solid #E8E8E8; } .order_f_table > tbody > .order_f_row:last-child td { border-bottom: 0px; } .order_f_header .order_f_im { width: 255px; } .order_f_header .order_f_co { width: 100px; } .order_f_header .order_f_di { width: 95px; } .order_f_header .order_f_pr { width: 120px; text-align: center; } .order_f_header .order_f_fp { width: 120px; } .order_f_header .order_f_dp { width: 145px; } .order_f_header .order_f_qu { width: 100px; } .order_f_header .order_f_tp { width: 150px; } .order_f_row .order_f_co, .order_f_row .order_f_di, .order_f_row .order_f_pr, .order_f_row .order_f_fp, .order_f_row .order_f_dp, .order_f_row .order_f_qu, .order_f_row .order_f_tp { text-align: center; } .order_f_row .landing_prod_selct_sel_qua { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .order_f_pr input[type="checkbox"] { -webkit-appearance: none; width: 20px; height: 20px; background-color: #E8E8E8; cursor: pointer; } .order_f_pr input[type="checkbox"]:checked { background-image: url('/common/images/tick.png'); background-position: center; background-repeat: no-repeat; background-size: 20px; } .order_f_row .order_f_fp { font-size: 17px; font-family: 'CeraPro-Light'; color: #282828; } .order_f_row .order_f_dp { font-size: 17px; font-family: 'CeraPro-Medium'; color: #282828; } .order_f_row .order_f_tp { font-size: 19px; font-family: 'CeraPro-Medium'; color: #282828; } /* 535 */ /* ORDER WIZARD */ .order_f_title { margin: 20px 0 30px; font-size: 24px; font-family: 'CeraPro-Light'; color: #787878; } .order_f_table .order_f_header > td { font-size: 14px; font-family: 'CeraPRO-Bold'; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; } .order_f_table { width: 100%; border-collapse: collapse; border-spacing: 0; } .order_f_img { width: 200px; height: 200px; } .order_f_im_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order_f_tit { font-size: 15px; margin-bottom: 20px; font-family: 'CeraPRO-Black'; } .order_f_tis { font-size: 22px; } .order_f_im_delete { margin-right: 10px; font-size: 22px; color: #000; } .order_f_table > tbody > tr > td { padding: 15px 10px; } .order_f_table > tbody > .order_f_row > td { border-bottom: 1px solid #E8E8E8; } .order_f_table > tbody > .order_f_row:last-child > td { border-bottom: 0px; } .order_f_header > .order_f_im { width: 255px; } .order_f_header > .order_f_co { width: 100px; } .order_f_header > .order_f_di { width: 95px; } .order_f_header > .order_f_pr { width: 120px; text-align: center; } .order_f_header > .order_f_fp { width: 120px; } .order_f_header > .order_f_dp { width: 145px; } .order_f_header > .order_f_qu { width: 100px; } .order_f_header > .order_f_tp { width: 150px; } .order_f_row > .order_f_co, .order_f_row > .order_f_di, .order_f_row > .order_f_pr, .order_f_row > .order_f_fp, .order_f_row > .order_f_dp, .order_f_row > .order_f_qu, .order_f_row > .order_f_tp { text-align: center; } .order_f_row .landing_prod_selct_sel_qua { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .order_f_pr > input[type="checkbox"] { -webkit-appearance: none; width: 20px; height: 20px; background-color: #E8E8E8; cursor: pointer; } .order_f_pr > input[type="checkbox"]:checked { background-image: url('common/images/tick.png'); background-position: center; background-repeat: no-repeat; background-size: 20px; } .order_f_row > .order_f_fp { font-size: 17px; font-family: 'CeraPro-Light'; color: #282828; } .order_f_row > .order_f_dp { font-size: 17px; font-family: 'CeraPro-Medium'; color: #282828; } .order_f_row > .order_f_tp { font-size: 19px; font-family: 'CeraPro-Medium'; color: #282828; } .order_f_footer { background-color: #F5F5F7; padding: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 15px 0 40px; } .order_f_footer > div { width: 50%; } .order_ffl_content { padding: 10px 20px; background-color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .order_ffl_content::after { position: absolute; height: 100%; width: 50px; top: 0; left: 100%; content: ""; background: -webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0))); background: -webkit-linear-gradient(left,#fff,rgba(255,255,255,0)); background: -o-linear-gradient(left,#fff,rgba(255,255,255,0)); background: -webkit-gradient(linear,left top, right top,from(#fff),to(rgba(255,255,255,0))); background: linear-gradient(to right,#fff,rgba(255,255,255,0)); } .order_fflc_text { font-size: 17px; font-family: 'CeraPro-Medium'; color: #282828; padding: 0 20px; } .order_fflc_text span { font-family: 'CeraPRO-Black'; } .order_ffr_content { text-align: right; } .order_ffrc_normal { font-size: 18px; text-transform: uppercase; margin: 0 0 10px; } .order_ffrc_normal span { font-family: 'CeraPro-Medium'; margin-left: 5px; } .order_ffrc_final { font-size: 22px; font-family: 'CeraPRO-Bold'; } .order_ffrc_final span { color: #f05130; } .order_f_footer > .order_ff_left > .order_ffl_content, .order_f_footer > .order_ff_right > .order_ffr_content { height: 120px; } .order_ffll_btn { display: inline-block; text-decoration: none; padding: 20px 60px; color: #fff; background-color: #a59d95; font-size: 14px; } .order_ffl_link { padding: 25px 0 0; } .order_ffrl_btn { display: inline-block; text-decoration: none; padding: 20px 60px; color: #fff; background-color: #f05130; font-size: 14px; } .order_ffr_link { padding: 25px 0 0; text-align: right; } .order_fflc_img { width: 50px; } .ordertel { font-size: 10px; } .ordertel span { font-family: 'CeraPro-Medium'; font-size: 14px; } .order_t_title { margin: 20px 0 30px; font-size: 24px; font-family: 'CeraPro-Light'; color: #787878; } .order_t_content_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .order_t_main { width: calc(100% - 540px); margin-right: 20px; } .order_t_side { width: 520px; } .order_tm_title { background-color: #f5f5f6; font-size: 24px; color: #a59d95; width: 100%; padding: 16px 10px; font-family: 'CeraPro-Medium'; margin-bottom: 5px; } .order_ts_title { background-color: #8F8E8A; font-size: 24px; font-family: 'CeraPro-Light'; color: #fff; text-transform: uppercase; padding: 15px 10px; } .order_tm_login { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .order_tml_text { font-size: 18px; font-family: 'CeraPro-Light'; color: #a59d95; } .order_tmlb_btn { text-decoration: none; background-color: #000; color: #fff; padding: 10px 20px; display: inline-block; } .order_tml_link { padding-left: 10px; } .order_tmo_main { position: relative; } .order_tmo_posa { position: absolute; top: 0; left: 0; width: 50px; -webkit-appearance: none; height: 25px; padding: 0; z-index: 1; border-radius: 20px; } .order_tmo_lm { margin-right: 70px; } .order_tmo_main label { cursor: pointer; font-size: 18px; font-family: 'CeraPro-Light'; color: #a59d95; } .order_tmo_main input:checked { display: none; } .order_tmo_main input { display: block; z-index: 3 } .order_tmo_img::after { content: ""; position: absolute; width: 20px; height: 20px; background-color: #f05130; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); border-radius: 50%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .order_tmom_gender .order_tmo_posa { margin: -2px 0 0px 80px; } .order_tmom_papper .order_tmo_posa { margin: -2px 0 0px 96px; } .order_tmom_needcode .order_tmo_posa { margin: -2px 0 0px 450px; } .order_tmom_address .order_tmo_posa { margin: -2px 0 0px 288px; } .order_tmo_main #op_pap_sameaddress:checked ~ .order_tmo_img::after, .order_tmo_main #op_pap_rec:checked ~ .order_tmo_img::after, .order_tmo_main #op_pap_code:checked ~ .order_tmo_img::after, .order_tmo_main #op_gen_male:checked ~ .order_tmo_img::after { left: 5px; } .order_tmo_main #op_pap_otheraddress:checked ~ .order_tmo_img::after, .order_tmo_main #op_pap_invo:checked ~ .order_tmo_img::after, .order_tmo_main #op_pap_nocode:checked ~ .order_tmo_img::after, .order_tmo_main #op_gen_female:checked ~ .order_tmo_img::after { left: 25px; } .order_tmo_img { background-color: #d5d2ca; } .order_tmo_main input:checked + label { font-family: 'CeraPro-Medium'; } .order_tm_options { margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; } .order_tm_options > div { margin-right: 30px } .order_tmf_input > .order_ti_text { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-size: 10px; text-transform: uppercase; margin-top: 3px; color: #a59d95; font-family: 'CeraPro-Light'; } .order_tmf_input > input:placeholder-shown + .order_ti_text { opacity: 0; } .order_tmf_input > input:not(:placeholder-shown) + .order_ti_text { opacity: 1; } .order_tmf_input > input:placeholder-shown + .order_ti_text::after { content: "*" } .order_tm_form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .order_tm_form > .order_tmf_input { width: calc(50% - 5px); margin-bottom: 10px; } .order_tmf_input > select { margin-top: 3px; } .order_tmf_input > select, .order_tmf_input > input[type="text"] { width: 100%; border: none; border-bottom: 1px solid #a59d95; color: #a59d95; font-family: 'CeraPro-Medium'; font-size: 18px; } .order_tmf_input > input[type="text"]::-webkit-input-placeholder, .order_tmf_input > input[type="password"]::-webkit-input-placeholder { font-family: 'CeraPro-Light'; font-style: italic; color: #a59d95; } .order_tmf_input > select { -webkit-appearance: none; } .order_tmf_input_full > textarea { background-color: #f5f5f6; border: 0; width: 100%; padding: 15px; font-size: 16px; } .order_tmf_input_full > .order_ti_title { font-family: 'CeraPro-Light'; font-style: italic; color: #a59d95; } .order_tm_form > .order_tmf_input_full { width: 100%; } .order_tm_form > .order_tmf_input_full.order_tmf_input_option { margin-top: 15px; } .order_tmf_input_right { margin-left: 10px; } .order_tmom_needcode_in { margin-top: 10px; } .order_tmf_input_btn { background-color: #f05130; padding: 23px 74px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; text-decoration: none; display: inline-block; border: 0; cursor: pointer; } .order_tmf_input_full.order_tmf_input_rigth { text-align: right; margin: 15px 0; } .order_tmo_main.order_tmom_address { margin: 15px 0; } .order_ts_overview { border: 1px solid #8F8E8A; padding: 20px 5px; } .order_tso_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 10px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order_tsop_amount { font-size: 20px; font-family: 'CeraPro-Medium'; width: 100px; text-align: right; } .order_tsop_title { font-size: 13px; margin-right: 40px; } .order_tso_total .order_tsop_amount { font-size: 21px; font-family: 'CeraPRO-Bold'; color: #f05130; } .order_tso_total .order_tsop_title { font-size: 21px; font-family: 'CeraPRO-Bold'; } .order_tso_forfree { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #8F8E8A; border-bottom: 1px solid #8F8E8A; padding: 15px 20px; } .order_tsoff_image { background-image: url(common/images/packtick.png); width: 80px; height: 80px; background-size: 70px; background-repeat: no-repeat; background-position: center; margin-right: 10px; } .order_tsoff_text { font-size: 18px; width: calc(100% - 90px); font-family: 'CeraPro-Medium'; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .order_tsoff_text span { font-family: 'CeraPRO-Bold'; } .order_tsop_product { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 15px 10px; } .order_tsopp_image { width: 100px; height: 100px; background-size: contain; background-position: center; background-repeat: no-repeat; } .order_tsopp_info { width: calc(100% - 100px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 10px; } .order_tsoppi_title { text-transform: uppercase; font-size: 18px; } .order_tsoppi_quancol { font-size: 14px; margin-top: 5px; } .order_tsoppi_prices { text-align: right; font-size: 20px; font-family: 'CeraPro-Medium'; } .order_tso_products_wrap { margin: 30px 10px; position: relative; } .order_tso_products { max-height: 460px; overflow-x: hidden; overflow-y: scroll; } .order_tso_products::-webkit-scrollbar { width: 4px; } .order_tso_products::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 2px; } .order_tso_products::-webkit-scrollbar-thumb { background: #000; } .order_tso_products::-webkit-scrollbar-thumb:hover { background: #222; } .order_tso_products_wrap::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; z-index: 3; background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); background-image: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1))); background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); } .order_tmf_select_box { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 20px 0; width: 100%; } .order_tmf_select_box > div { width: 50%; } .order_tmfsb_title { font-size: 15px; font-family: 'CeraPRO-Black'; color: #f05130; margin-bottom: 10px; } .order_tmfsb_input > input { -webkit-appearance: none; width: 25px; height: 25px; border: 5px solid #d5d2ca; border-radius: 50%; background-color: #d5d2ca; } .order_tmfsb_input > input:checked { background-color: #f05130; } .order_tmfsb_input > label { color: #a59d95; font-family: 'CeraPro-Light'; font-size: 18px; margin-left: 10px; } .order_tmfsb_input > input:checked + label { font-family: 'CeraPro-Medium'; } .order_tmfsb_input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0; } .order_tsoppip_strike { color: #a59d95; position: relative; padding: 0 4px; margin-right: 15px } .order_tsoppip_strike::after { content: ""; position: absolute; top: 50%; left: 0; border-top: 1px solid #a59d95; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; } .order_ts_overview.order_ts_freeship { padding: 20px 54px; } .order_tmf_captcha { width: 100%; margin-bottom: 20px; } .order_tmf_c_title { font-family: 'CeraPro-Light'; font-size: 18px; color: #a59d95; margin-bottom: 5px; } .order_tmf_c_subtitle { font-size: 12px; margin-top: 3px; color: #a59d95; font-family: 'CeraPro-Light'; } .order_tmf_c_input { display: -webkit-box; display: -ms-flexbox; display: flex; } .order_tmf_c_input input[type="text"] { font-size: 18px; padding: 0px 20px; margin-right: 10px; width: 160px; } .order_tm_address_get { margin: 20px 0; padding: 20px; border: 1px solid #a59d95; width: 100%; } .order_tm_ag_title { font-family: 'CeraPro-Light'; font-size: 14px; color: #a59d95; margin-bottom: 10px; } .order_tm_ag_address { font-family: 'CeraPro-Medium'; color: #a59d95; font-size: 18px; font-style: italic; } .order_tmo_main.order_tmom_papper.order_tmf_input_full { margin: 15px 0px; } .order_tm_options.order_tmf_input_full { margin-bottom: 15px; } .order_t_login_reg_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; } .order_t_login_reg_wrap > div { width: calc(50% - 5px); } .order_t_lrw_login { margin-right: 10px; } .order_t_lrw_wrap { background-color: #f5f5f6; } .order_t_lrw_title { color: #a59d95; font-size: 18px; padding: 0 10px; margin: 10px 0; font-family: 'CeraPRO-Bold'; } .order_t_lrw_wrap { background-color: #f5f5f6; padding: 20px 15px; } .order_t_lrw_wrap .order_tmf_input > select, .order_t_lrw_wrap .order_tmf_input > input[type="text"] { background-color: #f5f5f6; } .order_tmf_input { margin-bottom: 20px; position: relative; } .order_ti_link { position: absolute; top: 27px; right: 0; font-size: 10px; text-decoration: none; color: #a59d95; font-family: 'CeraPro-Light'; } .order_tmf_checkbox > label { font-family: 'CeraPro-Regular'; font-style: italic; color: #a59d95; } .order_tmf_checkbox > label > input[type="checkbox"] { -webkit-appearance: none; width: 20px; height: 20px; background: #D5D2C9; margin: 4px 8px -3px 0px; cursor: pointer; } .order_tmf_checkbox > label > input[type="checkbox"]:checked { background-position: center; background-size: 16px; background-repeat: no-repeat; background-image: url('common/images/tick.png') } .order_tmf_checkbox { margin: 15px 0; } .order_t_lrw_r_label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .order_t_lrw_r_label > input:checked { background-color: #f05130; } .order_t_lrw_r_label > input { -webkit-appearance: none; width: 25px; height: 25px; border: 5px solid #d5d2ca; border-radius: 50%; background-color: #d5d2ca; } .order_t_lrw_r_text { width: calc(100% - 35px); margin-left: 10px; } .order_t_lrw_r_t_title { font-size: 18px; font-family: 'CeraPro-Medium'; color: #a59d95; margin-bottom: 10px; } .order_t_lrw_r_t_text { font-size: 14px; color: #a59d95; } table#cphMain_ctlMemberCreation1_rblGender > tbody > tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } table#cphMain_ctlMemberCreation1_rblGender > tbody > tr > td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 5px; } /* NEW REGISTER */ .register .order_t_main { width: 100%; margin-right: 0; } .register_head .cate_up_inf_out { position: relative; } .register .order_tm_options { margin-top: 6px; } .register .landing_main_out { background-color: transparent; } .register_head .cate_up_inf_t { color: #fff; } .register_head .breadcrumb > a { color: #fff; } .register_title { font-size: 23px; font-family: 'CeraPro-Medium'; color: #a59d95; padding: 25px 0 45px; } .register .order_tm_form > .order_tmf_input { margin-bottom: 30px; } .register { padding: 50px 0; background: #f5f5f6; margin-bottom: 10px; } .register .order_tmf_input > select, .register .order_tmf_input > input[type="text"] { background-color: #f5f5f6 } .upmenu-search::-webkit-input-placeholder { text-align: left; font-size: 12px; } .upmenu-search:-ms-input-placeholder { text-align: left; font-size: 12px; } .upmenu-search::-ms-input-placeholder { text-align: left; font-size: 12px; } .upmenu-search::placeholder { text-align: left; font-size: 12px; } .register .register_c_label > input[type="checkbox"] { -webkit-appearance: none; width: 20px; height: 20px; background-color: #E8E8E8; cursor: pointer; margin: 25px 5px -5px 0; } .register .register_c_label > input[type="checkbox"]:checked { background-position: center; background-size: 16px; background-repeat: no-repeat; background-image: url('common/images/tick.png') } .register .register_c_label > div { display: inline-block; } .register_checkbox { width: 100%; text-align: center; } .register .register_c_label { font-size: 12px; color: #28282d; text-transform: uppercase; } .register .register_c_label label { font-family: 'CeraPRO-Bold'; } .register_checkbox > a { font-size: 12px; color: #28282d; font-family: 'CeraPro-Light'; text-decoration: none; } .register .order_tmf_input_full.order_tmf_input_rigth { text-align: center; margin: 50px 0 0; } .register .order_tmf_input_btn { padding: 20px 60px; } .register_subnote { font-size: 10px; text-align: center; margin: 30px 0 0; line-height: 1.3; font-family: 'CeraPro-Light'; font-style: italic; color: #a59d95; } .register_subnote > span { color: #f05130; } .register .order_tm_form > .order_tmf_input:nth-child(odd) { margin-left: 0; } .register .order_tmf_input_right { margin-left: 10px; } .order_tm_options.order_tmf_input_right.memberscreation_checkbox_wrap { width: calc(50% - 5px); align-items: flex-start; } .autocomplete-suggestions { background-color: rgba(255,255,255,0.4); overflow-x: hidden; overflow-y: auto; padding: 38px 36px; box-shadow: 0 30px 30px rgb(143, 142, 138, 0.5); height: 100%; backdrop-filter: blur(50px) brightness(130%); -webkit-backdrop-filter: blur(50px) brightness(130%); } @-moz-document url-prefix() { .autocomplete-suggestions { background-color: rgba(255,255,255,0.9); } } .autocomplete-product { display: -webkit-box; display: -ms-flexbox; display: flex; /* -webkit-box-align: center; -ms-flex-align: center; align-items: center; */ } .autocomplete-product-img { width: 87px; height: 87px; display: block; object-fit: cover; } .autocomplete-suggestion { padding-bottom: 20px; padding-right: 15px; } .no-prod { text-align: center; font-size: 20px; font-weight: bold; line-height: 100px; padding: 0 15px; } .autocomplete-suggestion .autocomplete-product { cursor: pointer; } .right-col { margin-top: 18px; padding-top: 12px; border-top: 1px solid rgba(240,81,48, 0.4); } .autocomplete-suggestion .autocomplete-product-info-name { color: #525256; font-weight: normal; font-size: 20px; line-height: 22px; } .autocomplete-suggestion mark { color: #F05130; font-family: 'CeraPro-Bold'; background: none; } .right-col .autocomplete-product { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(240,81,48, 0.4); } .right-col .autocomplete-product .autocomplete-product-info a { transition: .3s ease-in-out; } .autocomplete-suggestion:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px solid #a59d95; } .autocomplete-product-info { padding: 0 10px 0 26px; width: calc(100% - 168px); } .autocomplete-product-info-name a { font-size: 14px; line-height: 19px; color: #282828; font-family: 'CeraPRO-Medium'; } .right-col .autocomplete-product-info-name { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .autocomplete-product-info-code a { font-size: 13px; margin-top: 5px; color: #282828; } .autocomplete-product-price { width: 80px; text-align: right; margin-left: auto; margin-top: auto; } .autocomplete-product-price a { font-size: 20px; font-family: 'CeraPRO-Medium'; color: #282828; } .autocomplete-product:hover .autocomplete-product-info a { font-weight: 700; } .autocomplete-suggestions::-webkit-scrollbar { width: 4px; } .autocomplete-suggestions::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.4); border-radius: 2px; } .autocomplete-suggestions::-webkit-scrollbar-thumb { background: #8F8E8A; } .autocomplete-suggestions::-webkit-scrollbar-thumb:hover { background: #8F8E8A; } .contact_head .cate_up_inf_t { color: #fff; font-family: 'CeraPro-Light'; font-size: 30px; } .contact_head .breadcrumb > a { color: #fff; } .contact_head .cate_up_inf_out { position: relative; } .order_tmf_input_full.register_buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order_tmf_input_btn.register_btn_grey { background-color: #a59d95; } .register_text_title { font-size: 18px; font-family: 'CeraPro-Light'; font-style: italic; color: #a59d95; } .contact .register_text_box { background-color: #fff; margin-top: 10px; height: 140px; } .contact_boxes { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } .contact_boxes .contact_box { text-align: center; width: 50%; color: #282828; background-color: #fff; padding: 50px 10px 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact_boxes .contact_box:first-child { border-right: 1px solid #f5f5f6; ; } .contact_b_title { font-size: 16px; font-family: 'CeraPRO-Black'; margin-bottom: 5px; } .contact_b_text { font-size: 17px; margin-bottom: 20px; line-height: 1.4; } .contact_b_text > span { font-family: 'CeraPro-Medium'; } .contact_tt_title { font-size: 15px; text-transform: uppercase; font-family: 'CeraPRO-Bold'; } .order_tmf_input * { width: 100%; background-color: transparent; border: none; } .order_tm_form > div > span, .order_tm_form > div > div > span { font-size: 10px; color: rgb(240,81,48); } .order_tmf_input script { display: none; } .order_tmf_input .dxeTextBox_Metropolis td.dxic { padding: 0 } .order_tmf_input .dxeErrorCell_Metropolis.dxeErrorFrame_Metropolis.dxeErrorFrameSys.dxeErrorCellSys.dxeNoBorderLeft > table > tbody > tr > td:nth-child(2) { position: absolute; bottom: 0; left: 0; text-align: right; } .order_tmf_input .dxeErrorCellSys img { margin-right: 0; width: 14px; position: absolute; top: 0; right: 0; } .order_tmf_input .dxeEditAreaSys { border: none !important; border-bottom: 1px solid #a59d95 !important; } .order_tmf_input .order_ti_link { width: 140px; } #cphMain_ctlOrderWizard1_cpnlProduct_captchaLogin .dxeFocused_Metropolis { border: 1px solid #c0c0c0 !important; } .dxeIRBFocused_Metropolis { outline: none !important; } .dxEditors_edtRadioButtonUnchecked_Metropolis, #cphMain_ctlOrderWizard1_cpnlProduct_dvContactless .dxWeb_edtCheckBoxUnchecked_Metropolis { width: 25px; height: 25px; border: 5px solid #d5d2ca; border-radius: 50%; background: none; background-color: #d5d2ca; } .dxEditors_edtRadioButtonChecked_Metropolis, #cphMain_ctlOrderWizard1_cpnlProduct_dvContactless .dxWeb_edtCheckBoxChecked_Metropolis { width: 25px; height: 25px; border: 5px solid #d5d2ca; border-radius: 50%; background: none; background-color: #f05130; } #cphMain_ctlOrderWizard1_cpnlProduct_dvContactless { margin-top: 20px; justify-content: flex-start; padding-left: 10px; padding-right: 10px; } #cphMain_ctlOrderWizard1_cpnlProduct_dvContactless .order_tsop_amount { width: auto; } #cphMain_ctlContactForm1_cpnlContactForm_captchaContact_IMG, #cphMain_ctlOrderWizard1_cpnlProduct_captchaNewCustomer_IMG, #cphMain_ctlOrderWizard1_cpnlProduct_captchaLogin_IMG { background-color: #f05130 !important; width: 130px !important; height: 50px !important; } .dxca-imageDiv { width: auto !important; } table#cphMain_ctlContactForm1_cpnlContactForm_captchaContact_TB { width: 130px !important; height: 50px; } #cphMain_ctlContactForm1_cpnlContactForm_captchaContact > table > tbody, #cphMain_ctlOrderWizard1_cpnlProduct_captchaNewCustomer > table > tbody, #cphMain_ctlOrderWizard1_cpnlProduct_captchaLogin > table > tbody { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 40px; } #cphMain_ctlOrderWizard1_cpnlProduct_rblShippingMethods_ET { position: relative; } #cphMain_ctlOrderWizard1_cpnlProduct_rblShippingMethods_EC { position: absolute; bottom: -15px; left: 0; } #cphMain_ctlOrderWizard1_cpnlProduct_rblPaymentTypes_ET { position: relative; } #cphMain_ctlOrderWizard1_cpnlProduct_rblPaymentTypes_EC { position: absolute; bottom: -15px; left: 0; } div#cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_4 { width: 100%; } #cphMain_ctlContactForm1_cpnlContactForm_captchaContact .dxcaTextBoxLabel_Metropolis, #cphMain_ctlOrderWizard1_cpnlProduct_captchaNewCustomer .dxcaTextBoxLabel_Metropolis, #cphMain_ctlOrderWizard1_cpnlProduct_captchaLogin .dxcaTextBoxLabel_Metropolis { position: absolute; top: calc(100% + 5px); left: 0; width: 100%; font-size: 12px; color: #a59d95; font-family: 'CeraPro-Light'; } span#cphMain_ctlContactForm1_cpnlContactForm_captchaContact_RTS, span#cphMain_ctlOrderWizard1_cpnlProduct_captchaNewCustomer_RTS, span#cphMain_ctlOrderWizard1_cpnlProduct_captchaLogin_RTS { display: none; } input#cphMain_ctlContactForm1_cpnlContactForm_captchaContact_TB_I, input#cphMain_ctlOrderWizard1_cpnlProduct_captchaNewCustomer_TB_I, input#cphMain_ctlOrderWizard1_cpnlProduct_captchaLogin_TB_I { /*height: 72px;*/ padding: 0; text-align: center; font-size: 30px; width: 100%; height: 100%; } td.dxcaRefreshButtonCell_Metropolis { border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 50px; padding: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dxeTextBoxSys.dxeTextBox_Metropolis.dxeTextBoxDefaultWidthSys::after { content: attr(data-textdown); font-size: 10px; text-transform: uppercase; margin-top: 3px; color: #a59d95; font-family: 'CeraPro-Light'; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; opacity: 1; } .dxeTextBoxSys.dxeTextBox_Metropolis.dxeTextBoxDefaultWidthSys.dxeNullText_Metropolis::after { opacity: 0; } table#cphMain_ctlOrderWizard1_cpnlProduct_captchaLogin_TB, table#cphMain_ctlOrderWizard1_cpnlProduct_captchaNewCustomer_TB { width: 130px !important; height: 50px; } td.dxcaTextBoxCellNoIndent_Metropolis { padding: 0 !important; } /* cms */ /* etairika katastimata */ .sale-points-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px; gap: 10px; } .sale-points-tabs > .sale-point-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-preferred-size: 25%; flex-basis: 25%; height: 400px; position: relative; background-color: #a59d95 } .sale-points-tabs > .sale-point-tab.active { background-color: rgba(247,158,124,1) } .sale-points-tabs > .sale-point-tab .img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: .63; background-position: center; background-repeat: no-repeat; mix-blend-mode: luminosity } .sale-points-tabs > .sale-point-tab.active .img { opacity: .4 } .sale-points-tabs > .sale-point-tab.active::after { content: url('/common/images/sale-point-arrow.png'); display: block; position: absolute; bottom: -40px } .sale-points-tabs > .sale-point-tab.etairika .img { background-image: url('/common/images/cms/etairika-katastimata.jpg') } .sale-points-tabs > .sale-point-tab.leuka-eidi .img { background-image: url('/common/images/cms/leuka-eidi.jpg') } .sale-points-tabs > .sale-point-tab.vrefika .img { background-image: url('/common/images/cms/vrefika-eidi.jpg') } .sale-points-tabs > .sale-point-tab .caption { position: relative; width: 78%; height: 65%; max-width: 340px; max-height: 330px; background-color: rgba(255,255,255,0.6); z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .sale-points-tabs > .sale-point-tab .caption p { font-size: 21.5px; max-width: 90%; text-align: center; font-family: 'CeraPro-Medium'; margin-bottom: 45px; margin-top: 0; color: #282828; letter-spacing: 5px; } .sale-points-tabs > .sale-point-tab .caption a { width: 255px; height: 60px; background-color: #282828; color: #fff; font-size: 13.6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .sale-points-tabs > .sale-point-tab .caption a:hover { background-color: #f05130 } .sale-points { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 90px auto 30px; } .sale-points-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 1100px; margin-top: 50px } .sale-points-container::after { content: ""; -ms-flex-preferred-size: 30%; flex-basis: 30% } .sale-points-container .sale-point .filter { background-color: rgba(165,157,149,1); border-radius: 100%; overflow: hidden; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .sale-points-container .sale-point .photo { width: 267px; height: 267px; border-radius: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; mix-blend-mode: luminosity; background-image: url('/common/fordemo/sale-point.png') } .sale-point:hover .filter { background-color: rgba(0,0,0,0) } .point-title { text-transform: uppercase } .sale-point { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin-bottom: 30px; -ms-flex-preferred-size: 30%; flex-basis: 30% } .sale-point p { margin-top: 0 } .sale-point .point-title { font-family: 'CeraPRO-Black'; font-size: 14.6px } .sale-point .point-address { font-size: 15.6px; line-height: 1.3 } .sale-point .point-address a { color: inherit; } .sale-point .point-orario { font-size: 13.6px; font-weight: 700; letter-spacing: 3px } .sale-point .point-hours { font-size: 13.6px; line-height: 1.3; margin-bottom: 15px } .sale-point .point-title, .sale-point .point-orario { margin: 25px 0 10px } .sale-point .map-point { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14.6px; cursor: pointer } .sale-point .map-point img { margin-bottom: 10px } .sale-points-title { font-size: 24.6px; font-family: 'CeraPro-Light'; color: #787878; max-width: 380px; text-align: center; letter-spacing: 3px } .sale-points .map-container { width: 100%; height: 385px; max-height: 0; overflow: hidden; margin-top: 25px; -webkit-transition: max-height .5s linear; -o-transition: max-height .5s linear; transition: max-height .5s linear } .sale-points .map-container .map-filter { width: 100%; height: 100%; border: 0; position: absolute; left: 0; right: 0; height: 0; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; opacity: 0; visibility: hidden } .sale-points .map-container.show { max-height: 385px } .sale-points .map-container.show .map-filter { height: 385px; opacity: 1; visibility: visible } .map-point .arrow { visibility: hidden; margin-top: 20px } .map-point:hover .arrow { visibility: visible } .map-point .arrow.show { visibility: visible } .sale-points-container.shops-container { margin: 50px auto 0; } .shops-points.country-area { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 90px; } /* sale points */ .sale-points .tabcontent:not(:nth-of-type(2)) { display: none; } .country-area { display: none; width: 100%; margin-top: 35px; } .sale-points .tab-content { width: 100%; margin-top: 35px; display: none; } .sale-points .tabcontent { width: 100%; margin-top: 35px; } .sale-points .tab-content.active, .country-area.active { display: block; } .sale-tabs-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .sale-tabs-container > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 60px; -ms-flex-preferred-size: 19.5%; flex-basis: 19.5%; border: 0; background-color: #787878; color: #fff; font-size: 14px; text-transform: uppercase; cursor: pointer; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; text-align: center; padding: 0 5px; } .sale-tabs-container > div.active, .sale-tabs-container > div:hover { background-color: #f05130 } .sale-tabs-container.sale-tabs-vrefika { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sale-tabs-container.sale-tabs-vrefika > div { margin: 0 5px; padding: 5px 15px; } .country { justify-content: center; } .country .tab-links { margin: 0 20px; } .sale-points-area { max-width: none; width: 100%; text-align: left; margin: 40px 0 0; } .sale-points-table { width: 100%; text-align: center; border-spacing: 0 } .sale-points-table th { background-color: #f05130; font-size: 16px; font-family: 'CeraPRO-Black'; color: #fff; letter-spacing: 3px; text-transform: uppercase; height: 35px } .sale-points-table th span { font-size: 16px; font-family: 'CeraPRO-Black'; } .sale-points-table td { font-size: 16px; color: #282828; text-transform: uppercase; height: 42px; padding: 5px 10px; border-top: 1px solid #e8e8e8; width: 25%; } #tab-tab1 .sale-points-table tr:nth-child(4n), .sale-points-table tr:nth-child(odd) { background-color: #f2f2f2 } .sale-points-table tr.mob-shadow { -webkit-box-shadow: 0 0 10px rgb(165,157,149); box-shadow: 0 0 10px rgb(165,157,149); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sale-points-table td.map-cell { width: 0; } /* .sale-points-table tr:not(:first-child){cursor:pointer; pointer-events: none;} */ .map-row td { padding: 25px; display: none } .map-filter { -webkit-box-shadow: inset 0 0 40px #a59d95; box-shadow: inset 0 0 40px #a59d95; height: 370px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .map-filter iframe { width: 98%; border: 0; height: 93% } .map-row .label { margin: 0 0 20px; font-size: 13px; text-align: left } .map-row.show td { display: table-cell } .map-row.show td * { -webkit-animation-name: opacity; animation-name: opacity; -webkit-animation-duration: .5s; animation-duration: .5s } @-webkit-keyframes opacity { 0% { opacity: 0 } 25% { opacity: .3 } 50% { opacity: .6 } 100% { opacity: 1 } } @keyframes opacity { 0% { opacity: 0 } 25% { opacity: .3 } 50% { opacity: .6 } 100% { opacity: 1 } } .sale-points-table td.map-cell img, .sale-points-table td.phone-cell a { display: none; } #pctlNewsletter_PW-1 .newssoc_newsletter.backgimg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #pctlNewsletter_PW-1 .dxpc-mainDiv.dxpc-shadow { border: 20px solid #fff; } .productfeellook_prod_out .landing_prod_price_box { height: 150px; display: block; } .productfeellook_prod_out .landing_prod .landing_prod_price { margin: 15px 0 0px; } .productfeellook_prod_out .landing_prod_title { min-height: 50px; } .producttabs_content_in > div { display: none; min-height: 90px; line-height: 1.3; } #pctlNewsletter_HCB-1 { position: absolute; z-index: 5; top: 0; right: 0; } #ctlMemberPanel1_cpnlMemberLogin_pnlMemberInfo > * { display: block; } #cphMain_ctlContactForm1_cpnlContactForm_meComments_I { background-color: #fff; margin-top: 10px; height: 140px; border: 0; width: 100%; padding: 15px; font-size: 16px; } #cphMain_ctlContactForm1_cpnlContactForm_meComments { width: 100%; border: none; margin-top: 10px; } #cphMain_pnlReceiveMail_GR, #cphMain_pnlReceiveMail_EN #cphMain_ctlMemberCreation1_pnlOperationResult { width: 100%; max-width: 1600px; margin: 0 auto; } #cphMain_pnlReceiveMail_GR, #cphMain_pnlReceiveMail_EN { color: rgb(165,157,149); font-size: 10px; font-family: 'CeraPro-Light'; font-style: italic; text-align: center; line-height: 1.5; max-width: 880px; width: 100%; margin: 50px auto 0; } #cphMain_pnlReceiveMail_GR > span > span, #cphMain_pnlReceiveMail_EN > span > span { color: rgb(240,81,48); } #cphMain_pnlReceiveMail_GR *, #cphMain_pnlReceiveMail_EN * { font-family: 'CeraPro-Light'; font-style: italic; } #ctlMemberPanel1_cpnlMemberLogin_tbPassword_ET > tbody > tr > td, #ctlMemberPanel1_cpnlMemberLogin_tbEmail_ET > tbody > tr > td { display: block; width: 100%; margin-bottom: 5px; } #ctlMemberPanel1_cpnlMemberLogin_tbPassword_ET, #ctlMemberPanel1_cpnlMemberLogin_tbEmail_ET { width: 100%; } .order_messageresult { font-size: 16px; line-height: 1.5; max-width: 700px; margin: 20px auto 0; } #ctlMemberPanel1_cpnlMemberLogin_tbPassword_ETC, #ctlMemberPanel1_cpnlMemberLogin_tbEmail_ETC { text-align: left; margin-bottom: 10px; display: block; } .mainmenu_submenu_image_marg { margin: 0 15px; } .login-textbaner { font-size: 36px; font-family: 'CeraPro-Light'; } .login-wrap { text-align: center; margin-bottom: 5px; padding: 15px; } .login-wrap .login-textbox { background-color: transparent !important; -webkit-appearance: none; border: none; border-bottom: 1px solid #a59d95; font-size: 16px; padding: 5px 5px 0 5px; width: 100%; max-width: 500px; margin: 0 auto; } .login-main { background-color: #f5f5f6; padding: 50px 0; } .login-wrap > .login-label, .login-wrap > input, .login-wrap > span { display: block; width: 100%; max-width: 500px; margin: 0 auto 0; text-align: left; } .login-wrap.login-button { margin: 45px 0; } .login-errormessage, #cphMain_ctlMemberLogin1_rexvEmail { margin: 0 auto 10px; font-size: 12px; color: red; } .login-error { color: red; font-family: 'CeraPRO-Bold'; } .login-wrap > .login-label { color: #a59d95; margin: 0 auto 5px; font-family: 'CeraPro-Light'; } .login-result { text-align: center; font-size: 20px; width: 100%; max-width: 500px; margin: 100px auto; } .userlounge-main { background-color: #f5f5f6; padding: 50px 0; } .userlounge-main > a { display: block; width: 100%; max-width: 500px; margin: 10px auto; } .userlounge-memdetails { background-image: url('/common/images/lounge/lounge-edit.svg') } .userlounge-orderhistory { background-image: url('/common/images/lounge/lounge-history.svg') } .userlounge-changepass { background-image: url('/common/images/lounge/lounge-change.svg') } .userlounge-deleteacc { background-image: url('/common/images/lounge/lounge-delete.svg') } .userlounge-main > a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 500px; margin: 10px auto; background-size: 40px; background-repeat: no-repeat; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 70px; background-position: 5px 50%; color: #787878; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .userlounge-main > a:hover { background-size: 45px; text-decoration: underline; } .useredit-info { background-color: #f5f5f6; font-size: 24px; color: #a59d95; width: 100%; padding: 16px 10px; font-family: 'CeraPro-Medium'; margin-bottom: 5px; max-width: 500px; margin: 10px auto; } .useredit-main { padding: 50px 0; } .useredit-inputarea > .login-wrap { width: 50%; } .useredit-inputarea { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 1300px; margin: 0 auto; } .useredit-height { height: 20px; } .login-textbox.login-option { border: none; } .memberwishlist-main { background-color: #f5f5f6; padding: 50px 0; } .memberwishlist-image { position: relative; height: 150px; } .memberwishlist-image > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } a.memberwishlist-remove { width: 25px; height: 25px; background-position: center; display: inline-block; background-repeat: no-repeat; background-size: 20px; } .memberwishlist-table { border-spacing: 15px; } .memberwishlist-header > td { font-size: 16px; font-family: 'CeraPRO-Black'; } .memberwishlist-header > td:nth-child(1) { width: 40px; } .memberwishlist-header > td:nth-child(2) { width: 150px; } .memberwishlist-header > td:nth-child(3) { width: calc(100% - 390px); } .memberwishlist-header > td:nth-child(4) { width: 200px; text-align: center; } .memberwishlist-text .landing_prod_title { text-align: left; padding: 0; font-size: 16px; } .memberwishlist-price > div { text-align: center; display: inline-block; margin: 0 5px; } .memberwishlist-price { text-align: center; } .axies-banner { min-height: 150px; background-color: #f05130; font-size: 17px; color: #fff; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .axies-banner .sitegrid1600 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } .axies-banner p { max-width: 1000px } .axies-row .photo { background-size: cover; background-position: center; background-repeat: no-repeat } .axies-row { display: -webkit-box; display: -ms-flexbox; display: flex } .axies-row > div { height: 390px; -ms-flex-preferred-size: 50%; flex-basis: 50% } .axies-row .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 25.6px; color: #787878; text-align: center; background-color: #fff } .axies-row .text p { max-width: 70% } .axies-boxes { margin-bottom: 120px } .home_shopcat_out .home_main_side_l.axies_side_l { bottom: 0 } .history-container { background-color: #fff; padding-top: 85px } .history-container .h-row { display: -webkit-box; display: -ms-flexbox; display: flex } .history-container .h-row .text { font-size: 20px; color: #787878; line-height: 1.5 } .history-container .h-row .year, .history-container .h-row .photo { width: 206px; height: 206px; border-radius: 100% } .history-container .h-row .year { background-color: #f05130; font-size: 52px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative } .history-container .h-row .year .shadow-img { position: absolute; bottom: -100px; right: -160px; left: auto; z-index: -1 } .history-container .h-row .photo { background-position: center; background-size: auto; background-repeat: no-repeat } .history-container .h-row .text p { margin: 0 } .history-container .h-row.row-2 .text p, .history-container .h-row.row-3 .text p, .history-container .h-row.row-5 .text p { margin-top: 30px; margin-bottom: 0 } .history-container .h-row.row-1 { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .history-container .h-row.row-1 .text { padding-left: 15px; max-width: 465px } .history-container .h-row.row-2 { margin-top: 35px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .history-container .h-row.row-2 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 12% } .history-container .h-row.row-2 .text { max-width: 350px } .history-container .row-container { max-width: 1200px; width: 100%; margin: auto; z-index: 1; position: relative } .history-container .h-row.row-1 { max-width: 1160px; margin-left: auto } .dots-container { position: relative } .dots-container .dots-img { position: absolute; left: 0; right: 0; top: 120px; max-width: 1555px; width: 100% } .history-container .h-row.row-3 { margin-top: 105px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .history-container .h-row.row-3 > div { display: -webkit-box; display: -ms-flexbox; display: flex } .history-container .h-row.row-3 .text { max-width: 360px } .history-container .h-row.row-3 .photo { background-position: left center } .history-container .h-row.row-4 { margin-top: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 30px } .history-container .h-row.row-4 .text { padding-left: 15px; max-width: 552px; background-color: #fff } .history-container .h-row.row-4 .photo { background-size: auto; border: .5px solid #f05130; background-color: #fff } .history-container .h-row.row-5 { margin-top: 200px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } .history-container .h-row.row-5 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 10% } .history-container .h-row.row-5 > div:nth-child(2) .text { max-width: 435px } .history-container .h-row.row-5 > div:nth-child(1) .text { max-width: 350px } .history-container .h-row.row-6 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 150px; margin-left: 30px } .history-container .h-row.row-6 .text { padding-left: 15px; max-width: 480px; background-color: #fff } .history-container .h-row.row-6 .photo { background-size: auto; border: .5px solid #f05130; background-color: #fff } .history-container .h-row.row-7 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin-top: 70px } .history-container .h-row.row-7 .text { font-size: 24px } .history-container .h-row.row-7 .photo { background-position: left center } .history-container .h-row.row-7 .text p { margin-top: 30px; line-height: 1.2 } .history-container .h-row.row-7 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .history-container .h-row.row-7 .year { width: 295px; height: 295px; font-size: 50px } .history-container .h-row.row-7 .year p { font-size: 20px } .dots-container .grey-bg { height: 390px; background-color: #f5f5f6; position: absolute; left: 0; right: 0; bottom: -60px } .kanalia-container { padding: 85px 0 125px } .kanalia { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px; padding: 0 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .kanalia > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-preferred-size: 15%; flex-basis: 15% } .kanalia > div p { margin-top: 30px; font-size: 20px; color: #787878; line-height: 1.3 } .kanalia .img { height: 75px } tr.order_f_header > td:nth-child(1), tr.order_f_row > td:nth-child(1) { width: 60% } tr.order_f_header > td:nth-child(2), tr.order_f_row > td:nth-child(2) { width: 40% } tr.order_f_header > td > div, tr.order_f_row > td > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } tr.order_f_header > td:nth-child(1) > div > div:nth-child(1), tr.order_f_row > td:nth-child(1) > div > div:nth-child(1) { -ms-flex-preferred-size: 25%; flex-basis: 25%; min-width: 240px; } tr.order_f_header > td:nth-child(1) > div > div:nth-child(2), tr.order_f_row > td:nth-child(1) > div > div:nth-child(2) { -ms-flex-preferred-size: 45%; flex-basis: 45% } tr.order_f_header > td:nth-child(1) > div > div:nth-child(3), tr.order_f_row > td:nth-child(1) > div > div:nth-child(3) { -ms-flex-preferred-size: 10%; flex-basis: 10%; text-align: center } tr.order_f_header > td:nth-child(1) > div > div:nth-child(4), tr.order_f_row > td:nth-child(1) > div > div:nth-child(4) { -ms-flex-preferred-size: 10%; flex-basis: 10%; text-align: center } tr.order_f_header > td:nth-child(2) > div > div, tr.order_f_row > td:nth-child(2) > div > div { -ms-flex-preferred-size: 20%; flex-basis: 20%; text-align: center } tr.order_f_header > td > div > div, tr.order_f_row > td > div > div { padding: 0 5px !important; } .order_f_footer { -ms-flex-wrap: wrap; flex-wrap: wrap } .order_step3 .order_tmf_input select, .order_step3 .order_tmf_input input[type="text"], .order_step3 .order_tmf_input input[type="password"] { font-family: 'CeraPro-Light'; /* font-style:italic; */ color: #a59d95 } .sale-points-tabs > .sale-point-tab .caption a { max-width: 80%; position: absolute; bottom: 25px; } .home_fivetiles.mobile { display: none } .sitegrid1090.producttabs_main_mob { display: none } .landing_prod_selct_box { -ms-flex-wrap: wrap; flex-wrap: wrap } .landing_prod_selct_ctitle { width: 100% } #mob-filters, img#close-filters, #sideFiltersBtn { display: none } .cate_thefilters .cate_filter:first-child { margin-top: 25px } div#cphMain_ctlProductsGrid1_cpnlProduct_ddlGridSort_DDD_L_D { width: 175px; text-transform: uppercase } .sale-points-tabs > .sale-point-tab .mobile-link { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1 } .content .home_main_box { padding: 0 75px } .cms-content { min-height: 400px } .cms-content ul { padding-left: 40px; list-style-type: disc; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-after: 1em; margin-block-end: 1em } .cms-content * { color: #787878 !important; line-height: 1.2 !important; font-size: 15px !important; font-family: 'CeraPro-Regular' !important } .cms-content p { margin: 1em 0 !important } .cms-content h2 { font-family: 'CeraPRO-Black' !important; font-size: 15px; letter-spacing: 3px } .cms-content a { text-decoration: underline; } .axies-banner h1 { font-family: 'CeraPro-Light'; font-size: 30px; letter-spacing: 8px } .certificate-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px } .certificate-row .logo { -ms-flex-preferred-size: 13%; flex-basis: 13%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 210px } .certificate-row .logo img { max-width: 100% } .certificate-row .text { -ms-flex-preferred-size: 75%; flex-basis: 75% } .certificate-row p { margin: 0 } .euthini-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px; -ms-flex-wrap: wrap; flex-wrap: wrap } .euthini-row .logo { -ms-flex-preferred-size: 160px; flex-basis: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .euthini-row .logo img { width: 100% } .euthini-row .text { -ms-flex-preferred-size: 85%; flex-basis: 85% } .euthini-row p { margin: 0 } a.catalog-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f05130; padding: 10px 5px; color: #fff !important; margin: 10px 0; width: 195px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-decoration: none; } a.catalog-link:hover { background-color: #000 } .catalogs-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 45px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog { width: 280px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin: 0 10px 40px; } .catalog .catalog-size { font-size: 13px !important; } .product-mob-sliders .info-title { text-align: center; margin-bottom: 25px } .product-mob-sliders { padding-top: 20px; display: none } .order_tmf_select_box label { font-size: 18px; color: #a59d95; font-family: 'CeraPro-Light'; padding-left: 10px } .order_tmo_main.order_tmom_gender { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ordermain h4 { text-align: center; } .cat-prod-slider { display: none; } .landing_main_out.landing_2 { padding: 50px 0; } .landing_2 .landing_main_img.backgimg { height: 400px; } .landing_inner_cats { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 40px auto; justify-content: space-between; } .landing_inner_cats > a { /* -ms-flex-preferred-size: calc(33.3% - 16px)!important;flex-basis: calc(33.3% - 16px)!important; margin:0 8px 10px!important; */ width: auto !important; display: flex; align-items: center; justify-content: center; } /* .home_shopcat_tile.home_shopcat_tile33_m {margin: 0 0 10px;} */ .landing_inner_cats .home_shopcat_tile > span { text-align: center; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; width: auto; padding: 20px; margin: 5%; } .landing_inner_cats .home_shopcat_tile > span { left: auto; top: auto; transform: none; } .landing_inner_cats-container { padding: 0 75px; } .landing_main_out.landing_2 .landing_main_img_box { padding: 5px 17px 12px; width: auto; min-width: 50%; max-width: 50%; } .bodyRootCategory .cate_up_img { height: auto; } .bodyRootCategory .cate_up_inf_wrap { position: static; } /* #dvSelColorSliderImage {display: none;} */ #hamb { display: none } .upmenu-lang.mobile { display: none } .mobile-cards { display: none } .desktop-cards { display: block } .home_fivetile img { height: 48px; margin-bottom: 10px; } .footer01 { display: -webkit-box; display: -ms-flexbox; display: flex } .footer01.footer01_mob { display: none } #mobile-menu, #search-icon, #phone-icon { display: none } #noty_topRight_layout_container .noty_message { background-color: #f05130; color: #fff; padding: 20px; } ul.upmenu-basket-win-prod-list { max-height: 30vh; overflow: auto; } #noty_center_layout_container li { background-color: #f05130; } .order_tmf_input_btn_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order_tmf_input_btn_wrap > a { display: inline-block; padding: 20px 60px; } .landing_pagination .mobilepager { display: none } .dxICBFocused_Metropolis { outline: none; } .checkboxtogle .dxICheckBox_Metropolis { background-image: none; background-color: #D5D2C9; width: 55px; height: 25px; border-radius: 15px; position: relative; margin: 0px 10px; } .checkboxtogle .dxICheckBox_Metropolis::after { content: ""; display: block; position: absolute; width: 18px; height: 18px; background-color: #f05130; top: 50%; border-radius: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); -webkit-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; } .checkboxtogle .dxICheckBox_Metropolis.dxWeb_edtCheckBoxChecked_Metropolis::after { left: 3px; } .checkboxtogle .dxICheckBox_Metropolis.dxWeb_edtCheckBoxUnchecked_Metropolis::after { left: 32px; } .checkboxtogle { font-family: 'CeraPro-Light'; font-size: 16px; color: #a59d95; } .memberscreation_checkbox_wrap > label { display: -webkit-box; display: -ms-flexbox; display: flex; font-family: 'CeraPro-Light'; font-size: 16px; color: #a59d95; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .memberscreation_checkbox_wrap > label .memberscreation_checkbox { background-image: none; background-color: #D5D2C9; width: 55px; height: 25px; border-radius: 15px; position: relative; margin: 0px 10px; } .memberscreation_checkbox_wrap > label .memberscreation_checkbox > input { display: none } .memberscreation_checkbox_wrap > label .memberscreation_checkbox > span { display: block; position: absolute; width: 18px; height: 18px; background-color: #f05130; top: 50%; border-radius: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); -webkit-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; left: 3px } .memberscreation_checkbox_wrap > label .memberscreation_checkbox > input:checked ~ span { left: 32px; } #cphMain_ctlWishListDetails1_cpnlWishList_pnlEmpty { font-size: 20px; text-align: center; margin: 60px 0 100px; } #lnkWishList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #spWishListCounter { color: #787878; } .wishlistpopup { width: 100%; height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wishlistpopup > svg, .wishlistpopup > a { display: block; margin: 10px auto; } .wishlistpopup svg { width: 150px; margin-bottom: 20px } .wishlistpopup > a { background-color: #fff; color: #f05130 !important; padding: 0 20px; line-height: 30px; } .contact_box iframe { border: 0; width: calc(100% - 20px); height: 340px; margin: 20px 10px 0; } .cate_filter_l .dxeTBHSys .dxeTBBarHighlight_Metropolis { background: #ecebe9; } .cate_filter_l .dxeTBHSys .dxeTBMainDH_Metropolis, .cate_filter_l .dxeTBHSys .dxeTBSecondaryDH_Metropolis, .cate_filter_l .dxeFocused_Metropolis .dxeTBHSys .dxeFocusedMDHSys .dxeTBMainDH_Metropolis, .cate_filter_l .dxeFocused_Metropolis .dxeTBHSys .dxeFocusedSDHSys .dxeTBSecondaryDH_Metropolis { background: none; width: 20px; height: 20px; background-color: #f05130; border-radius: 50%; top: -6px; } .cate_filter_l .dxeTBTrack_Metropolis { z-index: 1; } #ctlMemberPanel1_cpnlMemberLogin_tbEmail_ET { position: relative; } td.specs { padding: 0px 10px; } .orderhistory-topselectors { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 10px; } .orderhistory-ts-box { margin: 0 10px; padding: 10px 10px; text-align: center; } .orderhistory-ts-title { padding: 0px 20px 5px; font-weight: bold; } .orderhistory-ts-selecc { width: 200px; } .orderhistory-table { width: 100%; margin: 50px 0 70px; font-size: 16px; } .orderhistory-table-header > td { padding-bottom: 10px; } .orderhistory-table td { padding-left: 8px; padding-right: 8px; min-width: 120px; } #cphMain_ctlOrderWizard1_cpnlProduct_captchaNewCustomer_TB_EC, #cphMain_ctlOrderWizard1_cpnlProduct_captchaLogin_TB_EC { position: absolute; width: 14px; height: 14px; top: 0; right: -21px; visibility: hidden; background-image: url(/DXR.axd?r=0_2064-C_H4i); background-position: -164px -93px; } .landing_prod_selct_sel_col > label > .popupstock { display: none; position: absolute; bottom: 100%; background-color: #f05130; color: #fff; white-space: nowrap; padding: 5px 10px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); font-size: 10px; text-transform: uppercase; z-index: 3; left: 50%; } .landing_prod_selct_sel_col > label > .popupstock::after { content: ""; display: block; border: 3px solid transparent; border-top: 3px solid #f05130; position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); z-index: 2; } .landing_prod_selct_sel_col > label:hover > .popupstock { display: block; } .landing_prod_selct_sel_col > label.availNotAv::before { content: ""; display: block; border-left: 2px solid #fff; height: 30px; position: absolute; top: 0; left: 14px; z-index: 1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .landing_prod_selct_sel_col > label.availNotAv::after { content: ""; display: block; border-left: 2px solid #fff; height: 30px; position: absolute; top: 0; left: 14px; z-index: 1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .cookies-main { position: fixed; z-index: 300; bottom: -500px; background-color: #fff; padding: 20px 0; width: 100%; border-top: 1px solid #ddd; -webkit-transition: bottom 0.5s; -o-transition: bottom 0.5s; transition: bottom 0.5s; } .cookies-wrap { width: 100%; max-width: 1600px; margin: 0 auto; display: block; } .cookies-title { text-align: center; margin: 10px 0px; font-size: 20px; font-weight: bold; color: #F05130; } .cookies-text { padding: 0 30px; margin: 20px 0; line-height: 1.4; } .cookies-buttons { text-align: right; padding: 0 30px; } .cookies-buttons > div { -webkit-appearance: none; border: 0; padding: 0; line-height: 30px; width: 250px; text-align: center; margin-left: 15px; cursor: pointer; font-weight: bold; display: inline-block; } .cookies-accept { background-color: #F05130; color: #fff; } .cookies-change { background-color: #fff; color: #000; } .cookies-changetab { max-height: 0; overflow: hidden; padding: 0 30px; margin: 20px 0 10px; -webkit-transition: max-height 0.2s ease-out; -o-transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out; } .cookies-panel { display: none; width: 100%; height: 140px; } .cookies-panel.show { display: -webkit-box; display: -ms-flexbox; display: flex; } .cookies-panel-menu { width: 300px; margin-right: 20px; padding-bottom: 1px; } .cookies-panel-tab { width: calc(100% - 320px); display: none; } .cookies-panel-tab.show { display: block } .cookies-panel-menu > li { padding: 5px 10px; border: 1px solid; margin: 0 0 -1px; cursor: pointer; position: relative; } .cookies-panel-checkbox_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0; height: 45px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cookies-panel-header { font-size: 20px; margin-right: 15px; } .cookies-panel-save-btn { -webkit-appearance: none; border: 0; padding: 0; line-height: 30px; width: 250px; text-align: center; margin-left: 15px; cursor: pointer; font-weight: bold; display: inline-block; background-color: #F05130; color: #fff; } .cookies-panel-save { text-align: right; margin-top: 15px; } .cookies-changetab-vremenu { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } ul.cookies-changetab-vremenu > li { margin-right: 10px; font-size: 18px; cursor: pointer; } ul.cookies-changetab-vremenu > li.show { font-family: 'CeraPRO-Black'; } .cookies-about-text { line-height: 1.2; } span.noty_text > a { background-color: #fff; color: #444; padding: 6px 15px; display: inline-block; margin: 0 0 10px; } .searchresult-up-count { text-align: center; font-size: 16px; margin-top: 5px; } ul#noty_center_layout_container { text-align: center; color: #fff; font-size: 20px; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } ul#noty_center_layout_container { width: auto !important; } .noty_bar.noty_type_warning, li.ctiTheme.noty_container_type_info { position: relative; } .noty_bar.noty_type_warning::after, li.ctiTheme.noty_container_type_info::after { position: absolute; display: block; content: ""; top: 10px; right: 10px; background-image: url(/common/images/close.png); width: 10px; height: 10px; background-size: cover; } .noty_bar.noty_type_warning .noty_message, li.ctiTheme.noty_container_type_info .noty_message { padding: 40px; } img#close { cursor: pointer; } .orderwizard-ordersuccess { text-align: center; font-size: 18px; margin: 100px 0; } /* error 400 */ .axies-banner.error .error-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .axies-banner.error p { font-size: 20px; line-height: 1.3 } .axies-banner.error span { font-size: 14.2px } .axies-banner.error { background-image: url('/common/images/error/thread.png'); background-repeat: no-repeat; background-position: center } .error-response { max-width: 760px; width: 100%; margin: auto; text-align: center; color: #787878; line-height: 1.3 } .error-response p { font-size: 20px } .error-response span { font-family: 'CeraPRO-Bold' } a.errorBtn { width: 250px; height: 60px; background-color: #f05130; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; margin: 30px auto auto; font-size: 14px } .error-response-container { min-height: 420px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } /* error 500 */ .axies-banner.error.error-500 { background-image: url('common/images/error/error-500.png'); background-position: center -80% } .axies-banner.error-500 p { margin-right: 20%; font-family: 'CeraPRO-Bold' } .error-response.response-500 p.resp-black { font-family: 'CeraPRO-Black' } .error-response.response-500 p.resp-bold { color: #f05130; margin-top: 0; font-family: 'CeraPRO-Bold' } .dxlpLoadingPanelWithContent_Metropolis { border: 0 !important } .dxlpLoadingPanelWithContent_Metropolis td.dx { padding: 0 !important } .cookies-panel-checkbox_wrap > input[type="checkbox"] { -webkit-appearance: none; width: 20px; height: 20px; border: 1px solid; } .cookies-panel-checkbox_wrap > input[type="checkbox"]:checked { background-image: url(/common/images/tick.png); background-position: center; background-size: 15px; } .cate_filter_l > label > span { border: 1px solid #efefef; } #orderHistoryContainer { width: 100%; overflow-x: auto; } #orderHistoryContainer table td { padding: 10px; } #orderHistoryContainer a { padding: 10px; color: #fff; background-color: #f05130; } #contactFormResponse * { font-size: 17px !important; font-family: 'CeraPro-Regular' !important; } /* .landing_prod .landing_prod_price > div {font-size: 13px;} */ .home_slider .slick-arrow { z-index: 2; background-color: rgba(255,255,255,0.2); background-size: 20px; top: 50%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s } .home_slider .slick-arrow:hover { background-color: rgba(255,255,255,0.4); } .home_slider .slick-prev.slick-arrow { left: 20px; background-image: url(/common/imgs/left-arrow.png); } .home_slider .slick-next.slick-arrow { right: 20px; background-image: url(/common/imgs/right-arrow.png); } .filtersmartapply { display: none; } .termerror-text { font-size: 10px; color: rgb(240,81,48); margin-top: 5px; } .order_tmf_input_termscontiti { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; padding-right: 25px; margin-top: 30px; } .order_tmf_input_termscontiti label { font-size: 14px; cursor: pointer; } .order_tmf_input_termscontiti a { position: relative; font-size: 12px; margin-left: 10px; color: #f05130; } .order_tmf_input_termscontiti a::after { position: absolute; content: ""; border-left: 1px solid; height: 100%; top: 0; left: -5px; } #cphMain_ctlOrderWizard1_cpnlProduct_cbAcceptTerms_EC { position: absolute; top: 3px; right: 0; padding: 0; } .order_tmf_input_termscontiti #cphMain_ctlOrderWizard1_cpnlProduct_cbAcceptTerms_S_D, .order_tmf_input_termscontiti #cphMain_ctlOrderWizard1_cpnlProduct_cbNewsletterReg_S_D { background: none; width: 20px; height: 20px; background-color: #E8E8E8; cursor: pointer; } .order_tmf_input_termscontiti #cphMain_ctlOrderWizard1_cpnlProduct_cbAcceptTerms_S_D.dxWeb_edtCheckBoxChecked_Metropolis, .order_tmf_input_termscontiti #cphMain_ctlOrderWizard1_cpnlProduct_cbNewsletterReg_S_D.dxWeb_edtCheckBoxChecked_Metropolis { background-position: center; background-size: 16px; background-repeat: no-repeat; background-image: url(common/images/tick.png); } span#cphMain_ctlMemberCreation1_vcmpPassword { position: absolute; left: 0; top: 100%; } .confirm-order-checkboxes { display: flex; flex-direction: column; } div#cphMain_ctlMemberCreation1_pnlOperationResult { text-align: center; font-size: 20px; margin: 0 auto; width: 40%; } #cphMain_ctlMemberActivation1_pnlActivationFailure, div#cphMain_ctlMemberActivation1_pnlActivationSuccess { margin: 90px auto 0; width: 50%; text-align: center; font-size: 20px; } a#cphMain_ctlMemberActivation1_lnkMemberLogin { background-color: #f05130; color: #fff; padding: 5px 20px; margin-top: 30px; display: inline-block; } .order_tmf_input_full.order_tmf_input_termscontiti.newsletter-checkbox { margin-top: 0; } .go_up { position: fixed; bottom: 20px; right: 20px; background-image: url(/common/imgs/arrowup.svg); background-color: #fff; border-radius: 50%; width: 50px; height: 50px; background-repeat: no-repeat; background-size: cover; background-position: center; cursor: pointer; opacity: 0; transition: opacity 0.5s; z-index: 9; } .go_up.show { opacity: 1; } .holidays-text { padding: 0 10px; font-size: 14px; color: #f05130; font-style: italic; font-family: 'CeraPRO-Bold'; margin: 10px 0 10px; } .holidays-text img { max-width: 100%; } .transaction-text { text-align: center; padding: 0 10px } .upmenu-right, .upmenu-right > div span, .upmenu-right, .upmenu-right div { font-family: 'CeraPRO-Bold'; font-size: 11px } .main-slider-link { width: 100%; height: 100%; display: block } .home_slider .home_slider_inside.blue { padding: 50px 70px; } .home_sesson_banner_right_cta { bottom: -100px } .home_sesson_banner_right_box { top: 25%; padding: 0 20px } .home_sesson_banner_right_title { font-size: 20px !important; } .home_sesson_banner_right_backimg { -webkit-filter: grayscale(70%); filter: grayscale(70%); } .home_sesson_banner_right_sub { font-size: 18px; margin-top: 20px; } /* .home_sesson_product_out { display: none; } */ /* Default season colors */ .home_main_side_c, .home_main_side_l { background-color: #a5a4a1 !important } .bookmark-color { background-color: #a5a4a1 !important } .bookmark-color.landing { background-color: #c2b5a8 !important } .newssoc_newsletter.backgimg { background-image: url('common/banners/newsletter/BANNER-SS24-NEWSLETTER-960X566.png') } .newssoc_newsletter_bg { display: none } /* Blue Collection colors */ /* .home_main_side_c,.home_main_side_l{background-color:#375e85!important} .bookmark-color{background-color:#375e85!important} .bookmark-color.landing {background-color: #375e85!important;} .home_sesson_out{background-color:#253a59!important} .home_sesson_banner_right_cta,.home_franrance_disc_btn,.home_slider_inside_cta{background-color:#253a59!important} .home_sesson_banner_right_title,.home_sesson_banner_right_sub{color:#253a59!important} .newssoc_social{background-color:#253a59} .newssoc_newsletter .newssoc_newsletter_filt{position:absolute;top:0;left:0;width:100%;height:100%;background:#3d455a} .newssoc_newsletter_bg{display:block;background-image:url(/common/banners/newsletter/SS23_NEWSLETTER_960x566.jpg);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;background-position:center;background-size:cover;background-repeat:no-repeat} .newssoc_box{color:#fff} .newssoc_box_inp{background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0.4)),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0.4),rgba(255,255,255,0));background:-o-linear-gradient(left,rgba(255,255,255,0.4),rgba(255,255,255,0));background:linear-gradient(to right,rgba(255,255,255,0.4),rgba(255,255,255,0));color:#fff} .newssoc_box_btn{background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0.4)),to(rgba(255,255,255,0.2)));background:-webkit-linear-gradient(left,rgba(255,255,255,0.4),rgba(255,255,255,0.2));background:-o-linear-gradient(left,rgba(255,255,255,0.4),rgba(255,255,255,0.2));background:linear-gradient(to right,rgba(255,255,255,0.4),rgba(255,255,255,0.2));color:#fff} .newssoc_box_s{font-size:15px} .newssoc_newsletter.backgimg{background-image:none!important}*/ /* Blue Collection colors end */ /* collection september all same colors */ .newssoc_social { background-color: #52555A !important; } .home_sesson_out { background-color: #52555A !important; } /* collection september all same colors ends */ .container-sylloges .mainmenu_submenu_image { width: 615px; margin: 0 15px; } .newssoc_newsletter .newssoc_box_s { font-size: 14px; } /* test */ /* .landing_2 .landing_main_img.backgimg.sitegrid1600 { height: auto!important; } .landing_main_img.backgimg.sitegrid1600 img { max-height: 400px; margin: auto; display: block; max-width: 100%; } .landing_main_img_box { position: absolute!important; transform: translate(-50%,-50%)!important; } */ /* subcat */ /* .cate_up_inf_wrap, .cate_up_inf_out { position: static; } .cate_up_img { height: auto!important; } .cate_up_inf_container { position: absolute; left: 0; right: 0; margin: auto; text-align: center; z-index: 10; } .cate_up_inf_out img { max-width: 100%; } */ .img-zoom-container { position: relative; } .img-zoom-lens { position: absolute; border: 1px solid #d4d4d4; width: 150px; height: 150px; } .img-zoom-result { background-color: #fff; border: 1px solid #d4d4d4; position: absolute; z-index: 200; left: 0; top: 0; background-repeat: no-repeat; margin-top: 8.5%; } .mobile-img-product #zoom-icon-mobile { display: none; } body.decor-page { overflow: hidden; } body.decor-page .home_fivetiles.mobile { display: none !important; } #voucher-page iframe { height: 100vh; border: 0; } .upmenu_out.franchise { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 15px; } .upmenu_out.franchise .upmenu-lang { width: auto; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .upmenu_out.franchise .upmenu-lang img { width: 28px; border: 1px solid #8f8e8a; } .upmenu_out.franchise .upmenu-lang a { border: 2px solid transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 2px; padding: 2px; margin: 1px; } .upmenu_out.franchise .upmenu-lang > a.activelag, .upmenu_out.franchise .upmenu-lang > a:hover { border-color: #f05130; } .inner-cat-text-bg { background-color: rgba(255,255,255,0.6); padding: 5px 10px 10px; width: 760px; /* max-width: 300px; */ margin: 10px auto; max-width: 95%; } .inner-cat-text-bg .cate_up_inf_t { margin: 0 auto; } .contest-page .home_fivetiles.mobile { display: none; } .contest-page .content { display: flex; flex-direction: column; height: 100vh; } .contest-page .inner { background-color: rgba(255, 255, 255, 0.82); box-shadow: rgb(30 27 34 / 20%) 0px 4px 40px -5px; padding: 25px; border-radius: 10px; text-align: center; font-size: 18px; margin: 0 15px; color: rgb(37, 58, 89); } .contest-page .contest-end { background-image: url('/common/images/contest-background.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; flex-grow: 1; } header { position: relative; } .sixty-years-logo { position: absolute; z-index: 10; right: 20px; width: 120px; top: 60px; /* display: none; */ } .bodyHome .sixty-years-logo { display: block; } .yfansi-content { display: flex; width: 100%; } .yfansi-content p { width: 50%; padding: 0 5px; text-align: center; } .yfansi-container img { max-width: 100%; display: block; margin: auto; } .yfansi-container-inner { display: inline-block; } /* new */ .order_step3 .dxeEditArea_Metropolis.dxeEditAreaSys.dxh0 { color: #a59d95 !important; font-weight: normal !important; } #cphMain_ctlOrderWizard1_cpnlProduct_tbBillingCity_I, #cphMain_ctlOrderWizard1_cpnlProduct_tbDeliveryCity_I { font-style: italic; } .order_step3 .dxeEditArea_Metropolis.dxeEditAreaSys, #cphMain_ctlOrderWizard1_cpnlProduct_tbBillingCity_I.blue, #cphMain_ctlOrderWizard1_cpnlProduct_tbDeliveryCity_I.added { color: #8F8E8A !important; font-weight: bold !important; font-style: normal; } .dxeEditArea_Metropolis.dxeDisabled_Metropolis.dxeEditAreaSys { color: #a59d95 !important; font-weight: normal !important; } #cphMain_ctlOrderWizard1_cpnlProduct_rblShippingMethods_EC { position: absolute; top: -8px; right: 0; bottom: unset; left: unset; } #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_4 .order_tmfsb_payment, #cphMain_ctlOrderWizard1_cpnlProduct_rblShippingMethods_ET, #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_5 { width: 100% !important; } #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_4 .order_tmfsb_payment #dvSameDayInfo .order_tsoff_text { font-style: italic; font-size: 13px; padding: 0px 5px 6px 53px; margin: 0; width: 80%; margin-top: -7px; color: #a59d95; } #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_4 .order_tmfsb_payment .dxeBase_Metropolis.dxeTAR { margin-top: 15px; } #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_4 .order_tmfsb_payment .dxeNoBorderRight { margin-bottom: 0 !important; } .ship-disabled { position: relative; } .ship-disabled:after { content: ''; position: absolute; visibility: hidden; opacity: 0; width: 24px; height: 24px; top: 3.5px; left: 4px; transition: opacity 0.3s; } .ship-disabled:hover::after { background: url(/common/images/forbid.png) no-repeat center; visibility: visible; opacity: 1; background-color: #fff; box-shadow: 0 10px 30px #dcdcdc; /* padding: 5px; */ border-radius: 50%; } /* new changes 04-2022 */ .landing_main_img.backgimg.sitegrid1600, .landing_inner_cats.sitegrid1600 { max-width: unset !important; width: 100%; } .landing_products_title { display: none !important; } .bodyRootCategory .home_main_box .sitegrid1600 { max-width: unset; } .bodyRootCategory .landing_inner_cats-container { padding: 0; } .home_main_side_f_out, .bookmark-color { display: none !important; } #cphMain_pnlCategoryHeader .cate_up_inf_wrap .breadcrumb_out { position: unset; } #cphMain_pnlLandingHeader .home_main_box, #cphMain_pnlCategoryHeader .home_main_box { padding: 0; } #cphMain_pnlLandingHeader .landing_main_img { max-height: 500px; min-height: 180px; } #cphMain_pnlLandingHeader .cate_up_inf_out { height: 200px; position: relative; } .contact_box iframe { width: 100%; } .home_sesson_out .home_main_box { padding: 0 25px; } .home_sesson_banner_left { width: 65%; background-position: left; } .home_sesson_banner_right { width: 35%; } #home_sectio_05 { overflow: hidden; } .home_look_slid_img { width: 66.35%; } .home_look_slid_right { width: 33.65%; } #home_sectio_05 .slick-arrow { z-index: 1; } #home_sectio_05 .slick-initialized .slick-prev { left: 0; } #home_sectio_05 .slick-initialized .slick-next { right: 0; } .home_franrance_img { width: 100%; } .home_shopcat_tile { margin-bottom: 6px; } .home_shopcat_tile.home_shopcat_tile30_m { flex-basis: 36%; } .home_shopcat_tile.home_shopcat_tile30 { flex-basis: 36%; } .home_shopcat_tile.home_shopcat_tile33_m { flex-basis: 33%; } .landing_main_out { padding-top: 0 !important; } .landing_inner_cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 8px auto; } .landing_inner_cats > a { margin: 0 !important; } /* end changes */ /* new changes search */ .search-none { display: none; } mark { background: unset; color: unset; } .right-col .autocomplete-product-info-name mark { background: none; color: inherit; } .show-all { margin-top: 26px } .show-all a { padding: 15px 38px; background-color: #8F8E8A; color: #fff; font-family: 'CeraPro-Medium'; font-size: 14px; line-height: 19px; display: block; width: fit-content; transition: .3s ease-in-out; } .show-all a:hover { box-shadow: 0 10px 30px rgba(143, 142, 138, 0.5); } @media (min-width: 1025px) { #exit-search { display: none; } } #exit-search { cursor: pointer; position: absolute; border: none; background: none; outline: none; right: 20px; top: 20px; margin: auto; height: fit-content; width: fit-content; } #exit-search img { height: 20px; width: 20px; } /* end search */ /* new changes shipping 22.07*/ .productinfo-main-prodinfo-quandiv { display: none !important; } .order_ffr_link.select-ship a { display: flex; align-items: center; line-height: 16px; padding: 17px 8px; min-width: 380px; font-size: 18px; line-height: 18px; justify-content: space-between; gap: 10px; width: unset; text-align: center; min-height: 58px; border: 1px solid #8F8E8A; color: #000; background-color: #fff; height: unset; } .order_ffr_link.select-ship a > div { margin: auto; } .order_ffr_link.select-ship a > div > div:last-child { font-size: 16px; } .choice-pick { display: flex; gap: 20px 15px; flex-wrap: wrap; } .store-list { display: grid; grid-template-columns: repeat(2, minmax(260px, 1fr)); gap: 24px; padding-left: 11px; } .store-item { display: flex; gap: 15px; } .order_ffr_link.select-ship { padding: 0 !important; } .store-image { width: 90px; } .store-image img { width: 90px; display: block; max-height: 60px; object-fit: cover; object-position: center; } .stores-info strong { font-size: 16px; } .stores-info a { display: block; font-size: 13px; margin-top: 14px; color: #8F8E8A; } .stores-info a:hover { color: #000; } .stores-info .desc { margin-top: 7px; max-width: 300px; } .choose-store { align-self: center; /* max-width: 140px; width: 100%; margin-left: auto; */ } .choose-store a { /* padding: 15px; margin: auto; background-color: #f05130; color: #fff; width: 100%; */ display: block; text-align: center; width: 25px; height: 25px; border: 5px solid #d5d2ca; border-radius: 50%; background: none; background-color: #d5d2ca; } .choose-store a:hover, .choose-store a:focus, .choose-store a:visited { background-color: #f05130; } .pay-info { font-style: italic; font-size: 13px; /* padding: 15px 0 0 0; */ margin: -16px 0 0; width: 80%; color: #a59d95; } .order_tmfsb_payment .dx-wrap { color: #333333; } .order_tso_price.order_tso_total { border-bottom: 1px solid #8F8E8A; } .order_tso_forfree { border-top: none !important; } #cphMain_ctlOrderWizard1_cpnlProduct_rblShippingMethods_ET .dxeBase_Metropolis .dxichCellSys { padding: 0px 15px 0px 0 !important; } #cphMain_ctlOrderWizard1_cpnlProduct_rblShippingMethods_ET .dxeBase_Metropolis .dxichTextCellSys .dx-nowrap { padding-left: 0 !important; } #cphMain_ctlOrderWizard1_cpnlProduct_pnlSubStep_3_4 .order_tmfsb_payment .dxeBase_Metropolis.dxeTAR { margin-top: 6px !important; } .ship-disabled::after { top: 0 !important; bottom: 0 !important; margin: auto !important; left: 1px !important; } @media (max-width: 1024px) { .order_tso_price.order_tso_total { border-bottom: none; } } @media (max-width: 800px) { .store-list { grid-template-columns: 1fr; } .choice-pick { flex-direction: column; align-items: center; } .order_ffr_link.select-ship a { min-width: 340px; padding: 15px 8px; font-size: 16px; } .order_ffr_link.select-ship a > div > div:last-child { font-size: 14px; } .pay-info { font-size: 14px; } .choose-store a { width: 19px; height: 19px; } .ship-disabled:after { width: 19px; height: 19px; } } @media (max-width: 576px) { .store-image { width: 70px; } .store-image img { width: 70px; max-height: 50px; } .stores-info strong { font-size: 14px; } .stores-info a { font-size: 12px; margin-top: 7px; } .choose-store { max-width: 95px; } } @media (max-width: 380px) { .choice-pick .order_ff_left, .choice-pick .order_ff_right { width: 100%; } .order_ffr_link.select-ship a { width: 100%; padding: 0px 8px; max-height: 58px; min-width: unset; } } /* end shipping */ @media (max-width: 800px) { .order_tmfsb_payment #dvSameDayInfo .order_tsoff_text { font-size: 12px; } } @media (max-width: 560px) { .order_tm_form_p3 .dx-nowrap { white-space: normal !important; } } @media (max-width: 767px) { @supports (-webkit-touch-callout: none) { #voucher-page iframe { height: -webkit-fill-available; } } @supports not (-webkit-touch-callout: none) { /* CSS for other than iOS devices */ } } @media(max-width: 799px) { .produ_main_gall_img { height: 250px; } .mobile-img-product { position: relative; width: 100%; } .mobile-img-product #zoom-icon-mobile { display: block; } } #esat_checkout { margin-top: 20px; margin-bottom: 20px; } .landing_prod_price.special-price .landing_prod_price_d { padding: 6px 8px; font-size: 13px; } .confirm-οrder-checkboxes { display: flex; flex-direction: column; } .oeko-container { display: flex; align-items: flex-start; font-size: 14px; } .oeko-container img { margin-right: 10px; } .oeko-container p { margin: 0; } /* header #upmenu-middle-search { margin-top: 4px; margin-bottom: 4px; } */ .search-box .dxeButtonEditButtonHover_Metropolis { background-color: #f05130 !important; } .search-box .dxeFocused_Metropolis { border: 1px solid #c0c0c0; } .search-box .dxeButtonEdit_Metropolis { position: absolute; left: 0; height: 100%; } .search-box input.dxeEditArea_Metropolis::selection { background: none; color: #333333; } .search-box .dxeListBox_Metropolis div.dxlbd { height: auto !important; max-height: 440px; overflow-y: auto; } .focus-border { position: relative; z-index: 999; } .search-box .dxeListBoxItemRow_Metropolis { cursor: pointer; } .top-bar { background-color: #e7e6e4; padding: 6px; font-size: 14px; color: #000000; } .top-bar p { margin: 0; } @media(max-width: 1145px) { .search-box .dxeButtonEdit_Metropolis { width: 140px; } .autocomplete-suggestion { /* max-width: 26%; */ padding-right: 10px; } .autocomplete-product-img { width: 75px; height: 75px; } .autocomplete-product-info { width: calc(100% - 140px); } .autocomplete-product-info-name a, .autocomplete-product-info-name { font-size: 13px; } .autocomplete-product-info-code a { font-size: 12px; } .autocomplete-product-price a, .autocomplete-suggestion .autocomplete-product-info-name { font-size: 16px } .autocomplete-product-price { width: 70px; } .autocomplete-suggestions { padding: 21px 22px; } } @media(max-width: 900px) { .no-prod { font-size: 17px; line-height: 35px; } } @media(max-width: 400px) { .autocomplete-suggestion { width: 100%; max-width: unset; border: none; } .right-col { position: unset; width: 100%; padding-top: 10px; } .right-col:before { content: none; } } /* FAQ */ .cd-faq__group { margin-top: 40px; } .cd-faq__title { text-align: center; } .cd-faq__title h2 { font-size: 20px; } .cd-faq__group { width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 20px; } .cd-faq__item { margin-bottom: 8px; } .cd-faq__trigger { position: relative; padding: 12px 30px 12px 16px; background-color: #f5f5f5; cursor: pointer; list-style: none; } .cd-faq__trigger h2 { font-size: 16px; line-height: 19px; margin: 0; } .cd-faq__trigger:after { position: absolute; right: 15px; width: 7px; height: 7px; content: ""; border: solid #f77352; border-width: 0 2px 2px 0; display: inline-block; padding: 0px; transform: rotate(-135deg); top: 0; bottom: 0; margin: auto; } .cd-faq__item[open] .cd-faq__trigger:after { transform: rotate(-315deg); } .cd-faq__content { padding: 16px; font-size: 14px; line-height: 16px; box-shadow: 0 0px 15px rgba(143, 142, 138, 0.1); } .faq-items { margin-top: 40px; } /* END FAQ */ /* PageSpeed Optimisation */ .slick-initialized .slick-slide img { visibility: hidden; transition: all 3s; } .slick-initialized .slick-slide.slick-active img { visibility: visible; } #home_sectio_01 img, #home_sectio_04 img, #home_sectio_05 img, #home_sectio_06 img, #newsletter_social.homepage-newsletter img, .home_main_box img { width: 100%; height: 100%; object-fit: cover; } #home_sectio_02 { padding: 40px 0; } #newsletter_social.homepage-newsletter .newssoc_newsletter_bg { background: none; } #home_sectio_01 { height: 965px; width: 100%; margin-bottom: 45px; } .mainmenu-out { min-height: 64px; } #dvMenuStandard { height: 60px; } @media (max-width: 1300px) { #home_sectio_01 { height: 740px; } } @media (max-width: 1024px) { .mainmenu-out { min-height: 48px; } #dvMenuStandard { height: 52px; } } @media(max-width: 900px) { #home_sectio_01 { height: 740px; } } @media (max-width: 800px), (max-height: 400px) { #home_sectio_01 { height: 275px; margin-bottom: 55px; } } /* End PageSpeed Optimisation */ .seo-cats { display: flex; flex-flow: row wrap; gap: 15px 25px; margin: 40px 0 30px; } .seo-cat a { padding: 10px 15px; background: #f5f5f6; border-radius: 20px; border: 1px solid #8f8e8a; color: #000; display: block; transition: .3s ease-in-out; } .seo-cat a:hover { background-color: #8f8e8a; color: #fff; } @media (max-width: 480px) { .seo-cats { margin: 30px 0; gap: 12px; } .seo-cat a { padding: 8px 12px; font-size: 11px; } } /* box now */ .box-now-content { font-family: 'Arimo' !important; width: 51%; margin: auto; } .cms-content .box-now-title { font-size: 18px !important; color: #282828 !important; font-weight: 600; font-family: 'Arimo' !important; } .cms-content .box-now-text, .cms-content .box-now-text * { font-size: 13px !important; color: #282828 !important; line-height: 20px !important; font-weight: 600; font-family: 'Arimo' !important; } .box-now-last-text { font-family: 'Arimo' !important; width: 70%; margin: 70px auto 0; font-size: 13px !important; color: #282828 !important; line-height: 20px !important; font-weight: 600; text-align: center; } /* end box now */ #selected-locker { background: #efeeeb; padding: 15px 20px; color: #525256; font-size: 16px; margin: 30px auto; max-width: 300px; display: grid; align-items: center; font-size: 14px; text-align: center; } #selected-locker span { font-weight: bold; margin-bottom: 10px; } .tooltip { position: relative; display: inline-block; vertical-align: bottom; } .tooltip:after { content: ""; display: block; width: 19px; height: 19px; margin-left: 5px; background-image: url('/common/images/tooltip-icon.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; display: block; width: 320px; font-size: 12px; background-color: #8f8e8a; color: #fff; text-align: center; padding: 10px; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; bottom: 30px; left: -10px; z-index: 1; } .tooltip .tooltiptext::after { content: " "; position: absolute; top: 100%; /* At the bottom of the tooltip */ left: 14px; border-width: 10px; border-style: solid; border-color: #8f8e8a transparent transparent transparent; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; } .special-price-new .landing_prod_price_n { background-color: #423b42; font-family: 'CeraPro-Regular'; padding: 3px 6px; color: #fff; font-size: 18px; font-weight: normal; } .special-price-new::before { padding-right: 15px; content: "special price"; font-size: 18px; color: #D81A28; } .produ_main_side .special-price-new .landing_prod_price_n { font-size: 22px; font-weight: normal; } .produ_main_side .special-price-new::before { font-size: 20px; } @media (max-width: 800px), (max-height: 400px) { .produ_main_side .special-price-new::before { font-size: 20.6px; } } .select-ship.box-now a { height: 72px; padding: 7px 8px; } /* Shipping methods Order*/ .choice-pick > #cphMain_ctlOrderWizard1_cpnlProduct_pnlBoxnow { order: 1; } .choice-pick > .order_ff_left { order: 2; } .choice-pick > .order_ff_right { order: 3; } /* Shipping methods Order End*/ .landing_prod_price_o:empty { display: none; } /* black friday 2023 */ #counter-friday .flex-cl { display: flex; justify-content: center; align-items: center; column-gap: 20px; } #counter-friday .flex-cl > div { display: grid; align-content: center; background-color: #fff; padding: 15px; border-radius: 20px; width: 96px; height: 96px; font-weight: bold; font-size: 34px; } #counter-friday .flex-cl span { margin-top: 10px; font-size: 15px; } .black-friday-form .previewForm { margin-top: 30px; } .black-friday-form { padding: 50px 25px 100px; text-align: center; background-color: #000; } .black-friday-form .order_tmf_input { text-align: left; } .black-friday-form .newssoc_box_news { flex-direction: column; max-width: 600px; margin: auto; } .black-friday-form .newssoc_box_news img { display: none; } .black-friday-form .newssoc_box_news > table tbody tr:last-child tr td:first-child { display: none; width: 0; } .black-friday-form input { border-bottom: 1px solid #fff !important; font-size: 19px; color: #fff; background: none; padding: 5px; width: 100%; } .cat-banner-text strong, .cat-banner-text p, .previewForm label { color: #fff; } .previewForm label, .previewForm input { cursor: pointer; } .cat-banner-text strong, .cat-banner-text p { font-size: 18px; line-height: 21px; } .cat-banner-text .friday-disc { display: block; color: #EB3127; font-size: 75px; font-weight: bold; line-height: 80px; margin-top: 10px; } .cat-banner-text .big-text { font-size: 26px; line-height: 36px; } .previewForm a { color: #fff; font-size: 15px; text-decoration: underline; } .previewForm a:hover { text-decoration: none; } .black-friday-form .newssoc_box_news input::placeholder { font-size: 19px; color: #fff; } .black-friday-form .newssoc_box_news input::-webkit-input-placeholder { font-size: 19px; color: #fff; } .black-friday-form .newssoc_box_news input:-ms-input-placeholder { font-size: 19px; color: #fff; } .friday-text { max-width: 600px; margin: auto; } #counter-friday { margin-bottom: 50px; } .black-friday-form .sitegrid1600 { max-width: 1000px; } .black-friday-form .newssoc_box_news * { color: #fff !important; width: 100%; } .black-friday-form .newssoc_box_btn { -moz-user-select: none; background: #f05130; padding: 11px 74px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; text-decoration: none; display: inline-block; cursor: pointer; width: fit-content; margin: 20px auto; border: none !important; width: unset !important; height: unset !important; font-size: 16px; } .black-friday-form #home_sectio_02 { display: block !important; padding: 18px 0; color: #fff; } .black-friday-form #home_sectio_02 .home_fivetiles { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } /* .black-friday-form #home_sectio_02 .home_fivetile { margin: 0; }*/ .black-friday-form .home_fivetiles.mobile { display: none !important; } .black-friday-banners { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .black-friday-banners .cat-banner { position: relative; } .black-friday-banners .cat-banner span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background-color: rgba(255,255,255,0.6); padding: 20px; font-size: 20px; font-family: 'CeraPro-Medium'; text-transform: uppercase; color: #282828; transition: .3s ease-in-out; } .black-friday-banners .cat-banner img { object-fit: cover; width: 100%; height: auto; } .cats-section { margin: 80px 0; } a.cat-banner:hover span { background-color: rgba(255,255,255,0.9); } .cats-section p { color: #fff; font-size: 26px; } p.cats-note { margin: 5px; font-size: 19px; text-align: left; font-style: italic; } .black-friday-form .cd-faq__trigger { background-color: #52555A; color: #fff; } .black-friday-form .cd-faq__title h2 { color: #fff; } .black-friday-form .cd-faq__item { text-align: left; } .black-friday-form .cd-faq__content { color: #fff; } @media(max-width: 1024px) { .black-friday-form #home_sectio_02 .home_fivetiles { flex-wrap: wrap; margin: 35px auto 0; max-width: 700px; } .black-friday-form #home_sectio_02 .home_fivetile { display: flex; align-items: center; width: 180px; margin: 0 auto 35px; justify-content: center; } } @media(max-width: 1000px) { .black-friday-banners { grid-template-columns: repeat(2, 1fr); } } @media(max-width: 640px) { .black-friday-banners { grid-template-columns: repeat(1, 1fr); gap: 10px; } #counter-friday .flex-cl > div { width: 80px; height: 80px; } .cats-section p { font-size: 21px; } p.cats-note { font-size: 18px !important; } .black-friday-form .newssoc_box_btn { width: 100% !important; } .cats-section { margin: 40px 0; } .black-friday-form { padding-bottom: 50px; } #counter-friday .flex-cl > div { font-size: 28px; width: 65px; height: 68px; } .black-friday-banners .cat-banner span { font-size: 18px; } #counter-friday .flex-cl span { margin-top: 6px; font-size: 12px; } } @media (max-width: 576px) { .black-friday-form #home_sectio_02 .home_fivetiles { flex-direction: column; max-width: 100%; } } @media(max-width: 480px) { #counter-friday .flex-cl { column-gap: 6px; } } @media(max-width: 380px) { .black-friday-form { font-size: 13px; } .cats-section p { font-size: 22px; } } /* end back friday 2023*/ /* .order_tso_forfree, .nonefree { display: none !important; } */ .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-icicles:before{content:"\f7ad"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*! * Bootstrap Buttons v2.0.2 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(enabled=false); border: 1px solid #cccccc; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); cursor: pointer; *margin-left: .3em; } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); background-color: #e6e6e6; background-color: #d9d9d9 \9; outline: 0; } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; background-color: #e6e6e6; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 9px 14px; font-size: 15px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-large [class^="icon-"] { margin-top: 1px; } .btn-small { padding: 5px 9px; font-size: 11px; line-height: 16px; } .btn-small [class^="icon-"] { margin-top: -1px; } .btn-mini { padding: 2px 6px; font-size: 11px; line-height: 14px; } .btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); color: #ffffff; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { background-color: #0074cc; background-image: -moz-linear-gradient(top, #0088cc, #0055cc); background-image: -ms-linear-gradient(top, #0088cc, #0055cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0055cc); background-image: -o-linear-gradient(top, #0088cc, #0055cc); background-image: linear-gradient(top, #0088cc, #0055cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0); border-color: #0055cc #0055cc #003580; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #0055cc; } .btn-primary:active, .btn-primary.active { background-color: #004099 \9; } .btn-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background-color: #f89406; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { background-color: #bd362f; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(top, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background-color: #51a351; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(top, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-color: #2f96b4; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { background-color: #414141; background-image: -moz-linear-gradient(top, #555555, #222222); background-image: -ms-linear-gradient(top, #555555, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); background-image: -webkit-linear-gradient(top, #555555, #222222); background-image: -o-linear-gradient(top, #555555, #222222); background-image: linear-gradient(top, #555555, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222222; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 2px; *padding-bottom: 2px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .activity-item i { float: left; margin-top: 3px; font-size: 16px; } div.activity { margin-left: 28px; } div.activity-item { padding: 7px 12px; } #notification-list div.activity-item { border-top: 1px solid #f5f5f5; } #notification-list div.activity-item a { font-weight: 600; } div.activity span { display: block; color: #999; font-size: 11px; line-height: 16px; } #notifications i.fa { font-size: 17px; } .noty_type_error * { font-weight: normal !important; } .noty_type_error a { font-weight: bold !important; } .noty_bar.noty_type_error a, .noty_bar.noty_type_error i { color: #fff } .noty_bar.noty_type_information a { color: #fff; font-weight: bold; } .noty_type_error div.activity span { color: #fff } .noty_type_information div.activity span { color: #fefefe } a { color: #428bca; text-decoration: none; } /* a:hover { color: #D65C4F; text-decoration: none; }*/ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }