@charset "utf-8"; /** * Emrah NALCI - A PHP Framework For Web Artisans * 06.07.2016 16:42:57 * Css File * @package Emrah NALCI * @author Emrah NALCI */ *::selection { background: #5b5858; color: #fff; text-shadow: 0 1px 1px #111; } .custom-display-none { display: none !important; } .text-white { color: #ffffff; } /* html {overflow: auto;}::-webkit-scrollbar {width: 16px;}::-webkit-scrollbar-thumb {background:#b64645;}::-webkit-scrollbar-thumb:hover {background:#BD1614;} */ .font-weight-bold { font-weight: bold; } .noResize { resize: none !important; } .custom-h350h { height: 350px !important; } .custom-h50h { height: 50px !important; } .custom-h34h { height: 34px !important; } .no-display { display: none !important; } .noMargin { margin: 0 !important; } .saveABtn { position: absolute; right: 80px; margin-top: 20px; } .effectBtn { margin: 5px 0; } .previewImg { height: 100% !important; max-height: 350px !important; width: 100% !important; border-radius: 9px !important; } .progressImg { width: 100%; height: 100%; position: absolute; background: #00000094; color: #FFFFFF; font-weight: bolder; font-size: xx-large; padding: 23%; } .noPadding { padding: 0 !important; } .htmlRtl { direction: rtl; font-size: 14px; } .customPhoto img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden; } .customPhoto img:hover { filter: none; -webkit-filter: grayscale(0%); } @media only screen and (max-width: 1024px) { .wc-button6 { display: flex !important; flex-wrap: wrap !important; margin: auto !important; bottom: 7px !important; justify-content: center !important; position: fixed !important; left: 0 !important; right: 0 !important; text-align: center !important; } .customMobileSpace { display: inline-block; width: 100%; height: 66px; background-color: #FFFFFF; } } @media only screen and (max-width: 425px) { .wc-button6 { display: flex; flex-wrap: wrap; margin: auto; bottom: 5px !important; justify-content: center; position: fixed; left: 0 !important; right: 0 !important; text-align: center; } .customMobileSpace { display: inline-block; width: 100%; height: 66px; background-color: #FFFFFF; } } .cookie-container { background: #fff; color: #000; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1500; display: none; font-size: 10px; } .cookie-container form#cookieoptinform { display: table; max-width: 1200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 1200px \9; margin: auto; background: #fff; padding: 1em 0 1.4em 0; table-layout: fixed; } .cookie-container form#cookieoptinform i { height: 37px; } .cookie-container form#cookieoptinform .cookie-popup { display: table-row; } .cookie-container form#cookieoptinform .cookie-popup .cookie-msg { width: 85%; width: 80% \9; padding-right: 7px; min-height: 30px; font-size: 1.2em; display: table-cell; } .cookie-container form#cookieoptinform .cookie-popup .cookie-msg p { margin: 0; } .cookie-container form#cookieoptinform .cookie-popup .accept-btn { display: table-cell; vertical-align: middle; text-align: right; white-space: nowrap; } .cookie-container form#cookieoptinform .cookie-popup .accept-btn .cookie-accept { font-size: 1.2em; margin: 0; border-radius: 2px; background-clip: padding-box; vertical-align: middle; background: #fff; border: 1px solid #0076a8; font-weight: bold; padding: 7px 15px; } .cookie-container form#cookieoptinform .cookie-popup .accept-btn .cookie-accept:hover { color: #fff; background: #0076a8; } .cookie-container form#cookieoptinform .cookie-popup .accept-btn .cookie-accept i { vertical-align: middle; margin-right: 5px; padding-left: 0; } :lang(zh-Hans) .cookie-msg p, :lang(zh-Hant) .cookie-msg p { font-size: 1em; } :lang(zh-Hans) .cookie-msg strong, :lang(zh-Hant) .cookie-msg strong { font-size: 1em; } @media screen and (min-width: 767px) and (max-width: 1249px) { .cookie-container form#cookieoptinform { width: 100%; padding: 1em; } .cookie-container form#cookieoptinform .cookie-popup .cookie-msg { width: 73%; } .cookie-container form#cookieoptinform .cookie-popup .accept-btn { width: 21%; } } @media screen and(max-width: 767px) { .cookie-container form#cookieoptinform .cookie-popup { display: block; padding: 0 2em; } .cookie-container form#cookieoptinform .cookie-popup .cookie-msg { float: none; border-right: 0; padding: 5px 0; display: block; width: 100%; } .cookie-container form#cookieoptinform .cookie-popup .accept-btn { float: none; margin-top: 0 !important; display: block; } .cookie-container form#cookieoptinform .cookie-popup .accept-btn a.cookie-accept { display: block; margin: 10px auto; float: none; text-align: center; } .cookie-container form#cookieoptinform .cookie-popup .accept-btn a.cookie-accept i { border: 0; } } .cookiealert { color: #2e2e2e !important; position: fixed; visibility: hidden; border-radius: 0; transform: translateY(100%); transition: all 500ms ease-out; } .cookiealert.show { opacity: 1; visibility: visible; transform: translateY(0%); transition-delay: 1000ms; } .cookiealert a { text-decoration: underline; } .cookiealert .acceptcookies { margin-left: 10px; vertical-align: baseline; } img[data-action="zoom"] { cursor: pointer; } .zoom-img, .zoom-img-wrap { cursor: pointer; position: relative; z-index: 666; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .zoom-overlay { z-index: 420; background: #fff; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .zoom-overlay-open .zoom-overlay { filter: "alpha(opacity=100)"; opacity: 1; } .zoom-overlay-open, .zoom-overlay-transitioning { cursor: default; } .jqGifPreview { display: inline-block; min-height: 44px; position: relative } .jqGifPreview .jqGifImageCenter { background-position: 0 0; height: 72px; overflow-wrap: break-word; position: absolute; top: 50%; width: 72px; background: url(img/background-image.png) rgba(0, 0, 0, 0); margin: -36px 0 0 -36px } .jqGifPreview img { padding: 0; margin: 0 } .jqGifPreview .jqGifImageCircle { height: 66px; position: absolute; width: 66px; background: url(img/background-image.png) 0 -73px rgba(0, 0, 0, 0); margin: -33px 0 0 -33px } .jqGifPreview .jqGifImageName { height: 17px; position: absolute; width: 32px; background: url(img/background-image.png) 0 -140px rgba(0, 0, 0, 0); margin: -9px 0 0 -16px } .jqGifImageFooter { background-position: 0 0; bottom: 0; color: #fff; cursor: pointer; height: 56px; left: 0; position: absolute; right: 0; background: url(img/background-image2.png) rgba(0, 0, 0, 0) } .jqGifImageFooterLeft { bottom: 9px; color: #fff; cursor: pointer; height: 18px; left: 11px; max-width: 400px; overflow-wrap: break-word; position: absolute; text-align: left; text-shadow: rgba(0, 0, 0, .4) 0 1px 4px; text-overflow: ellipsis; text-transform: uppercase; vertical-align: top; white-space: nowrap; width: 186px; word-wrap: break-word; perspective-origin: 93px 7px; transform-origin: 93px 7px; border: 0 #fff; font: normal normal bold normal 11px/15px helvetica, arial, sans-serif; outline: #fff 0; overflow: hidden; text-decoration: none; } .jqGifPreview .jqGifImageFooterRight { bottom: 9px; cursor: pointer; display: block; height: 24px; position: absolute; right: 10px; width: 24px; background: url(img/background-image.png) 0 -158px rgba(0, 0, 0, 0) } .jqGifPreview .jqGifImage, .jqGifPreview img { width: 100% } .jqGifCircle { cursor: pointer; position: absolute; left: calc(50%); top: calc(50% - 12px); } @keyframes jqGifRotating { from { -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } .jqGifPreview .jqGifRotating { -webkit-animation: jqGifRotating 2s linear infinite; -moz-animation: jqGifRotating 2s linear infinite; -o-animation: jqGifRotating 2s linear infinite; animation: jqGifRotating 2s linear infinite } .stories.carousel .story { max-width: 70px; } .stories.carousel .story > .item-link > .item-preview { max-height: 70px !important; } .shop.rev_slider .slotholder:after, .home.rev_slider .slotholder:after { background-color: transparent !important; } .storiesVrapper::-webkit-scrollbar { width: 14px; } .storiesVrapper::-webkit-scrollbar-thumb { background-clip: content-box; border: 4px solid transparent; border-radius: 7px; box-shadow: inset 0 0 0 10px; } .storiesVrapper::-webkit-scrollbar-button { width: 0; height: 0; display: none; } .storiesVrapper::-webkit-scrollbar-corner { background-color: transparent; } .storiesVrapper { overflow: auto; color: #00000000; transition: color 0.3s; } .storiesVrapper:hover { color: #666666FF; } /* Site Custom CSS */ .personalPhotoNv img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden; } .personalPhotoNv img:hover { filter: none; -webkit-filter: grayscale(0%); } .fontSize24 { font-size: 24px; } .cookie-container { border-top: 1px solid #5e5e5e; } .closeBtn:hover { background: #0e0e0e; color: #ffffff; } .cookie-container form#cookieoptinform .cookie-popup .cookie-msg { font-size: 1.4em; } .cookiealert .acceptcookies { text-decoration: none; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) { } /* Extra Small Devices, Phones */ @media only screen and (min-width: 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width: 992px) { .companyContainer { width: 21.1%; margin: 0 -8px } } @media only screen and (min-width: 1366px) { .labelSizes{ width: 49%; } } /* Large Devices, Wide Screens */ @media only screen and (min-width: 1200px) { .labelSizes{ width: 50%; } } /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width: 1199px) { .labelSizes{ width: 100%; } } /* Medium Devices, Desktops */ @media only screen and (max-width: 991px) { .labelSizes{ width: 170px; } } /* Small Devices, Tablets */ @media only screen and (max-width: 767px) { } /* Extra Small Devices, Phones */ @media only screen and (max-width: 479px) { .labelSizes{ width: 180px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 360px) { } /* Custom, iPhone Retina */ @media only screen and (max-width: 319px) { } /* ------------------------------------------------------------------------------------------------ */ .header .logo-box img { width: 160px !important; } .footer-widget .logo-img { width: 190px !important; }