/*------------------------------------------------------------------- ------------- TARİH : 4.09.2019 TASARIM : T.C. Cumhurbaşkanlığı Kütüphane E-POSTA : kutuphane@tccb.gov.tr WEBSİTE : https://www.kutuphane.tccb.gov.tr ------------- --------------------------------------------------------------------*/ /* TABLO BUILD 01. FONT 02. GENERAL A. TL ICON B. HOME PAGE C. PAGE-TITLE D. BUTTONS E. DIVIDER-LINE F. ACCENT-TEXT G. TEXT/ BACKGROUND COLOR H. ARTICLE MARK I. MARGIN-PADDING J. TOOLTIPS K. ACCORDION L. BOX/ED M. LIGHTBOX N. GALLERY O. GENERAL ALL/MORE P. MESSAGES/IMPORT/WARNING/SUCCESS R. S. U. 03. HEADER A. TOP INFO B. MENU C. 04. MAIN CONTAINER A. SLIDER B. INFO-BANK C. ADVERTISING D. CUSTOMER COMMENTS E. SHOWCASE F. NEWS G. COUNTER H. 05. CONTAINER A. B. C. D. E. F. G. 06. FOOTER A. FOOTER-TITLE B. FOOTER SITE LOGO C. SOCIAL-MEDIA D. WORKING HOURS E. LIST F. ADRESS G. COPYRIGHT H. SCROLL UP 07. MORE A. B. C. SIDEBAR D. MORE TOOLS E. GALLERY LIST F. PAGE CONTACT G. NEWS COMMENT H. DOWNLOAD FILES I. 404 ERROR J. POPUP WRAPPER K. SERVICES ITEMS L. M. N. 08. RESPONSIVE A. 100X420 B. 420X768 C. 768X992 D. 992X1199 E. 1185> F. PRINT /* =============================================== 01. FONT ====================================================== */ @import "kh-myfonts.css"; @import "kh-reset.css"; /* hex dca706 rgb 220,167,6 ----------- Hex dca706 RGB rgb(159,10,5) ----------- Hex 575a61 RGB 87,90,97 ----------- Hex 020307 RGB 2,3,7 ----------- ----------- foot hex bec9dd RGB rgb(190,201,221) 3a4458 RGB rgb(58,68,88) */ /* =============================================== 01. FONT ====================================================== */ /* .header-user-profile-li { font-size: 24px; color: white; } .header-user-profile-icon { line-height: 0 !important; color: #020307 !important; background: #fff !important; width: 34px !important; height: 34px !important; display: inline-block !important; border-radius: 40% !important; text-align: center; transition: all .3s ease-in-out !important; } */ /* =============================================== 02. GENERAL =================================================== */ body { /*font: 400 13px/22px 'kutuphane-r',sans-serif;*/ font: 400 13px/22px Helvetica, Arial, sans-serif !important; color: #575a61; margin: 0; padding: 0; } /* body { font-family: Georgia, serif !important; } */ a { -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a, a:hover, a:active, a:focus { /*color: rgba(0, 109, 115, 0.9);*/ color: rgba(0,0,0,1); text-decoration: underline; outline: none; } ::selection { background: #006D73 none repeat scroll 0 0; color: #fff; } ::-moz-selection { background: #006D73 none repeat scroll 0 0; color: #fff; } ::-webkit-selection { background: #006D73 none repeat scroll 0 0; color: #fff; } /*-*/ hr { margin: 12px 0; padding: 0px; border-bottom: 1px solid rgba(166,172,167,0.5); border-top: 0px; } label { font-weight: 400; color: #575a61; } .label { color: #575a61 !important; font-size: 13px; } h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial,sans-serif; color: #575a61; /*margin: 0 2px;*/ } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } @media (max-width: 767px) { h1 { line-height: 2.75rem !important; font-size: 1.6rem !important; font-style: normal; font-weight: 600; padding-bottom: 10px; } h2 { line-height: 2rem !important; font-size: 1.5rem !important; font-style: normal; font-weight: 600; } h3 { font-size: 1.2rem !important; line-height: 1.7rem !important; font-style: normal; font-weight: 600; } h4 { font-size: 1rem !important; line-height: 1.5rem !important; font-style: normal; font-weight: 500; } h5 { font-size: .9rem !important; line-height: 1.4rem !important; font-style: normal; font-weight: 500; } h6 { font-size: .8rem !important; line-height: 1.3rem !important; font-style: normal; font-weight: 500; } } @media (min-width: 768px) { h1 { font-size: 40px; font-style: normal; font-weight: 600; line-height: 54px; padding-bottom: 10px; } h2 { font-size: 34px; font-style: normal; font-weight: 600; line-height: 40px; } h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 36px; } h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 32px; } h5 { font-size: 18px; font-style: normal; font-weight: 500; line-height: 30px; } h6 { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } } /*------*/ /*blockquote { background: rgba(166,172,167,.1); font-size: 13px; font-weight: 400; font-style: italic; border-left: 3px solid #dca706; padding-left: 45px; padding-top: 7px; padding-bottom: 10px; position: relative; display: block; } blockquote > h2 { font: 700 16px/22px 'kutuphane-eb',sans-serif; color: #dca706; margin: 0 0 5px 0; } blockquote > h2 + p { font: italic 400 14px/22px Helvetica, Arial,sans-serif; color: #575a61; text-align: center; margin: 0 0 5px 0px; } blockquote::before { background: #dca706; content: "\201C"; font-family: 'FontAwesome'; font-size: 42px; font-style: inherit; font-weight: bold; color: #ffffff; line-height: 48px; width: auto; height: 34px; padding-left: 5px; padding-right: 12px; position: absolute; left: 0; top: 0; }*/ /* ----------------------------------------------- A. TL ICON ---------------------------------------------------- */ .TL-icon { font-style: normal; } .TL-icon:before { font-family: "tlfont", sans-serif; /*font-size:18px;*/ font-style: normal; content: "t"; padding: 0 3px 0 0; } /* ----------------------------------------------- A. TL ICON ---------------------------------------------------- */ /* ----------------------------------------------- B. HOME PAGE -------------------------------------------------- bak */ #home-page { max-width: 1185px; margin: 0 auto; position: relative; } .section-empty { padding: 15px; } /* ----------------------------------------------- B. HOME PAGE -------------------------------------------------- */ /* ----------------------------------------------- C. PAGE-TITLE ------------------------------------------------- */ .page-title-wrapper { width: 100%; margin: 25px auto; /*padding: 25px 0;*/ overflow: hidden; text-align: center; } h2.page-title { font: 600 22px/28px Helvetica, Arial,sans-serif; color: #020307; display: inline-block; position: relative; } h2.page-title::after { margin-right: 20px; right: 100%; } h2.page-title::before { margin-left: 20px; left: 100%; } h2.page-title:after, h2.page-title:before { content: ""; border-bottom: 1px solid rgba(166,172,167,0.4); width: 75px; /* 999% */ position: absolute; top: 49%; /*z-index:2;*/ } /*----------*/ h2.page-title > span:before { background: #dca706; content: ""; width: 30px; /* 15% */ height: 3px; top: 46%; position: absolute; left: -45px; /*z-index:4*/ } h2.page-title > span:after { background: #dca706; content: ""; width: 30px; height: 3px; position: absolute; top: 46%; right: -45px; /*z-index:4*/ } /*-------------*/ .page-more-title { background-color: #dca706; display: block; padding: 25px 0px; } .page-more-title h2 { font: 400 18px/26px Helvetica, Arial,sans-serif; color: #fff; text-align: left; padding: 0px; margin: 0; } .page-more-title h2 > a { color: #FFF; } .page-more-title h2 a:hover { color: rgba(255, 255, 255, 0.7); } /* ----------------------------------------------- C. PAGE-TITLE ------------------------------------------------- */ /* ----------------------------------------------- D. BUTTONS ---------------------------------------------------- */ a.kh-animated-button, a.kh-animated-button:visited { font: 700 13px/22px 'kutuphane-eb',sans-serif; color: #020307; text-align: center; text-decoration: none; position: relative; z-index: 0; display: block; margin: 7px auto; padding: 10px 15px; overflow: hidden; border-radius: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } a.kh-animated-button:after, a.kh-animated-button:visited:after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: -1; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; } a.kh-animated-button i.fa { margin: 0px 5px; } a.kh-animated-button:hover, a.kh-animated-button:visited:hover { color: #fff; text-shadow: none; } a.kh-animated-button:hover:after, a.kh-animated-button:visited:hover:after { height: 500%; } /*---------*/ a.kh-animated-button.benefse-one, a.kh-animated-button.benefse-one-I, a.kh-animated-button.benefse-two, a.kh-animated-button.benefse-two-I, a.kh-animated-button.benefse-three, a.kh-animated-button.benefse-three-I, a.kh-animated-button.benefse-four, a.kh-animated-button.benefse-four-I, a.kh-animated-button.iris-one, a.kh-animated-button.iris-one-I, a.kh-animated-button.iris-two, a.kh-animated-button.iris-two-I, a.kh-animated-button.iris-three, a.kh-animated-button.iris-three-I, a.kh-animated-button.iris-four, a.kh-animated-button.iris-four-I, a.kh-animated-button.iris-one-II, a.kh-animated-button.iris-two-II, a.kh-animated-button.iris-three-II, a.kh-animated-button.iris-four-II, a.kh-animated-button.hercai-one, a.kh-animated-button.hercai-one-I, a.kh-animated-button.hercai-two, a.kh-animated-button.hercai-two-I, a.kh-animated-button.hercai-three, a.kh-animated-button.hercai-three-I, a.kh-animated-button.hercai-four, a.kh-animated-button.hercai-four-I, a.kh-animated-button.rose-one, a.kh-animated-button.rose-one-I, a.kh-animated-button.rose-two, a.kh-animated-button.rose-two-I, a.kh-animated-button.rose-three, a.kh-animated-button.rose-three-I, a.kh-animated-button.rose-four, a.kh-animated-button.rose-four-I, a.kh-animated-button.rose-one-II, a.kh-animated-button.rose-two-II, a.kh-animated-button.rose-three-II, a.kh-animated-button.rose-four-II, a.kh-animated-button.kupe-one, a.kh-animated-button.kupe-one-I, a.kh-animated-button.kupe-two, a.kh-animated-button.kupe-two-I, a.kh-animated-button.kupe-three, a.kh-animated-button.kupe-three-I, a.kh-animated-button.kupe-four, a.kh-animated-button.kupe-four-I, a.kh-animated-button.kupe-one-II, a.kh-animated-button.kupe-two-II, a.kh-animated-button.kupe-three-II, a.kh-animated-button.kupe-four-II, a.kh-animated-button.hezaren-one, a.kh-animated-button.hezaren-one-I, a.kh-animated-button.hezaren-two, a.kh-animated-button.hezaren-two-I, a.kh-animated-button.hezaren-three, a.kh-animated-button.hezaren-three-I, a.kh-animated-button.hezaren-four, a.kh-animated-button.hezaren-four-I { text-shadow: 0 1px rgba(0, 0, 0, 0.15); } /*------ 00*/ a.kh-animated-button.benefse-one-I:hover, a.kh-animated-button.benefse-one-I:hover::after, a.kh-animated-button.benefse-two-I:hover, a.kh-animated-button.benefse-two-I:hover::after, a.kh-animated-button.benefse-three-I:hover, a.kh-animated-button.benefse-three-I:hover::after, a.kh-animated-button.benefse-four-I:hover, a.kh-animated-button.benefse-four-I:hover::after { background-color: transparent !important; border: 2px solid #3C8DC5 !important; color: #3C8DC5; } a.kh-animated-button.benefse-one-I { background-color: #3C8DC5; border: 2px solid #3C8DC5; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.benefse-one-I:after { background: #3C8DC5; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.kh-animated-button.benefse-two-I { background-color: #3C8DC5; border: 2px solid #3C8DC5; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.benefse-two-I:after { background: #3C8DC5; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } a.kh-animated-button.benefse-three-I { background-color: #3C8DC5; border: 2px solid #3C8DC5; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.benefse-three-I:after { background: #3C8DC5; opacity: .5; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.kh-animated-button.benefse-three-I:hover:after { height: 140%; opacity: 1; } a.kh-animated-button.benefse-four-I { background-color: #3C8DC5; border: 2px solid #3C8DC5; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.benefse-four-I:after { background: #3C8DC5; opacity: .5; -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); } a.kh-animated-button.benefse-four-I:hover:after { opacity: 1; height: 650% !important; } /*------ */ a.kh-animated-button.benefse-one { border: 2px solid #3C8DC5; } a.kh-animated-button.benefse-one:after { background: #3C8DC5; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.kh-animated-button.benefse-two { border: 2px solid #3C8DC5; } a.kh-animated-button.benefse-two:after { background: #3C8DC5; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } a.kh-animated-button.benefse-three { border: 2px solid #3C8DC5; } a.kh-animated-button.benefse-three:after { background: #3C8DC5; opacity: .5; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.kh-animated-button.benefse-three:hover:after { height: 140%; opacity: 1; } a.kh-animated-button.benefse-four { border: 2px solid #3C8DC5; } a.kh-animated-button.benefse-four:after { background: #3C8DC5; opacity: .5; -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); } a.kh-animated-button.benefse-four:hover:after { opacity: 1; height: 650% !important; } /*------ I-I */ a.kh-animated-button.iris-one-I:hover, a.kh-animated-button.iris-one-I:hover::after, a.kh-animated-button.iris-two-I:hover, a.kh-animated-button.iris-two-I:hover::after, a.kh-animated-button.iris-three-I:hover, a.kh-animated-button.iris-three-I:hover::after, a.kh-animated-button.iris-four-I:hover, a.kh-animated-button.iris-four-I:hover::after { background-color: #dca706 !important; border: 2px solid #dca706 !important; color: #fff; } a.kh-animated-button.iris-one-I { background-color: transparent; border: 2px solid #dca706; border-radius: 3px; color: #dca706; } a.kh-animated-button.iris-one-I:after { background-color: #dca706; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.kh-animated-button.iris-two-I { background-color: transparent; border: 2px solid #dca706; border-radius: 3px; color: #dca706; } a.kh-animated-button.iris-two-I:after { background: #dca706; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } a.kh-animated-button.iris-three-I { background-color: transparent; border: 2px solid #dca706; border-radius: 3px; color: #dca706; } a.kh-animated-button.iris-three-I:after { background: #dca706; opacity: .5; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.kh-animated-button.iris-three-I:hover:after { height: 200%; opacity: 1; } a.kh-animated-button.iris-four-I { background-color: transparent; border: 2px solid #dca706; border-radius: 3px; color: #dca706; } a.kh-animated-button.iris-four-I:after { background: #dca706; opacity: .5; -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); } a.kh-animated-button.iris-four-I:hover:after { opacity: 1; height: 700% !important; } /*------ I-II */ a.kh-animated-button.iris-one-II:hover, a.kh-animated-button.iris-one-II:hover::after, a.kh-animated-button.iris-two-II:hover, a.kh-animated-button.iris-two-II:hover::after, a.kh-animated-button.iris-three-II:hover, a.kh-animated-button.iris-three-II:hover::after, a.kh-animated-button.iris-four-II:hover, a.kh-animated-button.iris-four-II:hover::after { background-color: transparent !important; border: 2px solid #dca706 !important; color: #dca706; } a.kh-animated-button.iris-one-II { background-color: #dca706; border: 2px solid #dca706; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.iris-one-II:after { background-color: #dca706; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.kh-animated-button.iris-two-II { background-color: #dca706; border: 2px solid #dca706; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.iris-two-II:after { background: #dca706; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } a.kh-animated-button.iris-three-II { background-color: #dca706; border: 2px solid #dca706; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.iris-three-II:after { background: #dca706; opacity: .5; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.kh-animated-button.iris-three-II:hover:after { height: 200%; opacity: 1; } a.kh-animated-button.iris-four-II { background-color: #dca706; border: 2px solid #dca706; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.iris-four-II:after { background: #dca706; opacity: .5; -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); } a.kh-animated-button.iris-four-II:hover:after { opacity: 1; height: 700% !important; } /*------ I */ a.kh-animated-button.iris-one { border: 2px solid #dca706; } a.kh-animated-button.iris-one:after { background: #dca706; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.kh-animated-button.iris-two { border: 2px solid #dca706; } a.kh-animated-button.iris-two:after { background: #dca706; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } a.kh-animated-button.iris-three { border: 2px solid #dca706; } a.kh-animated-button.iris-three:after { background: #dca706; opacity: .5; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.kh-animated-button.iris-three:hover:after { height: 140%; opacity: 1; } a.kh-animated-button.iris-four { border: 2px solid #dca706; } a.kh-animated-button.iris-four:after { background: #dca706; opacity: .5; -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); } a.kh-animated-button.iris-four:hover:after { opacity: 1; height: 650% !important; } /*------ II-I */ a.kh-animated-button.hercai-one-I:hover, a.kh-animated-button.hercai-one-I:hover::after, a.kh-animated-button.hercai-two-I:hover, a.kh-animated-button.hercai-two-I:hover::after, a.kh-animated-button.hercai-three-I:hover, a.kh-animated-button.hercai-three-I:hover::after, a.kh-animated-button.hercai-four-I:hover, a.kh-animated-button.hercai-four-I:hover::after { background-color: transparent !important; border: 2px solid #A0D36E !important; color: #A0D36E; } a.kh-animated-button.hercai-one-I { background-color: #A0D36E; border: 2px solid #A0D36E; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.hercai-one-I:after { background-color: #A0D36E; opacity: 0; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.kh-animated-button.hercai-one-I:hover:after { height: 120% !important; opacity: 1; color: #FFF; } a.kh-animated-button.hercai-two-I { background-color: #A0D36E; border: 2px solid #A0D36E; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.hercai-two-I:after { border: 3px solid #A0D36E; opacity: 0; -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); } a.kh-animated-button.hercai-two-I:hover:after { height: 650% !important; opacity: 1; color: #FFF; } a.kh-animated-button.hercai-three-I { background-color: #A0D36E; border: 2px solid #A0D36E; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.hercai-three-I:after { border: 3px solid #A0D36E; opacity: 0; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.kh-animated-button.hercai-three-I:hover:after { height: 400% !important; opacity: 1; color: #FFF; } a.kh-animated-button.hercai-four-I { background-color: #A0D36E; border: 2px solid #A0D36E; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.hercai-four-I:after { border: 3px solid #A0D36E; opacity: 0; -moz-transform: translateY(-50%) translateX(-50%) rotate(25deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(25deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg); transform: translateY(-50%) translateX(-50%) rotate(25deg); } a.kh-animated-button.hercai-four-I:hover:after { height: 400% !important; opacity: 1; color: #FFF; } /*------ II */ a.kh-animated-button.hercai-one { border: 2px solid #A0D36E; color: #020307; } a.kh-animated-button.hercai-one:after { border: 3px solid #A0D36E; opacity: 0; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.kh-animated-button.hercai-one:hover:after { height: 120% !important; opacity: 1; color: #FFF; } a.kh-animated-button.hercai-two { border: 2px solid #A0D36E; color: #020307; } a.kh-animated-button.hercai-two:after { border: 3px solid #A0D36E; opacity: 0; -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); } a.kh-animated-button.hercai-two:hover:after { height: 650% !important; opacity: 1; color: #FFF; } a.kh-animated-button.hercai-three { border: 2px solid #A0D36E; color: #020307; } a.kh-animated-button.hercai-three:after { border: 3px solid #A0D36E; opacity: 0; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.kh-animated-button.hercai-three:hover:after { height: 400% !important; opacity: 1; color: #FFF; } a.kh-animated-button.hercai-four { border: 2px solid #A0D36E; color: #020307; } a.kh-animated-button.hercai-four:after { border: 3px solid #A0D36E; opacity: 0; -moz-transform: translateY(-50%) translateX(-50%) rotate(25deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(25deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg); transform: translateY(-50%) translateX(-50%) rotate(25deg); } a.kh-animated-button.hercai-four:hover:after { height: 400% !important; opacity: 1; color: #FFF; } /*------ III */ a.kh-animated-button.rose-one { border: 2px solid #AAD1D8; color: #020307; } a.kh-animated-button.rose-one:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(170,209,216,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(170,209,216,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } a.kh-animated-button.rose-one:hover:after { height: 650% !important; opacity: 1; color: #020307; } a.kh-animated-button.rose-two { border: 2px solid #AAD1D8; color: #020307; } a.kh-animated-button.rose-two:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(170,209,216,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(170,209,216,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.kh-animated-button.rose-two:hover:after { height: 650% !important; opacity: 1; color: #020307; } a.kh-animated-button.rose-three { border: 2px solid #AAD1D8; color: #020307; } a.kh-animated-button.rose-three:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(170,209,216,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(170,209,216,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg); transform: translateX(-50%) translateY(-50%) rotate(90deg); } a.kh-animated-button.rose-three:hover:after { height: 650% !important; opacity: 1; color: #020307; } a.kh-animated-button.rose-four { border: 2px solid #AAD1D8; color: #020307; } a.kh-animated-button.rose-four:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(170,209,216,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(170,209,216,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%); /*-ms-transform: translateX(-50%) translateY(-50%));*/ -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.kh-animated-button.rose-four:hover:after { height: 650% !important; opacity: 1; color: #020307; } /*------ III-I */ a.kh-animated-button.rose-one-I:hover, a.kh-animated-button.rose-one-I:hover::after, a.kh-animated-button.rose-two-I:hover, a.kh-animated-button.rose-two-I:hover::after, a.kh-animated-button.rose-three-I:hover, a.kh-animated-button.rose-three-I:hover::after, a.kh-animated-button.rose-four-I:hover, a.kh-animated-button.rose-four-I:hover::after { background-color: transparent !important; border: 2px solid #AAD1D8 !important; color: #AAD1D8; } a.kh-animated-button.rose-one-I { background-color: #AAD1D8; border: 2px solid #AAD1D8; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.rose-one-I:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(170,209,216,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(170,209,216,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } a.kh-animated-button.rose-one-I:hover:after { height: 650% !important; opacity: 1; color: #AAD1D8; } a.kh-animated-button.rose-two-I { background-color: #AAD1D8; border: 2px solid #AAD1D8; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.rose-two-I:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(170,209,216,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(170,209,216,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.kh-animated-button.rose-two-I:hover:after { height: 650% !important; opacity: 1; color: #AAD1D8; } a.kh-animated-button.rose-three-I { background-color: #AAD1D8; border: 2px solid #AAD1D8; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.rose-three-I:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(170,209,216,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(170,209,216,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg); transform: translateX(-50%) translateY(-50%) rotate(90deg); } a.kh-animated-button.rose-three-I:hover:after { height: 650% !important; opacity: 1; color: #AAD1D8; } a.kh-animated-button.rose-four-I { background-color: #AAD1D8; border: 2px solid #AAD1D8; border-radius: 3px; color: #FFFFFF; } a.kh-animated-button.rose-four-I:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(170,209,216,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(170,209,216,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%); /*-ms-transform: translateX(-50%) translateY(-50%));*/ -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.kh-animated-button.rose-four-I:hover:after { height: 650% !important; opacity: 1; color: #AAD1D8; } /*------ III-II */ a.kh-animated-button.rose-one-II:hover, a.kh-animated-button.rose-one-II:hover::after, a.kh-animated-button.rose-two-II:hover, a.kh-animated-button.rose-two-II:hover::after, a.kh-animated-button.rose-three-II:hover, a.kh-animated-button.rose-three-II:hover::after, a.kh-animated-button.rose-four-II:hover, a.kh-animated-button.rose-four-II:hover::after { background-color: transparent !important; border: 2px solid #fff !important; color: #fff; } a.kh-animated-button.rose-one-II { background-color: transparent; border: 2px solid #fff; border-radius: 3px; color: #fff; } a.kh-animated-button.rose-one-II:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(255,255,255,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(255,255,255,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } a.kh-animated-button.rose-one-II:hover:after { height: 650% !important; opacity: 1; color: #fff; } a.kh-animated-button.rose-two-II { background-color: transparent; border: 2px solid #fff; border-radius: 3px; color: #fff; } a.kh-animated-button.rose-two-II:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(255,255,255,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(255,255,255,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.kh-animated-button.rose-two-II:hover:after { height: 650% !important; opacity: 1; color: #fff; } a.kh-animated-button.rose-three-II { background-color: transparent; border: 2px solid #fff; border-radius: 3px; color: #fff; } a.kh-animated-button.rose-three-II:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(255,255,255,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(255,255,255,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg); transform: translateX(-50%) translateY(-50%) rotate(90deg); } a.kh-animated-button.rose-three-II:hover:after { height: 650% !important; opacity: 1; color: #fff; } a.kh-animated-button.rose-four-II { background-color: transparent; border: 2px solid #fff; border-radius: 3px; color: #fff; } a.kh-animated-button.rose-four-II:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(255,255,255,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(255,255,255,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%); /*-ms-transform: translateX(-50%) translateY(-50%));*/ -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.kh-animated-button.rose-four-II:hover:after { height: 650% !important; opacity: 1; color: #fff; } /*------ III-III */ a.kh-animated-button.rose-one-III { background-color: #dca706; color: #fff; } a.kh-animated-button.rose-one-III:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(255,255,255,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(255,255,255,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } a.kh-animated-button.rose-one-III:hover:after { height: 650% !important; opacity: 1; color: #fff; } a.kh-animated-button.rose-two-III { background: #dca706; color: #fff; } a.kh-animated-button.rose-two-III:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(255,255,255,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(255,255,255,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.kh-animated-button.rose-two-III:hover:after { height: 650% !important; opacity: 1; color: #fff; } a.kh-animated-button.rose-three-III { background-color: #dca706; color: #fff; } a.kh-animated-button.rose-three-III:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(255,255,255,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(255,255,255,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg); transform: translateX(-50%) translateY(-50%) rotate(90deg); } a.kh-animated-button.rose-three-III:hover:after { height: 650% !important; opacity: 1; color: #fff; } a.kh-animated-button.rose-four-III { background-color: #dca706; color: #fff; } a.kh-animated-button.rose-four-III:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(255,255,255,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(255,255,255,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%); /*-ms-transform: translateX(-50%) translateY(-50%));*/ -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.kh-animated-button.rose-four-III:hover:after { height: 650% !important; opacity: 1; color: #fff; } /*------ III-IV */ a.kh-animated-button.rose-one-IV { background-color: #8f8f8f; color: #fff; } a.kh-animated-button.rose-one-IV:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(255,255,255,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(255,255,255,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } a.kh-animated-button.rose-one-IV:hover:after { height: 650% !important; opacity: 1; color: #fff; } a.kh-animated-button.rose-two-IV { background: #8f8f8f; color: #fff; } a.kh-animated-button.rose-two-IV:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(255,255,255,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(255,255,255,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.kh-animated-button.rose-two-IV:hover:after { height: 650% !important; opacity: 1; color: #fff; } a.kh-animated-button.rose-three-IV { background-color: #8f8f8f; color: #fff; } a.kh-animated-button.rose-three-IV:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(255,255,255,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(255,255,255,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg); transform: translateX(-50%) translateY(-50%) rotate(90deg); } a.kh-animated-button.rose-three-IV:hover:after { height: 650% !important; opacity: 1; color: #fff; } a.kh-animated-button.rose-four-IV { background-color: #8f8f8f; color: #fff; } a.kh-animated-button.rose-four-IV:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(255,255,255,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(255,255,255,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%); /*-ms-transform: translateX(-50%) translateY(-50%));*/ -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.kh-animated-button.rose-four-IV:hover:after { height: 650% !important; opacity: 1; color: #fff; } /*------ IV */ a.kh-animated-button.kupe-one { color: #020307; cursor: pointer; display: block; position: relative; border: 2px solid #8f8f8f; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.kupe-one:hover { color: #fff !important; background-color: transparent; text-shadow: none; } a.kh-animated-button.kupe-one:hover:before { bottom: 0%; top: auto; height: 100%; } a.kh-animated-button.kupe-one:before { display: block; position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #020307 !important; background: #8f8f8f; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.kupe-two { color: #020307; cursor: pointer; display: block; position: relative; border: 2px solid #8f8f8f; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.kupe-two:hover { color: #fff !important; background-color: transparent; text-shadow: ntwo; } a.kh-animated-button.kupe-two:hover:before { top: 0%; bottom: auto; height: 100%; } a.kh-animated-button.kupe-two:before { display: block; position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #020307 !important; background: #8f8f8f; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.kupe-three { color: #020307; cursor: pointer; display: block; position: relative; border: 2px solid #8f8f8f; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.kupe-three:hover { color: #fff !important; background-color: transparent; text-shadow: nthree; } a.kh-animated-button.kupe-three:hover:before { left: 0%; right: auto; width: 100%; } a.kh-animated-button.kupe-three:before { display: block; position: absolute; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ''; color: #020307 !important; background: #8f8f8f; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.kupe-four { color: #020307; cursor: pointer; display: block; position: relative; border: 2px solid #8f8f8f; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.kupe-four:hover { color: #fff !important; background-color: transparent; text-shadow: nfour; } a.kh-animated-button.kupe-four:hover:before { right: 0%; left: auto; width: 100%; } a.kh-animated-button.kupe-four:before { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 0px; z-index: -1; content: ''; color: #020307 !important; background: #8f8f8f; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } /*------ IV-I */ a.kh-animated-button.kupe-one-I:hover, a.kh-animated-button.kupe-two-I:hover, a.kh-animated-button.kupe-three-I:hover, a.kh-animated-button.kupe-four-I:hover { background-color: transparent !important; border: 2px solid #8f8f8f !important; color: #fff; } a.kh-animated-button.kupe-one-I { background-color: #8f8f8f; border: 2px solid #8f8f8f; border-radius: 3px; color: #FFFFFF; cursor: pointer; display: block; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.kupe-one-I:hover:before { bottom: 0%; top: auto; height: 100%; } a.kh-animated-button.kupe-one-I:before { display: block; position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #020307 !important; background: #8f8f8f; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.kupe-two-I { background-color: #8f8f8f; border: 2px solid #8f8f8f; border-radius: 3px; color: #FFFFFF; cursor: pointer; display: block; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.kupe-two-I:hover:before { top: 0%; bottom: auto; height: 100%; } a.kh-animated-button.kupe-two-I:before { display: block; position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #020307 !important; background: #8f8f8f; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.kupe-three-I { background-color: #8f8f8f; border: 2px solid #8f8f8f; border-radius: 3px; color: #FFFFFF; cursor: pointer; display: block; position: relative; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.kupe-three-I:hover:before { left: 0%; right: auto; width: 100%; } a.kh-animated-button.kupe-three-I:before { display: block; position: absolute; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ''; color: #020307 !important; background: #8f8f8f; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.kupe-four-I { background-color: #8f8f8f; border: 2px solid #8f8f8f; border-radius: 3px; color: #FFFFFF; cursor: pointer; display: block; position: relative; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.kupe-four-I:hover:before { right: 0%; left: auto; width: 100%; } a.kh-animated-button.kupe-four-I:before { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 0px; z-index: -1; content: ''; color: #020307 !important; background: #8f8f8f; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } /*---- IV-II */ a.kh-animated-button.kupe-one-II:hover, a.kh-animated-button.kupe-two-II:hover, a.kh-animated-button.kupe-three-II:hover, a.kh-animated-button.kupe-four-II:hover { background-color: transparent !important; border: 2px solid #8f8f8f !important; color: #fff; } a.kh-animated-button.kupe-one-II { background-color: transparent; border: 2px solid #8f8f8f; border-radius: 3px; color: #020307; cursor: pointer; display: block; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.kupe-one-II:hover:before { bottom: 0%; top: auto; height: 100%; } a.kh-animated-button.kupe-one-II:before { display: block; position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #020307 !important; background: #8f8f8f; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.kupe-two-II { background-color: transparent; border: 2px solid #8f8f8f; border-radius: 3px; color: #020307; cursor: pointer; display: block; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.kupe-two-II:hover:before { top: 0%; bottom: auto; height: 100%; } a.kh-animated-button.kupe-two-II:before { display: block; position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #020307 !important; background: #8f8f8f; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.kupe-three-II { background-color: transparent; border: 2px solid #8f8f8f; border-radius: 3px; color: #020307; cursor: pointer; display: block; position: relative; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.kupe-three-II:hover:before { left: 0%; right: auto; width: 100%; } a.kh-animated-button.kupe-three-II:before { display: block; position: absolute; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ''; color: #020307 !important; background: #8f8f8f; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.kupe-four-II { background-color: transparent; border: 2px solid #8f8f8f; border-radius: 3px; color: #020307; cursor: pointer; display: block; position: relative; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.kupe-four-II:hover:before { right: 0%; left: auto; width: 100%; } a.kh-animated-button.kupe-four-II:before { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 0px; z-index: -1; content: ''; color: #020307 !important; background: #8f8f8f; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } /*------ V-I */ a.kh-animated-button.hezaren-one-I:hover, a.kh-animated-button.hezaren-two-I:hover, a.kh-animated-button.hezaren-three-I:hover, a.kh-animated-button.hezaren-four-I:hover { background-color: transparent !important; border: 2px solid #FACB47 !important; color: #020307; } a.kh-animated-button.hezaren-one-I { background-color: #FACB47; border: 2px solid #FACB47; border-radius: 3px; color: #FFFFFF; cursor: pointer; display: block; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.hezaren-one-I:hover:before { bottom: 0%; top: auto; height: 100%; } a.kh-animated-button.hezaren-one-I:before { display: block; position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #020307 !important; background: #FACB47; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.hezaren-two-I { background-color: #FACB47; border: 2px solid #FACB47; border-radius: 3px; color: #FFFFFF; cursor: pointer; display: block; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.hezaren-two-I:hover:before { top: 0%; bottom: auto; height: 100%; } a.kh-animated-button.hezaren-two-I:before { display: block; position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #020307 !important; background: #FACB47; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.hezaren-three-I { background-color: #FACB47; border: 2px solid #FACB47; border-radius: 3px; color: #FFFFFF; cursor: pointer; display: block; position: relative; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.hezaren-three-I:hover:before { left: 0%; right: auto; width: 100%; } a.kh-animated-button.hezaren-three-I:before { display: block; position: absolute; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ''; color: #020307 !important; background: #FACB47; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.hezaren-four-I { background-color: #FACB47; border: 2px solid #FACB47; border-radius: 3px; color: #FFFFFF; cursor: pointer; display: block; position: relative; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.hezaren-four-I:hover:before { right: 0%; left: auto; width: 100%; } a.kh-animated-button.hezaren-four-I:before { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 0px; z-index: -1; content: ''; color: #020307 !important; background: #FACB47; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } /*------ V */ a.kh-animated-button.hezaren-one { color: #020307; cursor: pointer; display: block; position: relative; border: 2px solid #FACB47; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.hezaren-one:hover { color: #fff !important; background-color: transparent; text-shadow: none; } a.kh-animated-button.hezaren-one:hover:before { bottom: 0%; top: auto; height: 100%; } a.kh-animated-button.hezaren-one:before { display: block; position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #020307 !important; background: #FACB47; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.hezaren-two { color: #020307; cursor: pointer; display: block; position: relative; border: 2px solid #FACB47; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.hezaren-two:hover { color: #fff !important; background-color: transparent; text-shadow: ntwo; } a.kh-animated-button.hezaren-two:hover:before { top: 0%; bottom: auto; height: 100%; } a.kh-animated-button.hezaren-two:before { display: block; position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #020307 !important; background: #FACB47; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.kh-animated-button.hezaren-three { color: #020307; cursor: pointer; display: block; position: relative; border: 2px solid #FACB47; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.hezaren-three:hover { color: #fff !important; background-color: transparent; text-shadow: nthree; } a.kh-animated-button.hezaren-three:hover:before { left: 0%; right: auto; width: 100%; } a.kh-animated-button.hezaren-three:before { display: block; position: absolute; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ''; color: #020307 !important; background: #FACB47; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.hezaren-four { color: #020307; cursor: pointer; display: block; position: relative; border: 2px solid #FACB47; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a.kh-animated-button.hezaren-four:hover { color: #fff !important; background-color: transparent; text-shadow: nfour; } a.kh-animated-button.hezaren-four:hover:before { right: 0%; left: auto; width: 100%; } a.kh-animated-button.hezaren-four:before { background: #FACB47; color: #020307 !important; display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 0px; z-index: -1; content: ''; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } /* ----------------------------------------------- D. BUTTONS ---------------------------------------------------- */ /* ----------------------------------------------- E. DIVIDER-LINE ----------------------------------------------- */ .divider-line { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; width: 100%; height: 0; margin: 0; display: block; } hr.divider-line { margin: 20px 0; border-bottom: none; } .divider-line.solid { border-top: 1px solid #eee; } .divider-line.dashed { border-top: 1px dashed #eee; } .divider-line.dotted { border-top: 1px dotted #eee; } .divider-line.groove { border-top: 1px groove #eee; } .divider-line.ridge { border-top: 1px ridge #eee; } .divider-line.inset { border-top: 1px inset #eee; } .divider-line.outset { border-top: 1px outset #eee; } .divider-line.double { border-bottom: 1px solid #eee; border-top: 1px solid #eee; display: block; height: 5px; } .divider-line.red { border-color: #dca706; } .divider-line.lightred { border-color: #FA023C; } .divider-line.turquoise { border-color: #3FB8AF; } .divider-line.darkturquoise { border-color: #169D99; } .divider-line.lightturquoise { border-color: #7FC7AF; } .divider-line.pink { border-color: #d770ad; } .divider-line.worldpink { border-color: #AB0768; } .divider-line.lightpink { border-color: #FF3D7F; } .divider-line.babypink { border-color: #FF9E9D; } .divider-line.grey { border-color: #ccc; } .divider-line.yellow { border-color: #edde45; } .divider-line.staryellow { border-color: #FAE894; } .divider-line.green { border-color: #A0D36E; } .divider-line.lightgreen { border-color: #B9CC01; } .divider-line.black { border-color: #020307; } .divider-line.kh { border-color: #321E41; } .divider-line.blue { border-color: #3C8DC5; } .divider-line.navyblue { border-color: #070743; } .divider-line.purple { border-color: #8e44ad; } /* ----------------------------------------------- E. DIVIDER-LINE ----------------------------------------------- */ /* ----------------------------------------------- F. ACCENT-TEXT ------------------------------------------------ */ .accent-text { line-height: 26px; margin: 2px 3px; padding: 3px 5px; } .accent-text.red { background-color: #dca706; } .accent-text.lightred { background-color: #FA023C; } .accent-text.turquoise { background-color: #3FB8AF; } .accent-text.darkturquoise { background-color: #169D99; } .accent-text.lightturquoise { background-color: #7FC7AF; } .accent-text.pink { background-color: #d770ad; } .accent-text.worldpink { background-color: #AB0768; } .accent-text.lightpink { background-color: #FF3D7F; } .accent-text.babypink { background-color: #FF9E9D; } .accent-text.grey { background-color: #ccc; } .accent-text.yellow { background-color: #edde45; } .accent-text.staryellow { background-color: #FAE894; } .accent-text.green { background-color: #A0D36E; } .accent-text.lightgreen { background-color: #B9CC01; } .accent-text.black { background-color: #020307; } .accent-text.kh { background-color: #321E41; } .accent-text.blue { background-color: #3C8DC5; } .accent-text.navyblue { background-color: #070743; } .accent-text.purple { background-color: #8e44ad; } /* ----------------------------------------------- F. ACCENT-TEXT ------------------------------------------------ */ /* ----------------------------------------------- G. TEXT/ BACKGROUND COLOR ------------------------------------- */ .text-red { color: #dca706; } .text-lightred { color: #FA023C; } .text-turquoise { color: #3FB8AF; } .text-darkturquoise { color: #169D99; } .text-lightturquoise { color: #7FC7AF; } .text-green { color: #A0D36E; } .text-lightgreen { color: #B9CC01; } .text-yellow { color: #edde45; } .text-staryellow { color: #FAE894; } .text-pink { color: #d770ad; } .text-worldpink { color: #AB0768; } .text-lightpink { color: #FF3D7F; } .text-babypink { color: #FF9E9D; } .text-kh { color: #dca706; } .text-kh- { color: #321E41; } .text-kh-- { color: #575a61; } .text-blue { color: #3C8DC5; } .text-navyblue { color: #070743; } .text-purple { color: #8e44ad; } .text-white { color: #ffffff; } .text-black { color: #020307; } .text-grey { color: #cccccc; } /*------*/ .red-bg { background: #dca706; } .lightred-bg { background: #FA023C; } .turquoise-bg { background: #3FB8AF; } .darkturquoise-bg { background: #169D99; } .lightturquoise-bg { background: #7FC7AF; } .green-bg { background: #A0D36E; } .lightgreen-bg { background: #B9CC01; } .yellow-bg { background: #edde45; } .staryellow-bg { background: #FAE894; } .pink-bg { background: #d770ad; } .worldpink-bg { background: #AB0768; } .lightpink-bg { background: #FF3D7F; } .babypink-bg { background: #FF9E9D; } .kh-bg { background: #dca706; } .kh--bg { background: #321E41; } .kh---bg { background: #575a61; } .blue-bg { background: #3C8DC5; } .navyblue-bg { background: #070743; } .purple-bg { background: #8e44ad; } .white-bg { background: #ffffff; } .black-bg { background: #020307; } .grey-bg { background: #cccccc; } /* ----------------------------------------------- G. TEXT/ BACKGROUND COLOR ------------------------------------- */ /* ----------------------------------------------- H. ARTICLE MARK ----------------------------------------------- */ ol { padding: 0px; margin: 0px; } ol li { /*list-style: decimal inside;*/ padding: 0px; margin: 0px; line-height: 22px; } ol.alpha li { list-style: decimal-leading-zero inside; padding: 0px; margin: 0px; } ol.roman li { list-style: lower-roman; padding: 0px; margin: 0px; } ul { /*list-style:none;*/ padding: 0px; margin: 0px; } ul li { /*list-style: square inside;*/ padding: 0px; margin: 0px; line-height: 22px; } ul.disc li { list-style: disc inside; padding: 0px; margin: 0px; line-height: 22px; } .general-list ul { list-style: outside none none; padding-left: 40px; padding-left: 0; } .general-list ul li, .general-list ul ul li { margin: 7px 0; } .general-list ul li::before { font: normal 13px/18px FontAwesome; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; content: "\f00c"; display: inline-block; margin: 0 5px 0; color: #dca706; } .general-list ul li.disabled { color: rgba(167,172,166,.9); } .general-list ul li.disabled::before { color: rgba(167,172,166,.9); content: "\f00c"; } /*--------------*/ .general-list ul ul li::before { content: "\f111"; font-size: 9px; text-align: center; vertical-align: middle; width: 1.5em; } .general-list ul ul { list-style: none; padding: 0 0 0 20px; } /*--*/ .general-list ol { list-style: outside none none; padding-left: 40px; padding-left: 0; } .general-list ol li, .general-list ol ol li, .general-list ol ul li { margin: 7px 0; } .general-list ol li::before { font: normal 9px/18px FontAwesome; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; content: "\f10c"; display: inline-block; margin: 0 5px 0; color: #dca706; } .general-list ol li.disabled { color: rgba(167,172,166,.9); } .general-list ol li.disabled::before { color: rgba(167,172,166,.9); content: "\f10c"; } /*--------------*/ .general-list ol ol li::before, .general-list ol ul li::before { content: "\f068"; font-size: 13px; text-align: center; vertical-align: middle; } .general-list ol ol, .general-list ol ul { list-style: none; padding: 0 0 0 20px; } /*----*/ ul.list-options { list-style: none; padding: 0px; margin: 0px 0 20px 0; } ul.list-options li { background: rgba(167,172,166,.2); font: 400 13px/22px 'kutuphane-r',sans-serif; color: #020307; padding: 12px 14px; margin-bottom: 4px; } ul.list-options li span { font: 400 13px/22px 'kutuphane-r',sans-serif; color: #020307; } ul.list-options li i { margin-right: 12px; color: #dca706; } /* ----------------------------------------------- H. ARTICLE MARK ----------------------------------------------- */ /* ----------------------------------------------- I. MARGIN-PADDING --------------------------------------------- */ .mall-0 { margin: 0px !important; } .mall-5 { margin: 5px !important; } .mall-10 { margin: 10px !important; } .mall-20 { margin: 20px !important; } .mall-30 { margin: 30px !important; } .mall-40 { margin: 40px !important; } .mall-50 { margin: 50px !important; } .mall-60 { margin: 60px !important; } .mall-70 { margin: 70px !important; } .mall-80 { margin: 80px !important; } .mall-90 { margin: 90px !important; } .mall-100 { margin: 100px !important; } .mt-0 { margin-top: 0px !important; } .mt-10 { margin-top: 10px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mr-0 { margin-right: 0px !important; } .mr-10 { margin-right: 10px !important; } .mr-20 { margin-right: 20px !important; } .mr-30 { margin-right: 30px !important; } .mr-40 { margin-right: 40px !important; } .mr-50 { margin-right: 50px !important; } .mr-60 { margin-right: 60px !important; } .mr-70 { margin-right: 70px !important; } .mr-80 { margin-right: 80px !important; } .mr-90 { margin-right: 90px !important; } .mr-100 { margin-right: 100px !important; } .mb-0 { margin-bottom: 0px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .ml-0 { margin-left: 0px !important; } .ml-10 { margin-left: 10px !important; } .ml-20 { margin-left: 20px !important; } .ml-30 { margin-left: 30px !important; } .ml-40 { margin-left: 40px !important; } .ml-50 { margin-left: 50px !important; } .ml-60 { margin-left: 60px !important; } .ml-70 { margin-left: 70px !important; } .ml-80 { margin-left: 80px !important; } .ml-90 { margin-left: 90px !important; } .ml-100 { margin-left: 100px !important; } /*-----*/ .pall-0 { padding: 0px !important; } .pall-5 { padding: 5px !important; } .pall-10 { padding: 10px !important; } .pall-20 { padding: 20px !important; } .pall-30 { padding: 30px !important; } .pall-40 { padding: 40px !important; } .pall-50 { padding: 50px !important; } .pall-60 { padding: 60px !important; } .pall-70 { padding: 70px !important; } .pall-80 { padding: 80px !important; } .pall-90 { padding: 90px !important; } .pall-100 { padding: 100px !important; } .ptb-0 { padding: 0 0 !important; } .ptb-5 { padding: 5px 0 !important; } .ptb-10 { padding: 10px 0 !important; } .ptb-20 { padding: 20px 0 !important; } .ptb-30 { padding: 30px 0 !important; } .ptb-40 { padding: 40px 0 !important; } .ptb-50 { padding: 50px 0 !important; } .ptb-60 { padding: 60px 0 !important; } .ptb-70 { padding: 70px 0 !important; } .ptb-80 { padding: 80px 0 !important; } .ptb-90 { padding: 90px 0 !important; } .ptb-100 { padding: 100px 0 !important; } .pt-0 { padding-top: 0px !important; } .pt-5 { padding-top: 5px !important; } .pt-10 { padding-top: 10px !important; } .pt-20 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .pt-40 { padding-top: 40px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pt-80 { padding-top: 80px !important; } .pt-90 { padding-top: 90px !important; } .pt-100 { padding-top: 100px !important; } .pr-10 { padding-right: 10px !important; } .pr-20 { padding-right: 20px !important; } .pr-30 { padding-right: 30px !important; } .pr-40 { padding-right: 40px !important; } .pr-50 { padding-right: 50px !important; } .pr-60 { padding-right: 60px !important; } .pr-70 { padding-right: 70px !important; } .pr-80 { padding-right: 80px !important; } .pr-90 { padding-right: 90px !important; } .pr-100 { padding-right: 100px !important; } .pb-0 { padding-bottom: 0px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-100 { padding-bottom: 100px !important; } .pl-10 { padding-left: 10px !important; } .pl-20 { padding-left: 20px !important; } .pl-30 { padding-left: 30px !important; } .pl-40 { padding-left: 40px !important; } .pl-50 { padding-left: 50px !important; } .pl-60 { padding-left: 60px !important; } .pl-70 { padding-left: 70px !important; } .pl-80 { padding-left: 80px !important; } .pl-90 { padding-left: 90px !important; } .pl-100 { padding-left: 100px !important; } /*-*/ .mh5 { min-height: 5px !important; } .mh10 { min-height: 10px !important; } .mh15 { min-height: 15px !important; } .mh20 { min-height: 20px !important; } .mh25 { min-height: 25px !important; } .mh30 { min-height: 30px !important; } .mh35 { min-height: 35px !important; } .mh40 { min-height: 40px !important; } .mh45 { min-height: 45px !important; } .mh50 { min-height: 50px !important; } .mh55 { min-height: 55px !important; } .mh60 { min-height: 60px !important; } .mh65 { min-height: 65px !important; } .mh70 { min-height: 70px !important; } .mh75 { min-height: 75px !important; } .mh80 { min-height: 80px !important; } .mh85 { min-height: 85px !important; } .mh90 { min-height: 90px !important; } .mh95 { min-height: 95px !important; } .mh100 { min-height: 100px !important; } .mh105 { min-height: 105px !important; } .mh110 { min-height: 110px !important; } .mh115 { min-height: 115px !important; } .mh120 { min-height: 120px !important; } .mh125 { min-height: 125px !important; } .mh130 { min-height: 130px !important; } .mh135 { min-height: 135px !important; } .mh140 { min-height: 140px !important; } .mh145 { min-height: 145px !important; } .mh150 { min-height: 150px !important; } .mh155 { min-height: 155px !important; } .mh160 { min-height: 160px !important; } .mh165 { min-height: 165px !important; } .mh170 { min-height: 170px !important; } .mh175 { min-height: 175px !important; } .mh180 { min-height: 180px !important; } .mh185 { min-height: 185px !important; } .mh190 { min-height: 190px !important; } .mh195 { min-height: 195px !important; } .mh200 { min-height: 200px !important; } .mh205 { min-height: 205px !important; } .mh210 { min-height: 210px !important; } .mh215 { min-height: 215px !important; } .mh220 { min-height: 220px !important; } .mh225 { min-height: 225px !important; } .mh230 { min-height: 230px !important; } .mh235 { min-height: 235px !important; } .mh240 { min-height: 240px !important; } .mh245 { min-height: 245px !important; } .mh250 { min-height: 250px !important; } .mh255 { min-height: 255px !important; } .mh260 { min-height: 260px !important; } .mh265 { min-height: 265px !important; } .mh270 { min-height: 270px !important; } .mh275 { min-height: 275px !important; } .mh280 { min-height: 280px !important; } .mh285 { min-height: 285px !important; } .mh290 { min-height: 290px !important; } .mh295 { min-height: 295px !important; } .mh300 { min-height: 300px !important; } .mh305 { min-height: 305px !important; } .mh310 { min-height: 310px !important; } .mh315 { min-height: 315px !important; } .mh320 { min-height: 320px !important; } .mh325 { min-height: 325px !important; } .mh330 { min-height: 330px !important; } .mh335 { min-height: 335px !important; } .mh340 { min-height: 340px !important; } .mh345 { min-height: 345px !important; } .mh350 { min-height: 350px !important; } .mh355 { min-height: 355px !important; } .mh360 { min-height: 360px !important; } .mh365 { min-height: 365px !important; } .mh370 { min-height: 370px !important; } .mh375 { min-height: 375px !important; } .mh380 { min-height: 380px !important; } .mh385 { min-height: 385px !important; } .mh390 { min-height: 390px !important; } .mh395 { min-height: 395px !important; } .mh400 { min-height: 400px !important; } .mh405 { min-height: 405px !important; } .mh410 { min-height: 410px !important; } .mh415 { min-height: 415px !important; } .mh420 { min-height: 420px !important; } .mh425 { min-height: 425px !important; } .mh430 { min-height: 430px !important; } .mh435 { min-height: 435px !important; } .mh440 { min-height: 440px !important; } .mh445 { min-height: 445px !important; } .mh450 { min-height: 450px !important; } .mh455 { min-height: 455px !important; } .mh460 { min-height: 460px !important; } .mh465 { min-height: 465px !important; } .mh470 { min-height: 470px !important; } .mh475 { min-height: 475px !important; } .mh480 { min-height: 480px !important; } .mh485 { min-height: 485px !important; } .mh490 { min-height: 490px !important; } .mh495 { min-height: 495px !important; } .mh500 { min-height: 500px !important; } .mh505 { min-height: 505px !important; } .mh510 { min-height: 510px !important; } .mh515 { min-height: 515px !important; } .mh520 { min-height: 520px !important; } .mh525 { min-height: 525px !important; } .mh530 { min-height: 530px !important; } .mh535 { min-height: 535px !important; } .mh540 { min-height: 540px !important; } .mh545 { min-height: 545px !important; } .mh550 { min-height: 550px !important; } .mh555 { min-height: 555px !important; } .mh560 { min-height: 560px !important; } .mh565 { min-height: 565px !important; } .mh570 { min-height: 570px !important; } .mh575 { min-height: 575px !important; } .mh580 { min-height: 580px !important; } /* ----------------------------------------------- I. MARGIN-PADDING --------------------------------------------- */ /* ----------------------------------------------- J. TOOLTIPS --------------------------------------------------- */ .tooltip-wrap .tooltip { position: absolute; z-index: 1; left: -9999px; padding: 2px 8px 3px; font-size: 11px; line-height: 16px; font-weight: 400; background: rgba(0,0,0,0.9); color: #fff; opacity: 0; transition: margin 0.3s, opacity 0.3s; -o-transition: margin 0.3s, opacity 0.3s; -ms-transition: margin 0.3s, opacity 0.3s; -moz-transition: margin 0.3s, opacity 0.3s; -webkit-transition: margin 0.3s, opacity 0.3s; } .tooltip-wrap .tooltip:after { content: ''; position: absolute; } .tooltip-wrap .input input:focus + .tooltip, .tooltip-wrap .textarea textarea:focus + .tooltip { opacity: 1; } .tooltip-wrap .tooltip-top-right { bottom: 100%; margin-bottom: 15px; } .tooltip-wrap .tooltip-top-right:after { top: 100%; right: 16px; border-top: 4px solid rgba(0,0,0,0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .tooltip-wrap .input input:focus + .tooltip-top-right, .tooltip-wrap .textarea textarea:focus + .tooltip-top-right { right: 0; left: auto; margin-bottom: 5px; } .tooltip-wrap .tooltip-top-left { bottom: 100%; margin-bottom: 15px; } .tooltip-wrap .tooltip-top-left:after { top: 100%; left: 16px; border-top: 4px solid rgba(0,0,0,0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .tooltip-wrap .input input:focus + .tooltip-top-left, .tooltip-wrap .textarea textarea:focus + .tooltip-top-left { right: auto; left: 0; margin-bottom: 5px; } .tooltip-wrap .tooltip-right { top: 9px; white-space: nowrap; margin-left: 15px; } .tooltip-wrap .tooltip-right:after { top: 6px; right: 100%; border-top: 4px solid transparent; border-right: 4px solid rgba(0,0,0,0.9); border-bottom: 4px solid transparent; } .tooltip-wrap .input input:focus + .tooltip-right, .tooltip-wrap .textarea textarea:focus + .tooltip-right { left: 100%; margin-left: 5px; } .tooltip-wrap .tooltip-left { top: 9px; white-space: nowrap; margin-right: 15px; } .tooltip-wrap .tooltip-left:after { top: 6px; left: 100%; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid rgba(0,0,0,0.9); } .tooltip-wrap .input input:focus + .tooltip-left, .tooltip-wrap .textarea textarea:focus + .tooltip-left { right: 100%; left: auto; margin-right: 5px; } .tooltip-wrap .tooltip-bottom-right { top: 100%; margin-top: 15px; } .tooltip-wrap .tooltip-bottom-right:after { bottom: 100%; right: 16px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0,0,0,0.9); border-left: 4px solid transparent; } .tooltip-wrap .input input:focus + .tooltip-bottom-right, .tooltip-wrap .textarea textarea:focus + .tooltip-bottom-right { right: 0; left: auto; margin-top: 5px; } .tooltip-wrap .tooltip-bottom-left { top: 100%; margin-top: 15px; } .tooltip-wrap .tooltip-bottom-left:after { bottom: 100%; left: 16px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0,0,0,0.9); border-left: 4px solid transparent; } .tooltip-wrap .input input:focus + .tooltip-bottom-left, .tooltip-wrap .textarea textarea:focus + .tooltip-bottom-left { right: auto; left: 0; margin-top: 5px; } /*---*/ .stips-wrap { position: relative; display: inline-block; /*border-bottom: 1px dotted black;*/ } .stips-wrap .stext { background-color: rgba(2,3,7); font: 400 12px/22px Helvetica, Arial,sans-serif; color: #fff; text-align: center; border-radius: 4px; min-width: 175px; padding: 5px 0; position: absolute; visibility: hidden; z-index: 1; } .stips-wrap .stext::after { content: ""; position: absolute; border-width: 5px; border-style: solid; } /*-------*/ .stips-wrap .stext.stips-top { bottom: 100%; /*150%*/ left: 50%; margin-left: -60px; } .stips-wrap .stext.stips-top::after { top: 100%; left: 50%; margin-left: -5px; border-color: black transparent transparent transparent; } .stips-wrap .stext.stips-top-one { bottom: 150%; left: 50%; margin-left: -20px; } .stips-wrap .stext.stips-top-one::after { top: 100%; left: 10%; margin-left: -5px; border-color: black transparent transparent transparent; } .stips-wrap .stext.stips-top-two { bottom: 150%; right: 0%; margin-right: -20px; } .stips-wrap .stext.stips-top-two::after { top: 100%; right: 10%; margin-left: -5px; border-color: black transparent transparent transparent; } /*-------*/ .stips-wrap .stext.stips-right { left: 110%; top: -5px; } .stips-wrap .stext.stips-right::after { right: 100%; top: 50%; margin-top: -5px; border-color: transparent black transparent transparent; } /*-------*/ .stips-wrap .stext.stips-bottom { top: 150%; left: 50%; margin-left: -60px; } .stips-wrap .stext.stips-bottom::after { bottom: 100%; left: 50%; margin-left: -5px; border-color: transparent transparent black transparent; } /*-------*/ .stips-wrap .stext.stips-left { right: 110%; top: -5px; } .stips-wrap .stext.stips-left::after { left: 100%; top: 50%; margin-top: -5px; border-color: transparent transparent transparent black; } .stips-wrap:hover .stext { visibility: visible; } /* ----------------------------------------------- J. TOOLTIPS --------------------------------------------------- */ /* ----------------------------------------------- K. ACCORDION -------------------------------------------------- */ .faq-more-toggle { position: relative; } .faq-more-accordion, .faq-more-toggle { margin-bottom: 15px; box-shadow: -1px 0px 5px 0px rgba(68, 73, 83, 0.12); } .faq-more-toggle:nth-child(1) { margin: 10px 0 15px 0; } .faq-more-toggle:last-child { margin-bottom: 20px; } /*-------------*/ .faq-more-toggle .faq-more-toggle-trigger { background: #fbfbfb; font: 400 14px/24px 'kutuphane-m',sans-serif; color: #020307; text-transform: none; border-radius: 6px; margin: 0; padding: 15px 65px 15px 15px; display: block; outline: 0; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .faq-more-toggle .faq-more-toggle-trigger:before { background-color: #dca706; font: 700 20px/26px 'kutuphane-b',sans-serif; color: #ffffff; border-radius: 0 6px 6px 0; position: absolute; top: 0; right: 0; content: "+"; margin: 0px 0px 0px 10px; padding: 14px 25px; } .faq-more-toggle .faq-more-toggle-trigger:hover { color: #dca706; text-decoration: none; /*border: 1px solid rgba(220,167,6,1);*/ } .faq-more-toggle .faq-more-toggle-container { background-color: rgba(255,255,255); font-size: 14px; color: #575a61; padding: 15px; /*border: 1px solid rgba(166,172,167,0.4);*/ border-top: 0px; } .faq-more-toggle .faq-more-toggle-trigger.active:before { border-radius: 0 6px 0 0; content: "-"; color: #ffffff; } .faq-more-toggle .faq-more-toggle-trigger.active { color: #dca706; border-bottom: 1px solid #dedede; border-radius: 6px 6px 0 0; } .faq-more-toggle .faq-more-toggle-trigger.active + .faq-more-toggle .faq-more-toggle-container { border-radius: 0 0 6px 6px; } /* ----------------------------------------------- K. ACCORDION -------------------------------------------------- */ /* ----------------------------------------------- L. BOX/ED ----------------------------------------------------- */ .boxed-public { background-color: #FFFFFF; color: #575a61; border: none; margin: 0 0 20px 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .boxed-public:hover { /*transform: translateY(-3px);*/ box-shadow: 0 1px 3px rgba(128, 128, 128, 0.3), 0 10px 6px -6px rgba(128, 128, 128, 0.3); } .boxed-public.active { background-color: #dca706; } .boxed-public b, .boxed-public strong { font-weight: bold; } .boxed-public em i { font-size: 44px; color: #fff; text-align: center; float: none; margin: 7px 0 7px 0; } /*----*/ .boxtitle-top { background: #dca706; font-size: 13px; font-weight: 700; color: #fff; border: none !important; margin: 0 0 20px 0; padding: 5px 10px; position: absolute; top: -1px; left: 7%; transform: translate(0) !important; transition: none; } .boxed-public.active h1, .boxed-public.active h2, .boxed-public.active h3, .boxed-public.active h4, .boxed-public.active h5, .boxed-public.active h6 { color: #fff; } .boxed-public h1 { font: 700 20px/22px 'kutuphane-eb',sans-serif; color: #020307; margin: 5px 0 15px 0; padding: 2px 0 5px 0; } .boxed-public h2 { font: 400 13px/22px 'kutuphane-r',sans-serif; color: #575a61; margin: 2px 0 20px 0; padding: 0; } .boxed-public h2 div:first-letter { font: 600 26px/12px 'kutuphane-b',sans-serif; /*float: left;*/ padding: 0; margin: 0; } .boxed-public h2 div { margin: 0 0 15px; } .boxed-public h3 { font: 400 13px/18px 'kutuphane-r',sans-serif; color: #575a61; text-align: left; margin: 2px 0 15px 0; padding: 0; } .boxed-public h3 > div::first-letter, .boxed-public h4 > div::first-letter { background-color: #fff; font: 400 24px/30px Helvetica, Arial,sans-serif; color: #dca706; border-radius: 4px; float: left; padding: 8px 10px; margin: 0px 5px 0px 0px; } .boxed-public h4 { font: 400 13px/18px 'kutuphane-r',sans-serif; color: #575a61; text-align: left; margin: 2px 0 3px 0; padding: 0; } .boxed-public h5 { font: 700 22px/22px 'kutuphane-eb',sans-serif; color: #020307; margin: 2px 0 3px 0; padding: 2px 0 5px 0; } /*--------*/ .boxed-public code { background-color: transparent; font: 400 13px/22px Helvetica, Arial,sans-serif; color: #575a61; text-align: justify; margin: 10px 0px; padding: 10px 5px 5px 40px; display: block; position: relative; border-radius: 0; } .boxed-public code::before { font-family: 'FontAwesome'; font-size: 54px; font-style: inherit; font-weight: bold; color: rgba(166,172,167,0.4); content: "\201c"; position: absolute; top: 0; left: 0; width: auto; padding: 0 10px 0 0; height: auto; line-height: 45px; } .boxed-public code a { font: italic 400 13px/22px Helvetica, Arial,sans-serif; color: #575a61; text-align: right; padding: 2px 10px; transition: all 0.4s ease-in-out; } .boxed-public code a:hover { color: rgba(255,170,0, 0.8); text-decoration: none; } /* ----------------------------------------------- L. BOX/ED ----------------------------------------------------- */ /* ----------------------------------------------- M. LIGHTBOX --------------------------------------------------- */ #facebox .b { background: url(../fbox/b.png); } #facebox .tl { background: url(../fbox/tl.png); } #facebox .tr { background: url(../fbox/tr.png); } #facebox .bl { background: url(../fbox/bl.png); } #facebox .br { background: url(../fbox/br.png); } #facebox { position: absolute; top: 0; left: 0; z-index: 99999999; text-align: left; } #facebox .content { min-width: 650px; } #facebox .popup { position: relative; bottom: 30px; /*---------------------SONRADAN*/ } #facebox table { width: 100% !important; border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: auto; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { float: right; border: 0; margin: 0; } #facebox .footer { border-top: 1px solid rgba(167,172,166,.6); padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .footer a.close { opacity: .7; } #facebox .footer a.close:hover { opacity: 1; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } .facebox_hide { z-index: -100; } .facebox_overlayBG { background-color: #020307; z-index: 99999; } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } /* ----------------------------------------------- M. LIGHTBOX --------------------------------------------------- */ /* ----------------------------------------------- N. GALLERY ---------------------------------------------------- */ img[data-gallery] { cursor: pointer } .overlay { background: rgba(0,0,0,0.9); width: 100%; height: 100%; position: fixed; top: 0; display: none; z-index: 99999; } .imgActive img { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 90%; position: absolute; top: 50%; left: 50%; } .prev, .next, .close { /*color: white; font-size: 3rem;*/ transition: 0.3s ease all; display: inline-block; /*margin: 15px;*/ /*position: absolute; top: 2%; right: 1%;*/ /*z-index: 1000;*/ opacity: 1; } .prev i.fa, .next i.fa { font-size: 46px; } .prev:hover, .next:hover, .close:hover { cursor: pointer; opacity: 1 } .prev, .next { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50% } .prev { left: 100px } .next { right: 100px } .imgActive + .close { font-size: 3rem; /* 1rem = 16px*/ position: absolute; top: 20px; right: 20px } .coverImgOverlay { width: 3000%; height: 100px; overflow: hidden; position: absolute; bottom: 20px; left: 50%; z-index: 1000 } .coverImgOverlay span { display: inline-block; width: 100px; height: 100px; margin: 5px; position: relative; overflow: hidden; } .coverImgOverlay img { transition: 0.3s ease all; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; max-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; opacity: 0.2; } .coverImgOverlay img:hover { opacity: 1 !important } /* ----------------------------------------------- N. GALLERY ---------------------------------------------------- */ /* ----------------------------------------------- O. GENERAL ALL/MORE ------------------------------------------- */ .general-all { font: 400 13px/22px Helvetica, Arial,sans-serif; margin: 10px; color: #494A4C; position: relative; bottom: 10px; } .general-all a { color: #dca706; text-decoration: none; /*transition:all 0.2s ease-out 0s;*/ } .general-all a i { margin-left: 5px; transition: all 0.2s ease-in-out 0s; } .general-all a:hover { color: #dca706; } .general-all a:hover i { color: #dca706; margin-left: 10px; } /* ----------------------------------------------- O. GENERAL ALL/MORE ------------------------------------------- */ /* ----------------------------------------------- P. MESSAGES/IMPORT/WARNING/SUCCESS ---------------------------- */ .messages-info { font: 400 14px/22px Helvetica, Arial,sans-serif; padding: 20px; margin: 20px 0; border: 1px solid rgba(219,219,219,.8); border-left-width: 5px; border-radius: 1px; } .messages-info > h4 { font: 700 20px/28px 'kutuphane-b',sans-serif; margin: 0 0 5px 0; } .messages-info > em { font: 700 14px/22px 'kutuphane-b',sans-serif; color: #fff; text-align: left; margin: 2px 0 3px 0; padding: 0; } .messages-info > em + h4 { font: 700 16px/24px 'kutuphane-b',sans-serif; color: #dca706; text-align: left; margin: 2px 0 3px 0; padding: 0; } .messages-info > em + h4 + span { font: 400 14px/22px 'kutuphane-r',sans-serif; color: #fff; margin: 2px 0 3px 0; padding: 2px 0 5px 0; } /*.messages-info > h4{ }*/ .messages-info > p:last-child { margin-bottom: 0; } .messages-info > code { border-radius: 3px; } .messages-info + .messages-info { margin-top: -5px; } .messages-info-default { border-left-color: #494A4C; } .messages-info-default > h4 { color: #494A4C; } .messages-info-primary { border-left-color: #428bca; } .messages-info-primary > h4 { color: #428bca; } .messages-info-success { border-left-color: #6EC715; } .messages-info-success > h4 { color: #6EC715; } .messages-info-success > em { color: #A8BEBE; } .messages-info-danger { border-left-color: #F78F20; } .messages-info-danger > h4 { color: #F78F20; } .messages-info-warning { border-left-color: #f1c40f; } .messages-info-warning > h4 { color: #f1c40f; } .messages-info-info { border-left-color: #5bc0de; } .messages-info-info > h4 { color: #5bc0de; } /* ----------------------------------------------- P. MESSAGES/IMPORT/WARNING/SUCCESS ---------------------------- */ /* ----------------------------------------------- R. PAGINATION ------------------------------------------------- */ .pagination-nav { font: 700 14px/22px Helvetica, Arial,sans-serif; margin: 15px 0px; } ul.pagination { list-style: none; margin: 5px 0; padding-left: 5px; } ul.pagination > li { list-style-type: none; margin: 5px 0px; padding-left: 5px; float: left; display: block; } ul.pagination > li > a, ul.pagination > li > span { color: #494A4C; border: 2px solid rgba(166,172,167,0.7); border-radius: 0; margin: 0; padding: 12px 20px; } ul.pagination > li.previous-page > a, ul.pagination > li.next-page > a { border-radius: 0; } ul.pagination > li.active-page > a:hover, ul.pagination > li.active-page > a, ul.pagination > li > a:focus, ul.pagination > li > a:hover, ul.pagination > li > span:focus, ul.pagination > li > span:hover { background: #dca706 !important; color: #fff; border-color: #dca706; } /* ----------------------------------------------- R. PAGINATION ------------------------------------------------- */ /* ----------------------------------------------- S. HORIZONTAL/ VERTICAL TABS ---------------------------------- */ .tab.tab-bor .tab-content ul { list-style: outside none none; padding-left: 40px; padding-left: 0; } .tab.tab-bor .tab-content ul li, .tab.tab-bor .tab-content ul ul li { margin: 7px 0; } .tab.tab-bor .tab-content ul li::before { font: normal 14px/18px FontAwesome; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; content: "\f00c"; display: inline-block; margin: 0 5px 0; color: #dca706; } .tab.tab-bor .tab-content ul li.disabled { color: rgba(167,172,166,.9); } .tab.tab-bor .tab-content ul li.disabled::before { color: rgba(167,172,166,.9); content: "\f00c"; } /*---------------*/ .tab.tab-bor .tab-content ol { list-style: outside none none; padding-left: 40px; padding-left: 0; } .tab.tab-bor .tab-content ol li, .tab.tab-bor .tab-content ol ol li, .tab.tab-bor .tab-content ol ul li { margin: 7px 0; } .tab.tab-bor .tab-content ol li::before { font: normal 14px/18px FontAwesome; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; display: inline-block; margin: 0 5px 0; color: #dca706; content: "\f068"; text-align: center; vertical-align: middle; } .tab.tab-bor .tab-content ol li.disabled { color: rgba(167,172,166,.9); } .tab.tab-bor .tab-content ol li.disabled::before { color: rgba(167,172,166,.9); content: "\f10c"; } /*-*/ .tab .nav-tabs { width: 18%; float: left; /*display: inline-block;*/ display: inline-table; border: none; margin-right: 4%; } .tab .nav-tabs li { display: inline-block; width: 100%; padding: 0; margin: 0px; text-align: center; } .tab .nav-tabs li a { border: 1px solid rgba(167,172,166,.6); color: #575a61; border-bottom: none; background: #fff; padding: 10px; border-radius: 0; margin: 0px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .tab .nav-tabs li:last-child a { border-bottom: 1px solid rgba(167,172,166,.6); } .tab .nav-tabs li a i { font-size: 22px; display: inline-block; width: 100%; line-height: normal; } .tab .nav-tabs li a span { font-size: 16px; line-height: 24px; } .tab .nav-tabs li.active a:before { position: absolute; margin-top: -25px; content: "\f0da"; font-family: fontawesome; right: -13px; top: 50%; font-size: 22px; color: #dca706; } .tab .nav-tabs li.active a, .tab .nav-tabs li a:hover, .top_dark .nav-tabs li.active a:hover > a:focus { background: #dca706; color: #fff; border: 1px solid #dca706; border-bottom: none; position: relative; } /*--------------*/ .tab .tab-content { width: 78%; float: left; } .tab .tab-content .img-left { float: left; margin-right: 15px; margin-bottom: 15px; } .tab .tab-content .img-right { float: right; margin-left: 15px; margin-bottom: 15px; } .tab .tab-content .title { font-size: 28px; font-weight: 500; color: #dca706; line-height: normal; margin-top: 0px; margin-bottom: 15px; } .tab .tab-content .list li { margin-bottom: 5px; } .tab .tab-content .list li i { margin-right: 5px; } .list li i { color: #dca706; } .tab .tab-content img.img-left { margin-bottom: 0; } /*-------*/ .text-white .tab.tab-default .nav-tabs li a { background: none; color: #f5f5f5; } .text-white .tab.tab-default .nav-tabs li.active a, .text-white .tab.tab-default .nav-tabs li a:hover, .text-white .tab.tab-default .nav-tabs li.active a:hover > a:focus { background: #dca706; } /*---------*/ .tab.tab-bor { border: 1px solid rgba(167,172,166,.6); } .tab.tab-bor .nav-tabs { width: 100%; margin: 0px; } .tab.tab-bor .nav-tabs li { margin-right: 0; width: 20%; border-bottom: 1px solid rgba(167,172,166,.5); border-right: 1px solid rgba(167,172,166,.5); background: rgba(167,172,166,.2); } .tab.tab-bor .nav-tabs li:last-child { margin-right: 0px; border-right: none; } .tab.tab-bor .nav-tabs li.active { border-bottom: none; background: none; } .tab.tab-bor .nav-tabs li a { border: none; display: table; background: none; padding: 12px 10px; width: 100%; position: relative; } .tab.tab-bor .nav-tabs li a i { text-align: right; vertical-align: middle; width: auto; margin-right: 10px; } .tab.tab-bor .nav-tabs li a span { text-align: left; vertical-align: middle; } .tab.tab-bor .nav-tabs li a:before, .tab.tab-bor .nav-tabs li a:after { content: normal; margin: 0; } .tab.tab-bor .nav-tabs li a:before { content: ""; width: 0; height: 4px; background: #dca706; position: absolute; top: -1px; left: 50%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .tab.tab-bor .nav-tabs li.active a:before { width: 100%; left: 0; } .tab.tab-bor .nav-tabs li.active a, .tab.tab-bor .nav-tabs li a:hover { color: #dca706; } .tab.tab-bor .tab-content { width: 100%; margin-top: 0; padding: 15px; } /*-------*/ .text-white .tab.tab-bor .nav-tabs li { background: none; } .text-white .tab.tab-bor .nav-tabs li a { color: #ffffff; } .text-white .tab.tab-bor .nav-tabs li.active a { color: #dca706; } /*-------------*/ .tab.tab-vertical { border: 1px solid rgba(167,172,166,.6); width: 100%; overflow: hidden; } .tab.tab-vertical .nav-tabs { margin-right: 0; width: 25%; border-bottom: 1px solid rgba(167,172,166,.6); position: relative; z-index: 9; } .tab.tab-vertical .nav-tabs:before { background: rgba(167,172,166,.2); border-right: 1px solid rgba(167,172,166,.6); display: block; content: ""; height: 99.8%; position: absolute; left: 0; bottom: -100%; width: 100%; z-index: 0; } .tab.tab-vertical .nav-tabs li { text-align: left; } .tab.tab-vertical .nav-tabs li a { background: rgba(167,172,166,.2); font-weight: 400; display: inline-block; width: 100%; border: 1px solid rgba(167,172,166,.6); border-left: none; border-bottom: none; padding: 10px 15px 10px 20px; } .tab.tab-vertical .nav-tabs li:first-child a { border-top: none; } .tab.tab-vertical .nav-tabs li a i { float: left; width: auto; margin-right: 20px; line-height: 42px; } .tab.tab-vertical .nav-tabs li a span { line-height: 46px; } .tab.tab-vertical .nav-tabs li a::before { background: #dca706; content: ""; height: 100%; left: -6px; margin-top: 0; position: absolute; right: inherit; top: 0; width: 5px; opacity: 0; } .tab.tab-vertical .nav-tabs li.active a::before, .tab.tab-vertical .nav-tabs li a:hover:before { left: -1px; opacity: 1; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .tab.tab-vertical .nav-tabs li.active a, .tab.tab-vertical .nav-tabs li a:hover, .tab.tab-vertical .nav-tabs li.active a:hover > a:focus { background: #fff; color: #dca706; border-right: none; border-bottom: none; position: relative; } .tab.tab-vertical .nav-tabs li.active a { border-top-color: rgba(167,172,166,.6) !important; } .tab.tab-vertical .tab-content { width: 75%; padding: 10px; } /*----------*/ .tab.tab-light .nav-tabs { width: 100%; margin: 0px; margin-bottom: -1px; border-bottom: 1px solid rgba(167,172,166,.5); text-align: center; } .tab.tab-light .nav-tabs li { background: #E4E4E4; border: 1px solid rgba(167,172,166,.5); border-bottom: none; border-top-left-radius: 2px; border-top-right-radius: 2px; margin-right: 0; width: auto; float: none; margin: 0 1px; } .tab.tab-light .nav-tabs li:last-child { margin-right: 0px; } .tab.tab-light .nav-tabs li.active { border-bottom: none; background: none; } .tab.tab-light .nav-tabs li a { font: 500 14px/22px "kutuphane-m",sans-serif; border: none; display: block; background: none; padding: 18px 25px; color: #020307; position: relative; } /*--------*/ .only-here.tab.tab-light .nav-tabs li a { padding: 8px 12px; } .only-here.tab.tab-light .nav-tabs li a span { font-size: 14px; } /*--------*/ .tab.tab-light .nav-tabs li a i { display: none; } .tab.tab-light .nav-tabs li a span { text-align: left; vertical-align: middle; } .tab.tab-light .nav-tabs li.active a { color: #dca706; } .tab.tab-light .nav-tabs li a:before { content: ""; width: 0; height: 3px; margin: 0; background: #dca706; position: absolute; left: 50%; top: -1px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .tab.tab-light .nav-tabs li.active a:before { width: 100%; left: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; } .tab.tab-light .nav-tabs li.active a:after { content: ""; width: 100%; height: 2px; margin: 0; background: #ffffff; position: absolute; left: 0; bottom: -2px; } .tab.tab-light .tab-content { width: 100%; margin-top: 20px; } /*-------*/ .text-white .tab.tab-light .nav-tabs li { background: none; } .text-white .tab.tab-light .nav-tabs li a { color: #ffffff; } .text-white .tab.tab-light .nav-tabs li.active a { color: #dca706; } .text-white .tab.tab-light .nav-tabs li.active a:after { background: #020307; } /* ----------------------------------------------- S. HORIZONTAL/ VERTICAL TABS ---------------------------------- */ /* =============================================== 02. GENERAL =================================================== */ /* =============================================== 03. HEADER ==================================================== */ header { margin: 0; } /*0 0 8px 0*/ header .topbar-area { background-color: #E4E4E4; color: #575a61; } .kh-fx { overflow: hidden; } /* ----------------------------------------------- A. TOP INFO --------------------------------------------------- */ .topbar-area ul { margin: 0; display: inline-block; } .topbar-area ul li { list-style: none; display: inline-block; position: relative; padding-top: 14px; padding-bottom: 14px; line-height: 25px; } .topbar-area ul li:hover, .topbar-area ul li:hover a { color: #dca706; } .topbar-area ul li + li { padding-left: 8px; } .topbar-area ul li a { color: #575a61; display: inline-block; } .topbar-area ul li i.fa { font-size: 16px; color: #dca706; padding-right: 7px; } /* ----------------------------------------------- A. TOP INFO --------------------------------------------------- */ /* ----------------------------------------------- B. MENU ------------------------------------------------------- */ .menu-area { background: black; box-shadow: 2px 2px 5px #ccc, 0px 0px 0px #ccc; } .menu-area .logo { display: inline-block; } .menu-area .logo { font-family: 'kutuphane-r',sans-serif; margin: 0; /*padding: 14px 0 0;*/ padding: 23px 0 10px 0; } .menu-area .logo img { width: 317px; height: auto; float: left; /*margin-right: 10px;*/ } .menu-area .logo a:not(:first-child) { float: left; margin: 5px 0; } .menu-area .logo:hover a { opacity: 0.8; transition: all 0.4s linear 0s; } .menu-area .logo a h2 { font-size: 22px; font-weight: 400; line-height: 28px; color: #020307; margin: 0; } /*.menu-area .logo a h2 span { font-weight: 500; line-height: 34px; color: #dca706; letter-spacing: -3px; }*/ .menu-area .logo a p { font-family: 'kutuphane-l',sans-serif; font-size: 22px; color: #494A4C; letter-spacing: 2px; margin: 0; padding: 0; } /*-----*/ .menu-list { /* overflow: hidden; position: relative;*/ float: right; } .menu-list a { font: normal normal 600 14px/22px Helvetica, Arial,sans-serif; color: #ffffff; float: left; display: block; text-align: center; /*padding: 37px 12px;*/ padding: 20px 12px; text-decoration: none; position: relative; transition: all 0.4s linear 0s; margin-top: 50px; } /*.menu-list a::after,*/ .menudown::after { position: absolute; /*background-color: #000000;*/ content: ""; left: 0; right: 0; bottom: 0; /*height: 3px;*/ width: 100%; display: block; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; -o-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); transform: rotateY(-90deg); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #006D73; margin: auto; } .show-search-sub { height: 100%; width: 100%; position: relative; } .show-search-sub.active::after { position: absolute; /*background-color: #000000;*/ content: ""; left: 0; right: 0; bottom: 0; /*height: 3px;*/ width: 100%; display: block; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; -o-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); transform: rotateY(-90deg); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #006D73; margin: auto; -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg) } .show-search-sub.active::after { } .menu-list a:hover::after, .menudown:hover::after { -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg) } a.active { color: #020307; padding: 37px 12px; position: relative; } a.active::before { /*background-color: #dca706; content: ""; display: block; width: 50px; height: 3px; position: absolute; top: 0px; left: 50%; transform: translate(-50%); z-index: 99999;*/ } .menu-list .res-icon { display: none; } .menudown { float: left; /*overflow: hidden;*/ position: relative; } /*.menudown .dropbtn { background-color: inherit; font: normal normal 600 14px/22px 'kutuphane-b',sans-serif; color: #020307; border: none; outline: none; padding: 37px 12px; margin: 0; }*/ @media screen and (min-width: 1300px) { .menudown .dropbtn { background-color: inherit; font: normal normal 600 14px/22px Helvetica, Arial,sans-serif; color: #ffffff; border: none; outline: none; padding: 20px 12px; margin-top: 50px; } } @media screen and (max-width: 1299px) { .menudown .dropbtn { background-color: inherit; font: normal normal 600 14px/22px Helvetica, Arial,sans-serif; color: #ffffff; border: none; outline: none; padding: 15px 12px; margin: 0; } } .menu-list a.active:hover, .menu-list a:hover, .menudown:hover .dropbtn { color: #ffffff; } /*.menu-list a.active:hover { color: rgba(220,167,6,1); }*/ /*---------------*/ .menudown-content { display: none; position: absolute; background-color: #000000; min-width: 225px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 10; } .menudown-content a { font: normal normal 600 14px/22px Helvetica, Arial,sans-serif; float: none; color: #ffffff; padding: 12px 16px; text-decoration: none; display: block; text-align: left; margin-top: 0; } .menudown-content a:hover { background-color: #006D73; color: #ffffff; } .menudown:hover .menudown-content { display: block; } @media screen and (max-width: 1299px) { /*.menu-list a:not(:first-child), .menudown .dropbtn {*/ .menu-list a, .menudown .dropbtn { display: none; } .menu-list a.res-icon { font: normal normal 600 24px/30px Helvetica, Arial, sans-serif; float: right; display: block; padding: 56px 12px 0 0; } .menudown:hover .menudown-content { display: none; } } @media screen and (max-width: 1299px) { a.active::before { left: 10%; } .menu-list.responsive { /*position: relative; float: none;*/ } .menu-list.responsive .res-icon { position: absolute; /*right: 62px;*/ right: 99px; top: 0; /*right: 115px; padding-top: 57px;*/ } .menu-list.responsive a:not(.res-icon) { /*float: none;*/ display: block; text-align: left; width: 100%; } .menu-list.responsive .menudown { float: none; position: inherit; } .menu-list.responsive .menudown-content { position: relative; } .menu-list.responsive .menudown .dropbtn { display: block; width: 100%; text-align: left; } } /*----------------------*/ .top-search .search-form { position: relative; } .top-search.show { top: 100%; opacity: 1; z-index: 9999; /*display: block;*/ } .top-search { background-color: #000000; /*#3f424b #2E3841 #494A4C*/ width: 57%; padding: 15px 0 15px 15px; position: absolute; top: 100px; right: 15px; opacity: 0; z-index: -99; visibility: hidden; /*display: none;*/ -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /*----------*/ .arama-text { font: normal normal 600 14px/22px Helvetica, Arial,sans-serif; color: white; cursor: default; } .show-search { /*background-color: #dca706;*/ float: right; display: inline-block; height: 92px; /*margin-left: 10px; position: relative;*/ } .blind-icn { float: right; display: inline-block; margin-left: 15px; border-left: 1px solid rgba(166,172,167,0.1); } .blind-icn:hover { border-left: 1px solid rgba(220,167,6,1); } .show-search:hover { /*background-color: rgba(180,137,3, 1);*/ } .show-search a, .blind-icn a { line-height: 96px; padding: 0 15px 0 5px; /*position:absolute; right: 0;*/ } .show-search a:hover, .show-search a:hover i { color: rgba(255,255,255); } .blind-icn a i { color: #dca706 !important; } .show-search a i, .blind-icn a i { font-size: 18px; color: #ffffff; /*line-height: 90px;*/ opacity: 0.9; transition: all 0.3s ease-in-out 0s; float: none; margin-top: 51px; } /*-------*/ .top-search .search-form input[type="text"] { background-color: transparent; font-size: 14px; /*color: rgba(166,172,166,0.6);*/ border-width: 0 0 1px 0; border-style: solid; border-color: rgba(167,172,166,0.2); border-radius: 0; height: 40px; width: 100%; outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 10px; } .site-ici-arama-icon { margin-top: 11px; height: 100%; width: 100%; } .top-search .search-form i.input-icon { position: absolute; width: 63px; height: 45px; line-height: 32px; display: block; top: 0; right: 10px; text-align: center; color: rgba(166,172,166,0.6); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; z-index: 2; color: white; font-size: 20px; background-color: #222222; } .top-search .search-form i.input-icon:hover { /*cursor: pointer;*/ color: #006D73; /*right: 0px;*/ } .top-search .search-form input[type="text"]:active, .top-search .search-form input[type="text"]:focus { /*color: rgba(167,172,166,0.8) !important;*/ border-bottom: 1px solid rgba(220,167,6,1) !important; width: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .top-search .search-form input[type="text"]:focus .input-icon, .top-search .search-form input[type="text"]:active .input-icon, .top-search .search-form input[type="text"]:active + i, .top-search .search-form input[type="text"]:focus + i { color: rgba(220,167,6,0.8); /*right: 0;*/ } .top-search .search-form input[type="text"]:active::-moz-placeholder, .top-search .search-form input[type="text"]:focus::-moz-placeholder { color: rgba(167,172,166,0.8); } /* ----------------------------------------------- B. MENU ------------------------------------------------------- */ /* =============================================== 03. HEADER ==================================================== */ /* =============================================== 04. MAIN CONTAINER ============================================ */ /* ----------------------------------------------- A. SLIDER ----------------------------------------------------- */ .headline-wrapper { /*border-bottom: 4px solid #dca706;*/ } .slider-wrapper { background-color: #fff; border-bottom: 4px solid #dca706; max-height: 550px !important; width: 100% !important; padding: 0; position: relative; } /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav { margin: 0; padding: 0; list-style: none; } .flex-direction-nav { display: none; } .flex-pauseplay span { text-transform: capitalize; } .headline-point, .headline-thumb, .multiple4x-point, .single-point, .multiple3x-point { overflow: hidden; margin: 0; padding: 0; } .headline-thumb { position: relative; zoom: 1; } /*---ortak---*/ .headline-point .slides > li, .headline-thumb .slides > li, .multiple3x-point .slides > li, .multiple4x-point .slides > li, .single-point .slides > li { display: none; -webkit-backface-visibility: hidden; } /*---ortak---*/ .headline-point .slides img, .headline-icons .slides img, .headline-thumb .slides img, .multiple3x-point .slides img, .multiple4x-point .slides img, .single-point .slides img { width: 100%; display: block; } /*---ortak---*/ .headline-point .slides:after, .headline-thumb .slides:after, .multiple3x-point .slides:after, .multiple4x-point .slides:after, .single-point .slides:after { height: 0; line-height: 0; content: "\0020"; display: block; clear: both; visibility: hidden; } /*---ortak---*/ html[xmlns] .headline-point .slides, html[xmlns] .headline-thumb .slides, html[xmlns] .multiple3x-point .slides, html[xmlns] .multiple4x-point .slides, html[xmlns] .single-point .slides { display: block; } /*---ortak---*/ * html .headline-point .slides, * html .headline-thumb .slides, * html .multiple3x-point .slides, * html .multiple4x-point .slides, * html .single-point .slides { height: 1%; } /*---ortak---*/ .no-js .headline-point .slides > li:first-child, .no-js .headline-thumb .slides > li:first-child, .no-js .multiple3x-point .slides > li:first-child, .no-js .multiple4x-point .slides > li:first-child, .no-js .single-point .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ /*---ortak---*/ .headline-point, .headline-thumb, .multiple3x-point, .multiple4x-point, .single-point { margin: 0px; /*background: #ffffff;*/ position: relative; zoom: 1; } /*---ortak---*/ .headline-point .slides, .headline-thumb .slides, .multiple3x-point .slides, .multiple4x-point .slides, .single-point .slides { zoom: 1; } /*---ortak---*/ .headline-point .slides img, .headline-thumb .slides img, .multiple3x-point .slides img, .multiple4x-point .slides img, .single-point .slides img { height: auto; } /*---ayrı---*/ .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .headline-thumb.zoom .flex-viewport { border: 1px solid rgba(167,172,166,.5); } /*---ayrı---*/ .loading .flex-viewport { max-height: 300px; } @-moz-document url-prefix() { .loading .flex-viewport { max-height: none; } } .headline-point ul.slides li, .headline-icons ul.slides li, .headline-thumb ul.slides li { position: relative; } /*---slider icon---*/ .bilge { position: relative; overflow: hidden; } #carousel.kagan { width: 100%; margin: 0px; padding: 0 138px; /*background: #ffffff;*/ position: absolute; bottom: 0%; zoom: 1; } .carousel-item { background-color: transparent !important; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); /*float: left;*/ } .carousel-item a { color: #fff; } .carousel-item { /*float: left;*/ } .carousel-item figure { text-align: center; padding: 10px 0 20px 0; } .carousel-item figure .fa, .carousel-item figure .f-icon { font-size: 100px; } .carousel-item figure .fa, .carousel-item figure .f-icon { font-size: 70px; -moz-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; } .carousel-item figure:hover .fa, .carousel-item figure:hover .f-icon { -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); } .carousel-item figcaption { font: 400 13px/22px Helvetica, Arial,sans-serif; white-space: nowrap; text-overflow: ellipsis; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7); overflow: hidden; width: 100%; } /*---slider icon---*/ /*---ayrı---*/ .carousel li { /*margin-right: 5px;*/ } /*---ayrı---*/ .flex-direction-nav { *height: 0; } .flex-direction-nav a { background: rgba(255,255,255,1); text-shadow: 0 1px 2px rgba(0,0,0,.6); box-shadow: 0 0 10px rgba(2,3,7,.5); text-align: center; color: #494A4C; width: 40px; height: 40px; line-height: 40px; margin: -20px 0 0; /*border: 1px solid rgba(235,234,234,0);*/ border-radius: 50%; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; display: block; cursor: pointer; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .flex-direction-nav a:before { font-family: 'FontAwesome'; font-size: 26px; display: inline-block; content: '\f104'; } /*---sağ-sol ok---*/ .flex-direction-nav a.flex-next:before { content: '\f105'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; /*text-align: right;*/ } .headline-thumb:hover .flex-direction-nav .flex-prev, .headline-point:hover .flex-direction-nav .flex-prev, #carousel:hover .flex-direction-nav .flex-prev, .headline-icons:hover .flex-direction-nav .flex-prev, .multiple4x-point:hover .flex-direction-nav .flex-prev, .multiple3x-point:hover .flex-direction-nav .flex-prev, .single-point:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 50px; } .headline-thumb:hover .flex-direction-nav .flex-prev:hover, .headline-point:hover .flex-direction-nav .flex-prev:hover, #carousel:hover .flex-direction-nav .flex-prev:hover, .headline-icons:hover .flex-direction-nav .flex-prev:hover, .multiple4x-point:hover .flex-direction-nav .flex-prev:hover, .multiple3x-point:hover .flex-direction-nav .flex-prev:hover, .single-point:hover .flex-direction-nav .flex-prev:hover { background-color: rgba(255,255,255,1); color: #494A4C; opacity: 1; } .headline-thumb:hover .flex-direction-nav .flex-next, .headline-point:hover .flex-direction-nav .flex-next, #carousel:hover .flex-direction-nav .flex-next, .headline-icons:hover .flex-direction-nav .flex-next, .multiple4x-point:hover .flex-direction-nav .flex-next, .multiple3x-point:hover .flex-direction-nav .flex-next, .single-point:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 50px; } .headline-thumb:hover .flex-direction-nav .flex-next:hover, .headline-point:hover .flex-direction-nav .flex-next:hover, #carousel:hover .flex-direction-nav .flex-next:hover, .headline-icons:hover .flex-direction-nav .flex-next:hover, .multiple4x-point:hover .flex-direction-nav .flex-next:hover, .multiple3x-point:hover .flex-direction-nav .flex-next:hover, .single-point:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } /*---sağ-sol ok---*/ .flex-pauseplay a { color: #020307; width: 20px; height: 20px; position: absolute; left: 10px; bottom: 5px; opacity: 0.8; z-index: 10; display: block; overflow: hidden; cursor: pointer; } .flex-pauseplay a:before { font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /*---kontrol-button---*/ .headline-point .flex-control-nav, .multiple4x-point .flex-control-nav, .single-point .flex-control-nav, .multiple3x-point .flex-control-nav { text-align: center; width: 100%; position: absolute; bottom: 15px; z-index: 9; } /*---özel---*/ .headline-thumb .flex-control-nav { width: 100%; /*position: absolute; bottom: 0;*/ text-align: center; z-index: 9; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; } .flex-control-nav li a:hover::after, .flex-control-paging li a.flex-active::after { border-color: #dca706; } .flex-control-nav li a::after, .flex-control-paging li a::after { content: ''; width: 16px; height: 13px; /*border: 1px solid transparent;*/ position: relative; top: -25px; left: -3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: block; } .flex-control-paging li a { background: #ffffff; /*border-radius: 20px;*/ width: 86px; height: 6px; display: block; cursor: pointer; text-indent: -9999px; } .flex-control-paging li a:hover { background: rgba(0, 109, 115, 1); } .flex-control-paging li a.flex-active { background: rgba(0, 109, 115, 1); cursor: default; /*width: 30px;*/ /*height: 10px;*/ } /*---kontrol-button---*/ .flex-control-thumbs { margin: 10px 0; position: static; overflow: hidden; } .headline-thumb.zoom .flex-control-thumbs li { width: 15%; float: left; margin: 0; padding: 0 5px 0 0; } /*.flex-control-thumbs li:first-child{ padding:0 5px 0 0; } .flex-control-thumbs li:last-child{ padding:0 0 0 5px; }*/ /*.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer; border: 1px solid rgba(167,172,166,.5);} .flex-control-thumbs img:hover {opacity: 1; border: 1px solid #dca706;}*/ .flex-control-thumbs .flex-active { opacity: 1; cursor: default; border: 1px solid #dca706 !important; } .headline-thumb .flex-control-thumbs li { width: 10%; float: left; margin: 0 3px; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; border: 1px solid #ccc; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } /*---özel---*/ .headline-thumb.zoom .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; border: 1px solid rgba(167,172,166,.5); } .headline-thumb.zoom .flex-control-thumbs img:hover { opacity: 1; border: 1px solid #dca706; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /*==========================================================================================*/ /*---caption/başlık---*/ .headline-point .flex-caption, .headline-icons .flex-caption, .headline-thumb .flex-caption, .single-point .flex-caption { font: 400 13px/18px 'kutuphane-r', sans-serif; color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,.3); width: 100%; padding: 0px 15px; margin: 0; position: absolute; left: 0; bottom: 18%; } .headline-point .flex-caption h2, .headline-icons .flex-caption h2, /*.headline-thumb .flex-caption h2,*/ .single-point .flex-caption h2 { font: 700 46px/52px "kutuphane-eb",sans-serif; color: #fff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); margin: 0; padding-bottom: 10px; } /*---özel---*/ .headline-thumb .flex-caption { text-align: left; bottom: 0; } .headline-thumb .flex-caption h3 { font: 700 22px/28px "kutuphane-eb",sans-serif; color: #dca706; margin: 0; padding-bottom: 5px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); } .headline-thumb .flex-caption h2 { font: 700 22px/28px "kutuphane-eb",sans-serif; color: #fff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); margin: 0; padding-bottom: 5px; } .headline-thumb .flex-caption p { font: 400 16px/22px Helvetica, Arial,sans-serif; color: #fff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7); margin: 0 0 5px; } /*------------*/ .headline-point .flex-caption { text-align: left; bottom: 25%; } .headline-point .flex-caption h3 { /*font: 700 46px/52px "kutuphane-eb",sans-serif;*/ font: 4em "BebasNeue-Bold",sans-serif; color: #ffffff; margin: 0; padding-bottom: 10px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); } .multiple4x-point .flex-caption p, .headline-point .flex-caption p, .headline-icons .flex-caption p, /*.headline-thumb .flex-caption p,*/ .single-point .flex-caption p { font: 400 20px/26px Helvetica, Arial,sans-serif; color: #fff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7); margin: 0 0 10px; } .multiple4x-point .flex-caption p + p, .headline-point .flex-caption p + p, .headline-icons .flex-caption p + p, .headline-thumb .flex-caption p + p, .single-point .flex-caption p + p { margin: 0; } .multiple4x-point .flex-caption p + p a.more, .headline-point .flex-caption p + p a.more, .headline-icons .flex-caption p + p a.more, .headline-thumb .flex-caption p + p a.more, .single-point .flex-caption p + p a.more { background: #dca706 none repeat scroll 0 0; font: 700 16px/26px "kutuphane-eb",sans-serif; color: #fff; border: 2px solid #dca706; border-radius: 3px; text-align: center; text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.15); width: auto !important; height: 40px; min-width: 80px; max-width: 350px; padding: 5px 30px; margin-top: 10px; display: inline-block; position: relative; opacity: 1; } .multiple4x-point .flex-caption p + p a.more:hover, .headline-point .flex-caption p + p a.more:hover, .headline-icons .flex-caption p + p a.more:hover, .headline-thumb .flex-caption p + p a.more:hover, .single-point .flex-caption p + p a.more:hover { background-color: transparent !important; border-color: #dca706 !important; color: #dca706; } /* ----------------------------------------------- A. SLIDER ----------------------------------------------------- */ /* ----------------------------------------------- B. INFO-BANK -------------------------------------------------- */ .quick-wrapper { padding: 0 0 35px 0; } .infobank { border-right: 1px solid rgba(166,172,167,0.6); border-bottom: 1px solid rgba(166,172,167,0.6); padding: 25px 0px; min-height: 123px; } .infobank[att="last-child"], .infobank[att="last-child bottom"], .infobank[att="last-child"]:hover, .infobank[att="last-child bottom"]:hover { border-right: none; } .infobank[att="bottom"], .infobank[att="last-child bottom"] { border-bottom: none; } .infobank:hover { border-right: 1px solid rgba(220,167,6,1); color: #dca706; } .infobank:hover > h3 { color: rgba(87,90,97,1); } .infobank:hover h2 a { color: #dca706; } .infobank-icon { margin: 0 0 5px 0; display: block; text-align: center; } .infobank-icon a > i { font-size: 38px; color: #dca706; text-align: center; float: none; margin: 7px 0 7px 0; } .infobank > h2 { font: 700 16px/22px 'kutuphane-eb',sans-serif; color: #575a61; margin: 0 0 5px 0px; text-align: center; } .infobank > h2 a { color: #020307; text-decoration: none; transition: all 0.3s ease-out 0s; } .infobank > h2 a:hover, .infobank-icon a:hover i { color: #dca706; } .infobank > h3 { font: 400 13px/18px 'kutuphane-r',sans-serif; color: rgba(87,90,97,.7); margin: 0 0 5px 0px; text-align: center; } /* ----------------------------------------------- B. INFO-BANK -------------------------------------------------- */ /* ----------------------------------------------- C. ADVERTISING ------------------------------------------------ BEKLET */ .advert-wrapper { margin: 0 0 8px 0; padding: 0px; } .advert-item { background: #FFFFFF; min-height: 65px; margin: 8px 0 0 0; padding: 16px 5px; } .advert-item:first-child { background: #dca706; margin: 0; } .advert-item:first-child a .icon-wrap i, .advert-item:first-child a .icon-info h2 { color: #fff } .advert-item:hover { background: #dca706; } .advert-item:hover a .icon-wrap i, .advert-item:hover a .icon-info h2 { color: #fff } .advert-item .icon-wrap { text-align: left; margin: 0px; padding: 0px; float: left; } .advert-item .icon-wrap i { color: #dca706; display: inline-block; font-size: 22px; float: left; margin: 5px 12px; transition: all .25s ease; } .advert-item .icon-info { padding: 0; } .advert-item .icon-info h2 { font: 700 13px/22px "kutuphane-eb",sans-serif; color: #575a61; margin: 5px 0 0; text-align: left; } /* ----------------------------------------------- C. ADVERTISING ------------------------------------------------ BEKLET */ /* ----------------------------------------------- D. CUSTOMER COMMENTS ------------------------------------------ */ section.customer-wrapper { background-color: #eee; padding: 0 0 20px 0; margin: 0 0 45px 0; } /* .customer-comments{ margin: 25px 0; text-align: center; }*/ .comm { margin: 0 0 20px 0; } .comment-item { /*margin: 0 0 35px 0;*/ } .comment-item .comment-content { text-align: center; /*margin: 0 0 45px 0px;*/ padding: 5px 3%; } .comment-item .customer-name { font: 700 16px/22px Helvetica, Arial,sans-serif; color: #020307; display: inline-block; border-bottom: 1px solid #4f4f4f; padding-top: 10px; } .comment-item .comment-content i { text-align: center; color: #919191; font-size: 22px; line-height: 45px; border: 1px solid #b6b3b3; border-radius: 50%; width: 45px; height: 45px; margin: 0 0 12px; } /* ----------------------------------------------- D. CUSTOMER COMMENTS ------------------------------------------ */ /* ----------------------------------------------- E. SHOWCASE --------------------------------------------------- */ .showcase-wrapper { padding: 0px; } .showcase-inner { margin: 0; padding: 0; background-color: #dca706; } .showcase-inner header { background-color: #fff; position: relative; margin-bottom: 0; padding: 30px 0 } .showcase-inner header:before { content: ''; position: absolute; border-width: 20px 20px 0 20px; border-style: solid solid solid solid; border-color: #fff transparent #fff; bottom: -15px; left: 50%; z-index: 2; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) } .showcase-inner ul { position: relative; width: 100%; height: auto; overflow: hidden; font-size: 0; margin: 0; padding: 0 } .showcase-inner ul li { position: relative; background-size: cover; background-position: center; display: block; width: 100%; height: 30vh; overflow: hidden; -moz-transition: width .5s; -o-transition: width .5s; -webkit-transition: width .5s; transition: width .5s } .showcase-inner ul li > a { position: absolute; width: 100%; height: 100%; -moz-transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); -o-transform: translate3d(0,100%,0); -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); z-index: 99 } .showcase-inner ul li:hover > a { -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .showcase-inner ul li.more { background-color: #dca706; position: relative; height: 100px } .showcase-inner ul li.more a { position: absolute; width: 100%; height: 100% } .showcase-inner ul li.more .more-icon { font-size: 70px; color: #fff; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .showcase-inner ul li.more .more-icon, .showcase-inner ul li.more .more-icon span { -moz-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s } .showcase-inner ul li.more .more-icon span { display: inline-block } .showcase-inner ul li.more .more-icon span:before, .showcase-inner ul li.more .more-icon span:after { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -moz-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; white-space: nowrap } .showcase-inner ul li.more .more-icon span:before { content: attr(data-title-show); opacity: 0; font-size: 16px } .showcase-inner ul li.more .more-icon span:after { content: attr(data-title-hide); opacity: 1 } .showcase-inner ul li.more:hover .more-icon span:before { opacity: 1 } .showcase-inner ul li.more:hover .more-icon span:after { opacity: 0 } @media(min-width:992px) { .showcase-inner ul li.more, .showcase-inner ul li.more.inactive { width: 5% } .showcase-inner ul li.more.active { width: 28% } .showcase-inner ul li.more.more { height: 100% } } .showcase-inner ul li.inactive, .showcase-inner ul li.active { width: 100% } @media(min-width:992px) { .showcase-inner ul li { width: 19%; height: 100%; display: inline-block } .showcase-inner ul li.inactive { width: 15% } .showcase-inner ul li.active { width: 35% } } .showcase-inner ul li .logo { opacity: 1; position: absolute; width: 100%; height: 100%; -moz-transition: opacity .2s; -o-transition: opacity .2s; -webkit-transition: opacity .2s; transition: opacity .2s; font-size: initial; color: #fff } .showcase-inner ul li .logo img, .showcase-inner ul li .logo .text { font: 700 24px/32px Helvetica, Arial,sans-serif; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); } .showcase-inner ul li .logo .text { text-align: center } .showcase-inner ul li .logo .text .f-icon { font-size: 100px } .showcase-inner ul li .logo .text .text-intro { display: block } .showcase-inner ul li:hover .logo { opacity: 0 } .showcase-inner ul li figure { background-color: rgba(2,3,7,.5); color: #fff; position: absolute; z-index: 9; font-size: initial; padding: 20px 10px; width: 100%; left: 0; bottom: 0; -moz-transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); -o-transform: translate3d(0,100%,0); -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); -moz-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s } .showcase-inner ul li figure h4 { font: 700 20px/26px Helvetica, Arial,sans-serif; color: #fff; margin-bottom: 0 } @media(min-width:992px) { .showcase-inner ul li figure { padding: 20px 30px } } .showcase-inner ul li:hover figure { -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } @media(min-width:992px) { .showcase-inner ul { height: 500px; white-space: nowrap } .showcase-inner.showcase-inner-frontpage ul { height: 100vh } .showcase-inner.showcase-inner-frontpage ul li figure { bottom: 20%; -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); overflow: hidden; padding: 50px 30px } .showcase-inner.showcase-inner-frontpage ul li:hover figure { -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } /* ----------------------------------------------- E. SHOWCASE --------------------------------------------------- */ /* ------------------------------------------- F. ETKİNLİK HABERLERİ -------------------------------------------------- */ .date-wrapper-etkinlik { position: absolute; right: 10px; top: 10px; text-align: center; line-height: 10px; background-color: white; padding: 4px 12px 4px 12px; border-radius: 3px; color: #00878C; border: 1px solid #707070; } .date-etkinlik-day { font: normal normal 600 27px Helvetica, Arial,sans-serif; } .date-etkinlik-month { font: normal normal 400 10px Helvetica, Arial,sans-serif; } .date-wrapper-etkinlik-manset { position: absolute; right: 25px; top: 15px; text-align: center; line-height: 10px; background-color: transparent; padding: 4px 12px 4px 12px; border-radius: 3px; border-color: #ffffff; color: #ffffff; border: 1px solid #ffffff; } .date-etkinlik-day-manset { font: normal normal 600 27px Helvetica, Arial,sans-serif; } .date-etkinlik-month-manset { font: normal normal 400 10px Helvetica, Arial,sans-serif; } .news-etkinlik-div { /*padding:3px !important;*/ padding-bottom: 10px !important; } .news-wrapper-etkinlik { padding: 0 0 35px 0; } article.news-etkinlik { margin-top: 5px; margin-bottom: 0; height: 100%; background-color: #E3E3E3; /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/ } /*article.news-etkinlik:not(.add):hover { position: relative; color: initial; -moz-transform: translate3d(0,-20px,0); -ms-transform: translate3d(0,-20px,0); -o-transform: translate3d(0,-20px,0); -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }*/ article.news-etkinlik:not(.add):hover .news-etkinlik-info.info-table a, article.news-etkinlik:not(.add):hover .news-etkinlik-info.info-table .title a { color: #00878C; } article.news-etkinlik a { display: block; } article.news-etkinlik, article.news-etkinlik a { color: rgba(0, 109, 115, 0.9); text-decoration: none !important; /*color: #00878C; font: 20px Helvetica, Arial,sans-serif;*/ } /*background-color: rgba(0, 95, 102,0.8);*/ .etkinlik-manset-main { position: absolute; width: 33%; height: 100%; top: 0; right: 15px; } @media (min-width: 992px) { .etkinlik-manset-main { position: absolute; width: 0; height: 0; top: 0; right: 15px; overflow: hidden; } .date-wrapper-etkinlik-manset { background-color: rgba(0, 95, 102,0.8); border-color: rgba(0, 95, 102,0.8); } .show-etkinlik-main { /*width: 33%;*/ /*height: 100%;*/ /*transition: height 0.25s ease-in;*/ } } .etkinlik-manset-top { position: relative; width: 100%; height: 100%; padding-left: 15px } .etkinlik-manset-wrapper { height: 100%; width: 100%; background-color: rgba(0, 95, 102,0.8); padding-left: 20px; padding-right: 20px; padding-top: 35px; padding-bottom: 35px; } .etkinlik-manset-etkinlik-turu { font: 2em "BebasNeue-Bold",sans-serif; color: white; } @media (max-width: 991px) { .etkinlik-manset-etkinlik-basligi { font: 26px Helvetica, Arial,sans-serif; color: white; padding-top: 30px; line-height: 34px; } } @media (min-width: 992px) { .etkinlik-manset-etkinlik-basligi { font: 38px Helvetica, Arial,sans-serif; color: white; padding-top: 30px; line-height: 45px; } } .etkinlik-manset-etkinlik-yazisi { font: 16px Helvetica, Arial,sans-serif; color: white; padding: 0 0 20px 0; } .etkinlik-manset-buton-wrapper { bottom: 15px; position: absolute; } .etkinlik-manset-buton { padding: 5px; background-color: #ffffff; border-radius: 2px; font: 16px "BebasNeue-Bold",sans-serif; color: #006D73; } .news-etkinlik-info > p { padding: 2px; } .category-title { font: 40px "BebasNeue-Bold",sans-serif; } .news-etkinlik-baslik { color: #00878C; font: 20px Helvetica, Arial,sans-serif; line-height: 25px !important; } article.news-etkinlik a:hover { color: black !important; } .news-etkinlik-ozet { color: #000000; font: 18px Helvetica, Arial,sans-serif; line-height: 25px !important; } .news-etkinlik-detay-linki { color: #00878C; font: 14px Helvetica, Arial,sans-serif; line-height: 25px !important; } article.news-etkinlik .image { height: 268px; } article.news-etkinlik .image { background-position: center; background-size: cover; overflow: hidden; height: auto; } article.news-etkinlik .image img { display: block; width: 100% } article.news-etkinlik .news-etkinlik-info.info-table { display: table; width: 100%; height: 80px; } article.news-etkinlik .news-etkinlik-info { background-color: #E3E3E3; padding: 10px 15px; position: relative; } /*---------*/ /*SOSYAL MEDYA*/ @media (max-width:991px) { .news-sosyal-medya-div { margin-left: 0; } } @media (min-width:992px) { .news-sosyal-medya-div { margin-left: 15px; } } .anasayfa-sosyal-medya-listesi { /*overflow-x: hidden;*/ /*overflow-y: scroll;*/ } .news-sosyal-medya-info > p { /*padding: 10px 15px;*/ } .news-sosyal-medya-baslik { color: rgba(0, 109, 115, 0.9); font: 18px Helvetica, Arial,sans-serif; line-height: 25px !important; } .news-sosyal-medya-baslik > a { color: rgba(0, 109, 115, 0.9); text-decoration: none !important; } .news-sosyal-medya-baslik > a:hover { color: black; text-decoration: none !important; } .news-sosyal-medya-ozet { color: #000000; font: 18px Helvetica, Arial,sans-serif; line-height: 25px !important; } .news-sosyal-medya-detay-linki { color: #00878C; font: 14px Helvetica, Arial,sans-serif; line-height: 25px !important; } article.news-sosyal-medya { margin-bottom: 0; height: 100%; background-color: #E3E3E3; } article.news-sosyal-medya .image { /*height: 268px;*/ } article.news-sosyal-medya .image { background-position: center; background-size: cover; overflow: hidden; height: auto; } article.news-sosyal-medya .image img { display: block; width: 100% } article.news-sosyal-medya .news-sosyal-medya-info.info-table { display: table; width: 100%; height: auto; } article.news-sosyal-medya .news-sosyal-medya-info { background-color: #E3E3E3; padding: 10px 15px; position: relative; } /*---------*/ /* ----------------------------------------------- F. NEWS ------------------------------------------------------- */ .news-wrapper { padding: 0 0 35px 0; } article.news { margin-top: 5px; margin-bottom: 75px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } article.news:not(.add):hover { position: relative; color: initial; -moz-transform: translate3d(0,-20px,0); -ms-transform: translate3d(0,-20px,0); -o-transform: translate3d(0,-20px,0); -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } article.news:not(.add):hover .news-info.info-table a, article.news:not(.add):hover .news-info.info-table .title a { color: #dca706; } article.news a { display: block; } article.news, article.news a { color: #020307; } article.news .image { height: 220px; } article.news .image { background-position: center; background-size: cover; overflow: hidden; height: auto; } article.news .image img { display: block; width: 100% } article.news .news-info.info-table { display: table; width: 100%; height: 80px; } article.news .news-info { background-color: #fff; padding: 10px 15px; position: relative; } /*---------*/ ul.medialist { list-style: none; padding: 0; margin: 5px 0 33px; } ul.medialist li { width: 100%; display: table; padding: 5px 0; } ul.medialist li:hover, ul.medialist li:hover .title a { color: #dca706; } ul.medialist li:hover .sdate-wrapper .date { border-right: 1px solid #dca706; } ul.medialist li .sdate-wrapper { width: 55px; } ul.medialist li .sdate-wrapper .date { width: 50px; height: 60px; z-index: 99; padding: 7px 0; text-align: center; border-right: 1px solid #ccc; } ul.medialist li .sdate-wrapper .date span { display: block; font-size: 11px; line-height: 12px; } ul.medialist li .sdate-wrapper .date span { display: block; font-size: 11px; line-height: 12px; } ul.medialist li .title { display: table-cell; vertical-align: middle; padding-left: 10px; } /*--------*/ article.news .news-info.info-table > div { display: table-cell; vertical-align: middle; } article.news .news-info .date-wrapper { width: 55px; } article.news .news-info .date-wrapper .date { width: 50px; height: 60px; z-index: 99; padding: 7px 0; text-align: center; border-right: 1px solid #ccc; } article.news .news-info .date-wrapper .date span { display: block; font-size: 11px; line-height: 12px; } article.news .news-info .date-wrapper .date span { display: block; font-size: 11px; line-height: 12px; } article.news .news-info.info-table .title { padding-left: 10px; } article.news .news-info.info-table > div { display: table-cell; vertical-align: middle; } .news .title { color: #3a3d45; } /*------*/ @media(min-width:768px) { article.news { -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; /*margin-bottom:30px*/ } article.news:not(.add):hover { position: relative; color: initial; -moz-transform: translate3d(0,-20px,0); -ms-transform: translate3d(0,-20px,0); -o-transform: translate3d(0,-20px,0); -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } article.news .image { height: 220px } article.news .image img { display: none } } /* ----------------------------------------------- F. NEWS ------------------------------------------------------- */ /* ----------------------------------------------- G. COUNTER ---------------------------------------------------- */ section.counter-wrapper { background-color: #fafafa; padding: 25px 0; margin: 0 0 45px 0; } .count-caption { font: 500 24px/32px "kutuphane-m",sans-serif; color: #020307; padding: 55px 0 0 40px; position: relative; } .count-caption::before { background-color: #dca706; content: ""; display: block; width: 35px; height: 3px; position: absolute; top: 60%; left: 0; } .count-caption span { background-color: #dca706; color: #fff; padding: 0 10px; } .kh-counter { text-align: center; position: relative; } .kh-counter:before { content: ""; position: absolute; width: 1px; height: 105px; top: -10px; left: 0; background-color: #fff; opacity: 0.4; filter: alpha(opacity=40); } .kh-counter:nth-of-type(1):before { content: ""; width: 0; height: 0; } .kh-counter .number-icon i { font-size: 72px; color: #dca706; margin: 10px 0; } .kh-counter .number-count { font: 500 38px/50px "kutuphane-m",sans-serif; color: #dca706; text-align: center; margin: 10px 0 5px; border: 1px solid #f3f3f3; } .kh-counter .name-count { font: 400 14px/24px Helvetica, Arial,sans-serif; color: #020307; opacity: 0.8; } /* ----------------------------------------------- G. COUNTER ---------------------------------------------------- */ /* =============================================== 04. MAIN CONTAINER ============================================ */ /* =============================================== 05. CONTAINER ================================================= */ /* =============================================== 05. CONTAINER ================================================= */ /* =============================================== 06. FOOTER ==================================================== */ footer { background-color: #020307; border-top: 4px solid #dca706; padding: 40px 0; } /* ----------------------------------------------- A. FOOTER-TITLE ---------------------------------------------- */ h3.foot-title { font: normal normal 600 18px/26px Helvetica, Arial,sans-serif; color: #dca706; margin-bottom: 20px; } h3.foot-title span { font-weight: normal; } /* ----------------------------------------------- A. FOOTER-TITLE ---------------------------------------------- */ /* ----------------------------------------------- B. FOOTER SITE LOGO ------------------------------------------ */ .foot-sitelogo { background: transparent none repeat scroll 0 0; margin: 22px 0; padding: 0; opacity: 0.5; text-align: center; } .foot-sitelogo a img { max-width: 95px; } .foot-sitelogo:hover { opacity: 1; } /* ----------------------------------------------- B. FOOTER SITE LOGO ------------------------------------------ */ /* ----------------------------------------------- C. SOCIAL-MEDIA ----------------------------------------------- */ .social-media { text-align: center; } .social-media ul { list-style: none; padding: 0; margin: 27px 0; } .social-media ul li { display: inline-block; padding: 0 5px; } .social-media ul li a { } .social-media ul li a i { line-height: 36px !important; margin: 0 !important; font-size: 16px !important; color: #020307; background: #fff; width: 34px; height: 34px; display: inline-block; border-radius: 100%; text-align: center; transition: all .3s ease-in-out; } .social-media ul li a i:hover { color: rgba(255,255,255,1.00); } .social-media ul li a i[class*="facebook"]:hover { background-color: #3B5998; } .social-media ul li a i[class*="twitter"]:hover { background-color: #3B8ACA; } .social-media ul li a i[class*="instagram"]:hover { background-color: #125688; } .social-media ul li a i[class*="google"]:hover { background-color: #d7473d; } .social-media ul li a i[class*="linkedin"]:hover { background-color: #0077B5; } .social-media ul li a i[class*="youtube"]:hover { background-color: #cc181e; } /*SOCIAL MEDIA BOTTOM*/ .footer-tccb-logo-img { width: 100%; } .footer-tccb-logo-ul { margin-top: 62px; } .social-media-bottom { text-align: right; padding-top: 10px; padding-bottom: 10px; } .social-media-bottom ul { list-style: none; padding: 0; } .social-media-bottom ul li { display: inline-block; padding: 0 5px; } .social-media-bottom ul li a { } .social-media-bottom ul li a i { line-height: 25px !important; margin: 0 !important; font-size: 16px !important; color: #020307; background: #fff; width: 25px; height: 25px; display: inline-block; border-radius: 100%; text-align: center; transition: all .3s ease-in-out; } .social-media-bottom ul li a i:hover { color: rgba(255,255,255,1.00); } .social-media-bottom ul li a i[class*="facebook"]:hover { background-color: #3B5998; } .social-media-bottom ul li a i[class*="twitter"]:hover { background-color: #3B8ACA; } .social-media-bottom ul li a i[class*="instagram"]:hover { background-color: #125688; } .social-media-bottom ul li a i[class*="google"]:hover { background-color: #d7473d; } .social-media-bottom ul li a i[class*="linkedin"]:hover { background-color: #0077B5; } .social-media-bottom ul li a i[class*="youtube"]:hover { background-color: #cc181e; } .social-media-bottom ul li a em { line-height: 25px !important; margin: 0 !important; font-size: 16px !important; color: #020307; background: #fff; width: 25px; height: 25px; display: inline-block; border-radius: 100%; text-align: center; transition: all .3s ease-in-out; } .social-media-bottom ul li a em:hover { color: rgba(255,255,255,1.00); } .social-media-bottom ul li a em[class*="facebook"]:hover { background-color: #3B5998; } .social-media-bottom ul li a em[class*="twitter"]:hover { background-color: #3B8ACA; } .social-media-bottom ul li a em[class*="instagram"]:hover { background-color: #125688; } .social-media-bottom ul li a em[class*="google"]:hover { background-color: #d7473d; } .social-media-bottom ul li a em[class*="linkedin"]:hover { background-color: #0077B5; } .social-media-bottom ul li a em[class*="youtube"]:hover { background-color: #cc181e; } /*-------*/ /*SOCIAL MEDIA TOP*/ @media(min-width:1300px){ .social-media-top { text-align: right; position: absolute; top: -10px; right: 10px; height: 10px; } } @media (min-width:992px) and (max-width:1299px) { .social-media-top { text-align: right; position: absolute; top: -10px; right: 10px; height: 10px; } } @media (max-width:991px) { .social-media-top { text-align: right; position: absolute; top: -10px; right: 10px; height: 10px; } } .social-media-top ul { list-style: none; padding: 0; margin: 28px 0; } .social-media-top ul li { display: inline-block; padding: 0 5px; } .social-media-top ul li a { } .social-media-top ul li a i { line-height: 30px; font-size: 20px; color: #020307; background: #fff; width: 35px; height: 35px; display: inline-block; border-radius: 35%; text-align: center; transition: all .2s ease-in-out; } .social-media-top ul li a i:hover { color: #006d73; } .social-media-top ul li a i[class*="facebook"]:hover { background-color: #3B5998; } .social-media-top ul li a i[class*="twitter"]:hover { background-color: #3B8ACA; } .social-media-top ul li a i[class*="instagram"]:hover { background-color: #125688; } .social-media-top ul li a i[class*="google"]:hover { background-color: #d7473d; } .social-media-top ul li a i[class*="linkedin"]:hover { background-color: #0077B5; } .social-media-top ul li a i[class*="youtube"]:hover { background-color: #cc181e; } /*-------*/ /*-------*/ ul.more-share-social { list-style: none; padding: 20px 0; /*border-top: 1px solid rgba(167,172,166,.6);*/ border-bottom: 1px solid rgba(167,172,166,.6); } ul.more-share-social li { display: inline-block; margin: 0 3px; } ul.more-share-social li:first-child { margin: 0 15px 0 10px; } ul.more-share-social .fa { background: rgba(167,172,166,.2); color: #494A4C; font-size: 16px; line-height: 28px; text-align: center; width: 36px; padding: 0; /*height: 36px; border: 2px solid rgba(247,143,32,0.6);*/ transition: all 0.4s ease 0s; } ul.more-share-social .fa:hover { color: #ffffff; } /*---*/ ul.more-share-social li a [class*="facebook"]:hover { background-color: #3B5998; } ul.more-share-social li a [class*="twitter"]:hover { background-color: #3B8ACA; } ul.more-share-social li a [class*="instagram"]:hover { background-color: #125688; } ul.more-share-social li a [class*="google"]:hover { background-color: #d7473d; } ul.more-share-social li a [class*="linkedin"]:hover { background-color: #0077B5; } ul.more-share-social li a [class*="youtube"]:hover { background-color: #cc181e; } /* ----------------------------------------------- C. SOCIAL-MEDIA ----------------------------------------------- */ /* ----------------------------------------------- D. WORKING HOURS ---------------------------------------------- */ .list-workhours { width: 100%; } .list-workhours div { font: normal normal 400 13px/22px Helvetica, Arial,sans-serif; color: #888; display: flex; align-items: center; justify-content: space-between; transition: 0.3s ease-in-out; } .list-workhours div:not(:last-child):hover { border-bottom: 1px solid #dca706 !important; color: #dca706; } .list-workhours div:hover { color: #dca706; } .list-workhours div:nth-child(1) span, .list-workhours div:nth-child(1) span { padding-top: 0; } .list-workhours div:nth-last-child(1) span, .list-workhours div:nth-last-child(1) span { padding-bottom: 0; } .list-workhours span, .list-workhours span { padding: 10px 5px; } .list-workhours div:first-child { border-bottom: 1px solid #272727; } * + .list-workhours { margin-top: 25px; } .context-dark .list-workhours div + div { border-color: rgba(255, 255, 255, 0.5); } /* ----------------------------------------------- D. WORKING HOURS ---------------------------------------------- */ /* ----------------------------------------------- E. LIST ------------------------------------------------------ */ ul.foot-list { list-style: none; } ul.foot-list li { width: 100%; margin: 0 0 7px 0; padding: 0 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transform: translateZ(0); transition: transform .2s ease-out; } ul.foot-list li:hover { transform: translateX(7px); } ul.foot-list li a { color: #888; } ul.foot-list li a:hover { color: rgba(220,167,6,1.00); } /* ----------------------------------------------- E. LIST ------------------------------------------------------ */ /* ----------------------------------------------- F. ADRESS ----------------------------------------------------- */ .footer-adress { color: #575a61; /*padding: 10px 0px 0px 0px;*/ } .footer-adress p { padding-bottom: 5px; margin: 0; } ul.site-contact { list-style: none; } ul.site-contact li { color: #777; margin: 0 0 7px 0; padding: 0 5px; transform: translateZ(0); transition: transform .2s ease-out; } ul.site-contact li:hover { color: rgba(243,172,25,1); transform: translateX(7px); } ul.site-contact li i { font-size: 16px; width: 20px; margin-right: 7px; float: left; line-height: 24px; } /* ----------------------------------------------- F. ADRESS ----------------------------------------------------- */ /* ----------------------------------------------- G. COPYRIGHT -------------------------------------------------- */ section.copyright { background-color: #111; /*#071c33*/ } section.copyright p { font: normal normal 400 13px/42px Helvetica, Arial, sans-serif; color: #777; /*5d6d7e*/ text-align: center; padding: 5px 0; } /* ----------------------------------------------- G. COPYRIGHT -------------------------------------------------- */ /* ----------------------------------------------- H. SCROLL UP -------------------------------------------------- */ .scroll-up-new { text-align: left; text-decoration: none; border-radius: 2px; width: 156px; height: 29px; /*background-color:black;*/ padding: 0; margin-right: 0 !important; line-height: 0; position: fixed; right: 25px !important; bottom: 100px; /*box-shadow: 0 0 0 3px #dca706;*/ transition: all 0.4s ease 0s; opacity: 1 !important; z-index: 999; } .basa-don-arrow { position: absolute; z-index: 1; right: 6px; top: 3px; } .basa-don-rectangle { position: absolute; right: 0; top: 0; } .basa-don-text { position: absolute; right: 35px; top: 15px; font-size: 18px; font-weight: bold; color: black; } .scroll-up { color: transparent; font-size: 0; text-align: center; text-decoration: none; border-radius: 2px; width: 40px; height: 40px; padding: 0; margin-right: 0 !important; line-height: 0; position: fixed; right: 25px !important; bottom: 61px; box-shadow: 0 0 0 3px #dca706; transition: all 0.4s ease 0s; opacity: 1 !important; z-index: 999; } .scroll-up::before { background: #dca706 none repeat scroll 0 0; box-sizing: content-box; content: ""; border-radius: 2px; width: 100%; height: 100%; padding: 2px; position: absolute; top: -2px; left: -2px; pointer-events: none; transition: transform 0.2s ease 0s, opacity 0.3s ease 0s; opacity: 1; z-index: -1; } .scroll-up::after { font: 18px/38px FontAwesome; color: #fff; content: "\f062"; transition: all 0.4s ease 0s; } .scroll-up:hover { box-shadow: 0 0 0 3px #dca706; text-decoration: none !important; } .scroll-up:hover::before { opacity: 0; transform: scale(1.3); } .scroll-up:hover::after { color: #dca706; } /* ----------------------------------------------- H. SCROLL UP -------------------------------------------------- */ /* =============================================== 07. MORE ====================================================== */ .more-wrapper { margin: 25px 0; padding: 0; } .more-wrapper .inside-bg { background-color: #fff; /*display: inline-block;*/ width: 100%; } /* ----------------------------------------------- A. MORE TITLE ------------------------------------------------- */ /* ----------------------------------------------- A. MORE TITLE ------------------------------------------------- */ /* ----------------------------------------------- C. SIDEBAR ---------------------------------------------------- */ .sidebar-left { /*margin-right: 10px;*/ } @media (max-width: 991px) { .sidebar-left { margin-top: 40px; } } @media (max-width: 767px) { .sidebar-left { margin-top: 40px; } } .sidebar-left .widget { padding: 25px 20px; border: 1px solid rgba(166,172,167,0.3); margin-bottom: 30px; } /*----*/ .sidebar-left .widget .widget-title { font: 700 16px/18px 'kutuphane-b',sans-serif; color: #020307; margin-bottom: 10px; padding-bottom: 20px; } .sidebar-left .widget .widget-title::after { background: #dca706 none repeat scroll 0 0; content: ""; display: block; height: 3px; margin: 10px 0 0 0; width: 25px; } /*---------*/ .sidebar-left .widget.widget-social { padding-right: 0; background: #f1f1f1; } .sidebar-left .widget .service-time li { border-bottom: none; font-size: 16px; color: #575a61; } .sidebar-left .widget.widget-download { padding: 27px 35px; background: #2f3967; } .sidebar-left .widget.widget-search { padding: 0; border: none; position: relative; } .sidebar-left .widget.widget-search input { padding: 26px 25px; border-radius: 0; font-style: italic; border-color: #eee; color: #020307; } /*---------*/ .sidebar-left .widget.widget-search input::-webkit-input-placeholder { color: #020307; } .sidebar-left .widget.widget-search input:-ms-input-placeholder { color: #020307; } .sidebar-left .widget.widget-search input::-ms-input-placeholder { color: #020307; } .sidebar-left .widget.widget-search input::placeholder { color: #020307; } .sidebar-left .widget.widget-search .input-group-btn i { background: #dca706; font-size: 18px; color: #fff; width: 55px; height: 55px; line-height: 55px; text-align: center; position: absolute; right: 0; z-index: 999; cursor: pointer; } /*---------*/ .sidebar-left .widget .media { margin-bottom: 15px; } .sidebar-left .widget .media img { width: 80px; height: 70px; } .sidebar-left .widget .media:last-child { margin-bottom: 0; } .sidebar-left .widget .media-body { margin-left: 20px; } /*---------*/ .sidebar-left .widget .media-body .n-date a { color: #575a61; font-size: 13px; display: inline-block; } /*---------*/ .sidebar-left .widget .media-body .n-title a { color: #020307; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sidebar-left .widget .media-body .n-title a:hover { color: #dca706; } .sidebar-left .widget .media-body .n-title { font-size: 15px; line-height: 20px; margin: 0; } /*---------*/ .sidebar-left .widget .widget-archive { list-style: none; margin: 0; padding: 0; } .sidebar-left .widget .widget-archive li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 17px; } .sidebar-left .widget .widget-archive li a { color: #020307; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sidebar-left .widget .widget-archive li span.a-count { color: #575a61; } .sidebar-left .widget .widget-archive li:last-child { margin-bottom: 0; } .sidebar-left .widget .widget-archive li:hover a, .sidebar-left .widget .widget-archive li:hover span { color: #dca706; } /*---------*/ .sidebar-left .widget.widget-tags ul li { display: inline-block; margin-bottom: 8px; margin-right: 4px; } .sidebar-left .widget.widget-tags ul li a { background: #dca706; border: 1px solid transparent; border-left: 3px solid rgba(220,167,6,1); display: block; padding: 5px 20px; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sidebar-left .widget.widget-tags ul li a:hover { background-color: transparent; border-style: solid; border: 1px 1px 1px 3px; border-color: rgba(220,167,6,1); color: #dca706; } .sidebar-left .widget.widget-tags ul li:last-child { margin-bottom: 0; } /*-----------*/ .sidebar-right { /*margin-left: 10px;*/ margin-bottom: 30px; position: relative; } .sidebar-right .field-media img { width: 100%; height: auto; vertical-align: middle; } .sidebar-right .field-body { border: 1px solid rgba(166,172,167,0.3); padding: 10px 20px 30px; } .sidebar-right .field-body .field-title { font-size: 26px; margin: 0 0 20px 0; } .sidebar-right .field-body .field-title a { color: #020307; -webkit-transition: all ease 500ms; -o-transition: all ease 500ms; transition: all ease 500ms; } .sidebar-right .field-body .field-title a:hover { color: #dca706; } .field-content .inside p { margin: 0 0 20px; } .sidebar-right .field-body .field-content .details { display: block; /*float: right;*/ margin-top: 5px; margin-right: 0; } .sidebar-right .field-body .field-content .details a { margin-right: 0; color: #dca706; } .sidebar-right .field-body .field-content .details a i { border-radius: 0; border: none; font-size: 16px; margin-left: 5px; transition: all 0.2s ease-in-out 0s; } .sidebar-right .field-body .field-content .details a:hover i { color: #dca706; margin-left: 10px; } /*----------*/ .sidebar-right .field-tags { padding-top: 15px; margin-bottom: 20px; } .sidebar-right .field-tags span { margin-right: 10px; } .sidebar-right .field-tags span i.fa { transition: 0.3s ease-in-out; } .sidebar-right .field-tags span:hover a, .sidebar-right .field-tags span:hover i.fa { color: #dca706; } .sidebar-right .field-tags a { font: normal normal 300 13px/22px Helvetica, Arial,sans-serif; color: #575a61; margin: 0 5px; transition: 0.3s ease-in-out; } /*----*/ .sidebar-right .field-tags span a.aa.default, .sidebar-right .field-tags span a.aa.plus, .sidebar-right .field-tags span a.aa.minus { font-size: 13px; font-weight: 700; border: 1px solid rgba(166,172,167,0.4); border-radius: 4px; margin: 0 5px 0 0; padding: 2px 8px; cursor: pointer; } .sidebar-right .field-tags span a.aa.default:hover, .sidebar-right .field-tags span a.aa.plus:hover, .sidebar-right .field-tags span a.aa.minus:hover { background-color: #dca706; color: #fff; text-decoration: none; border: 1px solid #dca706; cursor: pointer; } .sidebar-right .field-tags span a.aa.disabled { background-color: rgba(166,172,167,0.1); color: #aaa; font-size: 13px; font-weight: 700; border: 1px solid rgba(166,172,167,0.1); margin: 0 5px 0 0; padding: 2px 8px; cursor: pointer; } /*-----*/ .next-previous-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px; margin-bottom: 40px; position: relative; } .next-previous-content.border-set { border: 1px solid rgba(166,172,167,0.3); } .next-previous-content .previous-content a span i { padding-right: 10px; } .next-previous-content .next-content a span i { padding-left: 5px; } .next-previous-content div { padding: 30px 40px; } .next-previous-content div a h3 { font: normal normal 400 22px/28px Helvetica, Arial, sans-serif; color: #020307; margin-bottom: 15px; } .next-previous-content div a span { font: normal normal 300 16px/24px Helvetica, Arial, sans-serif; color: #575a61; } .next-previous-content div:hover a span i { color: #dca706; } .next-previous-content .next-content { text-align: right; } .next-previous-content:after { content: ""; position: absolute; width: 1px; height: 70px; background: rgba(166,172,167,0.5); top: calc(50% - 35px); left: calc(50% - 1px); } /* ----------------------------------------------- C. SIDEBAR ---------------------------------------------------- */ /* ----------------------------------------------- D. MORE TOOLS ------------------------------------------------- */ .post-info { background-color: #fff; } .post-info .info-content { border-color: #e5e7e9; } .post-info .info-content i.fa { font-size: 24px; color: #dca706; } .post-info .info-content + p { font: normal normal 400 14px/24px Helvetica, Arial, sans-serif; text-align: center; } .post-info .info-content::before, .post-info .info-content::after { border-color: #e5e7e9; } .post-info .info-text h4.q { font: normal normal 500 20px/32px Helvetica, Arial, sans-serif; letter-spacing: 0; color: #020307; } .post-info-body { padding: 25px 15px; } @media (min-width: 576px) { .post-info .info-text { padding-left: 15px; } } @media (min-width: 768px) { .post-info .info-content { padding: 24px 10px; } .post-info .info-content:before, .post-info .info-content:after { height: 12px; } .post-info .info-content::before { left: 0; width: 100px; } .post-info .info-content::after { width: calc(100% - 105px - 12px); transform: skew(-58deg); } .post-info .info-text h4.q { position: relative; top: -7px; } } .info-content { position: relative; padding: 25px 0; border-top: 1px solid #d7d7d7; } .info-content::before, .info-content::after { content: ''; position: absolute; bottom: 0; height: 13px; border-style: solid; border-color: #d7d7d7; } .info-content::before { left: 0; width: 78px; border-width: 1px 1px 0 0; } .info-content::after { right: 0; width: calc(100% - 78px - 12px); border-width: 1px 0 0 1px; transform-origin: 0 0; transform: skew(-45deg); } .info-text { padding-top: 20px; } @media (min-width: 576px) { .info-content { display: flex; padding: 32px 20px 40px 30px; } .info-text { padding-top: 0; padding-left: 20px; } } @media (min-width: 768px) { .info-content { padding-right: 40px; } } /*---*/ .tools { padding: 5px 0; background: #fff none repeat scroll 0 0; } .tools ul.tools-share { list-style: outside none none; width: 100%; margin: 0 0 5px; padding: 10px 0; border-top: 1px solid rgba(166,172,167,0.4); border-bottom: 1px solid rgba(166,172,167,0.4); display: table; } .tools ul.tools-share li { margin: 0 5px 0 0; display: inline-block; } .tools ul.tools-share li a { font: normal normal 300 13px/22px Helvetica, Arial,sans-serif; color: #575a61; } .tools ul.tools-share li .fa { color: #bababa; margin: 0 5px 0; } .tools ul.tools-share li i { color: rgba(220,167,6,1) !important; } .tools ul.tools-share li a:hover { color: #dca706; } .tools ul.tools-share li a.aa.default, .tools ul.tools-share li a.aa.plus, .tools ul.tools-share li a.aa.minus { font-size: 14px; font-weight: 700; border: 1px solid rgba(166,172,167,0.4); border-radius: 4px; margin: 0 5px 0 0; padding: 6px 8px 7px; cursor: pointer; } .tools ul.tools-share li a.aa.default:hover, .tools ul.tools-share li a.aa.plus:hover, .tools ul.tools-share li a.aa.minus:hover { background-color: #dca706; color: #fff; text-decoration: none; border: 1px solid #dca706; cursor: pointer; } .tools ul.tools-share li a.aa.disabled { background-color: rgba(166,172,167,0.1); color: #aaa; font-size: 14px; font-weight: 700; border: 1px solid rgba(166,172,167,0.1); margin: 0 5px 0 0; padding: 6px 8px 7px; cursor: pointer; } /* ----------------------------------------------- D. MORE TOOLS ------------------------------------------------- */ /* ----------------------------------------------- E. GALLERY LIST ----------------------------------------------- */ .foto-gallery { margin-bottom: 30px; } .hover-img { display: block; overflow: hidden; position: relative; transition: all 0.3s ease 0s; z-index: 1; } .hover-img > img { backface-visibility: hidden; transition: all 4s ease 0s; width: 100%; vertical-align: middle; } .hover-img:hover > img { opacity: 0.7; transform: scale(1.2); } .hover-img:hover [class^="hover-icon-"], .hover-img:hover [class*=" hover-icon-"], .hover-img:hover .hover-icon { filter: none; opacity: 1; transform: translate(0px, 0px); } .hover-img .hover-icon { left: 50%; top: 50%; transform: translate3d(-50%, 50%, 0px); } .hover-img:hover .hover-icon { transform: translate3d(-50%, -50%, 0px); } .hover-img .hover-icon, .hover-img [class^="hover-icon-"], .hover-img [class*=" hover-icon-"] { display: block; opacity: 0; position: absolute; transition: all 0.3s ease 0s; } .box-icon, [class^="box-icon-small"], [class*=" box-icon-small"] { background: #dca706 none repeat scroll 0 0; color: #fff; border-radius: 50%; line-height: 35px; width: 35px; height: 35px; display: block; position: relative; text-align: center; transition: all 0.3s ease 0s; z-index: 2; } /*-----------------*/ figure.album-effect { /*background: rgba(220,167,6, 0.5) none repeat scroll 0 0;*/ } .type-icon { background: rgba(220,167,6,.65) none repeat scroll 0 0; text-align: center; width: 40px; height: 40px; display: block; position: absolute; top: 0; right: 0px; z-index: 888; } .type-icon i { color: #FFF; line-height: 40px; font-size: 16px; } figure.album-effect img { height: 390px !important; } figure.album-effect figcaption { padding: 3em; } figure.album-effect figcaption::before, figure.album-effect figcaption::after { position: absolute; content: ''; opacity: 0; } figure.album-effect figcaption::before { top: 20px; right: 10px; bottom: 20px; left: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } figure.album-effect figcaption::after { top: 10px; right: 20px; bottom: 10px; left: 20px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } figure.album-effect h2 { padding: 15% 0 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.album-effect p { padding: 0.5em 2em; text-transform: none; opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } figure.album-effect img, figure.album-effect h2 { -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } figure.album-effect img, figure.album-effect figcaption::before, figure.album-effect figcaption::after, figure.album-effect p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.album-effect:hover img { opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.album-effect:hover figcaption::before, figure.album-effect:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.album-effect:hover h2, figure.album-effect:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.album-effect:hover figcaption::after, figure.album-effect:hover h2, figure.album-effect:hover p, figure.album-effect:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .grid { border: 1px solid #ddd; list-style: none; text-align: center; max-width: 1000px; margin: 0 0 60px; padding: 3px; position: relative; } .grid figure { text-align: center; width: 100%; min-width: 140px; max-height: 250px; margin: 0px; float: left; position: relative; overflow: hidden; cursor: pointer; } .grid figure img { height: 100%; width: 100%; position: relative; display: block; opacity: 1; } .grid figure figcaption { padding: 0px; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; /*text-shadow:0 0 3px #999;*/ } .grid figure figcaption h3 { font: 700 24px/32px Helvetica, Arial,sans-serif; color: #fff; width: 100%; margin: 10px 0; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .grid figure figcaption a:hover { color: #fff; } .grid figure figcaption > a { font: 400 28px/36px Helvetica, Arial,sans-serif; color: #FFF; position: relative; z-index: 1000; } .grid figure figcaption h2 { font: 700 20px/28px "kutuphane-eb",sans-serif; color: #fff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); } .grid figure figcaption h2 > span { font: 700 22px/32px Helvetica, Arial,sans-serif; color: #dca706; } .grid figure h2, .grid figure p { margin: 0; } .grid figure p { font: 300 14px/22px "kutuphane-l",sans-serif; color: #ffffff !important; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); } /* ----------------------------------------------- E. GALLERY LIST ----------------------------------------------- */ /* ----------------------------------------------- F. PAGE CONTACT ----------------------------------------------- */ .contact-wrapper { } .contact-maps { min-height: 450px; } .page-contact { background-color: #3f424b; padding: 0 0 60px 0 } .page-contact .contact-block .contact-message h3 { font: 700 28px/36px 'kutuphane-b',sans-serif; color: #fff; margin: 0 0 10px 0; padding: 0; } .page-contact .contact-block .contact-message h4 { font: 300 14px/22px 'kutuphane-l',sans-serif; color: #fff; margin: 0 0 20px 0; padding: 0; } .page-contact.contact-message { padding-bottom: 0 } .page-contact #map { width: 100%; height: 500px; background-color: #808080; } .page-contact .contact-block { margin-top: -70px } .page-contact .contact-block .contact-message { padding: 60px 25px } .page-contact .contact-block .contact-info { background-color: #fff; padding-bottom: 30px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 8px 30px rgba(0, 0, 0, 0.1); } .page-contact .contact-block .contact-info figure { font: 400 14px/22px Helvetica, Arial,sans-serif; padding: 15px; } .page-contact .contact-block .contact-info figure figcaption > strong { font-weight: bold; display: block; padding: 7.5px 0; } .page-contact .contact-block .contact-info figure figcaption > span { font-weight: normal; font-size: 13px; } .page-contact .contact-block .contact-info figure span.fa { font-size: 50px; color: #dca706; } .page-contact .contact-block .contact-form { display: none; margin-top: 50px; } .page-contact .contact-block .contact-form .form-control { border-color: transparent } .map-info-window .fa { width: 20px; text-align: center; margin-right: 3px; display: inline-block; } /*---*/ .contact-form-wrapper { } .contact-form-wrapper a.kh-animated-button { display: inline-block; } .special-frm label { display: inline-block; max-width: 100%; margin-bottom: 10px; } .special-frm .label { font: 300 14px/22px "kutuphane-l",sans-serif; text-align: left; color: #e1e1e1; display: block; padding: 3px 2px; margin-bottom: 5px; } .special-frm .input, .special-frm .select, .special-frm .textarea, .special-frm .radio, .special-frm .checkbox { position: relative; display: block; } .special-frm .input input, .special-frm .select select, .special-frm .textarea textarea { background: transparent; font: 400 14px/22px 'kutuphane-l',sans-serif; color: rgba(219,219,219,1); border-width: 2px; border-style: solid; border-radius: 0; width: 100%; height: 45px; padding: 8px; display: block; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; appearance: normal; -moz-appearance: none; -webkit-appearance: none; } .special-frm .input input, .special-frm .select select, .special-frm .textarea textarea, .special-frm .radio i, .special-frm .checkbox i { border-color: #fff; transition: border-color 0.3s; -o-transition: border-color 0.3s; -ms-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; } .special-frm .input:hover input, .special-frm .select:hover select, .special-frm .textarea:hover textarea, .special-frm .radio:hover i, .special-frm .checkbox:hover i { border-color: #dca706; } .special-frm .input input:focus, .special-frm .select select:focus, .special-frm .textarea textarea:focus, .special-frm .radio input:focus + i, .special-frm .checkbox input:focus + i { border-color: #dca706; } .special-frm .input input::-moz-placeholder, .special-frm .select select::-moz-placeholder, .special-frm .textarea textarea::-moz-placeholder { font: 400 14px/22px 'kutuphane-l',sans-serif; color: rgba(219,219,219,.8); } .special-frm .input input:focus::-moz-placeholder, .special-frm .input input:active::-moz-placeholder, .special-frm .select select:focus::-moz-placeholder, .special-frm .select select:active::-moz-placeholder, .special-frm .textarea textarea:focus::-moz-placeholder, .special-frm .textarea textarea:active::-moz-placeholder { font: 400 14px/22px 'kutuphane-l',sans-serif; color: rgba(219,219,219,1); } .special-frm .textarea textarea { height: auto; resize: none; } .special-frm .textarea-expandable textarea { height: 45px; } .special-frm .textarea-expandable textarea:focus { height: auto; } .special-frm .textarea textarea { resize: none; } /*----*/ .special-frm .tooltip { position: absolute; z-index: 1; left: -9999px; padding: 2px 8px 3px; font-size: 11px; line-height: 16px; font-weight: 400; background: rgba(0,0,0,0.9); color: #fff; opacity: 0; transition: margin 0.3s, opacity 0.3s; -o-transition: margin 0.3s, opacity 0.3s; -ms-transition: margin 0.3s, opacity 0.3s; -moz-transition: margin 0.3s, opacity 0.3s; -webkit-transition: margin 0.3s, opacity 0.3s; } .special-frm .tooltip:after { content: ''; position: absolute; } .special-frm .input input:focus + .tooltip, .special-frm .textarea textarea:focus + .tooltip { opacity: 1; } .special-frm .tooltip-top-right { bottom: 100%; margin-bottom: 15px; } .special-frm .tooltip-top-right:after { top: 100%; right: 16px; border-top: 4px solid rgba(0,0,0,0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .special-frm .input input:focus + .tooltip-top-right, .special-frm .textarea textarea:focus + .tooltip-top-right { right: 0; left: auto; margin-bottom: 5px; } .special-frm .tooltip-top-left { bottom: 100%; margin-bottom: 15px; } .special-frm .tooltip-top-left:after { top: 100%; left: 16px; border-top: 4px solid rgba(0,0,0,0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .special-frm .input input:focus + .tooltip-top-left, .special-frm .textarea textarea:focus + .tooltip-top-left { right: auto; left: 0; margin-bottom: 5px; } .special-frm .tooltip-right { top: 9px; white-space: nowrap; margin-left: 15px; } .special-frm .tooltip-right:after { top: 6px; right: 100%; border-top: 4px solid transparent; border-right: 4px solid rgba(0,0,0,0.9); border-bottom: 4px solid transparent; } .special-frm .input input:focus + .tooltip-right, .special-frm .textarea textarea:focus + .tooltip-right { left: 100%; margin-left: 5px; } .special-frm .tooltip-left { top: 9px; white-space: nowrap; margin-right: 15px; } .special-frm .tooltip-left:after { top: 6px; left: 100%; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid rgba(0,0,0,0.9); } .special-frm .input input:focus + .tooltip-left, .special-frm .textarea textarea:focus + .tooltip-left { right: 100%; left: auto; margin-right: 5px; } .special-frm .tooltip-bottom-right { top: 100%; margin-top: 15px; } .special-frm .tooltip-bottom-right:after { bottom: 100%; right: 16px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0,0,0,0.9); border-left: 4px solid transparent; } .special-frm .input input:focus + .tooltip-bottom-right, .special-frm .textarea textarea:focus + .tooltip-bottom-right { right: 0; left: auto; margin-top: 5px; } .special-frm .tooltip-bottom-left { top: 100%; margin-top: 15px; } .special-frm .tooltip-bottom-left:after { bottom: 100%; left: 16px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0,0,0,0.9); border-left: 4px solid transparent; } .special-frm .input input:focus + .tooltip-bottom-left, .special-frm .textarea textarea:focus + .tooltip-bottom-left { right: auto; left: 0; margin-top: 5px; } /* ----------------------------------------------- F. PAGE CONTACT ----------------------------------------------- */ /* ----------------------------------------------- G. NEWS COMMENT ----------------------------------------------- */ .comment-form { margin: 25px 0; /*border-top: 1px solid rgba(166,172,167,0.4); border-bottom: 1px solid rgba(166,172,167,0.4);*/ padding: 20px 0px; } .comments { margin: 25px 0; /* border-top: 1px solid rgba(166,172,167,0.4); border-bottom: 1px solid rgba(166,172,167,0.4);*/ padding: 30px 0px; } /*------------*/ .comments-head { font: 700 16px/18px 'kutuphane-b',sans-serif; color: #020307; margin-bottom: 10px; padding-bottom: 20px; } .comments-head::after { background: #dca706 none repeat scroll 0 0; content: ""; display: block; height: 3px; margin: 10px 0 0 0; width: 25px; } .comments .comment-detail { margin: 0 0 10px; padding: 2px 0 3px; } .comments .comment-detail span[hm="1"] img { float: left; margin: 0 15px 0 0; opacity: 0.5; max-width: 100%; border-radius: 50%; } .comments .comment-detail span[hm="2"] { float: right; } .comments .comment-detail span[hm="3"] { font: 700 14px/22px Helvetica, Arial,sans-serif; color: #020307; } .comments .comment-detail span[hm="4"] { font: 300 14px/22px "kutuphane-l",sans-serif; color: #575a61; display: block; } .comments .comment-detail { width: 100%; } .comments .comment-detail a { font: 700 13px/13px Helvetica, Arial,sans-serif; /*color:#575a61; transition:color 0.3s ease-in-out 0s;*/ } .number-count----- { font: 700 22px/28px Helvetica, Arial,sans-serif; color: #dca706; margin: 10px 0 5px; border: 2px solid #dca706; border-radius: 10%; padding: 0px 10px; } .comments .comment-detail a.comment-reply { font: 700 12px/20px Helvetica, Arial,sans-serif; color: #575a61; border: 1px solid rgba(166,172,167,0.7); padding: 5px 15px; margin: 0 0 0 10px; float: right; } .comments .comment-detail a.comment-reply:hover { background-color: rgba(255,170,0, 0.8); color: #fff; border: 1px solid rgba(255,170,0, 0.8); } .comments .comment-detail div:first-of-type { font: 400 12px/12px Helvetica, Arial,sans-serif; color: #575a61; margin: 14px 0 5px; } .comments .comment-detail a { font: 700 12px/12px Helvetica, Arial,sans-serif; /*color: #575a61;*/ } .comments .comment-detail + .comment-body { font: 400 13px/22px Helvetica, Arial,sans-serif; margin: 5px 0; } /*-------------*/ .comments ul.sub { list-style: none; margin: 20px 0; padding: 0 0 0 40px; } .comments ul.comment-list { list-style: none; /*border-bottom: 1px solid rgba(166,172,167,0.4);*/ padding: 15px 0; margin: 20px 0; } .comments ul.comment-list li { margin: 2px 0 12px; position: relative; } .comments ul.comment-list article { border-bottom: 1px solid rgba(166,172,167,0.4); margin-bottom: 0px; } .comments ul.comment-list article::after { background-color: #dca706; content: ""; display: block; height: 3px; width: 0%; position: absolute; bottom: 0; left: 0; transition: width 0.5s; } /*.comments ul.comment-list article::before { background-color:#dca706; content:""; display:block; height:3px; width:0%; position: absolute; top: 0; right: 0; transition:width 0.5s; }*/ .comments ul.comment-list article:hover img { opacity: 1; } .comments ul.comment-list article:hover::after, .comments ul.comment-list article:hover::before { width: 100%; } /*----*/ .comment .like-dislike { transform: translate3d(0,-10px,0); margin-bottom: -10px; margin-left: -13px; margin-right: -13px; } ul.like-dislike > li { display: inline-block; margin: 0px 0 5px !important; } .comment .like-dislike > * { margin-top: 10px; padding-left: 13px; padding-right: 13px; } .comment .like-dislike i.fa { font-size: 16px; color: #9fa3a7; margin-right: 10px; transition: color 0.3s ease-in-out 0s; } .comment .like-dislike a, .comment .like-dislike a:focus, .comment .like-dislike a:active { font: 400 14px/22px Helvetica, Arial,sans-serif; color: #020307; } .comment .like-dislike a.active, .comment .like-dislike a:hover, .comment .like-dislike a:hover i { color: #dca706; } .comment * + .like-dislike { margin-top: 20px; } /* ----------------------------------------------- G. NEWS COMMENT ----------------------------------------------- */ /* ----------------------------------------------- H. DOWNLOAD FILES --------------------------------------------- */ .download-files { width: 100%; } .download-files a { background: #020307; font: 400 14px/22px Helvetica, Arial,sans-serif; color: #dca706; text-align: left; border-radius: 2px; cursor: pointer; display: inline-block; width: 100%; margin-bottom: 15px; padding: 15px 10px; position: relative; z-index: 999; transition: all 0.4s ease 0s; } .download-files a:hover { color: rgba(2,3,7,1); background-color: rgba(0, 109, 115, 1); } .download-files a i.fa { font-size: 22px; float: right; } /* ----------------------------------------------- H. DOWNLOAD FILES --------------------------------------------- */ /* ----------------------------------------------- I. 404 ERROR -------------------------------------------------- */ .error-404-wrapper { padding: 100px 0px; } .error-404-wrapper h2[err="1"] { font: 700 165px/172px 'kutuphane-b',sans-serif; color: #dca706; } .error-404-wrapper h3[err="2"] { font: 700 38px/42px 'kutuphane-b',sans-serif; color: #494A4C; margin: 0 0 20px; } .error-404-wrapper h3[err="2"] > span { background-color: #dca706; color: #FFFFFF; padding: 5px 10px; } .error-404-wrapper h4[err="3"] { font: 700 16px/36px 'kutuphane-b',sans-serif; color: #494A4C; } .error-404-wrapper h5[err="4"] { width: 50%; margin: 30px 0; display: inline-block; } /* ----------------------------------------------- I. 404 ERROR -------------------------------------------------- */ /* ----------------------------------------------- J. POPUP WRAPPER ---------------------------------------------- */ .popup-wrapper { /*padding: 10px;*/ max-width: 1024px; } .popup-wrapper .container { width: 1024px !important; } /*--------------*/ .popup-wrapper .p-list ol li, .popup-wrapper .p-list ul li .popup-wrapper .p-list ol ul li { font: 400 14px/22px 'kutuphane-r',sans-serif; } .popup-wrapper .p-list ol li::before, .popup-wrapper .p-list ol ul li::before { font: normal normal 14px/22px FontAwesome; color: #dca706; vertical-align: middle; content: "\f068"; display: inline-block; margin: 0 5px 0; } .popup-wrapper .p-list ol, .popup-wrapper .p-list ol ul { list-style: none; margin: 0 0 25px; } /*----*/ .popup-wrapper .sub-title { font: 700 16px/18px 'kutuphane-b',sans-serif; color: #020307; margin-bottom: 10px; padding-bottom: 10px; } .popup-wrapper .sub-title::after { background: #dca706 none repeat scroll 0 0; content: ""; display: block; height: 3px; margin: 10px 0 0 0; width: 25px; } /* ----------------------------------------------- J. POPUP WRAPPER ---------------------------------------------- */ /* ----------------------------------------------- K. SERVICES ITEMS --------------------------------------------- */ .support-wrapper, .support-slidewrapper { margin: 30px 0; } .support-wrapper .support-item { margin: 0px 0 25px; transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; } .support-wrapper .support-item:hover { color: #fff; } .support-wrapper .support-item:hover .support-effect span:before { -webkit-transform: scale(1); transform: scale(1); } .support-wrapper .support-item:hover .support-effect i.fa { color: #FFFFFF; } .support-wrapper .support-item .fa { font-size: 28px; color: #dca706; border: 1px solid rgba(167,172,166,.4); width: 60px; height: 60px; text-align: center; line-height: 60px; } .support-wrapper .support-item .ftext { display: table-cell; } .support-wrapper .support-item .ftext h4 { font: 700 14px/24px 'kutuphane-b',sans-serif; text-align: left; margin: 0; } .support-wrapper .support-item .ftext p { font: 400 13px/20px 'kutuphane-r',sans-serif; color: #494A4C; } /*-----*/ .support-effect { display: table-cell; vertical-align: top; padding-right: 10px; } .support-effect span { display: inline-block; position: relative; box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .support-effect span:before { background: #dca706; content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .support-effect:hover, .support-effect:focus, .support-effect:active { color: #fff; } .support-effect:hover:before, .support-effect:focus:before, .support-effect:active:before { -webkit-transform: scale(1); transform: scale(1); } .support-effect:hover i.fa { color: #FFFFFF; } /*---------*/ .support-slidewrapper .headline-wrapper { border-bottom: none; margin-bottom: 25px; } /* ----------------------------------------------- K. SERVICES ITEMS --------------------------------------------- */ /* =============================================== 07. MORE ====================================================== */ /* =============================================== 08. RESPONSIVE ================================================ */ /* ----------------------------------------------- A. 100X420 ---------------------------------------------------- */ @media all and (min-width:100px) and (max-width:420px) { header .topbar-area { display: none; } /*------------------*/ .menu-area-container { /*padding-left: 2px; padding-right: 2px;*/ } .menu-area .logo a h2 { font-size: 13px; line-height: 14px; } .menu-area .logo a p { font-size: 12px; } .menu-area .logo a:not(:first-child) { margin: 6px 0; } .menu-area .logo img { max-width: 45px; margin-right: 5px; } /*---------*/ .menu-list a { padding: 20px 12px 24px; } .top-search { width: 92%; } .show-search a i, .blind-icn a i { line-height: 40px; } .show-search a, .blind-icn a { line-height: 74px; } /*-----------------------------*/ .headline-point .flex-caption h2, .headline-icons .flex-caption h2, .headline-thumb .flex-caption h2, .single-point .flex-caption h2 { font: 700 16px/22px "kutuphane-eb",sans-serif; padding-bottom: 5px; } .headline-point .flex-caption h3, .headline-thumb .flex-caption h3 { font: 700 16px/22px "kutuphane-eb",sans-serif; padding-bottom: 5px; } .multiple4x-point .flex-caption p, .headline-point .flex-caption p, .headline-icons .flex-caption p, .headline-thumb .flex-caption p, .single-point .flex-caption p { font: 400 13px/16px Helvetica, Arial,sans-serif; margin-bottom: 5px; } .multiple4x-point .flex-caption p + p a.more, .headline-point .flex-caption p + p a.more, .headline-icons .flex-caption p + p a.more, .headline-thumb .flex-caption p + p a.more, .single-point .flex-caption p + p a.more { font: 700 11px/20px "kutuphane-eb",sans-serif; height: 25px; padding: 0px 15px; margin-top: 5px; } .headline-point .flex-control-nav, .multiple4x-point .flex-control-nav, .single-point .flex-control-nav, .multiple3x-point .flex-control-nav { bottom: 0; } /*------*/ .infobank, .infobank[att="bottom"] { border-right: none; border-bottom: 1px solid rgba(166,172,167,0.6); } .infobank[att="last-child bottom"], .infobank[att="last-child bottom"]:hover { border-right: none; border-bottom: none; } .infobank:hover, .infobank[att="last-child"]:hover { border-right: none; border-bottom: 1px solid rgba(220,167,6,1); } /*----------*/ h2.page-title { font-size: 16px; line-height: 24px; } .social-media { margin-bottom: 40px; } * + .list-workhours, ul.foot-list { margin-bottom: 40px; } section.copyright p { line-height: 20px; } /*----------*/ #facebox .content { min-width: auto; } #facebox { left: 4% !important; right: 2% !important; margin: 10px; } .kh-form .icn { min-width: 70% !important; } } /* ----------------------------------------------- A. 100X420 ---------------------------------------------------- */ @media all and (max-width:419px) { /*---------*/ .menu-list.responsive { width: 100%; } } /* ----------------------------------------------- B. 420X768 ---------------------------------------------------- */ @media all and (min-width:420px) and (max-width:768px) { header .topbar-area { display: none; } /*------------------*/ .menu-area .logo a h2 { font-size: 18px; line-height: 22px; } .menu-area .logo a p { font-size: 18px; } .menu-area .logo a:not(:first-child) { margin: 6px 0; } .menu-area .logo img { max-width: 55px; margin-right: 5px; } /*---------*/ .menu-list.responsive { width: 100%; } .menu-list a { padding: 15px 12px; } .menu-list a.res-icon { /*padding: 24px 12px 28px;*/ /*padding: 26px 12px 0 0;*/ padding: 56px 12px 0 0; } .top-search { width: 96%; } .show-search a i, .blind-icn a i { line-height: 40px; } .show-search a, .blind-icn a { line-height: 82px; } /*-----------------------------*/ .headline-point .flex-caption h2, .headline-icons .flex-caption h2, .headline-thumb .flex-caption h2, .single-point .flex-caption h2 { font: 700 20px/26px "kutuphane-eb",sans-serif; padding-bottom: 10px; } .headline-point .flex-caption h3, .headline-thumb .flex-caption h3 { font: 700 20px/26px "kutuphane-eb",sans-serif; padding-bottom: 10px; } .multiple4x-point .flex-caption p, .headline-point .flex-caption p, .headline-icons .flex-caption p, .headline-thumb .flex-caption p, .single-point .flex-caption p { font: 400 14px/22px Helvetica, Arial,sans-serif; margin-bottom: 10px; } .multiple4x-point .flex-caption p + p a.more, .headline-point .flex-caption p + p a.more, .headline-icons .flex-caption p + p a.more, .headline-thumb .flex-caption p + p a.more, .single-point .flex-caption p + p a.more { font: 700 12px/16px "kutuphane-eb",sans-serif; height: 34px; padding: 7px 15px; margin-top: 5px; } .headline-point .flex-control-nav, .multiple4x-point .flex-control-nav, .single-point .flex-control-nav, .multiple3x-point .flex-control-nav { bottom: 0; } .clearfix.sm { display: block !important; } .menu-list.responsive .res-icon { right: 62px; } /*---*/ .infobank, .infobank[att="bottom"] { border-right: none; border-bottom: 1px solid rgba(166,172,167,0.6); } .infobank[att="last-child bottom"], .infobank[att="last-child bottom"]:hover { border-right: none; border-bottom: none; } .infobank:hover, .infobank[att="last-child"]:hover { border-right: none; border-bottom: 1px solid rgba(220,167,6,1); } /*----------*/ h2.page-title { font-size: 16px; line-height: 24px; } .social-media { margin-bottom: 40px; } * + .list-workhours, ul.foot-list { margin-bottom: 40px; } section.copyright p { line-height: 20px; } /*-----*/ #facebox .content { min-width: auto; } #facebox { left: 12% !important; right: 10% !important; margin: 10px; } .kh-form .icn { min-width: 50% !important; } } /* ----------------------------------------------- B. 420X768 ---------------------------------------------------- */ /* ----------------------------------------------- C. 768X992 ---------------------------------------------------- */ @media all and (min-width:768px) and (max-width:992px) { .topbar-area ul li { padding: 5px 0; } .topbar-area ul li + li { padding-left: 0; } /*---------*/ .menu-list.responsive { width: 100%; } .menu-list a { padding: 15px 12px; } .menu-list a.res-icon { /*padding: 34px 12px 32px;*/ padding: 56px 12px 0 0; } .top-search { width: 96%; } .show-search a i, .blind-icn a i { line-height: 40px; } .show-search a, .blind-icn a { line-height: 96px; } /*-----------------------------*/ .headline-point .flex-caption h2, .headline-icons .flex-caption h2, .headline-thumb .flex-caption h2, .single-point .flex-caption h2 { font: 700 20px/26px "kutuphane-eb",sans-serif; padding-bottom: 10px; } .headline-point .flex-caption h3, .headline-thumb .flex-caption h3 { font: 700 20px/26px "kutuphane-eb",sans-serif; padding-bottom: 10px; } .multiple4x-point .flex-caption p, .headline-point .flex-caption p, .headline-icons .flex-caption p, .headline-thumb .flex-caption p, .single-point .flex-caption p { font: 400 14px/22px Helvetica, Arial,sans-serif; margin-bottom: 10px; } .multiple4x-point .flex-caption p + p a.more, .headline-point .flex-caption p + p a.more, .headline-icons .flex-caption p + p a.more, .headline-thumb .flex-caption p + p a.more, .single-point .flex-caption p + p a.more { font: 700 12px/16px "kutuphane-eb",sans-serif; height: 34px; padding: 7px 15px; margin-top: 5px; } .headline-point .flex-control-nav, .multiple4x-point .flex-control-nav, .single-point .flex-control-nav, .multiple3x-point .flex-control-nav { bottom: 0; } .clearfix.sm { display: block !important; } .menu-list.responsive .res-icon { /*right: 62px;*/ right: 52px; } /*----------*/ h2.page-title { font-size: 16px; line-height: 24px; } .social-media { margin-bottom: 40px; } * + .list-workhours, ul.foot-list { margin-bottom: 40px; } /*section.copyright p{line-height: 20px;}*/ /*-----*/ #facebox .content { min-width: auto; } #facebox { left: 14% !important; right: 12% !important; margin: 20px; } .kh-form .icn { min-width: 70% !important; } } /* ----------------------------------------------- C. 768X992 ---------------------------------------------------- */ /* ----------------------------------------------- D. 992X1199 --------------------------------------------------- */ @media all and (min-width:992px) and (max-width:1299px) { .clearfix.sm { display: block !important; } .menu-list.responsive .res-icon { /*right: 62px;*/ right: 99px; } /*---------*/ .menu-list.responsive { width: 100%; } .menu-list a { padding: 15px 12px; } .menu-list a.res-icon { /*padding: 34px 12px 32px;*/ padding: 26px 12px 0 0; } .top-search { width: 96%; } .show-search a i, .blind-icn a i { line-height: 40px; } .show-search a, .blind-icn a { line-height: 96px; } } /* ----------------------------------------------- D. 992X1199 --------------------------------------------------- */ /* ----------------------------------------------- E. 1185> ------------------------------------------------------ */ /*@media all and (min-width:886px) and (max-width:1185px){ }*/ /* ----------------------------------------------- E. 1185> ------------------------------------------------------ */ /* ----------------------------------------------- F. PRINT ------------------------------------------------------ */ @media print { } /* ----------------------------------------------- F. PRINT ------------------------------------------------------ */ /* =============================================== 08. RESPONSIVE ================================================ */