📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
e-ticaretv4.demodesign.com.tr
/
css
📝
style.php
← Geri Dön
<?php require_once '../ayar/Config.php'; header("content-type: text/css"); ?> :root { /* color purple */ --color-purple: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; /* color navy blue */ --color-navy-blue: #<?php echo $Site->site_ayarlari('tema_renk2'); ?>; /* color pink */ --color-pink: #<?php echo $Site->site_ayarlari('tema_renk3'); ?>; /* color pink 2 */ --color-pink-2: #<?php echo $Site->site_ayarlari('tema_renk3'); ?>; /* color white */ --color-white: #FFFFFF; /* color semi black */ --color-semi-black: #222222; /* color light blck */ --color-semi-ash: #777777; /* color sky blue */ --color-sky-blue: #00BCD4; /* color light red */ --light-red: #FF4641; /* color orange */ --color-orange: #F79700; /* cyan color */ --color-cyan: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; /* color light chocolate */ --color-chocolate: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; /* font family cursive */ --font-cursive: 'Niconne', cursive; /* icons font 1 */ --font-icons-1 : 'FontAwesome'; /* icons font 2 */ --font-icons-2 : 'iconfont'; /* box-shadow hover */ --hover-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1); /* box-shadow primary */ --primary-shadow : 0px 2px 8px 0px rgba(0, 0, 0, 0.1); } body { background-color: var(--color-white); font-size: 14px; color: var(--color-semi-ash); padding: 0; margin: 0; font-family: 'Montserrat', sans-serif; /*font-family: 'Roboto', sans-serif;*/ font-weight: 400; overflow-x: hidden; line-height: 1.5; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } img { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; } a, a:hover, a:active, a:focus { text-decoration: none; outline: none; } input[type="submit"]:active, input[type="submit"]:focus { box-shadow: none; outline: none; } a, button, a span { -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .btn.extra-width { padding: 13px 40px; } .btn:focus, .btn:active { outline: inherit; } *, *:before, *:after { box-sizing: border-box; /* direction: rtl;*/ } p { margin: 0 0 15px; } ol, ul { list-style: none; padding: 0; margin: 0; } img { max-width: 100%; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { outline: none; } .form-control { border: 1px solid rgba(0, 0, 0, 0.08); font-size: 16px; height: 45px; } .form-control:focus { border-color: #f56363; } h1,h2,h3,h4,h5,h6 { line-height: 1; } p:last-child { margin-bottom: 0px; } button:focus , select:focus , select:active { outline: none; } /* Section */ .no-padding { padding: 0 !important; } .mb-30 { margin-bottom: 30px; } .mb-70 { margin-bottom: 70px; } .mt-70 { margin-top: 70px; } .element-header-example{font-weight: 200;text-transform: capitalize;border-bottom: 1px dotted #EDEDED;padding-bottom: 30px;} .xs-row { display: flex; margin: 0 -15px; } .xs-row .xs-col-5 { width: calc((100% / 12) * 5); padding: 0 15px; } .xs-row .xs-col-2 { width: calc((100% / 12) * 2.3); padding: 0 15px; margin: 0 20px; } .xs-row .xs-col-9 { width: calc((100% / 12) * 9); padding: 0 15px; } .xs-row .xs-col-3 { width: calc((100% / 12) * 3); padding: 0 15px; } /* ===================== beautypress bg =================== */ .beautypress-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; z-index: 1; } /* beautypress no background color */ .beautypress-no-bg { background-color: transparent !important; } /* ====================== beautypress buttons =========================== */ .beautypress-btn-wraper a { margin: 0 20px 0 0; } .beautypress-btn-wraper a:last-child { margin: 0; } .beautypress-btn { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 36px; z-index: 1; -webkit-transition: all .4s ease; transition: all .4s ease; background-color: var(--color-semi-black); color: var(--color-white); text-transform: uppercase; overflow: hidden; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 700; } .beautypress-btn.bg-color-white:hover { color: var(--color-semi-black) !important; } .xs-btn { overflow: hidden; /*margin: 1rem auto;*/ text-transform: uppercase; background: #6A1B9A; border-radius: 25px; padding: 15px 36px; color:#fff; transition: 0.4s ease-in-out; z-index: 2; position: relative; display: inline-block; width: fit-content; font-weight: 600; } .xs-btn span { position: absolute; display: block; width: 0; height: 0; border-radius: 50%; background: #EC5598; -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out; transition: width 0.4s ease-in-out, height 0.4s ease-in-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; } .xs-btn:hover span { width: 335%; height: 562.5px; } .xs-btn.round-btn { border-radius: 25px; } .xs-btn.box-shadow-btn { box-shadow: var(--primary-shadow); } .beautypress-btn.block-btn { width: 100%; } .beautypress-btn.round-btn { border-radius: 25px; } .beautypress-btn.box-shadow-btn { box-shadow: var(--primary-shadow); } .beautypress-btn:hover { box-shadow: var(--hover-shadow); } .beautypress-welcome-slider-wraper .customNavigation .welcome-next , .beautypress-welcome-slider-wraper .customNavigation .welcome-prev , .beautypress-welcome-slider .owl-nav .owl-prev , .beautypress-welcome-slider .owl-nav .owl-next { background-color: transparent; border: 0; background-repeat: no-repeat; background-position: center center; background-size: contain; height: 40px; width: 40px; cursor: pointer; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; } .beautypress-welcome-slider-wraper .customNavigation .next-prev-btn { box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.039); border-radius: 100%; height: 70px; width: 70px; background-color: var(--color-cyan); -webkit-transition: all .4s ease; transition: all .4s ease; color: var(--color-white); font-size: 2.143em; text-align: center; line-height: 70px; } .beautypress-welcome-slider-wraper .customNavigation .next-prev-btn:hover { background-color: var(--color-chocolate); color: var(--color-white); } .beautypress-btn:hover { color: var(--color-white) !important; } .xs-btn:hover { color: var(--color-white) !important; } .xs-btn.bg-color-cyan span { background-color: var(--color-chocolate); } .xs-btn.bg-chocolate span { background-color: var(--color-cyan); } .xs-btn.bg-color-pink span , .xs-btn.bg-color-sky-blue span , .xs-btn.bg-color-white span { background-color: var(--color-purple); } .xs-btn.bg-color-purple span { background-color: var(--color-pink); } .xs-btn.bg-color-purple.purple-2 span { background-color: var(--light-red); } .xs-btn.bg-color-red span { background-color: var(--color-purple); } .xs-btn.bg-color-green span { background-color: var(--light-red); } .xs-btn.small-round-btn span { background-color: #339188; } .beautypress-btn.small-round-btn { border-radius: 4px; box-shadow: var(--primary-shadow); font-weight: 700; padding: 15px 42px; background-color: #58B7AC; } .gradient-btn { background-image: -webkit-linear-gradient( 0deg, rgb(211,16,39) 0%, rgb(125,0,254) 0%, rgb(213,43,255) 100%); background-image: -ms-linear-gradient( 0deg, rgb(211,16,39) 0%, rgb(125,0,254) 0%, rgb(213,43,255) 100%); } /* ================= section padding =======================*/ .section-padding { padding: 30px 0; } .beautypress-padding-bottom { padding: 0 0 120px; } /* ==================== section heading ================================*/ .beautypress-section-headinig { text-align: center; } .beautypress-section-headinig.beautypress-section-padding-minus { padding: 0 0 80px 0; } .beautypress-section-headinig h2 { margin: 0 0 12px; color: var(--color-pink); font-family: var(--font-cursive); font-size: 2.143em; } .beautypress-section-headinig h3 { margin: 0; color: var(--color-semi-black); font-weight: 600; text-transform: capitalize; font-size: 2.857em; letter-spacing: -2px; } .beautypress-section-headinig.beautypress-section-headinig-white h3 { color: var(--color-white) } /* water mark title */ .beautypress-watermark-title h2 { position: relative; } .beautypress-watermark-title h2:before { position: absolute; content: attr(data-title); left: 0; top: 0; font-size: 1em; font-weight: 400; text-transform: capitalize; color: var(--color-semi-black); } /*=========================== image Magnific Popup for zoom animation =======================*/ .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } /*============================== color list =======================================*/ .color-pink { color: var(--color-pink) !important; } .color-purple { color: var(--color-purple) !important; } .color-black { color: var(--color-semi-black) !important; } .color-sky-blue { color: var(--color-sky-blue) !important; } .color-white { color: var(--color-white) !important; } .color-red { color: var(--light-red) !important; } .color-cyan { color: var(--color-cyan) !important; } .color-navy-blue { color: var(--color-navy-blue) !important; } .color-chocolate { color: var(--color-chocolate) !important; } .color-gradient { color: rgb(211,16,39) ; background: -webkit-linear-gradient( 0deg, rgb(211,16,39) 0%, rgb(125,0,254) 0%, rgb(213,43,255) 100%); /*background: -ms-linear-gradient( 0deg, rgb(211,16,39) 0%, rgb(125,0,254) 0%, rgb(213,43,255) 100%);*/ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* background color list */ .bg-color-red { background-color: var(--light-red) !important; } .bg-color-pink { background-color: var(--color-pink) !important; } .bg-color-pink-2 { background-color: var(--color-pink-2) !important; } .bg-color-sky-blue { background-color: var(--color-sky-blue) !important; } .bg-color-purple { background-color: var(--color-purple) !important; } .bg-color-black { background-color: var(--color-semi-black) !important; } .bg-color-white { background-color: var(--color-white) !important; } .bg-color-cyan { background-color: var(--color-cyan) !important; } .bg-navy-blue { background-color: var(--color-navy-blue) !important; } .bg-chocolate { background-color: var(--color-chocolate) !important; } .bg-dark-green { background-color: #249788 !important; } .bg-color-green { background-color: #<?php echo $Site->site_ayarlari('tema_renk3'); ?> !important; } .bg-color-gray { background-color: #eef2f5 !important; } .bg-color-gray-2 { background-color: #F9F9F9; } .bg-green-2 { background-color: #8FC351 !important; } /*======================= beautypress overlay list ==========================*/ .beautypress-black-overlay { top: 0%; left: 0; height: 100%; width: 100%; pointer-events: none; z-index: -1; backface-visibility: hidden; } .beautypress-purple-overlay , .beautypress-pink-overlay , .beautypress-sky-blue-overlay , .beautypress-white-overlay, .beautypress-chocolate-overlay { position: relative; height: auto; width: 100%; } .beautypress-purple-overlay:before , .beautypress-pink-overlay:before , .beautypress-sky-blue-overlay:before , .beautypress-single-team:before, .beautypress-single-team:after , .beautypress-white-overlay:before , .beautypress-chocolate-overlay:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .beautypress-purple-overlay:before { background-image: -webkit-linear-gradient( 90deg, rgb(211,16,39) 0%, rgb(125,0,254) 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(211,16,39) 0%, rgb(125,0,254) 0%, rgba(255,255,255,0) 100%); } .beautypress-pink-overlay:before { background-image: -webkit-linear-gradient( 90deg, rgb(125,0,254) 0%, rgb(236,85,152) 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(125,0,254) 0%, rgb(236,85,152) 0%, rgba(255,255,255,0) 100%); } .beautypress-sky-blue-overlay:before { background-image: -webkit-linear-gradient( 90deg, rgb(236,85,152) 0%, rgb(0,188,212) 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(236,85,152) 0%, rgb(0,188,212) 0%, rgba(255,255,255,0) 100%); } .beautypress-white-overlay:before { background-image: -webkit-linear-gradient( 90deg, rgb(226,185,163) 0%, rgb(255,255,255) 0%, rgba(255,255,255,0.5) 40%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(226,185,163) 0%, rgb(255,255,255) 0%, rgba(255,255,255,0.5) 40%, rgba(255,255,255,0) 100%); } .beautypress-light-overlay.beautypress-purple-overlay:before { background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(106,27,154) 0%, rgba(151,95,184,0.5) 30%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(106,27,154) 0%, rgba(151,95,184,0.5) 30%, rgba(255,255,255,0) 100%); } .beautypress-light-overlay.beautypress-pink-overlay:before { background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(236,85,152) 0%, rgba(242,136,183,0.5) 30%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(236,85,152) 0%, rgba(242,136,183,0.5) 30%, rgba(255,255,255,0) 100%); } .beautypress-light-overlay.beautypress-sky-blue-overlay:before { background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(0,188,212) 0%, rgba(77,208,225,0.5) 30%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(0,188,212) 0%, rgba(77,208,225,0.5) 30%, rgba(255,255,255,0) 100%); } .beautypress-single-team.beautypress-purple-overlay:before { background-image: -webkit-linear-gradient( 90deg, rgb(211,16,39) 0%, rgb(125,0,254) 0%, rgba(255,255,255,0) 50%); background-image: -ms-linear-gradient( 90deg, rgb(211,16,39) 0%, rgb(125,0,254) 0%, rgba(255,255,255,0) 50%); } .beautypress-single-team.beautypress-pink-overlay:before { background-image: -webkit-linear-gradient( 90deg, rgb(125,0,254) 0%, rgb(236,85,152) 0%, rgba(255,255,255,0) 50%); background-image: -ms-linear-gradient( 90deg, rgb(125,0,254) 0%, rgb(236,85,152) 0%, rgba(255,255,255,0) 50%); } .beautypress-single-team.beautypress-sky-blue-overlay:before { background-image: -webkit-linear-gradient( 90deg, rgb(236,85,152) 0%, rgb(0,188,212) 0%, rgba(255,255,255,0) 50%); background-image: -ms-linear-gradient( 90deg, rgb(236,85,152) 0%, rgb(0,188,212) 0%, rgba(255,255,255,0) 50%); } .beautypress-single-team.beautypress-purple-overlay:after { background-image: -webkit-linear-gradient( 90deg, rgb(211,16,39) 0%, rgb(125,0,254) 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(211,16,39) 0%, rgb(125,0,254) 0%, rgba(255,255,255,0) 100%); } .beautypress-single-team.beautypress-pink-overlay:after { background-image: -webkit-linear-gradient( 90deg, rgb(125,0,254) 0%, rgb(236,85,152) 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(125,0,254) 0%, rgb(236,85,152) 0%, rgba(255,255,255,0) 100%); } .beautypress-single-team.beautypress-sky-blue-overlay:after { background-image: -webkit-linear-gradient( 90deg, rgb(236,85,152) 0%, rgb(0,188,212) 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(236,85,152) 0%, rgb(0,188,212) 0%, rgba(255,255,255,0) 100%); } .beautypress-black-gradient-overlay { position: relative; } .beautypress-black-gradient-overlay:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-image: -webkit-linear-gradient( 90deg, rgb(227,185,163) 0%, rgb(0,0,0) 0%, rgba(77,77,77,0.5) 30%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(227,185,163) 0%, rgb(0,0,0) 0%, rgba(77,77,77,0.5) 30%, rgba(255,255,255,0) 100%); } /* prelaoder */ .spinner-eff { position: relative; width: 100px; height: 100px; } .spinner-eff.spinner-eff-3 .circle { border-radius: 100px; position: absolute; left: 0; right: 0; margin: auto; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; } .spinner-eff.spinner-eff-3 .circle-1 { width: 100%; height: 100%; top: 0; -webkit-animation: pulse 1.6s linear 0s infinite; animation: pulse 1.6s linear 0s infinite; } .spinner-eff.spinner-eff-3 .circle-2 { width: 66.6%; height: 66.6%; top: 16.5%; -webkit-animation: pulse-2 1.6s linear 0s infinite; animation: pulse-2 1.6s linear 0s infinite; } .spinner-eff.spinner-eff-3 .circle-3 { width: 33.3%; height: 33.3%; top: 33.3%; } .spinner-eff.spinner-eff-3 .circle-1 , .spinner-eff.spinner-eff-3 .circle-2 , .spinner-eff.spinner-eff-3 .circle-3 { background-color: var(--color-white); } #preloader { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999999999; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -webkit-transition: all .8s ease; transition: all .8s ease; } .spinner-block { position: absolute; top: 65%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -webkit-transition: all 1s ease; transition: all 1s ease; } .preloader-window { position: absolute; background-color: var(--color-purple); height: 100%; top: 0; -webkit-transition: all 1.8s ease; transition: all 1.8s ease; } .left-window { width: 51%; left: 0; } .right-window { width: 51%; right: 0; } .loaded .left-window { -webkit-transform: translateX(-150%); transform: translateX(-150%); } .loaded .right-window { -webkit-transform: translateX(150%); transform: translateX(150%); } .loaded .spinner-block { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .loaded#preloader { visibility: hidden; /*opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/ } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes pulse { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @-webkit-keyframes pulse-2 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes pulse-2 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } .preloader-content { position: absolute; left: 50%; top: 40%; -webkit-transform: translate(-50% , -50%); transform: translate(-50% , -50%); text-align: center; -webkit-transition: all .4s ease; transition: all .4s ease; } .preloader-content h2 { color: var(--color-white); text-transform: uppercase; font-size: 3em; font-weight: 300; margin: 0; } .preloader-content img { margin: 0 0 20px; } .loaded .preloader-content { top: -50%; } /*====================================================================================== 1. INDEX-V1 Header section ===============================================================================*/ .beautypress-header-section { position: relative; z-index: 9999; box-shadow: var(--primary-shadow); transition: all .4s ease; top: 0; } .beautypress-logo-wraper { position: relative; } .beautypress-logo { display: block; position: absolute; top: 0; left: 0; background-color: var(--color-white); box-shadow: var(--hover-shadow); padding: 30px 15px; z-index: 9; text-align: center; } .beautypress-header-section.beautypress-version-1 .beautypress-logo { /*min-height: 187px;*/ min-height: 170px; min-width: 197px; max-width: 250px; max-height: 220px; } .beautypress-logo a { display: block; } .beautypress-header-top { text-align: right; color: var(--color-white); } .beautypress-simple-iocn-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; } .beautypress-simple-iocn-list.beautypress-version-1 { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 10px 0; } .beautypress-simple-iocn-list li { margin: 0 30px 0 0; } .beautypress-header-top.bg-color-gray-2 .beautypress-simple-iocn-list li { color: #444444; } .beautypress-header-top .beautypress-version-2 .beautypress-simple-iocn-list li { font-size: 0.857em; } .beautypress-header-top .beautypress-version-2 .beautypress-simple-iocn-list li i { font-size: 1.333em; top: 2px; position: relative; } .beautypress-header-top .beautypress-version-2 .beautypress-language-select-list select { background: url(../img/globe.png) no-repeat center left; color: #444444; font-size: 0.857em; padding: 2px 22px; } .beautypress-header-top .beautypress-version-2 .beautypress-language-select-list select option { background-color: #F9F9F9; } .beautypress-simple-iocn-list li i { padding: 0 8px 0 0; } .beautypress-simple-iocn-list li:last-child { margin: 0; } .beautypress-main-header { background-color: var(--color-white); } .beautypress-main-header { position: relative; min-height: 50px; margin: 0; border: 0; border-radius: 0; padding: 0; } .beautypress-main-header nav { margin: 0; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 100%; } .beautypress-main-header nav { background-color: transparent; } .beautypress-main-header nav li { /*margin: 0 30px 0 0;*/ float: none; display: inline-block; } /*.beautypress-main-header nav li:last-child{ margin: 0; }*/ .beautypress-main-header nav li a { padding: 40px 0; display: block; text-transform: uppercase; color: var(--color-semi-black); font-weight: 600; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; height: auto; font-size: 12px; } .beautypress-main-header nav li a { padding: 30px 13.5px; /*padding-right: 27px;*/ } .beautypress-extra-css .beautypress-main-header nav li:last-child a { padding-right: 0px; } .beautypress-main-header.color-white .xs_nav-landscape li .nav-submenu a:hover { color: #<?php echo $Site->site_ayarlari('tema_renk2'); ?>; } .beautypress-extra-css .beautypress-main-header .xs_nav-landscape .nav-submenu.megamenu-panel a { padding: 0 0; } .beautypress-extra-css.beautypress-header-section.beautypress-version-1 .beautypress-version-2.beautypress-logo { min-height: 117px; } .beautypress-extra-css.beautypress-header-section.beautypress-version-1 .beautypress-version-2.beautypress-logo:after { border-left: 99.5px solid transparent; border-right: 99.5px solid transparent; } .beautypress-main-header nav li a:hover , .beautypress-main-header nav li a:focus { color: var(--color-purple); } .beautypress-main-header nav li a:before { position: absolute; content: ""; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .4s ease; transition: all .4s ease; background-color: var(--color-purple); height: 4px; width: 0%; } .beautypress-main-header nav li a:hover:before { width: calc(100%); } .beautypress-main-header .megamenu-panel .megamenu-list li { display: block; } .beautypress-main-header .nav-submenu li a { padding: 0; font-weight: 500; text-transform: capitalize; font-size: 13px; } .beautypress-main-header .megamenu-panel .megamenu-list li.megamenu-list-title a { font-weight: 700; font-size: 1.1em; color: var(--color-semi-black); } .beautypress-header-section.beautypress-header-version-4 .beautypress-main-header .xs-navigation-middle-menu.xs_nav-landscape .nav-menu li.megamenu-list-title a:hover { color: white; } .beautypress-main-header .megamenu-panel .megamenu-list li.megamenu-list-title a:before , .beautypress-main-header .megamenu-panel .megamenu-list li a:before { display: none; } .beautypress-main-header .megamenu-panel .megamenu-list li.megamenu-list-title a:hover { color: #70798b; } .beautypress-main-header .megamenu-panel .megamenu-list li { margin: 0; padding: 0 0 20px; } .beautypress-main-header .megamenu-panel .megamenu-list li:last-child { padding: 0; } .beautypress-main-header .megamenu-panel { padding: 0; } .beautypress-main-header .xs_nav-landscape .megamenu-list { padding: 40px 20px; display: block; overflow: hidden; position: relative; margin: 0; border: 0px; } .beautypress-main-header .xs_nav-landscape .megamenu-list:before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; border-right: solid 1px #f0f0f0; z-index: -2; } .beautypress-main-header .megamenu-panel .megamenu-list li a:hover, .beautypress-main-header .megamenu-panel .megamenu-list li a:focus { background-color: transparent; } .beautypress-main-header .nav-dropdown.nav-submenu li { display: block; /*position: relative;*/ } .beautypress-main-header .nav-dropdown.nav-submenu li a { padding: 15px 25px; background-color: transparent; border-bottom: 1px solid #f5f5f5; } .beautypress-main-header .nav-dropdown.nav-submenu li:last-child a { border-bottom: 0; } .beautypress-main-header .nav-dropdown.nav-submenu li a:hover:before { width: calc(100% - 20px); } .beautypress-main-header .nav-dropdown { min-width: 200px; } .beautypress-main-header .xs_nav-portrait .submenu-indicator { width: 40px; height: 100%; margin: 0; } .beautypress-main-header .nav-dropdown.nav-submenu li a:before { display: none; } .beautypress-mega-menu .nav-submenu , .xs-navigation-middle-menu .nav-submenu , .xs_nav_2 .nav-submenu { border-radius: 0 0 5px 5px; box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16); border: 0; } .nav-menu>li>.nav-dropdown { border: 0; } .xs_nav_2 .nav-submenu li a { background-color: transparent; } .xs_nav_2 .nav-submenu { background-color: #FFFFFF; } .xs_nav-portrait .nav-submenu { box-shadow: none; } .beautypress-main-header .beautypress-nav.xs_nav-portrait , .beautypress-main-header .xs-navigation-middle-menu.xs_nav-portrait , .beautypress-main-header .beautypress-mega-menu.xs_nav-portrait { height: 50px; } .nav-toggle { margin: 0; } .beautypress-mega-menu .nav-dropdown , .xs-navigation-middle-menu .nav-dropdown { background-color: var(--color-white); } .mega-menu-overlay-img { position: absolute; right: 0; bottom: 0; background-image: url(../img/mega_menu_bg.png); height: 100%; width: 100%; background-repeat: no-repeat; background-position: right bottom; -webkit-background-size: cover; background-size: contain; border-radius: 0 0 5px 0; pointer-events: none; } .xs_nav-portrait .mega-menu-overlay-img { z-index: -1; } .beautypress-mega-menu.xs_nav-landscape .mega-menu-overlay-img { z-index: -1; } .xs_nav-portrait .submenu-indicator-chevron { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .beautypress-mega-menu.xs_nav-landscape .submenu-indicator { margin-top: 3px; } .submenu-indicator { margin-top: 3px; } /*====================================================================================== 2. INDEX-V1 welcome section ===============================================================================*/ .beautypress-welcome-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; position: relative; } .content-right .beautypress-welcome-container { margin: 0 0 0 auto !important; text-align: left !important; } .content-center .beautypress-welcome-container { margin: 0 auto !important; text-align: center !important; } .content-left .beautypress-welcome-container { margin: 0 auto 0 0 !important; text-align: left !important; } .beautypress-welcome-container h2 { font-family: var(--font-cursive); font-size: 3.571em; margin: 0 0 4px; } .beautypress-welcome-container h3 { margin: 0 0 30px; font-weight: 600; text-transform: capitalize; font-size: 5.000em; } .beautypress-welcome-container p { margin: 0 0 40px; font-size: 1.429em; } /*.beautypress-welcome-section.beautypress-welcome-section-v1 .beautypress-welcome-wraper { margin: 26% 0 0 0; }*/ .beautypress-welcome-slider-wraper { position: relative; } .beautypress-welcome-slider-wraper .customNavigation .welcome-prev, .beautypress-welcome-slider .owl-nav .owl-prev { left: 20px; } .beautypress-welcome-slider-wraper .customNavigation .welcome-next, .beautypress-welcome-slider .owl-nav .owl-next { right: 20px; } .beautypress-welcome-slider .owl-nav i { font-size: 3em; color: var(--color-purple); transition: all .4s ease; } .beautypress-welcome-slider .owl-nav i:hover { color: var(--color-pink); } .beautypress-welcome-slider-wraper .owl-dots .owl-dot span { border: 2px solid var(--color-purple); background-color: transparent; display: block; height: 16px; width: 16px; border-radius: 100%; -webkit-transition: all .4s ease; transition: all .4s ease; margin: 0 10px 0 0; } .beautypress-welcome-slider-wraper .owl-dots .owl-dot:last-child span { margin: 0; } .beautypress-welcome-slider-wraper .owl-dots .owl-dot.active span { background-color: var(--color-purple); } .beautypress-welcome-slider-wraper .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 51px; } .beautypress-welcome-content-group { position: relative; } .beautypress-welcome-slider .active .beautypress-welcome-wraper h2 { -webkit-animation: fadeInLeftPix 1s ease 100ms both; animation: fadeInLeftPix 1s ease 100ms both; } .beautypress-welcome-slider .active .beautypress-welcome-wraper h3 { -webkit-animation: fadeInLeftPix 1s ease 200ms both; animation: fadeInLeftPix 1s ease 200ms both; } .beautypress-welcome-slider .active .beautypress-welcome-wraper p { -webkit-animation: fadeInLeftPix 1s ease 300ms both; animation: fadeInLeftPix 1s ease 300ms both; } .beautypress-welcome-slider .active .beautypress-welcome-wraper .beautypress-btn-wraper a:first-child { -webkit-animation: fadeInLeftPix 1s ease 400ms both; animation: fadeInLeftPix 1s ease 400ms both; } .beautypress-welcome-slider .active .beautypress-welcome-wraper .beautypress-btn-wraper a:last-child { -webkit-animation: fadeInRightPix 1s ease 500ms both; animation: fadeInRightPix 1s ease 500ms both; } @-webkit-keyframes fadeInRightPix { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: none; transform: none; } } @keyframes fadeInRightPix { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInLeftPix { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftPix { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: none; transform: none; } } /*====================================================================================== 3. INDEX-V1 about section ===============================================================================*/ .beautypress-border-with-text-wrap { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 90px 0 90px 70px; position: relative; } .beautypress-border-with-text-wrap .beautypress-border.beautypress-version-1 { box-shadow: var(--hover-shadow); } .beautypress-border-with-text { position: relative; z-index: 2; } .beautypress-border-with-text h2 { margin: 0; color: var(--color-semi-black); font-size: 3.571em; font-weight: 200; line-height: 1.2; letter-spacing: -2px; } .beautypress-border-with-text h2 span { color: var(--color-purple); font-weight: 300; } .beautypress-border-with-text h2 strong { font-weight: 500; } .beautypress-border { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block; border: 10px solid var(--color-semi-black); z-index: 1; } .beautypress-border.beautypress-version-1 { border-color: #EBEBEB; width: calc(100% - 136px); } .beautypress-simple-img-wraper { position: relative; } /* new about section */ .beautypress-new-about-text-gruop { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 55px; } .beautypress-new-about-text-gruop .beautypress-sub-heading.beautypress-watermark-title h2 { font-weight: 700; font-size: 4.429em; letter-spacing: -2px; z-index: 1; margin: 0 0 30px; } .beautypress-new-about-text-gruop .beautypress-sub-heading.beautypress-watermark-title h2:before { color: #F0F0F0; font-size: 2.419em; z-index: -1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; left: -55px; top: 30px; } .beautypress-gradient-separetor { display: block; height: 2px; width: 130px; background-image: -webkit-linear-gradient( 175deg, rgba(236,85,152,0) 0%, rgba(236,85,152,0.26) 24%, rgba(236,85,152,0.5) 46%, rgb(236,85,152) 100%); background-image: -ms-linear-gradient( 175deg, rgba(236,85,152,0) 0%, rgba(236,85,152,0.26) 24%, rgba(236,85,152,0.5) 46%, rgb(236,85,152) 100%); } .beautypress-new-about-text-gruop p { margin: 30px 0 40px; font-size: 1.143em; } .beautypress-new-about-img-wraper { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; } .beautypress-new-single-about-img-group { margin: 0 0 40px; } .beautypress-new-single-about-img-group:last-child { margin: 0; } .beautypress-new-single-about-img img , .beautypress-new-single-about-img .beautypress-3d-project-card { border-radius: 10px; } .beautypress-new-single-about-img img { width: 100%; } .beautypress-new-single-about-img .beautypress-3d-project-card { box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1); } .beautypress-new-about-img-wraper { position: relative; z-index: 2; } .beautypress-new-about-img-wraper:before , .beautypress-new-about-img-wraper:after { position: absolute; content: ""; height: 100%; width: 100%; background-repeat: no-repeat; opacity: .1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; z-index: -1; } .beautypress-new-about-img-wraper:before { top: -17px; left: -123px; background-image: url(../img/new-about-style.png); background-position: top left; } .beautypress-new-about-img-wraper:after { background-image: url(../img/new-about-style-2.png); right: -135px; bottom: 0; background-position: bottom right; } /*====================================================================================== 4. INDEX-V1 our secrets section ===============================================================================*/ .beautypress-simple-text-with-img-section { padding: 110px 0; } .beautypress-simple-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; padding: 0 100px 0 0; } .beautypress-separetor-sub-heading { padding: 0 0 30px; margin: 0 0 30px; position: relative; } .beautypress-separetor-sub-heading:before { position: absolute; content: ""; bottom: 0; left: 0; width: 70px; height: 2px; background-color: #D6D6D6; } .beautypress-separetor-sub-heading.beautypress-no-separetor { /* Index version 2 */ padding: 0; margin: 0 0 40px; } .beautypress-separetor-sub-heading.beautypress-no-separetor:before { /* Index version 2 */ display: none; } .beautypress-separetor-sub-heading h2 { margin: 0; color: var(--color-semi-black); font-size: 2.857em; font-weight: 600; text-transform: capitalize; } .beautypress-simple-text p { margin: 0 0 30px; line-height: 1.8; } .twentytwenty-horizontal .beautypress-before-after .twentytwenty-handle:before, .twentytwenty-horizontal .beautypress-before-after .twentytwenty-handle:after { background: #681C98; box-shadow: none; } .beautypress-before-after .twentytwenty-handle { border-color: #681C98; box-shadow: none; background-color: #E75098; } .beautypress-before-after .twentytwenty-handle { top: 80%; } .beautypress-before-after.twentytwenty-container img { width: 100%; } .beautypress-simple-text.beautypress-version-2 { padding: 0 30px; } .beautypress-simple-text.beautypress-version-2 .beautypress-big-sub-heading h2 { font-size: 2.286em; } .beautypress-simple-text.beautypress-version-2 .beautypress-big-sub-heading h3 { font-size: 2.857em; font-weight: 600; line-height: 1; letter-spacing: -2px; } .beautypress-simple-text.beautypress-version-2 .beautypress-big-sub-heading { margin: 0 0 15px; } .beautypress-simple-text-content p { color: #333333; font-size: 1.143em; margin: 0; } .beautypress-simple-text-content { margin: 0 0 30px; } .beautypress-simple-text.beautypress-version-2 .beautypress-spilit-container { display: flex; } .beautypress-simple-text.beautypress-version-2 .beautypress-spilit-container .beautypress-icon-with-text { flex: 1; } .beautypress-svg-ico { height: 70px; margin: 0 0 30px; } .beautypress-simple-text.beautypress-version-2 .beautypress-svg-ico { display: flex; justify-content: flex-start; } .beautypress-svg-ico img { max-height: 100%; } .beautypress-icon-with-text h3 { margin: 0 0 15px; color: #000000; font-weight: 500; font-size: 1.571em; letter-spacing: -2px; text-transform: capitalize; } .beautypress-icon-with-text p { margin: 0; line-height: inherit; } /*====================================================================================== 5. INDEX-V1 vidoe popup section ===============================================================================*/ .beautypress-video-popup-content { position: relative; } .beautypress-border.beautypress-version-2 { border: 0; } .beautypress-border.beautypress-version-2:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; border: 10px solid var(--color-purple); background-color: #F7F7F7; z-index: -1; } .beautypress-video-popup-content .beautypress-border.beautypress-version-2:before { top: -70px; left: -70px; } .beautypress-video-popup-content-inner { position: relative; z-index: 2; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 70px 0 0 70px; } .beautypress-video-popup-content-inner:after { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-image: -webkit-linear-gradient( 90deg, rgb(0,188,212) 0%, rgb(106,27,154) 0%, rgba(151,95,184,0.5) 30%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(0,188,212) 0%, rgb(106,27,154) 0%, rgba(151,95,184,0.5) 30%, rgba(255,255,255,0) 100%); } .beautypress-video-popup-content a , .beautypress-about-video-pop { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; } .beautypress-video-popup-btn:hover { color: var(--color-white); } .beautypress-video-popup-btn { width: 70px; height: 70px; box-shadow: var(--primary-shadow); border-radius: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #F7F7F7; font-size: 1.429em; } .simple-icon-btn { color: var(--color-white); font-size: 4em; } .simple-icon-btn:hover { color: var(--color-purple); } .beautypress-video-side-text { width: calc(100% - 20px); margin: 0 auto 0 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .beautypress-big-sub-heading { margin: 0 0 40px; } .beautypress-big-sub-heading h2 { margin: 0 0 10px; font-family: var(--font-cursive); color: var(--color-pink); font-size: 3.071em; } .beautypress-big-sub-heading h3 { margin: 0; color: var(--color-semi-black); font-size: 2.057em; font-weight: 700; line-height: 1.5; } .beautypress-video-side-text p { margin: 0 0 30px; line-height: 2.1; } .beautypress-video-side-text .beautypress-simple-iocn-list.beautypress-version-2 { margin: 0 0 40px; } .beautypress-simple-iocn-list.beautypress-version-2 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 11px 0 0; } .beautypress-simple-iocn-list.beautypress-version-2 ul li { margin: 0; color: var(--color-pink); padding: 0 11px 0 0; } .beautypress-simple-iocn-list.beautypress-version-2 ul li i { padding: 0; width: 35px; height: 35px; border: 2px solid #DEDEDE; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; margin: 0 12px 0 0; } .beautypress-video-popup-content-inner.xs-video-border-none { margin: 0px; } .beautypress-video-popup-content-inner.xs-video-border-none:before { display: none; } .beautypress-video-popup-content-inner.video-popup-nomargin { margin: 0px; } /*====================================================================================== 6. Get Appoinment ===============================================================================*/ .beautypress-booking-text-wraper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .beautypress-booking-text-wraper .beautypress-border.beautypress-version-3 { width: calc(100% - 200px); margin: 0 auto; height: auto; } .beautypress-border.beautypress-version-3 { position: relative; border-right: 0; } .beautypress-border.beautypress-version-3:before , .beautypress-border.beautypress-version-3:after { position: absolute; content: ""; right: 0; top: 0; height: 43px; width: 43px; border-right: 10px solid; } .beautypress-border.beautypress-version-3:after { top: initial; bottom: 0; } .beautypress-border.beautypress-version-3, .beautypress-border.beautypress-version-3:before , .beautypress-border.beautypress-version-3:after { border-color: var(--color-purple); } .beautypress-booking-text { height: 100%; padding: 55px 0 55px 50px; width: calc(100% + 30px); } .beautypress-booking-text h2 { margin: 0 0 28px; color: var(--color-purple); font-weight: 500; text-transform: capitalize; font-size: 1.429em; } .beautypress-booking-text h3 { margin: 0 0 40px; font-size: 2.143em; font-weight: 600; text-transform: capitalize; color: var(--color-semi-black); } .beautypress-icon-bg-text { position: relative; padding: 0 0 40px; } .beautypress-icon-bg-text:before { position: absolute; content: "\e908"; top: -21px; left: 0%; height: 100%; width: 100%; font-family: var(--font-icons-2); opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; color: var(--color-purple); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*font-size: 13em;*/ font-size: 10em; z-index: -1; } .beautypress-icon-bg-text p { line-height: 1.875; } .beautypress-booking-text ul li { font-size: 1.143em; color: #646464; font-weight: 500; text-transform: capitalize; margin: 0 0 18px; line-height: 1; } .beautypress-booking-text ul li:last-child { margin: 0; color: var(--color-pink); } .beautypress-booking-form-wraper h2 { margin: 0 0 30px; color: var(--color-semi-black); font-weight: 600; font-size: 1.857em; } .beautypress-booking-form-wraper select { background-color: var(--color-white) !important; color: var(--color-semi-ash) !important; width: 100% !important; height: 60px !important; border: 2px solid #E2E2E2 !important; font-size: 1em !important; padding: 0 21px; border-radius: 0; } .beautypress-booking-form-wraper select:first-child { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .beautypress-booking-form-wraper .beautypress-select .input-group { position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-booking-form-wraper .beautypress-select .input-group:before { position: absolute; content: "\f107"; top: 50%; right: 0; width: 60px; height: calc(100% - 4px); border-left: 2px solid #DEDEDE; color: #E2B9A3; font-size: 1.429em; font-family: var(--font-icons-1); z-index: 9; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; -webkit-transition: all .4s ease; transition: all .4s ease; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .beautypress-booking-form-wraper .beautypress-select .input-group.actives:before { background-color: var(--color-navy-blue); border-color: var(--color-navy-blue); color: var(--color-white); } .beautypress-booking-form-wraper .beautypress-select .input-group.actives , .beautypress-booking-form-wraper .form-control:focus { box-shadow: var(--hover-shadow); } .beautypress-booking-form-wraper input:not([type="submit"]), .beautypress-booking-form-wraper textarea { display: block; width: 100%; height: 60px; border: 2px solid #E3E3E3; border-radius: 0; background-color: var(--color-white); padding: 0 21px; font-size: 1em !important; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-booking-form-wraper textarea { height: 130px; resize: none; padding: 20px; border-radius: 0; } .beautypress-booking-form-wraper textarea:focus , .beautypress-booking-form-wraper input:focus, .beautypress-booking-form-wraper select:focus{ border-color: var(--color-purple) !important; } .beautypress-booking-form-wraper .form-group , .beautypress-booking-form-wraper .beautypress-select { margin: 0 0 20px; width: 100%; } .beautypress-booking-form-wraper .form-group.massage-gropu { margin: 0 0 30px; } .beautypress-booking-form-wraper .form-group.button-group { margin: 0; } .beautypress-booking-form-wraper .beautypress-spilit-container { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; } .beautypress-service-and-date { margin: 0 0 24px; } .beautypress-booking-form-wraper input[type="submit"] { box-shadow: 0px 8px 16px 0px rgba(140, 140, 140, 0.157); background-color: var(--color-pink); text-transform: uppercase; height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; color: var(--color-white); border: 0; border-radius: 25px; padding: 15px 46px; cursor: pointer; transition: all .4s ease; } .beautypress-booking-form-wraper input[type="submit"]:hover { background-color: var(--color-purple); } .datepicker td, .datepicker th { width: 30px; height: 30px; font-weight: 400; } .datepicker { padding: 15px; } .datepicker table tr td.active, .datepicker table tr td.active:hover:active { background-image: none; background-color: var(--color-purple) !important; } .datepicker table tr td.active:hover { background-color: var(--color-pink) !important; background-image: none !important; } .beautypress-booking-form-wraper input[type="number"]::-webkit-inner-spin-button, .beautypress-booking-form-wraper input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /*====================================================================================== 6. INDEX-V1 Photo Gallery ===============================================================================*/ .beautypress-portfolio-nav { text-align: center; } .beautypress-portfolio-nav ul#filters { margin: 0; padding: 0 0 47px; } .beautypress-portfolio-nav ul#filters li { margin: 0 29px 0 0; } .beautypress-portfolio-nav ul#filters li:last-child { margin: 0; } .beautypress-portfolio-nav ul li a { text-transform: uppercase; color: #444444; font-weight: 700; font-size: 0.857em; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-portfolio-nav ul li a:hover , .beautypress-portfolio-nav ul li a.selected { color: var(--color-pink); } .beautypress-portfolio-nav ul li a:before { position: absolute; content: ""; bottom: -20px; left: 50%; height: 2px; width: 0%; background-color: var(--color-pink); -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .beautypress-portfolio-nav ul li a:hover:before , .beautypress-portfolio-nav ul li a.selected:before { width: calc(100% + 30px); } .beautypress-portfolio-nav.beautypress-version-2 ul#filters li { margin: 0; } .beautypress-portfolio-nav.beautypress-version-2 ul#filters li a { color: #BDBDBD; padding: 13px 22px; } .beautypress-portfolio-nav.beautypress-version-2 ul li a:before { display: none; } .beautypress-portfolio-nav.beautypress-version-2 ul#filters li a:hover , .beautypress-portfolio-nav.beautypress-version-2 ul#filters li a.selected { background-color: #58B7AC; color: var(--color-white); border-radius: 40px; } .beautypress-photo-gallery-grid-item { padding: 15px; } .beautypress-single-photo-gallery { position: relative; overflow: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-single-photo-gallery.beautypress-3d { overflow: visible; } .beautypress-single-photo-gallery img { width: 100%; } .beautypress-photo-gallery-content { position: absolute; top: calc(50% + 20px); left: 50%; -webkit-transform: translateZ(50px) translateY(-50%) translateX(-50%); transform: translateZ(50px) translateY(-50%) translateX(-50%); z-index: 2; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .7s ease; transition: all .7s ease; width: 100%; text-align: center; transform-style: preserve-3d; } .beautypress-single-photo-gallery.beautypress-3d .beautypress-3d-project-card { box-shadow: 0 3px 47px rgba(0, 0, 0, 0.2); } .beautypress-single-photo-gallery.beautypress-3d .beautypress-iocn-btn.full-round-btn { box-shadow: 0 0 50px 0 rgba(51, 51, 51, 0.3); } .beautypress-photo-gallery-content a { margin: 0 20px 0 0; } .beautypress-photo-gallery-content a:last-child { margin: 0; } .beautypress-iocn-btn.full-round-btn { height: 90px; width: 90px; border-radius: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-shadow: var(--primary-shadow); color: var(--color-white); font-size: 13px; background-color: var(--color-semi-black); position: relative; transition: all .9s ease; } .beautypress-iocn-btn.full-round-btn.bg-color-pink { background-color: var(--color-pink); } .beautypress-iocn-btn.full-round-btn.bg-color-purple { background-color: var(--color-purple); } .beautypress-gallery-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 100%; background-color: #000; -webkit-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .beautypress-single-photo-gallery:hover .beautypress-gallery-overlay { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .beautypress-single-photo-gallery:hover .beautypress-photo-gallery-content { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 50%; } .beautypress-3d-project-card { position: relative; overflow: hidden; transform-style: preserve-3d; } .beautypress-photo-gallery-grid-item-v3 { padding: 15px; } /*====================================================================================== 7. INDEX-V1 Pricing Plan ===============================================================================*/ .beautypress-single-pricing-table { box-shadow: var(--primary-shadow); background-color: var(--color-white); -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-pricing-table-section { position: relative; background-attachment: fixed; } .beautypress-pricing-table-section .beautypress-black-overlay { background-color: #FFFFFF; opacity: .5; } .beautypress-pricing-table-section .beautypress-section-headinig.beautypress-section-headinig-white h3 { color: var(--color-semi-black); } .beautypress-pricing-header { position: relative; } .beautypress-pricing-header img { width: 100%; } .beautypress-pricing-header-content { position: absolute; bottom: 0; left: 0; color: var(--color-white); width: 100%; display: flex; padding: 30px; -ms-grid-row-align: center; align-items: center; } .beautypress-pricing-title , .beautypress-pricing-price { flex: 1; } .beautypress-pricing-title h2 { margin: 0; text-transform: capitalize; font-weight: 500; font-size: 2.143em; letter-spacing: -2px; } .beautypress-pricing-price { text-align: right; } .beautypress-pricing-price h4 { margin: 0 0 10px; font-weight: 400; font-size: 1em; } .beautypress-pricing-price h5 { margin: 0; font-size: 2.857em; font-weight: 200; } .beautypress-pricing-price h5 span { font-size: 0.600em; vertical-align: super; } .beautypress-pricing-footer { padding: 40px 30px; } .beautypress-both-side-list li { display: flex; font-size: 1.143em; margin: 0 0 16px; flex: 1; } .beautypress-both-side-list li:last-child { margin: 0; } .beautypress-both-side-list li span { text-align: right; color: #444444; flex: 1; } .beautypress-pricing-footer .beautypress-both-side-list { margin: 0 0 42px; } .beautypress-pricing-footer .beautypress-btn-wraper { text-align: center; } .beautypress-single-pricing-table:hover { box-shadow: var(--hover-shadow); } /*====================================================================================== 8. Pricing Plan ===============================================================================*/ .beautypress-tab .beautypress-top-nav { border: 0; padding: 0 0 50px; display: flex; } .beautypress-tab .nav.nav-tabs.beautypress-top-nav li { flex: 1; margin: 0 30px 0 0; } .beautypress-tab .nav.nav-tabs.beautypress-top-nav li:last-child { margin: 0; } .beautypress-tab .beautypress-top-nav li , .beautypress-tab .beautypress-top-nav li a { min-height: 150px; } .beautypress-tab .beautypress-top-nav li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; background-color: #F5f5f5; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-tab .beautypress-top-nav li.active a , .beautypress-tab .beautypress-top-nav li a:hover { box-shadow: var(--hover-shadow); background-color: var(--color-white); } .beautypress-tab .beautypress-top-nav li a i { margin: 0 0 20px; -webkit-transition: all .4s ease; transition: all .4s ease; color: var(--color-purple); font-size: 2.857em; } .beautypress-tab .beautypress-top-nav li a:hover i , .beautypress-tab .beautypress-top-nav li.active a i { color: var(--color-pink); } .beautypress-tab .beautypress-top-nav li a:before, .beautypress-tab .beautypress-top-nav li a:after { position: absolute; content: ""; height: 20px; width: 20px; border: 2px solid var(--color-pink); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-tab .beautypress-top-nav li a:before { top: 0; left: 0; border-bottom: 0; border-right: 0; } .beautypress-tab .beautypress-top-nav li a:after { bottom: 0; right: 0; border-left: 0; border-top: 0; } .beautypress-tab .beautypress-top-nav li.active a:before, .beautypress-tab .beautypress-top-nav li.active a:after , .beautypress-tab .beautypress-top-nav li a:hover:before, .beautypress-tab .beautypress-top-nav li a:hover:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .beautypress-tab .beautypress-top-nav li a span { color: #999999; font-weight: 500; text-transform: uppercase; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-tab .beautypress-top-nav li.active a span , .beautypress-tab .beautypress-top-nav li a:hover span { color: #666666; } .beautypress-tab .tab-content .tab-pane .tabbable { display: flex; width: 100%; } .beautypress-tab .tab-pane .tabbable .tab-content { width: calc(75% - 15px); } .beautypress-tab .beautypress-side-nav { padding: 30px 20px 30px 0; box-shadow: var(--hover-shadow); background-color: var(--color-white); border: 0; display: block; width: calc(25% - 15px); margin: 0 30px 0 0; } .beautypress-tab .beautypress-side-nav li { display: block; width: 100%; margin: 16px 0 0 30px; } .beautypress-tab .beautypress-side-nav li:last-child { border-bottom: 0; margin: 16px 0 0 30px; padding: 0; } .beautypress-tab .beautypress-side-nav li:last-child a { padding: 0; } .beautypress-tab .beautypress-side-nav li:last-child a:after { display: none; } .beautypress-tab .beautypress-side-nav li a { display: block; width: 100%; color: var(--color-semi-ash); text-transform: capitalize; font-size: 1.143em; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; padding: 0 0 16px; } .beautypress-tab .beautypress-side-nav li a:hover , .beautypress-tab .beautypress-side-nav li.active a { color: var(--color-pink); } .beautypress-tab .beautypress-side-nav li a:before { position: absolute; content: ""; left: -30px; top: 50%; height: 0; width: 4px; background-color: var(--color-pink); -webkit-transform: translateY(-60%); transform: translateY(-60%); -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-tab .beautypress-side-nav li a:after { position: absolute; content: ""; left: 0; bottom: 0; border-bottom: 1px dashed #C3C3C3; width: calc(100% - 40px); } .beautypress-tab .beautypress-side-nav li a:hover:before , .beautypress-tab .beautypress-side-nav li.active a:before { height: calc(100% + 10px); } .beautypress-tab .beautypress-spilit-container { display: flex; height: 100%; } .beautypress-tab-text-content { -ms-flex-item-align: center; align-self: center; padding: 0 47px 0 0; width: calc(55.56666% - 15px); } .beautypress-tab .beautypress-tab-content { background-color: var(--color-white); box-shadow: var(--hover-shadow); height: 100%; } .beautypress-tab .beautypress-tab-image { position: relative; width: calc(44.444444% - 15px); margin: 0 30px 0 0; } .beautypress-tab .beautypress-tab-image-content { position: absolute; top: 30px; right: 30px; } .beautypress-tab .beautypress-tab-image img { width: 100%; } .beautypress-tab .beautypress-tab-text-content h3 { margin: 0 0 40px; color: #444444; font-weight: 500; font-size: 2.143em; text-transform: capitalize; line-height: inherit; } .beautypress-tab .beautypress-tab-text-content p { margin: 0 0 30px; color: #999999; } /*====================================================================================== 8. INDEX-V1 Call To Action ===============================================================================*/ .beautypress-call-to-action-content { text-align: center; padding: 200px 0; } .beautypress-content-headinig h2 { margin: 0 0 20px; font-family: var(--font-cursive); color: var(--color-purple); font-size: 3.571em; } .beautypress-content-headinig h3 { margin: 0; color: var(--color-semi-black); /*font-weight: 500;*/ font-weight: 600; font-size: 3.571em; letter-spacing: -2px; } .beautypress-content-headinig { margin: 0 0 30px; } /*====================================================================================== 9. INDEX-V1 Expert Beauticians ===============================================================================*/ .beautypress-team-section { position: relative; } .beautypress-single-team { position: relative; overflow: hidden; box-shadow: var(--primary-shadow); -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-team-content { position: absolute; bottom: -50px; left: 0; width: 100%; z-index: 2; color: var(--color-white); text-align: center; padding: 10px; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-team-person-details { position: relative; margin: 0 0 20px; } .beautypress-team-person-details h3 { margin: 0 0 10px; font-weight: 500; font-size: 1.429em; } .beautypress-team-person-details h4 { margin: 0; font-weight: 400; font-size: 1em; text-transform: capitalize; } .beautypress-social-list li { display: inline-block; margin: 0 10px 10px 0; } .beautypress-social-list li:last-child { margin: 0 0 10px 0; } .beautypress-social-list li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-shadow: var(--primary-shadow); height: 40px; width: 40px; position: relative; z-index: 1; -webkit-transition: all .4s ease; transition: all .4s ease; background-color: var(--color-semi-black); color: var(--color-white); border-radius: 100%; font-size: 1em; } .beautypress-social-list li a i { line-height: inherit; } .beautypress-facebook { background-color: #3B5999 !important; } .beautypress-twitter { background-color: #55ACEE !important; } .beautypress-pinterest { background-color: #BD081C !important; } .beautypress-dribbble { background-color: #EA4C89 !important; } .beautypress-instagram { background-color: #E4405F !important; } .beautypress-google-plus { background-color: #DD4B39 !important; } .beautypress-envelope { background-color: #373737 !important; } .beautypress-version-2.beautypress-social-list li a { background-color: #47454F !important; box-shadow: none; } .beautypress-single-team .beautypress-social-list li a:hover { background-color: var(--color-semi-black) !important; } .beautypress-team-person-socail-details { opacity: 0; transition: all .4s ease; } .beautypress-single-team:hover .beautypress-team-content { bottom: 20px; } .beautypress-single-team:hover .beautypress-team-person-socail-details { opacity: 1; } .beautypress-single-team:hover { box-shadow: var(--hover-shadow); } .beautypress-single-team:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-single-team:hover:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .beautypress-single-team:hover:before { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .beautypress-single-team img { width: 100%; } .beautypress-single-team .beautypress-social-list li a { height: 35px; width: 35px; font-size: 0.875em; } .beautypress-icon-bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; } .beautypress-icon-bg:before , .beautypress-icon-bg:after { position: absolute; content: ""; height: 100%; width: 327px; z-index: -1; background-repeat: no-repeat; background-size: contain; opacity: .1; top: 0; } .beautypress-icon-bg:before { left: 0; background-image: url(../img/left-bg-icon.png); background-position: center top; } .beautypress-icon-bg:after { right: 0; background-image: url(../img/right-bg-icon.png); background-position: center bottom; } /*====================================================================================== 10. INDEX-V1 News Feeds ===============================================================================*/ .beautypress-single-newsletter { box-shadow: var(--primary-shadow); background-color: var(--color-white); -webkit-transition: all .4s ease; transition: all .4s ease; margin: 0 0 30px; } .beautypress-newsfeed-header { position: relative; } .beautypress-newsfeed-header img { width: 100%; } .beautypress-newsfeed-header-content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 13px 30px; display: flex; color: var(--color-white); } .beautypress-newsfeed-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; align-self: flex-end; flex: 1; flex-basis: 70%; } .beautypress-newsfeed-img img { width: 50px; height: 50px; border-radius: 100%; margin: 0 10px 0 0; } .beautypress-newsfeed-img a { margin: 0; text-transform: capitalize; display: block; color: var(--color-white); } .beautypress-dates { text-align: right; flex: 1; flex-basis: 30%; } .beautypress-dates p { display: inline-block; min-width: 60px; font-size: 2.143em; font-weight: 200; text-align: center; } .beautypress-dates p strong { display: block; font-size: 0.400em; font-weight: 700; text-transform: uppercase; padding: 10px 5px; position: relative; } .beautypress-dates strong:before { position: absolute; content: ""; top: 0; left: 0; } .beautypress-newsfeed-footer { padding: 40px 30px; } .beautypress-dates .bg-color-purple strong { background-color: #590D88; } .beautypress-newsfeed-footer a { display: block; color: var(--color-semi-black); font-size: 1.429em; margin: 0 0 20px; transition: all .4s ease; } .beautypress-newsfeed-footer a:hover { color: var(--color-purple); } .beautypress-newsfeed-footer p { margin: 0; line-height: 1.8; } .beautypress-single-newsletter:hover { box-shadow: var(--hover-shadow); } /* beautypress-single-newsletter beautypress-version-2 */ .beautypress-dates .bg-color-pink-2 strong { background-color: #<?php echo $Site->site_ayarlari('tema_renk3'); ?>; } .beautypress-single-newsletter.beautypress-version-2 .beautypress-newsfeed-header-content { bottom: inherit; top: 0; padding: 20px; display: block; } .beautypress-single-newsletter.beautypress-version-2 .beautypress-dates strong:before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: var(--color-white); height: 1px; width: 30px; } .beautypress-single-newsletter.beautypress-version-2 .beautypress-dates .bg-color-pink-2 strong { background-color: transparent; } /* beautypress-single-newsletter beautypress-version-3 */ .beautypress-single-newsletter.beautypress-version-3 .beautypress-dates p { text-transform: uppercase; font-weight: 700; font-size: 0.714em; padding: 11px 28px; margin: 0 auto; } .beautypress-single-newsletter.beautypress-version-3 .beautypress-newsfeed-header-content { display: block; padding: 0; bottom: -18px; } .beautypress-single-newsletter.beautypress-version-3 .beautypress-dates { text-align: center; } /*====================================================================================== 11. INDEX-V1 Our Partners ===============================================================================*/ .beautypress-partner-section { position: relative; } .beautypress-partner-text-content { padding: 0 55px 0 35px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .beautypress-partner-text-content .beautypress-sub-heading { margin: 0 0 40px; } .beautypress-sub-heading h2{ margin: 0; color: var(--color-semi-black); font-weight: 500; font-size: 2.857em; position: relative; z-index: 1; } .beautypress-sub-heading.beautypress-watermark-title h2:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; opacity: .1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #B2B2B2; font-weight: 700; font-size: 1.750em; letter-spacing: -2px; } .beautypress-partner-text-content p { color: #999999; line-height: 1.8; } .beautypress-partner-list { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .beautypress-partner-list li { min-height: 170px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .beautypress-partner-list li:before { position: absolute; content: ""; bottom: 0; left: 0; height: 1px; width: 100%; } .beautypress-partner-list li:after { position: absolute; content: ""; top: 0; right: 0; height: 100%; width: 1px; } .beautypress-partner-list li:nth-child(1):before { background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(2,188,212) 25%, rgb(2,188,212) 100%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(2,188,212) 25%, rgb(2,188,212) 100%, rgb(255,255,255) 100%); } .beautypress-partner-list li:nth-child(2):before { border-bottom: 1px solid var(--color-sky-blue); } .beautypress-partner-list li:nth-child(3):before { background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(2,188,212) 0%, rgb(2,188,212) 25%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(2,188,212) 0%, rgb(2,188,212) 25%, rgb(255,255,255) 100%); } .beautypress-partner-list li:nth-child(1):after, .beautypress-partner-list li:nth-child(2):after { background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(2,188,212) 0%, rgb(2,188,212) 75%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(2,188,212) 0%, rgb(2,188,212) 75%, rgb(255,255,255) 100%); } .beautypress-partner-list li:nth-child(4):after, .beautypress-partner-list li:nth-child(5):after { background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(2,188,212) 25%, rgb(2,188,212) 100%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(2,188,212) 25%, rgb(2,188,212) 100%, rgb(255,255,255) 100%); } /* version 4 */ .beautypress-partner-list.beautypress-version-4 li:nth-child(1):before { background-image: -moz-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(232,232,232) 25%, rgb(232,232,232) 100%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(232,232,232) 25%, rgb(232,232,232) 100%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(232,232,232) 25%, rgb(232,232,232) 100%, rgb(255,255,255) 100%); } .beautypress-partner-list.beautypress-version-4 li:nth-child(1):after , .beautypress-partner-list.beautypress-version-4 li:nth-child(2):after { background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(232,232,232) 0%, rgb(232,232,232) 75%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(232,232,232) 0%, rgb(232,232,232) 75%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(232,232,232) 0%, rgb(232,232,232) 75%, rgb(255,255,255) 100%); } .beautypress-partner-list.beautypress-version-4 li:nth-child(2):before { border-color: #E8E8E8; } .beautypress-partner-list.beautypress-version-4 li:nth-child(3):before { background-image: -moz-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(232,232,232) 0%, rgb(232,232,232) 75%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(232,232,232) 0%, rgb(232,232,232) 75%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(232,232,232) 0%, rgb(232,232,232) 75%, rgb(255,255,255) 100%); } .beautypress-partner-list.beautypress-version-4 li:nth-child(4):after , .beautypress-partner-list.beautypress-version-4 li:nth-child(5):after { background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(232,232,232) 100%, rgb(232,232,232) 75%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(232,232,232) 100%, rgb(232,232,232) 75%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(232,232,232) 100%, rgb(232,232,232) 75%, rgb(255,255,255) 100%); } /* icon bgs */ .beautypress-round-icons-bg { position: absolute; pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; /*background-image: url(../img/icons-bg.png);*/ background-repeat: no-repeat; background-position: center center; background-size: contain; /*background-attachment: fixed;*/ z-index: -1; } /*====================================================================================== 12. INDEX-V1 Footer Section ===============================================================================*/ <?php $split = str_split($Site->site_ayarlari('tema_renk1'), 2); $r = hexdec($split[0]); $g = hexdec($split[1]); $b = hexdec($split[2]); ?> .beautypress-footer-section { position: relative; /*padding: 133px 0 0 0;*/ background-size: cover; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 829.4" preserveAspectRatio="none"><path fill= "<?php echo "rgb(" . $r . ", " . $g . ", " . $b . ")"; ?>" fill-opacity= "0.7" fill-rule= "evenodd" d="M0,10266s198.4,114,387,5,497.966-214.4,774-170,689.47,140,759,169v650H0v-654Z" transform="translate(0 -10090.6)"/></svg>'); background-repeat: no-repeat; background-position: center center; width: 100%; padding: 0; padding-top: calc(25% * 1 / 10); } .beautypress-footer-section:after { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 829.4" preserveAspectRatio="none"><path fill= "<?php echo "rgb(" . $r . ", " . $g . ", " . $b . ")"; ?>" fill-opacity= "0.7" fill-rule= "evenodd" d="M0,10095s570.853,396,1495,58c0,0,271.65-105.1,425-92v863H0v-829Z" transform="translate(0 -10059.8)"/></svg>'); pointer-events: none; background-repeat: no-repeat; background-position: center center; background-size: cover; } .beautypress-footer-content { position: relative; z-index: 1; padding: 0 0 45px; /*border-bottom: 1px solid var(--color-white);*/ border-bottom: 1px solid rgba(0,0,0,.2); margin: 0 0 40px; } .beautypress-footer-logo { text-align: center; margin: 0 0 63px; } .beautypress-footer-logo a { display: inline-block; } .beautypress-subscribe-wraper { width: 50%; margin: 0 auto 100px auto; text-align: center; } .beautypress-subscribe { height: 70px; position: relative; } .beautypress-subscribe-wraper input:not([type="submit"]) { height: 100%; width: 100%; border: 2px solid #F0F0F0; background-color: var(--color-white); padding: 0 31px; border-radius: 80px; } .beautypress-subscribe-wraper input[type="submit"] { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 50px; border: 0; border-radius: 80px; background-color: var(--color-purple); padding: 0 30px; color: var(--color-white); text-transform: uppercase; font-weight: 700; cursor: pointer; transition: all .4s ease; } .beautypress-subscribe-wraper input[type="submit"]:hover { background-color: var(--color-pink-2); } .beautypress-footer-section.beautypress-version-3 .beautypress-subscribe-wraper input[type="submit"]:hover { background-color: var(--light-red) !important; } .beautypress-subscribe-wraper h3 { margin: 0 0 30px; font-weight: 500; color: var(--color-white); text-transform: capitalize; font-size: 1.857em; } .beautypress-single-footer p { color: var(--color-white); text-align: right; line-height: 1.875; } .beautypress-single-footer-group p { line-height: 1; } .beautypress-copyright-text { text-align: center; padding: 0 0 48px; position: relative; z-index: 2; } .beautypress-copyright-text p { color: var(--color-white); font-size: 1em; } .beautypress-subscribe label { margin: 10px 0 0; color: var(--color-white); } /*==============================------------------------------------- index-v2.html =========================----------------------------------*/ /*=============== section heading ==========================*/ .beautypress-watermark-title.beautypress-section-headinig i { color: var(--color-purple); font-size: 4em; margin: 0 0 27px; display: block; } .beautypress-watermark-title.beautypress-section-headinig h2 { font-family: inherit; font-weight: 500; font-size: 2.857em; text-transform: capitalize; z-index: 1; margin: 0; padding: 0 0 30px; } .beautypress-section-headinig.beautypress-watermark-title h2:before { font-size: 1.750em; font-weight: 700; left: 50%; top: -25px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; color: #F6F6F6; text-transform: uppercase; pointer-events: none; z-index: -1; letter-spacing: -2px; } .bg-color-gray .beautypress-section-headinig.beautypress-watermark-title h2:before { color: #eaeaea; } /*====================================================================================== 1. INDEX-V2 Header section ===============================================================================*/ .beautypress-header-social-list ul li{ display: inline-block; margin-right: 14px; } .beautypress-header-social-list ul li:last-child { margin-right: 0; } .beautypress-header-social-list ul li a { color: #666666; } .beautypress-header-section.beautypress-header-version-3.beautypress-header-version-4 { box-shadow: var(--primary-shadow); } .beautypress-header-section.beautypress-header-version-2 .beautypress-header-top .beautypress-spilit-container , .beautypress-header-section.beautypress-header-version-3 .beautypress-header-top .beautypress-spilit-container { /* index-v4.html and index-v3.html */ display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .beautypress-header-section.beautypress-header-version-2 .beautypress-header-top .beautypress-simple-iocn-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .beautypress-header-section.beautypress-header-version-2 .beautypress-language-select-list , .beautypress-header-section.beautypress-header-version-3 .beautypress-language-select-list { /* index-v4.html and index-v3.html */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; } .beautypress-language-select-list select { background-color: transparent; border: 0; color: var(--color-white); text-transform: capitalize; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/select-icons.png) no-repeat center right; padding: 0 22px; } .beautypress-language-select-list select option { background-color: var(--color-pink); border: 0; } .bg-color-green .beautypress-language-select-list select option { background-color: #53A14E; } .bg-color-purple .beautypress-language-select-list select option { background-color: var(--color-purple); } .bg-color-cyan .beautypress-language-select-list select option { background-color: var(--color-cyan); } .bg-green-2 .beautypress-language-select-list select option { background-color: #92C357; } .beautypress-header-section.beautypress-header-version-2 .beautypress-logo-wraper .beautypress-logo { position: static; box-shadow: none; background-color: transparent; padding: 0; } .navbar-toggler-icon { background-color: var(--color-white); height: 2px; width: 40px; transition: all .4s ease; margin: 0 0 6px auto; display: block; } .navbar-toggler-icon:last-child { margin: 0 0 0 auto; } .icon-left .navbar-toggler-icon { margin: 0 auto 6px 0; } .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-child(1) { transform: translateY(10px) rotate(-45deg); transform-origin: center; } .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-child(2) { transform: translateX(-50px); width: 0%; opacity: 0; } .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-child(3) { transform: translateY(-6px) rotate(45deg); transform-origin: center; } .nav-side-logo { display: block; position: absolute; left: 0; top: 0; } .beautypress-nav-logo { display: block; } .beautypress-version-2.beautypress-logo:before { position: absolute; content: ""; left: 0; right: 0; width: 100%; height: 100%; background-color: var(--color-white); z-index: -1; top: 0; } .beautypress-version-2.beautypress-logo:after { position: absolute; content: ""; top: 100%; left: 0; width: 0; height: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-top: 64px solid var(--color-white); filter: drop-shadow(0px 8px 21px rgba(0, 0, 0, 0.1)); z-index: -2; } .beautypress-logo.beautypress-version-2.beautypress-version-4:after { border-left: 92.5px solid transparent; border-right: 92.5px solid transparent; } .beautypress-version-2.beautypress-logo img { /*padding: 17px 23px;*/ margin-top: 10px; } .beautypress-header-section.beautypress-version-1 .beautypress-version-2.beautypress-logo { top: 0; background-color: transparent; box-shadow: none; padding: 0; box-shadow: var(--hover-shadow); max-width: 199px; height: 100%; min-height: 110px; width: auto; display: inline-flex; justify-content: center; align-items: center; min-width: auto; max-height: none; width: 100%; } /*====================================================================================== 2. INDEX-V2 welcome section ===============================================================================*/ .beautypress-welcome-section.beautypress-welcome-version-2 .beautypress-welcome-container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 0 0 auto; width: 58.666667%; } .beautypress-welcome-section.beautypress-welcome-version-2 .beautypress-welcome-wraper { width: 100%; min-height: 379px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 74px 74px 0; position: relative; margin: 25% 0 0 0; } .beautypress-welcome-section.beautypress-welcome-version-2 .beautypress-welcome-wraper:before { position: absolute; content: ""; top: 0; left: 0; height: calc(100% - 35px); width: 100%; border: 2px solid var(--color-white); } .beautypress-welcome-section.beautypress-welcome-version-2 .beautypress-welcome-slider h2 { font-size: 4.286em; margin: 0 0 20px; text-transform: capitalize; } .beautypress-welcome-section.beautypress-welcome-version-2 .beautypress-welcome-slider h3 { font-size: 7.143em; margin: 0 0 50px; letter-spacing: -4px; } /*====================================================================================== 3. INDEX-V2 Simple text with image version 2 ===============================================================================*/ .beautypress-watermark-icon { position: relative; z-index: 1; } .beautypress-watermark-icon:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; font-family: var(--font-icons-2); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #f2f2f2; font-size: 15em; } .beautypress-simple-text.beautypress-watermark-icon:before { content: "\e946"; height: 200px; width: 200px; z-index: -1; } /*====================================================================================== 4. INDEX-V2 Exclusive Products ===============================================================================*/ .beautypress-product-group { min-height: 356px; box-shadow: var(--primary-shadow); position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; overflow: hidden; text-align: center; padding: 47px 10px 40px; background-color: var(--color-white); } .beautypress-product-content .beautypress-rating { margin: 0 0 20px; } .beautypress-rating li { display: inline-block; } .beautypress-rating li a { color: var(--color-orange); } .beautypress-product-details { margin: 0 0 15px; } .beautypress-product-details h3 { color: #111111; margin: 0 0 20px; font-weight: 400; text-transform: capitalize; font-size: 1.286em; line-height: inherit; } .beautypress-product-details h4 { margin: 0; color: #A0A0A0; font-size: 1em; font-weight: 400; font-family: 'Montserrat', sans-serif; } .beautypress-product-img { min-height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .beautypress-product-hover-elements { position: absolute; top: 60%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width: 100%; text-align: center; } .beautypress-product-group:hover .beautypress-product-hover-elements { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 50%; } .beautypress-product-group:hover { box-shadow: var(--hover-shadow); } .beautypress-product-hover-elements a { margin: 0 20px 0 0; } .beautypress-product-hover-elements a:last-child { margin: 0; } .pulse-btn i:before { z-index: 2; } .pulse-btn i:after { position: absolute; content: ""; top: 0; left: 0; font-family: 'FontAwesome'; z-index: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; pointer-events: none; } .beautypress-product-hover-elements .pulse-btn i:after { content: "\f004"; color: var(--color-purple); } .pulse-btn.active i:after { -webkit-animation: scale .6s linear; animation: scale .6s linear; } @-webkit-keyframes scale { 50% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(2); transform: scale(2); } } @keyframes scale { 50% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(2); transform: scale(2); } } /*====================================================================================== 5. INDEX-V2 Welcome to our barbar shop ===============================================================================*/ .beautypress-shop-call-to-action-content { position: relative; width: 77%; z-index: 2; padding: 200px 0; } .beautypress-shop-call-to-action-content h2 { font-weight: 100; font-size: 4.286em; margin: 0 0 58px; } .beautypress-shop-call-to-action-content h2 strong { font-weight: 500; } .beautypress-shop-call-to-action-content .beautypress-spilit-container { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-column-gap: 130px; } .beautypress-shop-text p { color: #666666; font-size: 1.143em; margin: 0 0 30px; } .beautypress-shop-shedule h3 { font-size: 1.857em; font-weight: 500; margin: 0 0 30px; text-transform: capitalize; } .beautypress-shop-shedule span , .beautypress-shop-shedule i{ display: block; color: #666666; font-size: 0.700em; } .beautypress-shop-shedule p { color: var(--color-purple); margin: 0 0 15px; font-size: 1.429em; } .beautypress-shop-shedule p:last-child { margin: 0; } .beautypress-shop-shedule i { color: var(--light-red); } .beautypress-watermark-big-icon { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-image: url(../img/scissors.png); z-index: -1; pointer-events: none; background-size: 60% 70%; } /*====================================================================================== 6. INDEX-V2 How It Works ===============================================================================*/ .counter-increment { counter-increment: my-awesome-counter; } .beautypress-single-how-it-work { padding: 0 30px; } .beautypress-neumaric-heading { margin: 0 0 30px; } .beautypress-watermark-title .beautypress-neumaric-heading h2 { z-index: 2; } .beautypress-watermark-title .beautypress-neumaric-heading h2:before{ color: var(--color-purple); content: '0' counter(my-awesome-counter); font-size: 3.846em; font-weight: 700; line-height: 1; top: calc(50% - 11px); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -34px; z-index: -1; opacity: .1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } .beautypress-neumaric-heading h2 { margin: 0; font-size: 1.857em; font-weight: 300; } .beautypress-neumaric-heading strong { font-weight: 500; } .beautypress-single-how-it-work p { margin: 0 0 25px; line-height: 1.8; } /*====================================================================================== 7. INDEX-V2 Video background section ===============================================================================*/ .beautypress-video-section { padding: 260px 0; } .beautypress-video-section-content { text-align: center; color: var(--color-white); } .beautypress-video-section-content a { margin: 0 0 50px; } .beautypress-video-section-content p { font-family: var(--font-cursive); font-size: 2.143em; margin: 0 0 20px; } .beautypress-video-section-content h3 { margin: 0; font-size: 3.571em; font-weight: 500; } /*====================================================================================== 8. INDEX-V2 Our Services ===============================================================================*/ .beautypress-single-our-sevice { box-shadow: var(--primary-shadow); } .beautypress-service-footer { padding: 40px 30px 40px; } .beautypress-service-header img { width: 100%; } .beautypress-service-footer h3 { margin: 0 0 30px; color: var(--color-semi-black); font-weight: 500; font-size: 1.857em; text-transform: capitalize; } .beautypress-both-side-list.beautypress-version-2 li span { color: var(--color-purple); } .beautypress-both-side-list.beautypress-version-2 li:hover , .beautypress-both-side-list.beautypress-version-2 li:hover span{ color: var(--light-red); } /*====================================================================================== 9. INDEX-V2 Testimonial section ===============================================================================*/ .beautypress-testimonial-section { padding: 173px 0; } .beautypress-testimonial-slider { position: relative; padding: 58px 0 0 0; } .beautypress-testimonial-slider:before { position: absolute; content: ""; top: 58px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 165px; width: 225px; background-image: url(../img/quote-icon.png); background-repeat: no-repeat; background-position: top center; opacity: .1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } .beautypress-black-overlay.light-overlay { background-color: rgba(0, 0, 0, 0.2); } .beautypress-single-testimonial { text-align: center; width: 50%; margin: 0 auto; position: relative; } .beautypress-single-testimonial h2 { margin: 0 0 32px; color: var(--color-white); font-weight: 100; font-size: 2.857em; text-transform: capitalize; } .beautypress-single-testimonial p { color: #BBBBBB; margin: 0 0 30px; font-size: 1.143em; } .beautypress-single-testimonial .beautypress-rating { margin: 0 0 19px; } .beautypress-testimonial-slider.owl-carousel .owl-item .beautypress-signature img { height: auto; width: auto; margin: 0 auto; } .beautypress-testimonial-slider.owl-carousel .owl-dot { height: 2px; width: 30px; background-color: var(--color-white); opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; margin: 0 20px 0 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-testimonial-slider.owl-carousel .owl-dot:last-child { margin: 0; } .beautypress-testimonial-slider.owl-carousel .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .beautypress-testimonial-slider.owl-carousel .owl-dot.active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*====================================================================================== 10. INDEX-V2 Our Pricing ===============================================================================*/ .beautypress-single-pricing-table.beautypress-version-2 { padding: 80px 30px 50px; } .beautypress-single-pricing-table.beautypress-version-2 .beautypress-pricing-header { text-align: center; } .beautypress-single-pricing-table.beautypress-version-2 .beautypress-pricing-header-content { position: static; flex-direction: column; padding: 0; } .beautypress-single-pricing-table.beautypress-version-2 .beautypress-pricing-price { text-align: center; margin: 0 0 30px; } .beautypress-single-pricing-table.beautypress-version-2 .beautypress-pricing-header i { color: var(--color-white); font-size: 6em; margin: 0 0 50px; display: block; } .beautypress-single-pricing-table.beautypress-version-2 .beautypress-pricing-footer { padding: 0; } .beautypress-single-pricing-table.beautypress-version-2 .beautypress-pricing-title h2 { font-size: 1.857em; margin: 0 0 30px; } .beautypress-single-pricing-table.beautypress-version-2 .beautypress-pricing-price h5 { font-weight: 100; } .beautypress-single-pricing-table.beautypress-version-2 .beautypress-pricing-price h5 span { font-size: inherit; vertical-align: unset; } .beautypress-single-pricing-table.beautypress-version-2 .beautypress-both-side-list li , .beautypress-single-pricing-table.beautypress-version-2 .beautypress-both-side-list li span { color: var(--color-white); } /*====================================================================================== 11. INDEX-V2 Our Partners ===============================================================================*/ .beautypress-partner-list.beautypress-version-2 li:nth-child(1):before { background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(107, 30, 153) 25%, rgb(107, 30, 153) 100%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(107, 30, 153) 25%, rgb(107, 30, 153) 100%, rgb(255,255,255) 100%); } .beautypress-partner-list.beautypress-version-2 li:nth-child(2):before { border-color: var(--color-purple); } .beautypress-partner-list.beautypress-version-2 li:nth-child(1):after, .beautypress-partner-list.beautypress-version-2 li:nth-child(2):after { background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(107, 30, 153) 0%, rgb(107, 30, 153) 75%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(107, 30, 153) 0%, rgb(107, 30, 153) 75%, rgb(255,255,255) 100%); } .beautypress-partner-list.beautypress-version-2 li:nth-child(3):before { background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(107, 30, 153) 0%, rgb(107, 30, 153) 25%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(107, 30, 153) 0%, rgb(107, 30, 153) 25%, rgb(255,255,255) 100%); } .beautypress-partner-list.beautypress-version-2 li:nth-child(4):after, .beautypress-partner-list.beautypress-version-2 li:nth-child(5):after { background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(107, 30, 153) 25%, rgb(107, 30, 153) 100%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(107, 30, 153) 25%, rgb(107, 30, 153) 100%, rgb(255,255,255) 100%); } /*====================================================================================== 12. INDEX-V2 Subscribe Section ===============================================================================*/ .beautypress-subscribe-content { padding: 0 0 70px; margin: 0 0 80px; border-bottom: 1px solid #E2E2E2; position: relative; z-index: 1; } .beautypress-subscribe-content:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-image: url(../img/massage-watermark.png); background-repeat: no-repeat; background-position: center center; background-size: contain; opacity: .1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } .beautypress-subscribe-wraper.beautypress-version-2 { width: 60%; margin: 0 auto; } .beautypress-subscribe-wraper.beautypress-version-2 h3 { color: var(--color-semi-black); font-size: 2.857em; margin: 0 0 48px; } .beautypress-version-2.beautypress-subscribe-wraper input:not([type="submit"]) { background-color: transparent; } .beautypress-subscribe-wraper.beautypress-version-2 .beautypress-subscribe label { color: var(--color-purple); } /*====================================================================================== 13. INDEX-V2 Footer Section ===============================================================================*/ .beautypress-footer-section.beautypress-version-2 .beautypress-single-footer p { color: inherit; font-size: 1em; } .beautypress-version-2.beautypress-footer-section:before, .beautypress-version-2.beautypress-footer-section:after { display: none; } .beautypress-version-2.beautypress-footer-section { padding: 0; background-image: none; } .beautypress-footer-section.beautypress-version-2 .beautypress-footer-content { padding: 0 0 100px; border-bottom: 0px solid var(--color-white); margin: 0; } .beautypress-footer-section.beautypress-version-2 .beautypress-copyright-content { background-color: var(--color-purple); padding: 25px 0; } .beautypress-footer-section.beautypress-version-2 .beautypress-copyright-text { text-align: left; padding: 0; } .beautypress-footer-section.beautypress-version-2 .beautypress-footer-social { text-align: right; } /*==============================------------------------------------- index-v3.html =========================----------------------------------*/ /*====================== section heading ========================*/ .beautypress-version-2.beautypress-section-headinig h2 { color: var(--color-cyan); font-size: 1.857em; } .beautypress-version-2.beautypress-section-headinig h3 { margin: 0 0 18px; } /*====================================================================================== 1. INDEX-V3 header section ===============================================================================*/ .beautypress-header-section.beautypress-header-version-3 .beautypress-header-top .beautypress-simple-iocn-list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .beautypress-header-section.beautypress-header-version-3 .beautypress-language-select-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .beautypress-header-section.beautypress-header-version-3 .beautypress-logo{ position: static; box-shadow: none; background-color: transparent; padding: 9px 0; } .beautypress-address-content { padding: 26px 0; background-color: #F7F7F7; } .beautypress-address-element { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .beautypress-single-address-element { padding: 0 45px 0 0; display: flex; } .beautypress-single-address-element:last-child { padding: 0; } .beautypress-single-address-element i { font-size: 2.143em; padding: 0; vertical-align: text-top; margin: 0 20px 0 0; width: auto; box-shadow: none; } .beautypress-single-address-element p { margin: 0; color: #444; font-weight: 500; font-size: 1.429em; position: relative; } .beautypress-single-address-element span { font-size: 1.143em; display: block; } .beautypress-header-section.beautypress-header-version-3 .beautypress-main-header .beautypress-spilit-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .beautypress-header-section.beautypress-header-version-3 .beautypress-main-header .beautypress-spilit-container .beautypress-btn-wraper { width: 25%; text-align: right; } .beautypress-header-section.beautypress-header-version-3 .beautypress-main-header { background-color: transparent; } .beautypress-header-section.beautypress-header-version-3 { position: absolute; top: 0; left: 0; width: 100%; box-shadow: none; } .beautypress-header-section.beautypress-header-version-3 .beautypress-main-header .beautypress-mega-menu .nav-menu li { margin: 0 30px 0 0; } .beautypress-mega-menu.xs_nav-landscape .xs-row { width: 100%; } .nav-menu>li>a>i { text-align: right; } .beautypress-header-section.beautypress-header-version-3 .beautypress-main-header .beautypress-mega-menu .nav-menu li a { font-weight: 700; } .beautypress-header-section.beautypress-header-version-3 .beautypress-main-header .beautypress-mega-menu .beautypress-btn-wraper { align-self: center; text-align: right; } /*====================================================================================== 2. INDEX-V3 welcome section ===============================================================================*/ .beautypress-welcome-section.beautypress-welcome-version-3 { position: relative; } .beautypress-welcome-section.beautypress-welcome-version-3 .beautypress-welcome-container { /*height: 950px;*/ height: 700px; } .beautypress-welcome-section.beautypress-welcome-version-3 .beautypress-black-gradient-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; pointer-events: none; } .beautypress-welcome-section.beautypress-welcome-version-3 .beautypress-black-gradient-overlay:before { background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.70196) 0%, rgba(138,138,138,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.70196) 0%, rgba(138,138,138,0) 100%); background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.70196) 0%, rgba(138,138,138,0) 100%); opacity: .9; } .beautypress-welcome-section.beautypress-welcome-version-3 .beautypress-welcome-wraper { width: 100%; } .beautypress-welcome-section.beautypress-welcome-version-3 .beautypress-welcome-container { width: 70%; margin: 0 auto; text-align: center; } .beautypress-welcome-section.beautypress-welcome-version-3 .beautypress-welcome-container h2 { /*font-family: inherit;*/ font-weight: 200; /*font-size: 5.000em;*/ font-size: 2.714em; /*letter-spacing: -2px;*/ margin: 0 0 8px; } .beautypress-welcome-section.beautypress-welcome-version-3 .beautypress-welcome-container h3 { margin: 0 0 20px; } .beautypress-welcome-section.beautypress-welcome-version-3 .beautypress-welcome-container p { font-size: 1em; } /*====================================================================================== 3. INDEX-V3 Our Services ===============================================================================*/ .beautypress-service-section.beautypress-version-2 .beautypress-tab .beautypress-side-nav li a:hover, .beautypress-service-section.beautypress-version-2 .beautypress-tab .beautypress-side-nav li.active a, .beautypress-service-section.beautypress-version-2 .beautypress-tab .beautypress-top-nav li a:hover i, .beautypress-service-section.beautypress-version-2 .beautypress-tab .beautypress-top-nav li.active a i { color: var(--color-cyan); } .beautypress-service-section.beautypress-version-2 .beautypress-tab .beautypress-side-nav li a:before { background-color: var(--color-cyan); } .beautypress-service-section.beautypress-version-2 .beautypress-tab .beautypress-top-nav li a:before, .beautypress-service-section.beautypress-version-2 .beautypress-tab .beautypress-top-nav li a:after { border-color: var(--color-cyan); } .beautypress-service-section.beautypress-version-2 .beautypress-tab .beautypress-top-nav li a i { color: var(--color-chocolate); } /*====================================================================================== 4. INDEX-V3 Get Appoinment ===============================================================================*/ .beautypress-booking-section.beautypress-version-2 .beautypress-border.beautypress-version-3 , .beautypress-booking-section.beautypress-version-2 .beautypress-border.beautypress-version-3:before, .beautypress-booking-section.beautypress-version-2 .beautypress-border.beautypress-version-3:after { border-color: var(--color-chocolate); } .beautypress-booking-section.beautypress-version-2 .beautypress-booking-text h2 { color: var(--color-cyan); } .beautypress-booking-section.beautypress-version-2 .beautypress-booking-text ul li:last-child { color: #FF6B6B; } .beautypress-booking-section.beautypress-version-2 .beautypress-icon-bg-text:before { color: var(--color-chocolate); } .beautypress-booking-section.beautypress-version-2 .beautypress-booking-form-wraper textarea:focus, .beautypress-booking-section.beautypress-version-2 .beautypress-booking-form-wraper input:focus, .beautypress-booking-section.beautypress-version-2 .beautypress-booking-form-wraper select:focus { border-color: var(--color-chocolate) !important; } .beautypress-booking-section.beautypress-version-2 .beautypress-booking-form-wraper .beautypress-select .input-group.actives:before { background-color: var(--color-chocolate); border-color: var(--color-chocolate); } .beautypress-booking-section.beautypress-version-2 .beautypress-booking-form-wraper input[type="submit"] { background-color: var(--color-cyan); } .beautypress-booking-section.beautypress-version-2 .beautypress-booking-form-wraper input[type="submit"]:hover { background-color: var(--light-red); } /*====================================================================================== 4. INDEX-V3 Photo Gallery ===============================================================================*/ .beautypress-photo-gallery-section.beautypress-version-2 .beautypress-portfolio-nav ul li a:hover, .beautypress-photo-gallery-section.beautypress-version-2 .beautypress-portfolio-nav ul li a.selected { color: var(--color-cyan); } .beautypress-photo-gallery-section.beautypress-version-2 .beautypress-portfolio-nav ul li a:before , .beautypress-photo-gallery-section.beautypress-version-2 .beautypress-gallery-overlay { background-color: var(--color-cyan); } .beautypress-photo-gallery-section.beautypress-version-2 .beautypress-single-photo-gallery:hover { box-shadow: var(--hover-shadow); } .beautypress-photo-gallery-section.beautypress-version-2 .beautypress-single-photo-gallery.beautypress-3d:hover { box-shadow: none; } .beautypress-photo-gallery-section.beautypress-version-2 .beautypress-single-photo-gallery.beautypress-3d:hover .beautypress-3d-project-card{ box-shadow: var(--hover-shadow); } /*====================================================================================== 5. INDEX-V3 Our Pricing ===============================================================================*/ .beautypress-single-pricing-table.beautypress-version-3 { padding: 100px 30px 50px; } .beautypress-single-pricing-table.beautypress-version-3 .beautypress-pricing-header-content { position: static; padding: 0; flex-direction: column; } .beautypress-single-pricing-table.beautypress-version-3 .beautypress-pricing-header , .beautypress-single-pricing-table.beautypress-version-3 .beautypress-pricing-price { text-align: center; } .beautypress-single-pricing-table.beautypress-version-3 .beautypress-pricing-title h2 { color: var(--color-semi-black); font-size: 1.857em; letter-spacing: -2px; } .beautypress-single-pricing-table.beautypress-version-3 .beautypress-pricing-price h4 { color: #C8C8C8; } .beautypress-single-pricing-table.beautypress-version-3 .beautypress-pricing-price h5 span { vertical-align: unset; font-size: inherit; } .beautypress-single-pricing-table.beautypress-version-3 .beautypress-pricing-footer { padding: 0; } .beautypress-single-pricing-table.beautypress-version-3 .beautypress-pricing-header img { margin: 0 0 30px; width: auto; } .beautypress-single-pricing-table.beautypress-version-3 .beautypress-pricing-title { margin: 0 0 20px; } .beautypress-single-pricing-table.beautypress-version-3 .beautypress-pricing-header { padding: 0 0 37px; z-index: 1; } .beautypress-single-pricing-table.beautypress-version-3 .beautypress-pricing-header:before { position: absolute; content: ""; top: -53px; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: top center; z-index: -1; opacity: .1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } .beautypress-single-pricing-table.beautypress-version-3.beautypress-image-overlay-1 .beautypress-pricing-header:before { background-image: url(../img/pricing-overlay-1.png); } .beautypress-single-pricing-table.beautypress-version-3.beautypress-image-overlay-2 .beautypress-pricing-header:before { background-image: url(../img/pricing-overlay-2.png); } .beautypress-single-pricing-table.beautypress-version-3.beautypress-image-overlay-3 .beautypress-pricing-header:before { background-image: url(../img/pricing-overlay-3.png); } .beautypress-both-side-list.beautypress-version-3 li span { color: var(--color-chocolate); } .beautypress-single-pricing-table.beautypress-version-3 .beautypress-both-side-list li { color: #999; } /*====================================================================================== 6. INDEX-V3 Call To Action ===============================================================================*/ .beautypress-call-to-action-content.beautypress-version-2 .beautypress-content-headinig h2 { font-size: 2.857em; } .beautypress-call-to-action-content.beautypress-version-2 .beautypress-content-headinig h3 { color: #444444; font-size: 3.571em; letter-spacing: -2px; } /*====================================================================================== 7. INDEX-V3 Fun Factory ===============================================================================*/ .beautypress-fun-factory-section { padding: 173px 0; } .beautypress-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 13px; } .beautypress-single-fun-factory { text-align: center; color: var(--color-white); } .beautypress-counter h2, .beautypress-counter span { margin: 0; font-size: 4.286em; font-weight: 100; line-height: 1; } .beautypress-single-fun-factory h5 { margin: 0; font-size: 1.857em; font-weight: 700; text-transform: capitalize; } .beautypress-single-fun-factory { position: relative; } .beautypress-watermark-icons.watermark-icon-style-1 { position: absolute; top: -50%; left: 0; opacity: .1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; width: 100%; text-align: center; height: 100%; font-size: 12em; line-height: 1; } /*====================================================================================== 8. INDEX-V3 Footer ===============================================================================*/ .beautypress-version-3.beautypress-footer-section { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 829.4" preserveAspectRatio="none"><path fill="rgb(77, 182, 172)" fill-opacity="0.7" fill-rule= "evenodd" d="M0,10266s198.4,114,387,5,497.966-214.4,774-170,689.47,140,759,169v650H0v-654Z" transform="translate(0 -10090.6)"/></svg>'); } .beautypress-version-3.beautypress-footer-section:after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 829.4" preserveAspectRatio="none"><path fill="rgb(77, 182, 172)" fill-opacity="0.7" fill-rule= "evenodd" d="M0,10095s570.853,396,1495,58c0,0,271.65-105.1,425-92v863H0v-829Z" transform="translate(0 -10059.8)"/></svg>'); } /*==============================------------------------------------- index-v4.html =========================----------------------------------*/ /*====================================================================================== 1. INDEX-V4 welcome section ===============================================================================*/ .beautypress-welcome-section.beautypress-welcome-version-4 .beautypress-welcome-container { height: 750px; } .beautypress-welcome-section.beautypress-welcome-version-4 .beautypress-welcome-container p { font-size: 1.857em; margin: 0 0 20px; } .beautypress-welcome-section.beautypress-welcome-version-4 .beautypress-welcome-container h3 { margin: 0 0 50px; letter-spacing: -2px; } .beautypress-welcome-section.beautypress-welcome-version-4 .beautypress-welcome-slider-item.beautypress-version-1 .beautypress-welcome-content-group:before { background-image: url(../img/women_1.html); width: 450px; bottom: -50px; } /*====================================================================================== 2. INDEX-V4 Our Features ===============================================================================*/ .beautypress-single-our-feature { position: relative; box-shadow: var(--hover-shadow); overflow: hidden; } .beautypress-single-our-feature img { width: 100%; } .beautypress-our-features-content { position: absolute; bottom: -65px; left: 0; width: 100%; text-align: center; z-index: 2; padding: 0 10px; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-our-features-content h3 { color: var(--color-white); letter-spacing: -2px; font-size: 1.857em; font-weight: 500; text-transform: capitalize; margin: 0 0 25px; } .beautypress-single-our-feature i{ position: absolute; right: -90px; bottom: -50px; font-size: 18em; color: var(--color-white); opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; z-index: 1; line-height: 1; } .beautypress-single-our-feature .beautypress-btn-wraper { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-single-our-feature:hover .beautypress-our-features-content { bottom: 40px; } .beautypress-single-our-feature:hover .beautypress-btn-wraper { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*====================================================================================== 3. INDEX-V4 Our Pricing ===============================================================================*/ .beautypress-single-pricing-table.beautypress-version-4 .beautypress-pricing-header-content { position: static; padding: 40px 40px 0; text-align: center; flex-direction: column; } .beautypress-single-pricing-table.beautypress-version-4 .beautypress-pricing-title h2 { color: var(--color-semi-black); font-size: 1.857em; } .beautypress-single-pricing-table.beautypress-version-4 .beautypress-pricing-title { margin: 0 0 20px; } .beautypress-single-pricing-table.beautypress-version-4 .beautypress-pricing-price h4 { color: #C8C8C8; } .beautypress-single-pricing-table.beautypress-version-4 .beautypress-pricing-price { text-align: center; } .beautypress-single-pricing-table.beautypress-version-4 .beautypress-pricing-price h5 span { vertical-align: inherit; font-size: inherit; } /*==============================------------------------------------- index-v5.html =========================----------------------------------*/ /*====================================================================================== 1. INDEX-V5 Header Section ===============================================================================*/ .beautypress-header-section.beautypress-header-version-4 .beautypress-main-header .xs-navigation-middle-menu.xs_nav-landscape .nav-menu li a { color: var(--color-white); border-color: transparent; } .beautypress-main-header.bg-color-cyan .nav-menu .submenu-indicator-chevron { border-color: transparent #FFFFFF #FFFFFF transparent; } .beautypress-main-header.bg-color-cyan .xs-navigation-middle-menu.xs_nav-landscape .nav-menu .nav-submenu { background-color: var(--color-cyan); } .beautypress-header-section.beautypress-header-version-4 .beautypress-main-header .xs-navigation-middle-menu.xs_nav-landscape .nav-menu li a:hover { color: var(--color-purple); } .beautypress-header-section.beautypress-header-version-4 .beautypress-version-2.beautypress-logo { top: 0; width: 100%; padding: 0; } .xs-navigation-middle-menu.xs_nav-landscape .xs-row { width: 100%; } .xs-navigation-middle-menu.xs_nav-landscape .xs-row .xs-col-2 { position: relative; display: block; height: 100%; } /*====================================================================================== 2. INDEX-V5 welcome Section ===============================================================================*/ .beautypress-welcome-section.beautypress-welcome-version-5 .beautypress-welcome-container { width: 60%; } .beautypress-welcome-section.beautypress-welcome-version-5 .beautypress-welcome-container h3 { margin: 0 0 20px; letter-spacing: -2px; font-size: 4.286em; } .beautypress-welcome-section.beautypress-welcome-version-5 .beautypress-welcome-container p { font-size: 1.286em; margin: 0 0 30px; } .beautypress-welcome-section.beautypress-welcome-version-5 .beautypress-welcome-wraper { position: relative; } .beautypress-welcome-section.beautypress-welcome-version-5 .beautypress-welcome-wraper:before { position: absolute; content: attr(data-icon); top: 0; left: 0; height: 100%; width: 100%; line-height: 1; color: #b6b6b6; font-family: var(--font-icons-2); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 30em; opacity: .1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } .beautypress-welcome-section.beautypress-welcome-version-5 .content-right .beautypress-welcome-wraper:before { justify-content: flex-start; } .beautypress-welcome-section.beautypress-welcome-version-5 .content-left .beautypress-welcome-wraper:before { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .beautypress-welcome-section.beautypress-welcome-version-5 .content-center .beautypress-welcome-wraper:before { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /*====================================================================================== 3. INDEX-V5 Face & Beauty Care ===============================================================================*/ .beautypress-single-beauty-product { background-color: var(--color-white); border: 10px solid #F7F7F7; position: relative; padding: 15px 15px 60px; text-align: center; } .beautypress-beauty-product-header { margin: 0 0 33px; } .beautypress-beauty-product-footer { position: relative; z-index: 1; } .beautypress-beauty-product-footer h3 { margin: 0 0 15px; color: var(--color-chocolate); text-transform: capitalize; font-size: 1.857em; font-weight: 500; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-beauty-product-footer p { color: #888888; } .beautypress-beauty-product-footer span { position: absolute; top: 0; left: 0; height: 100%; width: 100%; color: #f6f6f6; font-size: 10em; line-height: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: -1; } .beautypress-single-beauty-product .beautypress-beauty-product-hover-content { bottom: -30px; } .beautypress-beauty-product-hover-content { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .icon-btn-with-text { position: relative; height: 50px; width: 50px; display: block; margin: 0 auto; } .icon-btn-with-text:before { position: absolute; content: "\f105"; font-family: var(--font-icons-1); color: var(--color-white); box-shadow: var(--primary-shadow); height: 100%; width: 100%; top: 0; left: 0; border-radius: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--color-chocolate); -webkit-transition: all .6s ease; transition: all .6s ease; font-size: 1.143em; } .icon-btn-with-text:after { position: absolute; content: attr(data-title); height: 100%; width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 50px; top: 0; color: var(--color-white); font-weight: 700; text-transform: uppercase; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; } .icon-btn-with-text:hover { /*width: 186px;*/ padding: 0 100px; } .icon-btn-with-text:hover:before { border-radius: 40px; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; padding: 0 37px; background-color: var(--color-cyan); box-shadow: var(--hover-shadow); } .icon-btn-with-text:hover:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; left: 0; } /*====================================================================================== 4. INDEX-V5 About Us ===============================================================================*/ .beautypress-border-chocolate.beautypress-border.beautypress-version-2:before { border-color: var(--color-chocolate); } .beautypress-vedio-section-with-text-v2 .beautypress-video-popup-content-inner:after { background-image: none; } .beautypress-vedio-section-with-text-v2 .beautypress-big-sub-heading h2 { font-size: 1.857em; } .beautypress-vedio-section-with-text-v2 .beautypress-big-sub-heading h3 { font-size: 2.143em; } .beautypress-vedio-section-with-text-v2 .beautypress-big-sub-heading { margin: 0 0 25px; } .beautypress-vedio-section-with-text-v2 .beautypress-simple-iocn-list.beautypress-version-2 ul li { color: var(--color-chocolate); } /*====================================================================================== 5. INDEX-V5 Popular Services ===============================================================================*/ .beautypress-popular-service-grid-item { padding: 15px; } .beautypress-single-popular-service { box-shadow: var(--primary-shadow); background-color: var(--color-white); -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-popular-service-header { position: relative; } .beautypress-popular-service-content { position: absolute; bottom: -25px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: var(--color-cyan); height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-white); -webkit-transition: all .4s ease; transition: all .4s ease; padding: 0 32px; border-radius: 40px; } .beautypress-popular-service-footer { padding: 55px 10px 30px; text-align: center; } .beautypress-popular-service-footer a { display: block; color: var(--color-semi-black); font-size: 1.429em; font-weight: 500; text-transform: capitalize; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-popular-service-content h3 { margin: 0; font-size: 1em; font-weight: 400; } .beautypress-single-popular-service:hover { box-shadow: var(--hover-shadow); } .beautypress-single-popular-service:hover .beautypress-popular-service-footer a { color: var(--color-chocolate); } .beautypress-single-popular-service:hover .beautypress-popular-service-content { background-color: var(--color-chocolate); } /*====================================================================================== 6. INDEX-V5 Video Section ===============================================================================*/ .beautypress-video-section.beautypress-version-2 { /*background-color: var(--color-white);*/ padding: 0 0 100px; position: relative; } .beautypress-video-section.beautypress-version-2:before { position: absolute; content: ""; bottom: 0; right: 0; background-image: url(../img/stone_1.png); background-repeat: no-repeat; background-position: center center; height: 410px; width: 479px; z-index: 2; pointer-events: none; } .beautypress-video-wraper { padding: 130px 0; } .beautypress-video-section.beautypress-version-2 .beautypress-video-section-content h2 { color: var(--color-semi-black); font-size: 2.857em; font-weight: 500; margin: 0 0 30px; letter-spacing: -2px; } .beautypress-video-section.beautypress-version-2 .beautypress-video-section-content a { margin: 0 20px 0 0; } .beautypress-video-section.beautypress-version-2 .beautypress-video-content { text-align: left; } .beautypress-video-section.beautypress-version-2 .beautypress-video-content p { color: var(--color-semi-black); font-size: 1.429em; font-weight: 500; font-family: inherit; margin: 0 0 10px; line-height: 1; } .beautypress-video-section.beautypress-version-2 .beautypress-video-content h3 { color: #666666; margin: 0; font-size: 1.429em; font-weight: 500; text-transform: capitalize; } .beautypress-video-section.beautypress-version-2 .beautypress-spilit-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*====================================================================================== 7. INDEX-V5 Expert Beautician ===============================================================================*/ .beautypress-team-section.beautypress-team-section-v2 .beautypress-single-team.beautypress-white-overlay:after { background-image: -webkit-linear-gradient( 90deg, rgb(77,182,172) 0%, rgb(226,185,163) 0%, rgba(232,199,181,0.5) 20%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(77,182,172) 0%, rgb(226,185,163) 0%, rgba(232,199,181,0.5) 20%, rgba(255,255,255,0) 100%); } .beautypress-team-section.beautypress-team-section-v2 .beautypress-team-content { color: var(--color-semi-black); } .beautypress-team-section.beautypress-team-section-v2 .beautypress-team-person-details h3 { text-transform: capitalize; } .beautypress-team-section.beautypress-team-section-v2 .beautypress-team-person-details h4 { color: var(--color-semi-ash); } .beautypress-team-section.beautypress-team-section-v2 .beautypress-single-team:hover .beautypress-team-person-details h4 { color: #555555; } .beautypress-team-section.beautypress-team-section-v2 .beautypress-single-team:hover { box-shadow: none; } .beautypress-team-wraper { position: relative; } .beautypress-team-wraper:before { position: absolute; content: ""; bottom: -90px; left: 0; background-image: url(../img/stone_2.png); height: 428px; width: 428px; background-repeat: no-repeat; } /*====================================================================================== 8. INDEX-V5 Best Features ===============================================================================*/ .beautypress-best-features-wraper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .beautypress-single-best-feature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 50px; } .beautypress-single-best-feature:last-child { margin: 0; } .beautypress-feature-icon { padding: 0 30px 0 0; } .beautypress-feature-icon i { color: var(--color-chocolate); font-size: 6.2em; } .beautypress-feature-content h3 { margin: 0 0 10px; color: var(--color-semi-black); font-weight: 500; font-size: 1.429em; } .beautypress-feature-content p { color: #888888; } .beautypress-image-slider { position: relative; } .beautypress-single-slider-img { position: relative; z-index: 1; box-shadow: var(--primary-shadow); margin: 60px 80px 0 0; } .beautypress-image-slider .owl-stage-outer { position: relative; padding: 0 20px 20px; } .beautypress-image-slider .owl-stage-outer:before { position: absolute; content: ""; top: -60px; left: 60px; height: 100%; width: 100%; background-color: #FEF5EF; z-index: -1; } .beautypress-image-slider .owl-dot span { display: block; height: 10px; width: 10px; border-radius: 100%; background-color: var(--color-white); -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-image-slider .owl-dot.active span { background-color: var(--color-cyan); } .beautypress-image-slider .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; bottom: 50px; left: 50px; } .beautypress-image-slider .owl-dot { margin: 0 10px 0 0; } .beautypress-image-slider .owl-dot:last-child { margin: 0; } /*====================================================================================== 9. INDEX-V5 Fun Fact Version 2 ===============================================================================*/ .beautypress-fun-factory-text-content-v2 { position: relative; text-align: center; color: var(--color-white); padding: 107px 0 207px; } .beautypress-fun-factory-text-content-v2 h2 { margin: 0; font-size: 2.857em; font-weight: 500; letter-spacing: -2px; } .beautypress-fun-factory-content-v2 { margin: -135px 0 0 0; } .beautypress-fun-factory-content-v2 .beautypress-single-fun-factory { box-shadow: var(--primary-shadow); min-height: 270px; background-color: var(--color-white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; } .beautypress-fun-factory-content-v2 .beautypress-single-fun-factory i { color: #f7f7f7; top: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: -1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .beautypress-fun-factory-content-v2 .beautypress-single-fun-factory h5 { color: #777777; font-weight: 500; font-size: 1.429em; text-transform: capitalize; } .beautypress-fun-factory-content-v2 .beautypress-counter span { color: #E0B8A4; } .beautypress-fun-factory-content-v2 .beautypress-counter h2 { font-size: 5.714em; } .beautypress-counter b { color: #E0B8A4; font-size: 5.714em; line-height: 1; font-weight: 100; text-transform: uppercase; } /*====================================================================================== 10. INDEX-V5 Client Review ===============================================================================*/ .beautypress-best-reviewr-avator-wraper { width: calc(100% - 180px); margin: 0 auto; position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .beautypress-best-reviewr-avator { position: relative; height: auto; } .beautypress-best-reviewr-content { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; text-align: center; } .beautypress-best-reviewr-content h3 { margin: 0 0 10px; font-size: 1.429em; } /*====================================================================================== 11. INDEX-V5 Call to action ===============================================================================*/ .beautypress-call-to-action-v2 { padding: 61px 0 52px; } .beautypress-call-to-action-content-v2 { padding: 0 0 0 70px; } .beautypress-call-to-action-content-v2 { position: relative; } .beautypress-call-to-action-content-v2:before { position: absolute; content: ""; top: 0; left: 0; color: var(--color-semi-black); font-size: 1em; line-height: 1; } .beautypress-call-to-action-content-v2 h2 { color: var(--color-white); font-size: 3.571em; margin: 0; letter-spacing: -2px; line-height: 1.2; } .beautypress-call-to-action-content-v2 h2 span { display: block; font-weight: 200; } .beautypress-call-to-action-v2 .beautypress-btn-wraper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 100px 0 0; } /*====================================================================================== 12. INDEX-V5 Footer section ===============================================================================*/ .beautypress-version-4.beautypress-footer-section:before , .beautypress-version-4.beautypress-footer-section:after { display: none; } .beautypress-version-4.beautypress-footer-section { padding: 100px 0 0; background-image: none; } .beautypress-version-4.beautypress-footer-section .beautypress-footer-logo { margin: 0 0 30px; } .beautypress-version-4.beautypress-footer-section .beautypress-footer-content p { text-align: center; color: #999999; font-size: 1.143em; margin: 0 0 30px; } .beautypress-version-4.beautypress-footer-section .beautypress-footer-content { padding: 0 0 80px; border-color: #D2D2D2; margin: 0; } .beautypress-footer-menu { text-align: center; padding: 40px 0; } .beautypress-footer-menu ul { line-height: 1; } .beautypress-footer-menu ul li { display: inline-block; margin: 0 30px 10px 0; } .beautypress-footer-menu ul li:last-child { margin: 0; } .beautypress-footer-menu ul li a { color: #999999; font-weight: 700; display: block; text-transform: uppercase; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-footer-menu ul li a:hover { color: var(--color-cyan); } .beautypress-version-4.beautypress-footer-section .beautypress-copyright-content { background-color: var(--color-cyan); padding: 30px 0; } .beautypress-version-4.beautypress-footer-section .beautypress-copyright-text { padding: 0; } /* back to top init */ .beautypress-back-to-top-group { position: relative; } .beautypress-back-to-top-wraper { position: absolute; bottom: 12px; right: 0; z-index: 999999; -webkit-transition: all .6s ease; transition: all .6s ease; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; height: 60px; width: 60px; } .beautypress-back-to-top-wraper.show-last-pos { -webkit-transform: scale3d(1.5,1.5,1.5); transform: scale3d(1.5,1.5,1.5); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .beautypress-back-to-top-wraper.show-last-pos.active{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } .back-to-top-center { right: inherit; transform: translateX(-50%) !important; left: 50%; } .back-to-top-center.beautypress-back-to-top-wraper{ height: 40px; width: 40px; bottom: 22px; } .back-to-top-center.beautypress-back-to-top-wraper a{ background-color: rgba(0,0,0,.2); } .beautypress-btn-2.back-to-top:hover { background-color: var(--color-semi-black) !important; } .beautypress-btn-2.back-to-top { height: 100%; width: 100%; font-size: 1.429em; } .beautypress-btn-2.back-to-top.bg-dark-green:hover { background-color: var(--light-red) !important; } /*=================================================================== Inner page start =============================================================================*/ /*========================================================================= 1. INNER PAGE header section =============================================================================*/ .beautypress-header-section.beautypress-inner-menu { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; transition: all .4s ease; } .beautypress-header-section.beautypress-inner-menu .beautypress-main-header { background-color: rgba(255, 255, 255, 0.102); } /* fixed menu css */ .beautypress-header-section.navbar-fixed.off-canvas { top: -100px; opacity: 0; visibility: hidden; } .beautypress-header-section.navbar-fixed { position: fixed; left: 0; width: 100%; transition: all 0.6s ease; } .beautypress-header-section.navbar-fixed.fixed { top: 0; opacity: 1; visibility: visible; } /* menu skew animation */ .beautypress-header-section.navbar-fixed.off-canvas.menu-skew { top: 0; opacity: 1; visibility: visible; /*transform-style: preserve-3d; perspective: 1000px;*/ } .menu-skew { animation-duration: .6s; animation-fill-mode: both; will-change: transform; } @media (max-width: 480px) { .menu-skew { animation-fill-mode: none; will-change: unset; } } @-webkit-keyframes swingInX { 0% { -webkit-transform: perspective(400px) rotateX(-90deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); } } @-moz-keyframes swingInX { 0% { -moz-transform: perspective(400px) rotateX(-90deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); } } @-o-keyframes swingInX { 0% { -o-transform: perspective(400px) rotateX(-90deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); } } @keyframes swingInX { 0% { transform: perspective(400px) rotateX(-90deg); } 100% { transform: perspective(400px) rotateX(0deg); } } .menu-skew.swingInX { -webkit-transform-origin: top; -moz-transform-origin: top; -ie-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-backface-visibility: hidden !important; -webkit-animation-name: swingInX; -moz-backface-visibility: hidden !important; -moz-animation-name: swingInX; -o-backface-visibility: hidden !important; -o-animation-name: swingInX; backface-visibility: hidden !important; animation-name: swingInX; } @media (max-width: 480px) { .menu-skew.swingInX { animation-name: none; transform-origin: unset; } } @-webkit-keyframes swingOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); } 100% { -webkit-transform: perspective(400px) rotateX(-90deg); } } @-moz-keyframes swingOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); } 100% { -moz-transform: perspective(400px) rotateX(-90deg); } } @-o-keyframes swingOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); } 100% { -o-transform: perspective(400px) rotateX(-90deg); } } @keyframes swingOutX { 0% { transform: perspective(400px) rotateX(0deg); } 100% { transform: perspective(400px) rotateX(-90deg); } } .menu-skew.swingOutX { -webkit-transform-origin: top; -webkit-animation-name: swingOutX; -webkit-backface-visibility: hidden !important; -moz-animation-name: swingOutX; -moz-backface-visibility: hidden !important; -o-animation-name: swingOutX; -o-backface-visibility: hidden !important; animation-name: swingOutX; backface-visibility: hidden !important; } @media (max-width: 480px) { .menu-skew.swingOutX { animation-name: none; transform-origin: unset; } } /*========================================================================= 2. INNER PAGE welcome section =============================================================================*/ .beautypress-inner-welocme-section { position: relative; padding: 160px 0 50px; text-align: center; overflow: hidden; backface-visibility: hidden; } .beautypress-inner-welocme-section .beautypress-black-overlay { background-color: rgba(0,0,0,.3); } .beautypress-inner-welcome-content { width: 66.6666667%; margin: 0 auto; } .beautypress-inner-welcome-content img { margin: 0 0 40px; } .beautypress-inner-welcome-content h1 { margin: 0 0 20px; font-size: 3.286em; font-weight: 500; text-transform: capitalize; letter-spacing: -2px; } .beautypress-inner-welcome-content p { font-size: 1.143em; } .beautypress-inner-welcome-footer-content { position: absolute; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="369.781" height="48" viewBox="0 0 369.781 48"><path fill="%23FFFFFF" d="M1145,740s-4-33-30-33H985s-23.5-2.5-25-15v48h185Zm-369.782,0s4-33,29.973-33h129.84S958.5,704.5,960,692v48H775.218Z" transform="translate(-775.219 -692)"/></svg>'); bottom: -2px; backface-visibility: hidden; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 48px; width: 369.781px; background-repeat: no-repeat; background-position: bottom center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .beautypress-breadcrumb li { display: inline-block; padding: 0 12px 0 0; position: relative; } .beautypress-breadcrumb li:before { position: absolute; content: "/"; right: 0; top: 0; color: #B9B9B9; } .beautypress-breadcrumb li:last-child:before { display: none; } .beautypress-breadcrumb li:last-child { padding: 0; } .beautypress-breadcrumb li a { color: #B9B9B9; display: block; -webkit-transition: all .4s ease; transition: all .4s ease; text-transform: capitalize; } .beautypress-breadcrumb li:last-child a { color: var(--color-purple); pointer-events: none; } /*========================================================================= 3. INNER PAGE square service section =============================================================================*/ .beautypress-single-square-service-content { padding: 0 40px; min-height: 330px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 5; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; width: calc(100% - 20px); } .beautypress-single-square-service-content i { color: var(--color-purple); font-size: 5em; -webkit-transition: all .4s ease; transition: all .4s ease; margin: 0 0 30px; display: inline-block; } .beautypress-single-square-service-content h2 { margin: 0 0 20px; color: #444444; font-size: 2.143em; text-transform: capitalize; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-single-square-service-content p { -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-single-square-service-content:hover h2 , .beautypress-single-square-service-content:hover p , .beautypress-single-square-service-content:hover i { color: var(--color-white); } .beautypress-single-square-service-content:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-color: var(--color-white); box-shadow: var(--primary-shadow); z-index: -1; } .beautypress-overlay-with-img { position: absolute; height: 100%; width: 100%; top: 20px; left: 20px; background-color: var(--color-purple); z-index: -2; -webkit-transition: all .4s ease; transition: all .4s ease; pointer-events: none; } .beautypress-overlay-with-img:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background-repeat: no-repeat; background-position: center center; background-size: cover; } .beautypress-overlay-with-img.img-1:before { background-image: url(../img/square-service-bg.jpg); } .beautypress-overlay-with-img.img-2:before { background-image: url(../img/skin_care.jpg); } .beautypress-overlay-with-img.img-3:before { background-image: url(../img/spa_care.jpg); } .beautypress-single-square-service-content:hover .beautypress-overlay-with-img { top: 0; left: 0; background-color: transparent; } .beautypress-single-square-service-content:hover:before { background-color: var(--color-purple); opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; box-shadow: var(--hover-shadow); } .beautypress-single-square-service-content:hover .beautypress-overlay-with-img:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*========================================================================= 4. INNER PAGE Popular Services =============================================================================*/ .beautypress-popular-service-section.beautypress-version-2 .beautypress-popular-service-content { background-color: var(--color-purple); } .beautypress-popular-service-section.beautypress-version-2 .beautypress-single-popular-service:hover .beautypress-popular-service-footer a { color: var(--color-pink); } .beautypress-popular-service-section.beautypress-version-2 .beautypress-single-popular-service:hover .beautypress-popular-service-content { background-color: var(--color-pink); } /*========================================================================= 5. INNER PAGE Contact.html =============================================================================*/ #beautypress_maps { height: 570px; width: 100%; } .beautypress-contact-us-section { padding: 100px 0 0; } .beautypress-contact-wraper.beautypress-version-1 { margin: 0 0 -238px; } .beautypress-contact-wraper { background-color: var(--color-white); box-shadow: var(--hover-shadow); position: relative; z-index: 99; padding: 0 40px 0 0; } .beautypress-contact-details { height: 100%; padding: 45px 40px 55px; } .beautypress-separetor-sub-heading.beautypress-version-2 h2 { color: var(--color-white); font-weight: 500; letter-spacing: -2px; font-size: 1.857em; } .beautypress-separetor-sub-heading.beautypress-version-2:before { background-color: rgb(87, 9, 135); width: 200px; height: 1px; } .beautypress-icon-with-text li { display: -ms-grid; display: grid; -ms-grid-row-align: center; align-items: center; -ms-grid-columns: 60px calc(100% - 60px); grid-template-columns: 60px calc(100% - 60px); color: var(--color-white); margin: 0 0 20px; } .beautypress-icon-with-text li:last-child { margin: 0; } .beautypress-icon-with-text li i { height: 40px; width: 40px; border-radius: 100%; border: 2px solid var(--color-white); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.143em; } .beautypress-contact-us-section .beautypress-contact-form { height: 100%; } .beautypress-contact-us-section .beautypress-contact-form form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .beautypress-contact-form input:not([type="submit"]) , .beautypress-contact-form textarea { width: 100%; display: block; height: 50px; background-color: var(--color-white); border: 2px solid #F0F0F0; padding: 0 20px; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-contact-form textarea { padding: 20px; height: 90px; resize: none; } .beautypress-contact-form input[type="submit"] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-white); text-transform: uppercase; font-weight: 700; background-color: var(--color-purple); padding: 0 46px; box-shadow: var(--hover-shadow); border: 0; height: 50px; border-radius: 25px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; cursor: pointer; } .beautypress-contact-form .input-group { margin: 0 0 20px; position: relative; padding: 0; display: block; } .beautypress-contact-form .input-group-addon { position: absolute; right: 20px; top: 0; height: 100%; padding: 0; background-color: transparent; border: 0; color: #BFBFBF; pointer-events: none; } .beautypress-contact-form .beautypress-spilit-container { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; } .beautypress-contact-form input::-webkit-input-placeholder , .beautypress-contact-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #BFBFBF; } .beautypress-contact-form input::-moz-placeholder , .beautypress-contact-form textarea::-moz-placeholder { /* Firefox 19+ */ color: #BFBFBF; } .beautypress-contact-form input:-ms-input-placeholder , .beautypress-contact-form textarea:-ms-input-placeholder { /* IE 10+ */ color: #BFBFBF; } .beautypress-contact-form input:-moz-placeholder , .beautypress-contact-form textarea:-moz-placeholder { /* Firefox 18- */ color: #BFBFBF; } .c_error_massage { /*position: absolute;*/ /*top: -23px;*/ /*left: 0;*/ margin: 0 !important; font-size: 1em !important; text-transform: capitalize; } /*========================================================================= 6. INNER PAGE Contact-v2.html =============================================================================*/ .beautypress-version-2#beautypress_maps_2 { height: 300px; width: 100%; } .beautypress-subscribe-wraper.beautypress-version-3 { height: 100%; width: 100%; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 60px; text-align: left; color: var(--color-white); } .beautypress-subscribe-wraper.beautypress-version-3 h3 { margin: 0 0 10px; font-size: 2.143em; } .beautypress-subscribe-wraper.beautypress-version-3 h4 { margin: 0 0 30px; font-size: 1.429em; font-weight: 400; } .beautypress-subscribe-wraper.beautypress-version-3 .beautypress-subscribe { height: 60px; } .beautypress-subscribe-wraper.beautypress-version-3 input:not([type="submit"]) { background-color: #61188F; border-color: transparent; background-color: var(--color-white); } .beautypress-subscribe-wraper.beautypress-version-3 input[type="submit"] { border: 2px solid var(--color-white); } .beautypress-subscribe-wraper.beautypress-version-3 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #A672C7; font-size: 0.857em; } .beautypress-subscribe-wraper.beautypress-version-3 input::-moz-placeholder { /* Firefox 19+ */ color: #A672C7; font-size: 0.857em; } .beautypress-subscribe-wraper.beautypress-version-3 input:-ms-input-placeholder { /* IE 10+ */ color: #A672C7; font-size: 0.857em; } .beautypress-subscribe-wraper.beautypress-version-3 input:-moz-placeholder { /* Firefox 18- */ color: #A672C7; font-size: 0.857em; } .beautypress-contact-details.beautypress-version-2 { border: 10px solid var(--color-purple); padding: 45px 50px 50px; } .beautypress-separetor-sub-heading.beautypress-version-3 h2 { font-size: 1.857em; } .beautypress-separetor-sub-heading.beautypress-version-3 { margin: 0 0 20px; } .beautypress-separetor-sub-heading.beautypress-version-3:before { width: 100px; } .beautypress-contact-text p { color: #999999; margin: 0 0 15px; } .beautypress-contact-text p:last-child { margin: 0; } .beautypress-contact-text b { font-weight: 400; color: var(--color-semi-black); padding: 0 5px 0 0; } /*========================================================================= 7. INNER PAGE blog.html =============================================================================*/ .beautypress-newsfeed-section .beautypress-pagination { margin-top: 40px; } .beautypress-pagination { text-align: center; } .beautypress-pagination li { display: inline-block; margin: 0 10px 0 0; } .beautypress-pagination li:last-child { margin: 0; } .beautypress-pagination li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #F4F4F4; background-color: var(--color-white); height: 36px; width: 36px; -webkit-transition: all .4s ease; transition: all .4s ease; color: #A3A3A3; font-size: 1.143em; } .beautypress-pagination li a:hover { color: var(--color-white); background-color: var(--color-purple); box-shadow: var(--hover-shadow); } /*========================================================================= 8. INNER blog-post.html content =============================================================================*/ .beautypress-blog-post-wraper img { margin: 0 0 40px; } .beautypress-tag a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F3F3F3; box-shadow: var(--primary-shadow); height: 30px; border-radius: 4px; padding: 0 21px; text-transform: uppercase; color: var(--color-semi-ash); font-size: 0.857em; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-tag a:hover { color: var(--color-purple); } .beautypress-tag a:last-child { margin: 0; } .beautypress-blog-post-wraper .beautypress-tag a { margin: 0 10px 10px 0; } .beautypress-blog-post-wraper .beautypress-tag { margin: 0 0 15px; } .beautypress-blog-post-wraper h2 { margin: 0 0 25px; color: #444444; font-size: 2.143em; } .firstcharacter { color: #666666; font-size: 6.286em; text-transform: uppercase; font-weight: 700; float: left; line-height: 1; padding: 0 10px 0 0; } .beautypress-blog-post-wraper p { margin: 0 0 40px 0; line-height: 1.875; } .beautypress-blog-post-wraper blockquote { margin: 0 0 40px; background-color: #F7F7F7; box-shadow: var(--primary-shadow); padding: 35px 50px; border-left: 6px solid var(--color-purple); position: relative; font-style: italic; color: #949494; line-height: 1.857; z-index: 1; } .beautypress-blog-post-wraper blockquote:before { position: absolute; content: "\f10d"; top: 50%; left: 18px; font-family: var(--font-icons-1); color: #DEDEDE; font-size: 7em; line-height: 1; z-index: -1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .beautypress-blog-post-group .beautypress-spilit-container { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -ms-grid-row-align: center; align-items: center; } .beautypress-share-timeline { background-color: #F7F7F7; box-shadow: var(--primary-shadow); padding: 15px 30px; margin: 0 0 40px; } .beautypress-simple-title h3 , .beautypress-simple-title a{ margin: 0; color: var(--color-semi-black); font-size: 1.429em; display: block; font-weight: 500; -webkit-transition: all .4s ease; transition: all .4s ease; line-height: inherit; } .beautypress-simple-title span { color: var(--color-purple); } .beautypress-simple-title h5 { margin: 0 0 10px; color: #C7C7C7; font-size: 1.143em; text-transform: capitalize; } .beautypress-simple-title a:hover { color: var(--color-purple); } /*.beautypress-react-container .beautypress-simple-title ,*/ .beautypress-replay-container .beautypress-simple-title { padding: 0 30px; } .beautypress-react-container , .beautypress-replay-container { box-shadow: var(--primary-shadow); background-color: var(--color-white); padding: 30px; } .beautypress-react li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 30px 10px 0; } .beautypress-react li:last-child { margin: 0; } .beautypress-react li a { font-size: 3em; color: #b0b0b0; margin: 0 10px 0 0; line-height: 1; } .beautypress-react li span { color: #CECDCD; text-transform: capitalize; } /*.beautypress-replay-container { margin: 0 0 40px; }*/ .beautypress-replay-form-wraper input:not([type="submit"]), .beautypress-replay-form-wraper textarea { width: 100%; display: block; height: 50px; border: 2px solid #F8F8F8; padding: 0 18px; background-color: var(--color-white); border-radius: 0; } .beautypress-replay-form-wraper .form-control:focus { box-shadow: none; border-color: var(--color-purple); } .beautypress-replay-form-wraper textarea { height: 120px; padding: 18px; resize: none; } .beautypress-replay-form-wraper .form-group { margin: 0; } .beautypress-replay-form-wraper input[type="submit"] { background-color: var(--color-purple); height: 50px; border: 0; border-radius: 40px; color: var(--color-white); text-transform: uppercase; font-weight: 700; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 40px; cursor: pointer; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; box-shadow: var(--primary-shadow); } .beautypress-replay-form-wraper input[type="submit"]:hover { background-color: var(--color-pink-2); } .beautypress-replay-form-wraper .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #B3B3B3; font-size: 1em; } .beautypress-replay-form-wraper .form-control::-moz-placeholder { /* Firefox 19+ */ color: #B3B3B3; font-size: 1em; } .beautypress-replay-form-wraper .form-control:-ms-input-placeholder { /* IE 10+ */ color: #B3B3B3; font-size: 1em; } .beautypress-replay-form-wraper .form-control:-moz-placeholder { /* Firefox 18- */ color: #B3B3B3; font-size: 1em; } .beautypress-replay-answer-container { padding: 30px; background-color: var(--color-white); box-shadow: var(--primary-shadow); margin: 0 0 40px; } .beautypress-single-replay { display: -ms-grid; display: grid; -ms-grid-columns: 70px calc(100% - 90px); grid-template-columns: 70px calc(100% - 90px); grid-column-gap: 20px; margin: 0 0 30px; } .beautypress-replay-text { margin: 10px 0 0; } .beautypress-replayer-img img { width: 100%; height: 70px; border-radius: 10px; } .beautypress-replay-name h5 { margin: 0; color: #000000; font-size: 1em; } .beautypress-replay-time { text-align: right; } .beautypress-replay-time h6 { color: #ABABAB; font-weight: 400; font-size: 1em; margin: 0; } .beautypress-replay-text .beautypress-spilit-container { margin: 0 0 15px; } .beautypress-replay-text p { margin: 0 0 10px; color: #999999; line-height: 1.8; } .beautypress-socail-react li { display: inline-block; color: #7E7E7E; margin: 0 24px 0 0; font-weight: 400; text-transform: uppercase; } .beautypress-socail-react li a { text-transform: capitalize; } .beautypress-socail-react li:last-child { margin: 0; } .beautypress-single-replay.beautypress-replay { padding: 0 0 0 89px; } /* side bar */ .beautypress-single-sidebar { background-color: var(--color-white); padding: 30px 20px; box-shadow: var(--primary-shadow); margin: 0 0 30px; } .beautypress-single-sidebar:last-child { margin: 0; } .beautypress-sidebar-heading { margin: 0 0 20px; padding: 0 0 20px; position: relative; } .beautypress-sidebar-heading:before { position: absolute; content: ""; height: 1px; bottom: 0; left: 0; width: 200px; background-color: #EDEDED; } .beautypress-sidebar-heading h3 { margin: 0; color: #444444; font-weight: 500; font-size: 1.429em; text-transform: capitalize; } .beautypress-single-latest-news { display: -ms-grid; display: grid; -ms-grid-columns: 100px calc(100% - 120px); grid-template-columns: 100px calc(100% - 120px); grid-column-gap: 20px; margin: 0 0 20px; -ms-grid-row-align: center; align-items: center; } .beautypress-latest-post-img img { width: 100%; } .beautypress-single-latest-news:last-child { margin: 0; } .beautypress-latest-post-content a { display: block; color: var(--color-semi-black); margin: 0 0 12px; } .beautypress-latest-post-content i { color: #999999; font-size: 0.857em; text-transform: capitalize; } .beautypress-category-list li a { color: var(--color-semi-ash); display: inline-block; } .beautypress-category-list li { margin: 0 0 15px; } .beautypress-category-list li:last-child { margin: 0; } .beautypress-category-list li i { color: var(--color-purple); padding: 0 4px 0 0; } .beautypress-single-sidebar .beautypress-tag a { margin: 0 4px 10px 0; } .beautypress-demoFeed { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } .beautypress-demoFeed li a { display: block; } .beautypress-demoFeed li a img { border-radius: 4px; height: 60px; box-shadow: var(--hover-shadow); display: block; } /*========================================================================= 9. INNER faq.html content =============================================================================*/ .beautypress-accordion .collapse.in { display: block; } /* beautypress-accordion common style */ .beautypress-accordion .panel-heading a { display: -webkit-box; display: -ms-flexbox; display: flex; color: var(--color-semi-black); font-size: 1.143em; position: relative; height: 60px; padding: 0 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .beautypress-accordion .panel { margin: 0 0 10px; } .beautypress-accordion .panel:last-child { margin: 0; } .beautypress-accordion .panel-body { padding: 8px 30px 41px; } .beautypress-accordion .panel.active { position: relative; } .beautypress-accordion .panel.active:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; border: 2px solid #F1F1F1; -webkit-transition: all .4s ease; transition: all .4s ease; pointer-events: none; border-radius: 4px; } /* beautypress-accordion beautypress-version-1 */ .beautypress-accordion.beautypress-version-1 .panel-heading a { background-color: #F8F8F8; border-radius: 4px; } .beautypress-accordion.beautypress-version-1 .panel-heading a:before { position: absolute; content: "\f107"; top: 50%; right: 21px; font-family: var(--font-icons-1); color: var(--color-semi-black); font-size: 1.286em; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transform: translateY(-50%) rotateX(0deg); transform: translateY(-50%) rotateX(0deg); -webkit-transform-origin: center center; transform-origin: center center; } .beautypress-accordion.beautypress-version-1 .panel-heading a[aria-expanded="true"]:before { -webkit-transform: translateY(-50%) rotateX(180deg); transform: translateY(-50%) rotateX(180deg); color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; } .beautypress-accordion.beautypress-version-1 .panel-heading a[aria-expanded="true"] { background-color: transparent; color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; } /* beautypress-accordion beautypress-version-2 */ .beautypress-accordion.beautypress-version-2 .panel-heading a { background-color: #F9F9F9; border-radius: 80px; } .beautypress-accordion.beautypress-version-2 .panel-heading a:before { position: absolute; content: "\f107"; top: 0; right: 0; height: 100%; width: 60px; border-radius: 100%; background-color: #4CA14B; font-family: var(--font-icons-1); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-white); font-size: 1.286em; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: center center; transform-origin: center center; } .beautypress-accordion.beautypress-version-2 .panel-heading a[aria-expanded="true"]:before { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); background-color: transparent; color: #4CA14B; } .beautypress-accordion.beautypress-version-2 .panel-heading a[aria-expanded="true"] { background-color: transparent; color: #4CA14B; } .beautypress-accordion.beautypress-version-2 .panel.active:before { border-radius: 40px; } /*========================================================================= 10. INNER shop.html content =============================================================================*/ .beautypress-pagination.beautypress-version-2 li a { height: 38px; width: 38px; border-radius: 100%; border: 1px solid #F0F0F0; } .beautypress-pagination.beautypress-version-2 li a:hover { background-color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; } /*========================================================================= 11. INNER 404.html content =============================================================================*/ .beautypress-header-section.beautypress-inner-menu.beautypress-inner-menu-v2 { position: relative; } .beautypress-404-section { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: var(--color-white); } .beautypress-404-content { padding: 300px 0 200px; } .beautypress-404-content img { position: relative; z-index: 11; } .beautypress-404-content h2 { position: relative; color: #41494F; margin: 0 0 10px; font-weight: 600; font-size: 14.286em; width: 100%; text-align: center; z-index: 1; } .beautypress-404-content h2 span:first-child { padding: 0 20px 0 0; } .beautypress-404-content h2 span:last-child { padding: 0 0 0 20px; } .icon-404 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .beautypress-404-content h2:before { position: absolute; content: attr(data-title); top: -150px; left: 0; height: 100%; width: 100%; font-size: 2.500em; z-index: -1; color: #F8F8F8; pointer-events: none; } .beautypress-404-content p { color: #A09F9F; position: relative; z-index: 2; margin: 0 0 30px; font-size: 2.143em; text-transform: capitalize; } /*========================================================================= 12. INNER comming-soon.html content =============================================================================*/ .beautypress-comming-soon-section { background-repeat: no-repeat; background-position: center bottom; background-size: cover; } .beautypress-comming-soon-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; width: 50%; } .beautypress-comming-soon-text h2, .beautypress-comming-soon-text h3 { margin: 0 0 20px; text-transform: uppercase; font-weight: 300; font-size: 2.857em; letter-spacing: -2px; } .beautypress-comming-soon-text h3 { color: var(--color-semi-black); font-weight: 500; margin: 0; } .beautypress-comming-soon-text { margin-bottom: 50px; width: 100%; } .beautypress-comming-soon-section .beautypress-subscribe-wraper.beautypress-version-4 { margin: 0 0 146px; } .beautypress-subscribe-wraper.beautypress-version-4 { width: 100%; margin: 0; } .beautypress-comming-soon-content .beautypress-social-list { width: 100%; } .beautypress-subscribe-wraper.beautypress-version-4 input:not([type="submit"]) { border-color: #E6E6E6; background-color: #F7F7F7; } .beautypress-subscribe-wraper.beautypress-version-4 input[type="submit"] { box-shadow: var(--hover-shadow); height: 40px; background-color: var(--color-chocolate); font-size: 0.857em; right: 15px; } .beautypress-subscribe-wraper.beautypress-version-4 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #AAAAAA; font-style: italic; } .beautypress-subscribe-wraper.beautypress-version-4 input::-moz-placeholder { /* Firefox 19+ */ color: #AAAAAA; font-style: italic; } .beautypress-subscribe-wraper.beautypress-version-4 input:-ms-input-placeholder { /* IE 10+ */ color: #AAAAAA; font-style: italic; } .beautypress-subscribe-wraper.beautypress-version-4 input:-moz-placeholder { /* Firefox 18- */ color: #AAAAAA; font-style: italic; } /*========================================================================= 13. INNER comming-soon-v2.html content =============================================================================*/ .beautypress-comming-soon-content.center-content { margin: 0 auto; width: 66.6666667%; text-align: center; } .beautypress-comming-soon-section.beautypress-version-2 .beautypress-subscribe-wraper { width: 60%; margin: 0 auto 50px auto; } .beautypress-comming-soon-section.beautypress-version-2 .beautypress-comming-soon-text h2 , .beautypress-comming-soon-section.beautypress-version-2 .beautypress-comming-soon-text h3 { color: #444444; font-size: 4.286em; } .beautypress-comming-soon-section.beautypress-version-2 .beautypress-comming-soon-text h3 { color: var(--color-chocolate); margin: 0 0 30px; } .beautypress-comming-soon-text p { font-style: italic; color: #444444; font-size: 1.143em; margin: 0; } .beautypress-comming-soon-section.beautypress-version-2 .beautypress-comming-soon-text { margin: 0 0 40px; } /*========================================================================= 14. INNER contact-v3.html content =============================================================================*/ .beautypress-contact-wraper.beautypress-version-2 { padding: 0 0 0 40px; margin: 0 0 50px; } .beautypress-contact-form h2 { margin: 0 0 60px; color: var(--color-semi-black); font-size: 2.857em; text-align: center; } .beautypress-contact-wraper.beautypress-version-2 .beautypress-contact-form { padding: 55px 0; height: auto; position: relative; } .beautypress-contact-wraper.beautypress-version-2 .beautypress-contact-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .beautypress-contact-wraper.beautypress-version-2 .beautypress-contact-form input[type="submit"] { background-color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; margin: 0 auto; } .beautypress-contact-wraper.beautypress-version-2 .beautypress-contact-form:before { position: absolute; content: ""; top: 0; left: 30px; height: 100%; width: 100%; background-image: url(../img/massage-icon.png); background-repeat: no-repeat; background-position: center center; background-size: contain; opacity: .1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; pointer-events: none; } /*========================================================================= 15. INNER service-v2.html content =============================================================================*/ .beautypress-single-our-sevice.beautypress-version-2 { box-shadow: none; } .beautypress-single-our-sevice.beautypress-version-2 .beautypress-service-footer { padding: 35px 0 0 0; } .beautypress-service-title { color: var(--color-semi-black); display: block; font-weight: 500; font-size: 1.857em; padding: 0 0 20px; margin: 0 0 20px; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-service-title:before { position: absolute; content: ""; left: 0; bottom: 0; height: 3px; width: 71px; background-color: #DBDBDB; } .beautypress-service-title:hover { color: var(--color-pink); } .beautypress-service-footer p { color: #888888; margin: 0 0 15px; font-size: 0.929em; line-height: 1.9; } /*========================================================================= 16. INNER service-v3.html content =============================================================================*/ .beautypress-single-beauty-product.beautypress-version-2 .beautypress-beauty-product-footer h3 { color: var(--color-purple); } .beautypress-single-beauty-product.beautypress-version-2 .icon-btn-with-text:before { background-color: var(--color-purple); } .beautypress-single-beauty-product.beautypress-version-2 .icon-btn-with-text:hover:before { background-color: var(--color-pink); } /*========================================================================= 17. INNER sponsor.html content =============================================================================*/ .beautypress-clients-wraper { position: relative; } .beautypress-clients-wraper.no-slider .beautypress-clients-group { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); grid-gap: 30px; } .beautypress-clients-wraper.no-slider .beautypress-single-client , .beautypress-clients-wraper.beautypress-version-2 .beautypress-client-slider .beautypress-single-client { min-height: 121px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-clients-wraper.beautypress-version-2 .beautypress-client-slider .beautypress-single-client { box-shadow: var(--hover-shadow); margin: 0 15px; } .beautypress-clients-wraper.beautypress-version-2 .beautypress-client-slider .beautypress-single-client img { width: auto; } .beautypress-clients-wraper.beautypress-version-2 .beautypress-client-slider.owl-carousel .owl-stage-outer { padding: 25px 0; } .next-prev-btn.small-btn { height: 50px; width: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: var(--color-chocolate); box-shadow: var(--hover-shadow); -webkit-transition: all .4s ease; transition: all .4s ease; cursor: pointer; color: var(--color-white) !important; font-size: 1.429em; } .beautypress-clients-wraper.beautypress-version-2 .customNavigation a { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; } .beautypress-clients-wraper.beautypress-version-2 .customNavigation a.welcome-prev { left: calc(1170px - 1140px); } .beautypress-clients-wraper.beautypress-version-2 .customNavigation a.welcome-next { right: calc(1170px - 1140px);; } .beautypress-clients-wraper.beautypress-bg { padding: 90px 0; } .beautypress-clients-wraper.beautypress-version-3 .beautypress-single-client , .beautypress-clients-wraper.beautypress-version-4 .beautypress-single-client { box-shadow: var(--hover-shadow); } .beautypress-clients-wraper.beautypress-version-4 .beautypress-single-client { background-color: var(--color-cyan); } .beautypress-clients-wraper.beautypress-version-4 .beautypress-single-client:hover { background-color: var(--color-chocolate); } .beautypress-clients-wraper.beautypress-version-5 .beautypress-single-client { background-color: transparent; border: 1px solid var(--color-white); box-shadow: var(--hover-shadow); } .beautypress-clients-wraper.beautypress-version-6 .beautypress-single-client , .beautypress-clients-wraper.beautypress-version-7 .beautypress-single-client { background-color: transparent; } /* partner version 3 */ .beautypress-partner-list.beautypress-version-3 li:nth-child(1):before { background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(224, 184, 164) 25%, rgb(224, 184, 164) 100%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(224, 184, 164) 25%, rgb(224, 184, 164) 100%, rgb(255,255,255) 100%); } .beautypress-partner-list.beautypress-version-3 li:nth-child(2):before { border-bottom: 1px solid var(--color-chocolate); } .beautypress-partner-list.beautypress-version-3 li:nth-child(3):before { background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(224, 184, 164) 0%, rgb(224, 184, 164) 25%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(224, 184, 164) 0%, rgb(224, 184, 164) 25%, rgb(255,255,255) 100%); } .beautypress-partner-list.beautypress-version-3 li:nth-child(1):after, .beautypress-partner-list.beautypress-version-3 li:nth-child(2):after { background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(224, 184, 164) 0%, rgb(224, 184, 164) 75%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(224, 184, 164) 0%, rgb(224, 184, 164) 75%, rgb(255,255,255) 100%); } .beautypress-partner-list.beautypress-version-3 li:nth-child(4):after, .beautypress-partner-list.beautypress-version-3 li:nth-child(5):after { background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(224, 184, 164) 25%, rgb(224, 184, 164) 100%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 0%, rgb(224, 184, 164) 25%, rgb(224, 184, 164) 100%, rgb(255,255,255) 100%); } /* news letter version */ .beautypress-partner-text-content.beautypress-version-2 { padding: 0; } .beautypress-partner-text-content h3 { margin: 0 0 30px; color: var(--color-chocolate); font-size: 1.429em; text-transform: uppercase; } .beautypress-partner-text-content.beautypress-version-2 p { margin: 0 0 20px; line-height: 2.1; } .beautypress-subscribe-wraper.beautypress-version-5 { margin: 0; width: 100%; } .beautypress-subscribe-wraper.beautypress-version-5 .beautypress-subscribe { height: 50px; } .beautypress-subscribe-wraper.beautypress-version-5 input[type="submit"] { position: static; background-color: #58B7AC; box-shadow: var(--hover-shadow); border-radius: 0; -webkit-transform: translateY(-1px); transform: translateY(-1px); margin: 0 0 0 -4px; } .beautypress-subscribe-wraper.beautypress-version-5 input:not([type="submit"]) { border: 1px solid #BABABA; border-radius: 0; background-color: #F7F7F7; width: calc(100% - 149px); } /*========================================================================= 18. INNER team-v2.html content =============================================================================*/ /* team version 2 */ .beautypress-single-team.beautypress-version-2:after { background-color: var(--color-chocolate); top: 100%; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-single-team.beautypress-version-2:hover:after { top: 0; } .beautypress-single-team.beautypress-version-2 .beautypress-team-content { top: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; bottom: inherit; -webkit-transition: top .6s ease , opacity .4s ease; transition: top .6s ease , opacity .4s ease; height: 100%; padding: 30px; text-align: left; } .beautypress-single-team.beautypress-version-2:hover .beautypress-team-content { top: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .beautypress-single-team.beautypress-version-2 .beautypress-team-person-details h3 { font-size: 1.857em; margin: 0 0 5px; } .beautypress-single-team.beautypress-version-2 .beautypress-team-person-details h4 { margin: 0 0 25px; } /* team version 3 */ .beautypress-chocolate-overlay:before{ background-image: -webkit-linear-gradient( 90deg, rgb(77,182,172) 0%, rgb(226,185,163) 0%, rgb(231,198,180) 18%, rgba(236,209,195,0.5) 34%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(77,182,172) 0%, rgb(226,185,163) 0%, rgb(231,198,180) 18%, rgba(236,209,195,0.5) 34%, rgba(255,255,255,0) 100%); box-shadow: 0px 4px 8px 0px rgba(141, 141, 141, 0.157); } .beautypress-single-team-v3.beautypress-chocolate-overlay:before { z-index: 3; } .beautypress-team-group-v3{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .beautypress-team-group-v3 .beautypress-team-col-v3 { -webkit-box-flex: 1; -ms-flex: 1 0 24%; flex: 1 0 24%; margin: 0 15px 0 0; position: relative; overflow: hidden; -webkit-transition: all .6s ease; transition: all .6s ease; } .beautypress-team-group-v3 .beautypress-team-col-v3, .beautypress-single-team-img-v3 img { max-height: 500px; min-height: 450px; height: auto; } .beautypress-single-team-img-v3 img { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-team-group-v3 .beautypress-team-col-v3:last-child { margin: 0; } .beautypress-single-team-v3 { position: relative; } .beautypress-single-team-img-v3 { position: relative; z-index: 2; -webkit-transition: all .6s ease; transition: all .6s ease; width: 100%; pointer-events: none; } .beautypress-single-team-img-v3 .beautypress-team-person-details { position: absolute; bottom: 0; left: 0; } .beautypress-single-team-img-v3.beautypress-chocolate-overlay:before { z-index: 4; } .beautypress-single-team-v3 .beautypress-team-person-details { position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center; z-index: 5; margin: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: all .4s ease; transition: all .4s ease; visibility: visible; } .beautypress-single-team-v3 .beautypress-team-person-details h3 { color: var(--color-white); font-size: 2.143em; text-transform: capitalize; font-weight: 400; margin: 0 0 10px; } .beautypress-single-team-v3 .beautypress-team-person-details h4 { color: #444444; font-size: 1.143em; text-transform: uppercase; } .beautypress-team-content-v3 { position: absolute; top: 0; left: 0; width: 65%; height: 100%; padding: 20px 5px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .6s ease; transition: all .6s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 12; visibility: hidden; } .beautypress-team-content-v3 h3 { margin: 0 0 10px; font-size: 2.143em; font-weight: 400; color: var(--color-semi-black); letter-spacing: -2px; } .beautypress-team-content-v3 h4 { margin: 0 0 25px; font-size: 1.143em; font-weight: 400; text-transform: uppercase; } .beautypress-team-content-v3 .beautypress-social-list li { margin: 0 6px 0 0; } .beautypress-team-content-v3 .beautypress-social-list { margin: 0 0 40px; } .beautypress-team-content-v3 p { color: #888888; font-style: italic; margin: 0 0 30px; } .beautypress-team-group-v3 .beautypress-team-col-v3 .hover .beautypress-single-team-img-v3.beautypress-chocolate-overlay:before { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: 100%; visibility: hidden; } .beautypress-team-group-v3 .beautypress-team-col-v3 .hover .beautypress-team-content-v3 { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; left: 35%; visibility: visible; } .beautypress-team-group-v3 .beautypress-team-col-v3 .hover .beautypress-single-team-img-v3 img { -webkit-transform: translateX(-40%); transform: translateX(-40%); } .beautypress-team-group-v3 .beautypress-team-col-v3 .hover .beautypress-team-person-details { bottom: -20%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .beautypress-team-col-v3 { box-shadow: var(--primary-shadow); } .beautypress-team-col-v3:hover { box-shadow: var(--hover-shadow); } .beautypress-single-team-v3.beautypress-white-overlay:before { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 11; } .beautypress-single-team-v3.hover.beautypress-white-overlay:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* team version 4 */ .beautypress-team-section-v4 .beautypress-black-overlay { background-color: rgba(0, 0, 0, 0.1); } .beautypress-single-team-slider { display: -ms-grid; display: grid; -ms-grid-columns: 58.33333% 41.6667%; grid-template-columns: 58.33333% 41.6667%; cursor: all-scroll; } .beautypress-team-slider { padding: 60px 0 0; } .beautypress-team-slider.owl-carousel .owl-item .beautypress-team-member-img img { width: auto; margin: 0 auto; } .beautypress-team-content-v4 { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .beautypress-team-content-v4 .beautypress-social-list { margin: 0 0 20px; } .beautypress-team-person h3 { color: #404040; font-weight: 400; text-transform: capitalize; font-size: 3.571em; margin: 0 0 10px; } .beautypress-team-person h4 { margin: 0; text-transform: uppercase; font-size: 1.143em; font-weight: 400; } .beautypress-team-content-v4 .beautypress-team-person { margin: 0 0 30px; } .beautypress-team-content-v4 p { margin: 0 0 35px; font-style: italic; font-size: 1.143em; } /*========================================================================= 19. INNER square-service.html content =============================================================================*/ /* square service version 2 */ .beautypress-version-2.beautypress-single-square-service-content:before { border: 2px solid var(--color-chocolate); } .beautypress-version-2.beautypress-single-square-service-content:hover:before { background-color: var(--color-white); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .beautypress-version-2.beautypress-single-square-service-content:hover .beautypress-overlay-with-img:before { display: none; } .beautypress-version-2.beautypress-single-square-service-content .beautypress-overlay-with-img { background-color: var(--color-chocolate); box-shadow: var(--primary-shadow); } .beautypress-version-2.beautypress-single-square-service-content i , .beautypress-version-2.beautypress-single-square-service-content:hover i { color: var(--color-chocolate); } .beautypress-version-2.beautypress-single-square-service-content:hover h2 { color: #444444; } .beautypress-version-2.beautypress-single-square-service-content:hover p { color: var(--color-semi-ash); } /* square service version 3 */ .beautypress-single-square-service-content.beautypress-version-3 { width: 100%; } .beautypress-single-square-service-content.beautypress-version-3 .beautypress-overlay-with-img { top: 0; left: 0; } .beautypress-single-square-service-content.beautypress-version-3:hover:before { background-color: var(--color-cyan); opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .beautypress-single-square-service-content.beautypress-version-3 i { color: var(--color-chocolate); } .beautypress-single-square-service-content.beautypress-version-3:hover i { color: var(--color-white); } /* square service version 4 */ .beautypress-single-square-service-content.beautypress-version-4 i { color: var(--color-chocolate); } .beautypress-single-square-service-content.beautypress-version-4 .beautypress-overlay-with-img { background-color: var(--color-chocolate); } .beautypress-single-square-service-content.beautypress-version-4:hover:before { background-color: var(--color-cyan); } .beautypress-single-square-service-content.beautypress-version-4:hover i { color: var(--color-white); } /* square service with wawtermark version 2 */ .beautypress-single-our-feature.beautypress-version-2 .beautypress-our-features-content { bottom: 0; padding: 30px 10px; } .beautypress-single-our-feature.beautypress-version-2 .beautypress-our-features-content h3 { margin: 0; } .beautypress-single-our-feature.beautypress-version-2:after { position: absolute; content: "\e92a"; font-family: var(--font-icons-2); bottom: -10%; font-size: 6em; -webkit-transform: translateX(-50%); transform: translateX(-50%); right: inherit; left: 50%; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 1; color: #ffffff; } .beautypress-single-our-feature.beautypress-version-2:hover:after { bottom: 4px; opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } /*========================================================================= 20. INNER call-to-action.html content =============================================================================*/ /* version 1 */ .beautypress-call-to-action-v2.beautypress-version-1 .beautypress-black-overlay { background-color: rgba(34, 34, 34, 0.2); } .beautypress-call-to-action-v2.beautypress-version-1 h2 span { text-transform: uppercase; } /* version 2 */ .beautypress-call-to-action-v2.beautypress-version-2 { background-color: var(--color-chocolate); } .beautypress-call-to-action-v2.beautypress-version-2 h2 span { text-transform: uppercase; } .beautypress-call-to-action-v2.beautypress-version-2 .beautypress-call-to-action-content-v2:before { content: '\e913'; font-family: var(--font-icons-2); color: var(--color-white); opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; font-size: 11em; top: -20px; left: 23px; } /* version 3 , 4 and 5 */ .beautypress-call-to-action-section.beautypress-version-3 .beautypress-call-to-action-content , .beautypress-call-to-action-section.beautypress-version-4 .beautypress-call-to-action-content , .beautypress-call-to-action-section.beautypress-version-5 .beautypress-call-to-action-content { width: 50%; } .beautypress-call-to-action-content.content-center { margin: 0 auto; text-align: center; } .beautypress-call-to-action-content.content-left { margin: 0 auto; text-align: center; } .beautypress-call-to-action-content.content-right { margin: 0 0 0 auto; text-align: right; } .beautypress-call-to-action-section.beautypress-version-3 .beautypress-content-headinig h2 , .beautypress-call-to-action-section.beautypress-version-4 .beautypress-content-headinig h2 , .beautypress-call-to-action-section.beautypress-version-5 .beautypress-content-headinig h2 , .beautypress-call-to-action-section.beautypress-version-3 .beautypress-content-headinig h3 , .beautypress-call-to-action-section.beautypress-version-4 .beautypress-content-headinig h3 , .beautypress-call-to-action-section.beautypress-version-5 .beautypress-content-headinig h3 { color: #444444; font-family: inherit; font-weight: 200; text-transform: uppercase; margin: 0 0 10px; } .beautypress-call-to-action-section.beautypress-version-3 .beautypress-content-headinig h3 , .beautypress-call-to-action-section.beautypress-version-4 .beautypress-content-headinig h3 , .beautypress-call-to-action-section.beautypress-version-5 .beautypress-content-headinig h3 { font-weight: 500; margin: 0; } /* ScrollMagic css */ .beautypress-call-to-action-section { overflow: hidden; } .beautypress-scoller-image img { position: absolute; opacity: 0; transform: translate(0%, 0); } .beautypress-scoller-image.scoller-image-1 img { bottom: -100%; left: 0%; } .beautypress-scoller-image.scoller-image-2 img { top: -10%; right: 7%; } /*========================================================================= 21. INNER about-v5.html content =============================================================================*/ .beautypress-simple-text-with-img-section.beautypress-simple-text-with-img-section-v3 .beautypress-simple-text.beautypress-watermark-icon:before { color: var(--color-chocolate); font-size: 5em; height: auto; width: auto; top: -111px; } .beautypress-about-us-content { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .beautypress-sub-heading.beautypress-watermark-title.beautypress-version-2 h2:before { font-size: 1.667em; text-transform: uppercase; color: #F7F6F6; top: 16px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: -1; } .beautypress-sub-heading.beautypress-watermark-title.beautypress-version-2 h2 { font-size: 4.286em; margin: 0 0 15px; } .beautypress-sub-heading.beautypress-watermark-title.beautypress-version-2 h3 { color: var(--color-chocolate); font-style: italic; font-size: 2.286em; margin: 0; } .beautypress-sub-heading.beautypress-watermark-title.beautypress-version-2 { margin: 0 0 30px; } .beautypress-about-section-v2 .beautypress-about-us-content p { color: #888888; font-size: 1.143em; margin: 0 0 25px; line-height: 1.8725; } /*========================================================================= 22. INNER footer.html content =============================================================================*/ /* version 5 */ .beautypress-footer-section.beautypress-version-5 { background-color: #1D1C22; padding: 88px 0 0 0; background-image: none; } .beautypress-footer-section.beautypress-version-5:before , .beautypress-footer-section.beautypress-version-5:after { display: none; } .beautypress-footer-section.beautypress-version-5 .beautypress-footer-logo { margin: 0 0 30px; } .beautypress-footer-section.beautypress-version-5 .beautypress-footer-content { text-align: center; padding: 0 0 80px; border-color: #414141; margin: 0; } .beautypress-footer-section.beautypress-version-5 .beautypress-footer-content p { color: #9E9E9E; margin: 0 0 20px; font-size: 1.143em; line-height: 1.875; } .beautypress-footer-section.beautypress-version-5 .beautypress-copyright-content { background-color: var(--color-cyan); } .beautypress-footer-section.beautypress-version-5 .beautypress-footer-menu ul li a { color: #AFAFAF; } .beautypress-footer-section.beautypress-version-5 .beautypress-footer-menu ul li a:hover { color: var(--color-cyan); } .beautypress-footer-section.beautypress-version-5 .beautypress-copyright-text { padding: 28px 0; } /* new footer version */ .beautypress-footer-section-v2 { position: relative; } .beautypress-footer-content-v2 { padding: 100px 0; background-color: #1E1E1E; color: #9E9E9E; position: relative; } .beautypress-footer-logo-v2 a { display: block; margin: 0 0 40px; } .beautypress-single-footer-v2 p { margin: 0 0 29px; font-size: 1.13em; line-height: 1.6; } .beautypress-social-list.beautypress-version-3 li a { height: auto; width: auto; background-color: transparent; color: var(--color-white); font-size: 1.429em; } .beautypress-social-list.beautypress-version-3 li a:hover { color: #9825AE; } .beautypress-social-list.beautypress-version-3 li { margin: 0 34px 0 0; } .beautypress-footer-heading h3 { margin: 0 0 35px; color: var(--color-white); font-size: 1.857em; font-weight: 400; text-transform: capitalize; letter-spacing: -1px; } .beautypress-single-footer-v2 .beautypress-latest-post-content a { margin: 0; color: #9E9E9E; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-single-footer-v2 .beautypress-latest-post-content a:hover { color: var(--color-white) !important; } .beautypress-footer-link li { margin: 0 0 15px } .beautypress-footer-link li:last-child { margin: 0; } .beautypress-footer-link li a { display: block; color: #9E9E9E; font-size: 1.13em; text-transform: capitalize; -webkit-transition: all .4s ease; transition: all .4s ease; letter-spacing: -1px; } .beautypress-footer-link li a:hover { color: var(--color-white) !important; } .beautypress-back-to-top-wraper.beautypress-version-2 { height: 70px; width: 70px; bottom: inherit; top: -35px; right: inherit; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .beautypress-back-to-top-wraper.beautypress-version-2 a { border: 2px solid var(--color-white); background-color: #1E1E1E; } /* new footer version 2 */ .beautypress-version-2.beautypress-footer-heading h3 { text-transform: uppercase; font-size: 1.429em; } .beautypress-social-list.beautypress-version-4 li a , .beautypress-social-list.beautypress-version-5 li a{ box-shadow: none; background-color: transparent; border: 2px solid #47454F; } .beautypress-footer-section-v2.beautypress-version-2 .beautypress-footer-content-v2 { background-color: #313131; } .beautypress-version-2.beautypress-copyright-content { background-color: #1E1E1E; padding: 38px 0; } .beautypress-footer-section-v2.beautypress-version-2 .beautypress-copyright-text { padding: 0; } .beautypress-back-to-top-wraper.beautypress-version-3 { position: static; height: auto; width: auto; text-align: right; } .beautypress-back-to-top-wraper.beautypress-version-3 a { font-weight: 700; color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; text-transform: uppercase; } .beautypress-copyright-text p { line-height: 1; } .beautypress-copyright-text a { color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; } /* flicker */ .beautypress-flickr-container ul li { float: none; border: 0; } .beautypress-flickr-container ul { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); grid-gap: 15px; } /* new footer version 3 */ .beautypress-footer-section-v2.beautypress-version-3 .beautypress-footer-content-v2 { background-color: #313131; } .beautypress-footer-section-v2.beautypress-version-3 .beautypress-copyright-text { padding: 0; } .beautypress-footer-section-v2.beautypress-version-3 .beautypress-copyright-text a, .beautypress-footer-section-v2.beautypress-version-3 .beautypress-back-to-top-wraper.beautypress-version-3 a { color: var(--color-pink-2); } .beautypress-contact-form.beautypress-version-3 input:not([type="submit"]), .beautypress-contact-form.beautypress-version-3 textarea { height: 40px; border: 2px solid #646464; background-color: transparent; padding: 0 18px; } .beautypress-contact-form.beautypress-version-3 textarea { height: 68px; padding: 13px 0 0 18px; } .beautypress-contact-form.beautypress-version-3 input[type="submit"] { border-radius: 0; background-color: var(--color-pink-2); box-shadow: 0px 8px 16px 0px rgba(119, 119, 119, 0.5); } .beautypress-contact-form.beautypress-version-3 input::-webkit-input-placeholder , .beautypress-contact-form.beautypress-version-3 textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999999; font-size: 0.857em; text-transform: capitalize; } .beautypress-contact-form.beautypress-version-3 input::-moz-placeholder , .beautypress-contact-form.beautypress-version-3 textarea::-moz-placeholder { /* Firefox 19+ */ color: #999999; font-size: 0.857em; text-transform: capitalize; } .beautypress-contact-form.beautypress-version-3 input:-ms-input-placeholder , .beautypress-contact-form.beautypress-version-3 textarea:-ms-input-placeholder { /* IE 10+ */ color: #999999; font-size: 0.857em; text-transform: capitalize; } .beautypress-contact-form.beautypress-version-3 input:-moz-placeholder , .beautypress-contact-form.beautypress-version-3 textarea:-moz-placeholder { /* Firefox 18- */ color: #999999; font-size: 0.857em; text-transform: capitalize; } /* new footer version 4 */ .beautypress-footer-section-v2.beautypress-version-4 .beautypress-footer-content-v2 , .beautypress-footer-section-v2.beautypress-version-4 .beautypress-footer-link li a , .beautypress-footer-section-v2.beautypress-version-4 .beautypress-latest-post-content a { color: #CBCBCB; } .beautypress-social-list.beautypress-version-5 li a { border-color: #919193; } .beautypress-footer-section-v2.beautypress-version-4 .beautypress-black-overlay { background-color: rgba(30, 30, 30, 0.7); } .beautypress-footer-section-v2.beautypress-version-4 .beautypress-contact-form.beautypress-version-3 input[type="submit"] { background-color: #9825AE; } .beautypress-footer-section-v2.beautypress-version-4 .beautypress-copyright-text { padding: 0; } .beautypress-footer-section-v2.beautypress-version-4 .beautypress-copyright-text a, .beautypress-footer-section-v2.beautypress-version-4 .beautypress-back-to-top-wraper.beautypress-version-3 a { color: #9825AE; } /* new footer version 5 */ .beautypress-footer-section-v2.beautypress-version-5 .beautypress-footer-content-v2 { background-color: var(--color-white); } .beautypress-footer-heading.beautypress-version-3 h3 { color: #313131; text-transform: uppercase; font-size: 1.429em; font-weight: 500; } .beautypress-version-2.beautypress-footer-link li a:hover { color: #36CEFD !important; } .beautypress-footer-section-v2.beautypress-version-5 .beautypress-copyright-text { padding: 0; } .beautypress-footer-section-v2.beautypress-version-5 .beautypress-copyright-text p { color: #9A9A9A; } .beautypress-back-to-top-wraper.beautypress-version-4 { right: inherit; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .beautypress-back-to-top-wraper.beautypress-version-4 .beautypress-iocn-btn.full-round-btn { background-color: #101010; box-shadow: 0px 8px 16px 0px rgba(46, 46, 46, 0.5); } .beautypress-footer-section-v2.beautypress-version-5 .beautypress-copyright-text a { color: #30BED3; } /* new footer version with contact details */ .beautypress-footer-section-v3 { padding: 100px 0; } .beautypress-single-footer-details { display: -ms-grid; display: grid; -ms-grid-columns: 90px calc(100% - 90px); grid-template-columns: 90px calc(100% - 90px); } .beautypress-footer-details-icon { box-shadow: 2px 3.464px 8px 0px rgba(0, 0, 0, 0.4); background-color: var(--color-semi-black); height: 70px; width: 70px; border-radius: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-white); font-size: 2.143em; position: relative; z-index: 9; margin: 0 20px 0 0; } .beautypress-footer-details-text h5 { margin: 0 0 10px; font-size: 1.429em; font-weight: 400; text-transform: capitalize; } .beautypress-footer-details-text p { margin: 0; line-height: 1.875; } .beautypress-footer-details-text b { color: var(--color-semi-black); font-weight: 500; padding: 0 5px 0 0; } .beautypress-footer-details-text span { display: block; color: #EE393B; } .beautypress-footer-details { padding: 0 0 60px; margin: 0 0 60px; border-bottom: 1px solid #2d2d2d; } .beautypress-footer-v3 .beautypress-single-footer-v2 p { color: #9E9E9E; } .beautypress-social-list.beautypress-version-6 li a { box-shadow: var(--hover-shadow); } .beautypress-social-list.beautypress-version-6 li a.beautypress-facebook { background-color: #DAE1EE !important; color: #4B68A8; } .beautypress-social-list.beautypress-version-6 li a.beautypress-twitter { background-color: #D4EDFB !important; color: #34A3F0; } .beautypress-social-list.beautypress-version-6 li a.beautypress-pinterest { background-color: #fcd2d9 !important; color: #B80021; } .beautypress-social-list.beautypress-version-6 li a.beautypress-dribbble { background-color: #F9DAE7 !important; color: #E34488; } .beautypress-social-list.beautypress-version-6 li a.beautypress-instagram { background-color: #fad9e2 !important; color: #DF3760; } .beautypress-social-list.beautypress-version-6 li a.beautypress-google-plus { background-color: #fcd4d2 !important; color: #D8443D; } .beautypress-footer-section-v3.beautypress-version-2.xs-extra-css-for-footer .beautypress-footer-details-text h5 , .beautypress-footer-section-v3.beautypress-version-2.xs-extra-css-for-footer .beautypress-footer-details-text p , .beautypress-footer-section-v3.beautypress-version-2.xs-extra-css-for-footer .beautypress-footer-v3 .beautypress-single-footer-v2 p , .beautypress-footer-section-v3.beautypress-version-2.xs-extra-css-for-footer .beautypress-footer-link.beautypress-version-3 li a , .beautypress-footer-section-v3.beautypress-version-2.xs-extra-css-for-footer .beautypress-single-footer-v2 .beautypress-latest-post-content a{ color: #f9f9f9; } .beautypress-footer-section-v3.beautypress-version-2.xs-extra-css-for-footer .beautypress-footer-v3 .beautypress-single-footer-v2 p , .beautypress-footer-section-v3.beautypress-version-2.xs-extra-css-for-footer .beautypress-footer-link.beautypress-version-3 li a { font-size: 1em; } .beautypress-footer-section-v3.beautypress-version-2.xs-extra-css-for-footer .beautypress-copyright-text { padding-top: 40px; padding-bottom: 0; border-top: 1px solid #2d2d2d; margin-top: 40px; } .beautypress-footer-section-v3.beautypress-version-2.xs-extra-css-for-footer { padding-bottom: 40px; } /* color list */ .beautypress-footer-details-icon.beautypress-red { background-color: #F44336; } .beautypress-footer-details-text.beautypress-red h5 { color: #F44336; } .beautypress-footer-details-icon.beautypress-blue { background-color: #3498F1; } .beautypress-footer-details-text.beautypress-blue h5 { color: #3498F1; } .beautypress-footer-details-icon.beautypress-green { background-color: #56B054; } .beautypress-footer-details-text.beautypress-green h5 { color: #56B054; } .beautypress-footer-link.beautypress-version-3 li a { color: #999999; } .beautypress-footer-link.beautypress-version-3 li a i { padding: 0 5px 0 0; font-size: .7em; position: relative; top: -1px; } .beautypress-latest-news-wraper.beautypress-version-2 .beautypress-latest-post-img img { border-radius: 10px; box-shadow: var(--primary-shadow); } .beautypress-latest-news-wraper.beautypress-version-2 .beautypress-sharing-details-list { margin: 15px 0 0; } .beautypress-sharing-details-list li { display: inline-block; margin: 0 7px 3px 0; } .beautypress-sharing-details-list li:last-child { margin: 0; } .beautypress-sharing-details-list li a { color: #999 999 !important; } .beautypress-sharing-details-list li a i { font-size: inherit; padding: 0 5px 0 0; } .beautypress-sharing-details-list.beautypress-multi-color li:nth-child(1) a i { color: #56B054; } .beautypress-sharing-details-list.beautypress-multi-color li:nth-child(2) a i { color: #39A79A; } .beautypress-sharing-details-list.beautypress-multi-color li:nth-child(3) a i { color: #FCBF29; } .beautypress-blue.beautypress-footer-heading h3 , .beautypress-footer-link.beautypress-blue.beautypress-version-3 li a i , .beautypress-single-latest-news.beautypress-blue .beautypress-latest-post-content a.post-titles{ color: #30BED3; } .beautypress-footer-link.beautypress-blue.beautypress-version-3 li a:hover , .beautypress-single-latest-news.beautypress-blue .beautypress-latest-post-content a:hover { color: #30BED3 !important; } /* color green */ .beautypress-green.beautypress-footer-heading h3 , .beautypress-footer-link.beautypress-green.beautypress-version-3 li a i , .beautypress-sharing-details-list.beautypress-green a i, .beautypress-single-latest-news.beautypress-green .beautypress-latest-post-content a.post-titles{ color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; } .beautypress-footer-link.beautypress-green.beautypress-version-3 li a:hover , .beautypress-single-latest-news.beautypress-green .beautypress-latest-post-content a.post-titles:hover , .beautypress-sharing-details-list.beautypress-green li a:hover { color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?> !important; } /* footer version 6 */ .beautypress-footer-section.beautypress-version-6 { padding: 0; background-image: none; } .beautypress-footer-section.beautypress-version-6 .beautypress-single-footer p { color: #333333; } .beautypress-footer-section.beautypress-version-6 .beautypress-single-footer { text-align: center; } .beautypress-footer-section.beautypress-version-6 .beautypress-single-footer .beautypress-details-ico i { color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; font-size: 3.571em; } .beautypress-footer-section.beautypress-version-6 .beautypress-single-footer .beautypress-details-ico { margin: 0 0 35px; } .beautypress-footer-section.beautypress-version-6 .beautypress-footer-content { border-bottom: 0px solid var(--color-white); margin: 0; } .beautypress-version-6.beautypress-footer-section:before, .beautypress-version-6.beautypress-footer-section:after { display: none; } .beautypress-footer-section.beautypress-version-6 .beautypress-footer-details-icon { margin: 0 0 39px; } .beautypress-footer-section.beautypress-version-6-v2 .beautypress-single-footer p , .beautypress-footer-section.beautypress-version-6-v3 .beautypress-single-footer p { color: var(--color-semi-ash); } .beautypress-single-footer p i { color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; padding: 0 10px 0 0; } .beautypress-footer-section.beautypress-version-6.beautypress-version-6-v3 .beautypress-single-footer , .beautypress-footer-section.beautypress-version-6.beautypress-version-6-v3 .beautypress-single-footer p { text-align: left; } /* sub form */ .beautypress-subscribe-content.beautypress-version-6:before , .beautypress-subscribe-content.beautypress-version-7:before { display: none; } .beautypress-subscribe-content.beautypress-version-6 .beautypress-subscribe-wraper , .beautypress-subscribe-content.beautypress-version-7 .beautypress-subscribe-wraper { margin: 0 auto; } .beautypress-subscribe-content.beautypress-version-6 , .beautypress-subscribe-content.beautypress-version-7 { padding: 0 0 80px; } .beautypress-subscribe-content.beautypress-version-6 .beautypress-subscribe-wraper h3, .beautypress-subscribe-content.beautypress-version-7 .beautypress-subscribe-wraper h3{ margin: 0 0 50px; font-weight: 700; color: var(--color-semi-black); font-size: 2.143em; } .beautypress-subscribe-content.beautypress-version-6 .beautypress-subscribe { height: 60px; } .beautypress-subscribe-content.beautypress-version-6 .beautypress-subscribe-wraper input:not([type="submit"]) { border: 0px solid #F0F0F0; background-color: var(--color-white); border-radius: 0px; box-shadow: var(--primary-shadow); } .beautypress-subscribe-content.beautypress-version-6 .beautypress-subscribe-wraper input[type="submit"] { right: 0px; height: 100%; border-radius: 0px; background-color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; padding: 0 30px; } .beautypress-subscribe-content.beautypress-version-6 .beautypress-subscribe label , .beautypress-subscribe-content.beautypress-version-7 .beautypress-subscribe label { color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; } .beautypress-subscribe-content.beautypress-version-7 .beautypress-subscribe-wraper input[type="submit"] { background-color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; } /* footer version 7 */ .beautypress-version-7.beautypress-footer-section { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 829.4"><path fill= "rgb(0, 0, 0)" fill-opacity= "0.7" fill-rule= "evenodd" d="M0,10266s198.4,114,387,5,497.966-214.4,774-170,689.47,140,759,169v650H0v-654Z" transform="translate(0 -10090.6)"/></svg>'); } .beautypress-version-7.beautypress-footer-section:after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 829.4"><path fill= "rgb(0, 0, 0)" fill-opacity= "0.7" fill-rule= "evenodd" d="M0,10095s570.853,396,1495,58c0,0,271.65-105.1,425-92v863H0v-829Z" transform="translate(0 -10059.8)"/></svg>'); } .beautypress-version-7.beautypress-footer-section .beautypress-copyright-text span { color: var(--color-purple); } /* footer version 8 */ .beautypress-version-8.beautypress-footer-section { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 829.4"><path fill= "rgb(248, 248, 248)" fill-opacity= "0.5" fill-rule= "evenodd" d="M0,10266s198.4,114,387,5,497.966-214.4,774-170,689.47,140,759,169v650H0v-654Z" transform="translate(0 -10090.6)"/></svg>'); } .beautypress-version-8.beautypress-footer-section:after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 829.4"><path fill= "rgb(248, 248, 248)" fill-opacity= "0.5" fill-rule= "evenodd" d="M0,10095s570.853,396,1495,58c0,0,271.65-105.1,425-92v863H0v-829Z" transform="translate(0 -10059.8)"/></svg>'); } .beautypress-version-8.beautypress-footer-section .beautypress-copyright-text span { color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; } .beautypress-footer-section.beautypress-version-8 .beautypress-subscribe-content.beautypress-version-7 { padding: 0; border: 0; margin: 0 0 60px; } .beautypress-footer-section.beautypress-version-8 .beautypress-single-footer p { color: #444444; } .beautypress-footer-section.beautypress-version-8 .beautypress-footer-content { border-color: #D2D2D2; } .beautypress-footer-section.beautypress-version-8 .beautypress-copyright-text p { color: #888888; } /* footer version 9 */ .beautypress-version-9.beautypress-footer-section { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 829.4"><defs><linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:rgb(123, 17, 251);stop-opacity:1" /><stop offset="100%" style="stop-color:rgb(208, 40, 252);stop-opacity:1" /></linearGradient></defs><path fill= "url(%23grad1)" fill-opacity= "0.6" fill-rule= "evenodd" d="M0,10266s198.4,114,387,5,497.966-214.4,774-170,689.47,140,759,169v650H0v-654Z" transform="translate(0 -10090.6)"/></svg>'); } .beautypress-version-9.beautypress-footer-section:after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 829.4"><defs><linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:rgb(123, 17, 251);stop-opacity:1" /><stop offset="100%" style="stop-color:rgb(208, 40, 252);stop-opacity:1" /></linearGradient></defs><path fill= "url(%23grad2)" fill-opacity= ".6" fill-rule= "evenodd" d="M0,10095s570.853,396,1495,58c0,0,271.65-105.1,425-92v863H0v-829Z" transform="translate(0 -10059.8)"/></svg>'); } .beautypress-footer-section.beautypress-version-9 .beautypress-subscribe-content { padding: 0; margin: 0 0 80px; border-bottom: 0px solid #E2E2E2; } .beautypress-footer-section.beautypress-version-9 .beautypress-footer-details-icon { margin: 0 0 39px; } /*========================================================================= 23. INNER pricing-v2.html content =============================================================================*/ /* new pricing */ .beautypress-single-new-pricing-wraper { display: -ms-grid; display: grid; -ms-grid-columns: calc(33.33333% - 25px) calc(50% - 25px) 16.666667%; grid-template-columns: calc(33.33333% - 25px) calc(50% - 25px) 16.666667%; grid-gap: 25px; margin: 0 0 30px; background-color: var(--color-white); box-shadow: var(--hover-shadow); } .beautypress-single-new-pricing-wraper { height: 200px; } .beautypress-single-new-pricing-wraper:last-child { margin: 0; } .beautypress-single-new-pricing.beautypress-pricing-content { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: 25px; -ms-grid-row-align: center; align-items: center; } .beautypress-single-new-pricing { z-index: 1; position: relative; padding: 0; } .beautypress-single-new-pricing.beautypress-pricing-header { background-color: var(--color-cyan); color: var(--color-white); text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-single-new-pricing.beautypress-watermark-icon.beautypress-pricing-header span{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #f2f2f2; font-size: 6em; } .beautypress-single-new-pricing.beautypress-watermark-icon.beautypress-pricing-header:before { display: none; } .beautypress-single-new-pricing.beautypress-watermark-icon span{ z-index: -1; opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; font-size: 6em; padding: 0 20px; position: absolute; right: 0; } .beautypress-single-new-pricing.beautypress-pricing-header h2 { margin: 0 0 15px; font-size: 2.143em; text-transform: capitalize; } .beautypress-single-new-pricing.beautypress-pricing-header h4 { margin: 0; font-size: 1em; text-transform: uppercase; letter-spacing: 2px; font-weight: 100; } .beautypress-single-new-pricing.beautypress-pricing-content .beautypress-both-side-list li { color: #999999; -ms-grid-columns: 80% 20%; grid-template-columns: 80% 20%; } .beautypress-single-new-pricing.beautypress-pricing-content p { color: #999999; } .beautypress-single-new-pricing.beautypress-pricing-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0 10px; -webkit-transition: all .4s ease; transition: all .4s ease; background-color: var(--color-white); } .beautypress-single-new-pricing.beautypress-pricing-footer h3 { font-size: 1.143em; margin: 0 0 14px; color: var(--color-semi-ash); -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-single-new-pricing.beautypress-pricing-footer h5 { margin: 0; font-weight: 100; color: var(--color-chocolate); font-size: 3.571em; letter-spacing: 3px; -webkit-transition: all .4s ease; transition: all .4s ease; } .beautypress-single-new-pricing-wraper.active .beautypress-pricing-header , .beautypress-single-new-pricing-wraper.active .beautypress-pricing-footer { background-color: var(--color-chocolate); } .beautypress-single-new-pricing-wraper.active .beautypress-pricing-footer h3 , .beautypress-single-new-pricing-wraper.active .beautypress-pricing-footer h5 { color: var(--color-white); } /* version 5 */ .beautypress-single-pricing-table.beautypress-version-5 { border-radius: 0 0 0 40px; } .beautypress-single-pricing-table.beautypress-version-5 .beautypress-pricing-header-content { position: static; padding: 50px 30px 0; text-align: center; flex-direction: column; } .beautypress-single-pricing-table.beautypress-version-5 .beautypress-pricing-header-content .beautypress-pricing-title h2 { color: var(--color-chocolate); font-weight: 400; margin: 0 0 30px; } .beautypress-single-pricing-table.beautypress-version-5 .beautypress-pricing-header-content .beautypress-pricing-price h5 { color: var(--color-semi-black); font-size: 3.571em; font-weight: 100; } .beautypress-single-pricing-table.beautypress-version-5 .beautypress-pricing-header-content .beautypress-pricing-price { text-align: center; } .beautypress-single-pricing-table.beautypress-version-5 .beautypress-pricing-header-content .beautypress-pricing-price h5 span { font-size: inherit; vertical-align: inherit; } .beautypress-single-pricing-table.beautypress-version-5 .beautypress-pricing-footer { padding: 40px 30px 50px; } .beautypress-both-side-list.beautypress-version-4 li { color: #999999; border-bottom: 1px solid #f5f5f5; margin: 0 0 15px; padding: 0 0 15px; } .beautypress-both-side-list.beautypress-version-4 li:last-child { border: 0; } .beautypress-both-side-list.beautypress-version-4 span { color: var(--color-chocolate); } .beautypress-single-pricing-table-txt { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--color-white); padding: 0 30px 0 0; } .beautypress-single-pricing-table-txt h2 { margin: 0 0 25px; font-size: 2.857em; line-height: 1.25; font-weight: 400; } .beautypress-single-pricing-table-txt p { margin: 0 0 30px; color: #D0D0D0; } /* version 6 */ .beautypress-pricing-table-section.beautypress-version-6 .beautypress-single-pricing-table.beautypress-version-3 { padding: 100px 30px 64px; } .beautypress-pricing-table-section.beautypress-version-6 .beautypress-pricing-footer .beautypress-both-side-list { margin: 0; } .beautypress-pricing-table-section.beautypress-version-6 .beautypress-beauty-product-hover-content { bottom: -22px; } .icon-btn-with-text.icon-btn-with-text-v2:before { background-color: var(--color-cyan); } .icon-btn-with-text.icon-btn-with-text-v2:hover:before { background-color: var(--color-chocolate); content: ''; } /*========================================================================= 24. INNER portfolio-single.html content =============================================================================*/ .beautypress-sync-preview { margin: 5px 5px 22px; box-shadow: var(--primary-shadow); } .beautypress-sync-slider-thumb .beautypress-sync-thumb { margin: 5px; } .beautypress-sync-slider-thumb.beautypress-version-2 .owl-item.current .beautypress-sync-thumb { box-shadow: var(--primary-shadow); } .beautypress-sync-thumb { position: relative; } .beautypress-sync-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; height: 40px; width: 40px; display: inline-flex; justify-content: center; align-items: center; background-color: rgba(1, 27, 88, 0.502); color: var(--color-white); } .beautypress-sync-slider-preview { position: relative; } .beautypress-sync-slider-preview .owl-prev , .beautypress-sync-slider-preview .owl-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; } .beautypress-sync-slider-preview .owl-prev { left: 30px; } .beautypress-sync-slider-preview .owl-next { right: 30px; } .beautypress-sync-slider-preview .owl-nav i { background-color: rgba(0, 0, 0, 0.502); height: 50px; width: 50px; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; color: var(--color-white); font-size: 1.286em; } .beautypress-single-portfolio-details-wraper { box-shadow: var(--primary-shadow); background-color: var(--color-white); padding: 40px; margin: 0 0 30px; } .beautypress-portfolio-content-header h2 { font-family: var(--font-cursive); font-size: 1.857em; margin: 0 0 8px; } .beautypress-portfolio-content-header h3 { font-size: 2.286em; letter-spacing: -2px; font-weight: 600; margin: 0; } .beautypress-portfolio-text-content p { line-height: 1.7; } .beautypress-portfolio-content-header { margin: 0 0 15px; } .beautypress-portfolio-text-content { padding: 0 0 40px; margin: 0 0 40px; border-bottom: 1px solid #f4f4f4; } .beautypress-portfolio-text-content:last-child { padding: 0; margin: 0; border-bottom: 0px solid #f4f4f4; } .beautypress-next-prev-wraper { margin: 60px 0 0; } .beautypress-next-prev-tigger a { display: inline-flex; height: 60px; width: 80px; justify-content: center; align-items: center; color: #999999; font-size: 2.4em; position: relative; z-index: 1; transition: all .4s ease; } .beautypress-next-prev-tigger a i { position: relative; z-index: 1; } .beautypress-next-prev-tigger img { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: all .4s ease; } .beautypress-next-prev-tigger a:before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background-color: var(--color-semi-black); z-index: 1; opacity: 0; transition: all .4s ease; } .beautypress-next-prev-tigger a:hover img { opacity: 1; } .beautypress-next-prev-tigger a:hover:before { opacity: .5; } .beautypress-next-prev-tigger a:hover { color: var(--color-white); } /* social tigger icon */ .beautypress-social-tigger-wraper { text-align: center; } .beautypress-social-tigger { position: relative; height: 50px; width: 50px; margin: 1% auto } .beautypress-social-tigger li { height: 100% } .beautypress-social-tigger li a { height: 100%; width: 100%; display: inline-flex; justify-content: center; align-items: center; background-color: var(--color-semi-black); color: var(--color-white); font-size: 1em; border-radius: 100%; position: absolute; top: 0; left: 0; z-index: 999; opacity: 0; transform: translate(0, 0); visibility: hidden; } .beautypress-social-tigger li:nth-child(1) a { transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44) 2.1s; } .beautypress-social-tigger li:nth-child(2) a { transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44) 1.8s; } .beautypress-social-tigger li:nth-child(3) a { transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44) 1.5s; } .beautypress-social-tigger li:nth-child(4) a { transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44) 1.2s; } .beautypress-social-tigger li:nth-child(5) a { transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44) 0.9s; } .beautypress-social-tigger li:nth-child(6) a { transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44) 0.6s; } .beautypress-social-tigger.active li:nth-child(6) a { transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44) 2.1s; transform: translate(-45px, -80px); } .beautypress-social-tigger.active li:nth-child(5) a { transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44) 1.8s; transform: translate(-90px, 0); } .beautypress-social-tigger.active li:nth-child(4) a { transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44) 1.5s; transform: translate(-45px, 80px); } .beautypress-social-tigger.active li:nth-child(3) a { transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44) 1.2s; transform: translate(45px, 80px); } .beautypress-social-tigger.active li:nth-child(2) a { transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44) 0.9s; transform: translate(90px, 0); } .beautypress-social-tigger.active li:nth-child(1) a { transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44) 0.6s; transform: translate(45px, -80px); } .beautypress-social-tigger.active li a { opacity: 1; visibility: visible; } .beautypress-social-tigger li a.tigger-icon { opacity: 1; transform: translate(0%, 0%) !important; visibility: visible; } /* recent project */ .beautypress-single-recent-project { position: relative; margin: 0 0 30px; } .beautypress-recent-project-hover { position: absolute; bottom: -100%; left: 0; width: 100%; text-align: left; padding: 30px; opacity: 0; transition: all 0.4s ease; } .beautypress-recent-project-hover a { color: var(--color-white); font-size: 3em; } .beautypress-single-recent-project:before { opacity: 0; } .beautypress-single-recent-project:hover .beautypress-recent-project-hover { opacity: 1; bottom: 0; } .beautypress-single-recent-project:hover:before { opacity: 1; } .beautypress-woocommerce-tabs .tab-pane.fade { opacity: 1; } /*========================================================================= 25. INNER product-details.html content =============================================================================*/ .beautypress-sync-slider-wraper { margin: 0 0 44px 0; } .beautypress-single-details h3 { margin: 0 0 15px; color: var(--color-semi-black); font-weight: 600; font-size: 1.571em; letter-spacing: -2px; text-transform: capitalize; } .beautypress-single-details h4 { color: var(--color-purple); text-transform: capitalize; margin: 0 0 15px; font-size: 1.143em; } .stars span a { color: #FCCA29; font-size: 1.429em; } .woocommerce p.stars a::before, .woocommerce p.stars:hover a::before, .woocommerce p.stars a:hover~a::before { content: '\f005'; font-family: var(--font-icons-1); } .woocommerce p.stars a:hover~a::before { content: '\f006'; } .woocommerce p.stars { line-height: 1; margin: 0 0 15px; } label[for="rating"] { margin: 0; color: var(--color-pink); } .beautypress-single-details p { line-height: 1.875; margin: 0 0 30px; } .woocommerce div.product p.price, .woocommerce div.product span.price { font-size: inherit; } .woocommerce div.product p.price { margin: 0 0 30px; } .woocommerce-Price-amount { color: #777777; font-size: 1.286em; display: block; font-weight: 500; } .woocommerce-Price-currencySymbol { color: var(--color-purple); font-weight: 600; font-size: 2em; display: block; line-height: 1; padding: 10px 0 0 0; } .beautypress-add-to-chart-form , .beautypress-add-to-chart-form form { display: flex; align-items: center; flex-wrap: wrap; } .beautypress-add-to-chart-form { margin: 0 0 40px; } .beautypress_input_number { border: 2px solid var(--color-purple); position: relative; border-radius: 25px; height: 45px; width: 100%; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; } .beautypress_input_number .sub, .beautypress_input_number .add { float: left; width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all .4s ease; } .beautypress_input_number .add { float: right; } .beautypress_input_number input[type="number"] { height: 100%; width: auto; border: 0; background-color: #F5F5F5; text-align: center; color: var(--color-purple); font-size: 1.429em; pointer-events: none; -webkit-appearance: none; width: 46px; font-weight: 400; } .beautypress_input_number input[type="number"]::-webkit-inner-spin-button, .beautypress_input_number input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .beautypress-add-to-chart-form .w-quantity-btn { margin: 0 0 0 0px; } .beautypress-add-to-chart-form .beautypress-wishlist { /*margin: 10px 0 0 20px; */ margin: 0px 0 0 20px; } .beautypress-add-to-chart-form .w-quantity-btn button.button.alt { background-color: var(--color-purple); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.20); border-radius: 25px; padding: 15px 30px; font-size: 1em; font-weight: 500; text-transform: uppercase; } .beautypress-add-to-chart-form .w-quantity-btn button i { margin: 0 12px 0 0; } .beautypress-add-to-chart-form .beautypress-wishlist i { font-size: 1em; color: var(--color-white); width: 45px; height: 45px; border-radius: 100%; background-color: var(--color-pink); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); position: relative; display: inline-flex; justify-content: center; align-items: center; } .beautypress-share-now-title { color: var(--color-semi-black); font-size: 1.143em; font-weight: 600; text-transform: capitalize; } .beautypress-social-list.beautypress-version-7 li a { background-color: transparent; border: 1px solid #C9C9C9; box-shadow: none; color: #C9C9C9; } .beautypress-social-list.beautypress-version-7 li a:hover { color: var(--color-white); box-shadow: var(--hover-shadow); border: 0; } .beautypress-social-list.beautypress-version-7 li:nth-child(2) a:hover { background-color: #3B5999; } .beautypress-social-list.beautypress-version-7 li:nth-child(3) a:hover { background-color: #55ACEE; } .beautypress-social-list.beautypress-version-7 li:nth-child(4) a:hover { background-color: #BD081C; } .beautypress-social-list.beautypress-version-7 li:nth-child(5) a:hover { background-color: #EA4C89; } .beautypress-woocommerce-tabs .nav-tabs { border-color: #F1F5FF; margin: 0 0 30px; } .beautypress-woocommerce-tabs .nav-tabs li a { display: block; padding: 16px 26px; position: relative; color: var(--color-semi-black); font-size: 0.857em; } .beautypress-woocommerce-tabs .nav-tabs li a:before { position: absolute; content: ""; bottom: 0; left: 0; width: 0%; height: 2px; background-color: var(--color-purple); opacity: 0; transition: all .4s ease; } .beautypress-woocommerce-tabs .nav-tabs li a:hover:before { width: 100%; opacity: 1; } .beautypress-woocommerce-tabs .nav-tabs li a[aria-expanded="true"]:before { width: 100%; opacity: 1; } .beautypress-woocommerce-tabs .woocommerce-Tabs-panel h4 { color: var(--color-semi-black); font-weight: 500; font-size: 1.286em; line-height: 1.7777; margin: 0 0 20px; } .beautypress-woocommerce-tabs .woocommerce-Tabs-panel p { margin: 0 0 30px; } .beautypress-woocommerce-tabs .woocommerce-Tabs-panel p:last-child { margin: 0; line-height: 1.857; } .beautypress-woocommerce-tabs .woocommerce-Tabs-panel h2 { color: var(--color-semi-black); margin: 0 0 20px; font-size: 1.714em; } .beautypress-woocommerce-tabs #reviews h3 { margin: 0 0 20px 0; font-size: 1.714em; color: var(--color-semi-black); } .beautypress-woocommerce-tabs .comment-form-rating { display: flex; align-items: center; margin: 0 0 25px } .beautypress-woocommerce-tabs #review_form #respond p { margin: 0; } .beautypress-woocommerce-tabs label[for="rating"] { margin: 0 10px 0 0; } .beautypress-woocommerce-tabs .comment-form input:not([type="submit"]), .beautypress-woocommerce-tabs .comment-form textarea { width: 100%; display: block; height: 50px; border: 2px solid #eaeaea; padding: 0 18px; background-color: var(--color-white); border-radius: 0; margin: 0 0 30px; transition: all .4s ease; } .beautypress-woocommerce-tabs .comment-form input:focus, .beautypress-woocommerce-tabs .comment-form textarea:focus { border-color: var(--color-purple); } .beautypress-woocommerce-tabs .comment-form textarea { resize: none; height: 120px !important; padding: 18px; } .beautypress-woocommerce-tabs #respond input#submit { background-color: var(--color-purple); height: 50px; border: 0; border-radius: 40px; color: var(--color-white); text-transform: uppercase; font-weight: 700; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 40px; cursor: pointer; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; box-shadow: var(--primary-shadow); } /*========================================================================= 26. INNER cart.html content =============================================================================*/ .beautypress-cart a.remove { height: auto; width: auto; } .beautypress-cart a.remove:hover { background-color: transparent; } .beautypress-cart .product-thumbnail a { display: inline-flex; align-items: center; } .beautypress-cart .product-thumbnail a img { margin: 0 20px 0 0; display: block; } .beautypress-cart .product-thumbnail a p { color: var(--color-semi-ash); font-size: 1.143em; text-transform: capitalize; } .beautypress-cart .woocommerce-Price-currencySymbol { display: inline-block; color: inherit; font-weight: inherit; font-size: inherit; } .beautypress-cart .woocommerce-Price-amount { font-size: 1.143em; font-weight: 400; } .beautypress-cart table.shop_table th { color: var(--color-semi-black); font-size: 1.143em; font-weight: 400; text-transform: capitalize; padding: 23px 10px; border-bottom: 1px solid; } .beautypress-cart .product-quantity .beautypress_input_number { width: fit-content; } .beautypress-cart table.shop_table { border: 0px; } .beautypress-cart table.shop_table td { border: 0; padding: 15px 12px; } .beautypress-cart tbody:before { content: ''; display: block; padding: 0 0 25px 0; } .beautypress-cart table.shop_table td.actions { border-top: 1px solid; padding: 40px 0 0; margin: 0; } .beautypress-cart .coupon { width: 41.66667%; position: relative; height: 52px; } .beautypress-cart .coupon input:not([type="submit"]) { border: 1px solid #EAEAEA; height: 100%; border-radius: 25px; background-color: var(--color-white); width: 100%; padding: 0 18px; } .beautypress-cart .coupon input[type="submit"] { height: 100%; padding: 0 41px; display: inline-flex; justify-content: center; align-items: center; border-radius: 25px; background-color: var(--color-purple); color: var(--color-white); text-transform: uppercase; font-weight: 700; position: absolute; right: 0; top: 0; } .beautypress-cart .cart-collaterals { width: 41.66667%; float: right; } .beautypress-cart .cart_totals h2 { margin: 0; font-size: 1.333em; text-transform: uppercase; font-weight: 300; letter-spacing: 1px; margin-bottom: 20px; } .beautypress-cart .cart-subtotal th { border: 0px !important; } .beautypress-cart table.shop_table tbody .order-total td { border-top: 1px solid; border-bottom: 1px solid; } .beautypress-cart table.shop_table th, .beautypress-cart table.shop_table td.actions , .beautypress-cart table.shop_table tbody .order-total td { border-color: #DBDBDB; } .beautypress-cart .wc-proceed-to-checkout { display: flex; } .beautypress-cart .wc-proceed-to-checkout input[type="submit"] , .beautypress-cart .wc-proceed-to-checkout a.checkout-button.button.alt { background-color: var(--color-purple); border-radius: 25px; border: 0; padding: 18px 28px; color: var(--color-white); text-transform: uppercase; font-weight: 700; box-shadow: var(--primary-shadow); margin: 0 20px 0 0; } .beautypress-cart .wc-proceed-to-checkout a.checkout-button.button.alt { background-color: var(--color-pink); margin: 0; } /*============================== menu version ==============================*/ /* menus list */ .beautypress-main-header.color-white .xs_nav-landscape li a { color: var(--color-white); } .beautypress-main-header.color-white .xs_nav-landscape li .nav-submenu a , .beautypress-main-header.color-white .xs_nav-landscape li .nav-submenu p { color: var(--color-semi-black); } .beautypress-main-header li .nav-submenu p , .beautypress-new-header li .nav-submenu p { color: var(--color-semi-black); } .beautypress-main-header.color-white .xs_nav-landscape .submenu-indicator-chevron { border-color: transparent #fff #fff transparent; } .beautypress-main-header.color-white .nav-toggle:before { background-color: var(--color-white); box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff; } .beautypress-new-header .xs_nav_2 .nav-logo>img { height: auto; margin: 0 auto; /*padding: 23px 0;*/ padding: 18.3px 0; } .beautypress-new-header .xs_nav_2 .nav-logo { display: block; position: relative; overflow: hidden; } .beautypress-new-header .xs_nav_2 .nav-menu > li > a { height: auto; color: #222; display: block; text-transform: uppercase; /*font-weight: 500;*/ font-size: 12px; } .beautypress-new-header .xs_nav_2.xs_nav-landscape .nav-menu > li > a { padding: 35px 35px 35px 0; } .beautypress-new-header .xs_nav_2.xs_nav-landscape .nav-menu > li:last-child > a { padding-right: 0; } .beautypress-new-header { background-color: var(--color-white); position: relative; } .beautypress-new-header .xs_nav_2.xs_nav-landscape { display: block; position: relative; /*overflow: hidden;*/ } /*.beautypress-new-header .xs_nav_2 .nav-menu.nav-menu-centered>li { margin: 0 40px 0 0; }*/ .beautypress-new-header .xs_nav_2 .nav-menu.nav-menu-centered>li:last-child { margin: 0; } .beautypress-new-header .xs_nav_2 .nav-search { height: 100%; display: flex; padding: 19px 0; } .beautypress-new-header .xs_nav_2 .nav-search a { color: #8C8C8C; height: 50px; width: auto; /*border: 2px solid #D7D7D7;*/ display: inline-flex; justify-content: center; align-items: center; font-size: 1.143em; } .beautypress-new-header .xs_nav_2 .nav-search-button { width: auto; height: auto; line-height: inherit; } .beautypress-new-header .xs_nav_2 .nav-search > div { margin: 0 20px 0 0; } .beautypress-new-header .xs_nav_2 .nav-search .nav-search-button { margin: 0; background-color: transparent; } .beautypress-new-header.xs-extra-css .xs_nav_2 .nav-menu.nav-menu-centered>li a{ padding-right: 20px; } .beautypress-new-header.xs-extra-css .xs_nav_2 .nav-menu.nav-menu-centered>li:last-child a { padding-right: 0px; } .beautypress-new-header.xs-extra-css .xs_nav_2 .nav-menu.nav-menu-centered .nav-dropdown>li>a , .beautypress-new-header.xs-extra-css .xs_nav_2 .nav-menu.nav-menu-centered .megamenu-list>li>a { height: auto; color: #222; display: block; text-transform: capitalize; font-size: 12px; } .beautypress-new-header.xs-extra-css .xs_nav_2 .nav-menu.nav-menu-centered .megamenu-list>li>a:hover { background-color: transparent; } .beautypress-new-header.xs-extra-css .xs_nav_2 .nav-menu.nav-menu-centered .megamenu-panel .text-content { padding: 20px; } /* menu */ .megamenu-list-title { pointer-events: none; } .beautypress-header-section.beautypress-header-version-3.beautypress-header-version-4 .beautypress-main-header .xs-navigation-middle-menu.xs_nav-landscape .nav-menu li a { color: var(--color-semi-black); } .beautypress-header-section.beautypress-header-version-3.beautypress-header-version-4 .beautypress-main-header .xs-navigation-middle-menu.xs_nav-landscape .nav-menu li.megamenu-list-title a { color: var(--color-semi-black); } .beautypress-header-section.beautypress-header-version-3.beautypress-header-version-4 .beautypress-main-header .xs-navigation-middle-menu.xs_nav-landscape .nav-menu li a:hover { color: var(--color-purple); } .beautypress-header-section.beautypress-header-version-3.beautypress-header-version-4 .beautypress-main-header .nav-menu li:last-child { margin: 0; } .beautypress-header-section.beautypress-header-version-3.beautypress-header-version-4 .beautypress-main-header.color-pink .nav-menu li a:before { background-color: var(--color-pink); } .beautypress-header-section.beautypress-header-version-3.beautypress-header-version-4 .beautypress-main-header.color-pink .xs-navigation-middle-menu.xs_nav-landscape .nav-menu li a:hover { color: var(--color-pink); } .beautypress-header-section.beautypress-header-version-3.beautypress-header-version-4 .beautypress-main-header.color-green .xs-navigation-middle-menu.xs_nav-landscape .nav-menu li a:hover { color: #4CA14B; } .beautypress-header-section.beautypress-header-version-3.beautypress-header-version-4 .beautypress-main-header.color-green .xs-navigation-middle-menu.xs_nav-landscape .nav-menu li a:before { background-color: #4CA14B; } .beautypress-logo.beautypress-version-3 { position: absolute !important; box-shadow: var(--hover-shadow) !important; /*min-height: 180px;*/ min-height: 170px; display: inline-flex; justify-content: center; align-items: center; background-color: var(--color-white) !important; padding: 0 !important; /*border-radius: 0 0 20px 20px;*/ top: -42px; width: 100%; } .beautypress-nav-search-button { text-align: right; } .beautypress-nav-search-button a { /*background-color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>;*/ height: 50px; width: auto; display: inline-flex; justify-content: center; align-items: center; color: var(--color-white); font-size: 1.143em; color: #<?php echo $Site->site_ayarlari('tema_renk1'); ?>; } /* menus */ .beautypress-header-section.beautypress-header-version-3.beautypress-header-version-5 .xs_nav.beautypress-nav { justify-content: flex-start; } .icon-square { display: inline-flex; height: 50px; width: 60px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); } .icon-square:before { height: 100%; width: 100%; display: inline-flex; justify-content: center; align-items: center; } .beautypress-new-header.xs-extra-css .xs_nav_2 .nav-menu.nav-menu-centered .nav-dropdown>li>a:hover { color: #560F86; } .beautypress-copyright-content-wrapers { position: relative; width: 100%; } .cssyakupcevik { text-transform:uppercase; }
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula