/** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%,100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}}@keyframes wobble{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}.flipInX,.flipInY,.flipOutX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}.flipInX{backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInY,.flipOutX{backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}}.flipInY{-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);-ms-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*--------------------- Copyright (c) 2023 ----------------------- [Master Stylesheet] Project: OFM0178 Version: 6.0.1 Author: OFISIMO ------------------------------------------------------------------- [Table of contents] 1. body 2. header 3. slider 4. servicespx_cartsec 5. about us 6. project gallery 7. process 8. team 9. project 130+ 10. testimonial 11. blog 12. map 13. footer ----------------------------------------------------- --------------*/ /******************************************************** 1. body start *******************************************************/ body { font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 14px; line-height:1.78; color: #555555; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 0; margin: 0; } body.px_dark_bg { background-color: var(--genel)0; } body.px_index3_bg { background-color: #0e0f21; } *,*:before,*:after{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } a, a:hover, a:focus{ color: #555555; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } h1, h2, h3, h4, h5, h6{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin:0; padding:0; text-transform:capitalize; } img { max-width: 100%; } input, textarea, select, button, label, svg, svg path, svg rect, svg polygon, img, a, :after, :before, :hover, :focus, .form-control:focus{ outline: none !important; box-shadow:none; } ul{ padding:0; margin:0; list-style-type: none; } p { margin: 0px; color: rgb(255 255 255); } .container { max-width: 1170px; } .t_color{ color: var(--butonarkaplan); } .t_pink { color: #50AAB2; } .response { color: red; margin-top: 5px; } .px_contact_dark_form .response { color: #ffffff; margin-top: 5px; } /***** loader ******/ .loader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 999; display: flex; justify-content: center; align-items: center; background-color: var(--linkyazi); } .loader img { width: 80px; } /******************************************************** 1. body end *******************************************************/ /******************************************************** /******************************************************** 2. header start *******************************************************/ .px_main_wraapper { overflow: hidden; position: relative; background: var(--genel)0; } .px_content_wraapper { margin-left: 60px; } .px_header_wrapper { padding: 0 31px 0 0; background: var(--genel)0; } .px_header_wrapper .px_logo { padding-top: 30px; margin-left: 25px; } .px_nav { text-align: right; } .px_nav .px_menu > ul > li, .px_cartsec > ul > li { display: inline-block; padding: 39px 20px 38px; } .px_nav .px_menu > ul > li > a { position: relative; display: inline-block; color: #ffffff; font-weight: 500; text-transform: uppercase; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .px_nav .px_menu > ul > li > a:hover { color: rgb(245 118 10); } .px_nav .px_menu > ul > li.px_home_dropdown > ul { background-color: var(--linkyazi); position: absolute; left: 0; width: 210px; padding: 0px 0 0; visibility: hidden; opacity: 0; transition: all 500ms ease; -webkit-transition: all 500ms eases; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; z-index: 100; text-align: left; transform: translate(80px, 40px); } .px_nav .px_menu > ul > li.px_home_dropdown:hover > ul { opacity: 1; visibility: visible; transform: translate(0px, 38px); } .px_nav .px_menu > ul > li.px_home_dropdown > ul > li > a { color: #ffffff; font-size: 15px; line-height: 18px; font-weight: 400; border-bottom: 1px solid rgba(255, 255, 255, 0.10); text-transform: capitalize; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; padding: 17px 15px 16px; display: block; } .px_nav .px_menu > ul > li.px_home_dropdown > ul > li:last-child a { border-bottom: none; } .px_nav .px_menu > ul > li.px_home_dropdown > ul > li > a:hover { color: var(--butonarkaplan); padding-left: 30px; } .px_nav .px_menu > ul > li{ position:relative; } .px_nav .px_menu > ul > li:after { content: ""; position: absolute; width: 4px; height: 4px; background: var(--butonarkaplan); top: 0; bottom: 0; right: -3px; margin: auto; border-radius: 50px; } .px_nav .px_menu > ul > li:last-child::after { display: none; } .px_nav .px_menu, .px_nav .px_cartsec { display: inline-block; } .px_nav .px_cartsec > ul > li { padding: 0px 15px; position:relative; vertical-align: middle; } .px_nav .px_cartsec > ul > li.px_profile_carol { display: none; } .px_nav .px_cartsec > ul > li:after { content: ""; position: absolute; background: rgb(62, 62, 62); top: 0; bottom: 0; width: 1px; height: 30px; left: 0; margin: auto; } .px_nav .px_cartsec > ul > li:first-child:after { position: inherit; } .px_nav .px_cartsec > ul > li:first-child { position: inherit; } .px_nav .px_cartsec > ul > li > a.setting_toggle { text-transform: capitalize; color: #cdcdcd; } .px_nav .px_cartsec > ul > li .setting_toggle img { border: 2px solid #3a4047; border-radius: 50%; margin-right: 7px; } .px_nav .px_cartsec > ul > li .setting_toggle .toggle_caret{ color:var(--butonarkaplan); margin-left: 4px; } .px_profile_open { background-color: #ffffff; position: absolute; top: 27px; left: 10px; width: 150px; visibility: hidden; opacity: 0; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; z-index: 100; text-align: left; transform: translate(80px, 40px); } .px_profile_open ul li a { color: #222222; font-size: 15px; line-height: 18px; font-weight: 400; border-bottom: 1px solid #00000012; text-transform: capitalize; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; padding: 17px 25px 16px; display: block; } .px_profile_open ul li a:hover { color: #50AAB2; padding-left: 30px; } .px_profile_open ul li a i { color: #50AAB2; margin-right: 5px; } .px_profile_open.px_profile_drop { opacity: 1; visibility: visible; transform: translate(0px, 38px); } .px_nav .px_cartsec > ul > li > a > svg { width: 18px; height: 18px; } .px_nav .px_cartsec > ul > li > .cart_round { position: relative; } .px_nav .px_cartsec > ul > li > .cart_round span { border-radius: 50%; width: 16px; height: 16px; line-height: 18px; text-align: center; background-color: var(--butonarkaplan); color: #ffff; display: inline-block; font-size: 10px; position: absolute; right: -11px; top: -6px; } .px_nav .px_cartsec > ul > li > span { border-radius: 50%; width: 16px; height: 16px; line-height: 18px; text-align: center; background-color: var(--butonarkaplan); color: #212629; display: inline-block; font-size: 10px; position: absolute; right: -11px; top: -6px; } /* Add To Cart Menu Box css */ .cart_content { width: 470px; overflow-x: auto; background: var(--linkyazi); } .px_sop_cart { text-align: center; padding: 20px 30px; position: relative; background-color: #f9f9f9; } .px_sop_cart h3 { font-size: 22px; color: #222222; font-weight: 500; } .px_sop_cart p { color: #222222; } .px_sop_cart a { position: absolute; top: 33px; right: 20px; text-transform: uppercase; transform: rotate(-90deg); } .px_sop_cart a:hover { color: #50AAB2; } .header_cartbox { position: fixed; top: 0; bottom: 0; right: -480px; background-color: white; z-index: 999; opacity: 0; visibility: hidden; overflow-y: auto; transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650); -webkit-transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650); -moz-transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650); -o-transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650); -ms-transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650); } .open_cart .header_cartbox{ opacity: 1; visibility: visible; right: 0; } .cart_content .px_table_quantity .quantity_wrapper { text-align: center; } .cart_content .px_checkout_table span { font-size: 20px; text-transform: capitalize; margin: 0; } .cart_content .quantity_qty span { margin: 0 10px 0 0; font-size: 16px; } .px_checkout_table .table td:first-child { text-align: center; } .px_checkout_table .table td:last-child { text-align: center; } .px_checkout_table .table tr:first-child td { border-top: none; } .px_sop_cart_btn { padding: 14px 50px 30px; } .px_sop_cart_btn > ul > li { display: inline-block; } .px_sop_cart_btn > ul > li:first-child { margin-right: 57px; } .open_cart { position: relative; } .open_cart:after { background: rgba(0, 0, 0, 0.6); position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; } /* Add To Cart Menu Box css */ /* Add To Cart Menu Box Dark css */ .px_product_checkout_dark .header_cartbox { background-color: var(--linkyazi); } .px_product_checkout_dark .px_sop_cart { background-color: var(--linkyazi); } .px_product_checkout_dark .px_sop_cart h3, .px_product_checkout_dark .px_sop_cart p { color: #ffffff; } .px_product_checkout_dark .px_sop_cart a { color: #ffffff; } .px_product_checkout_dark .px_sop_cart a:hover { color: var(--butonarkaplan); } .px_header_style3 .px_sop_cart a:hover { color: #ff9d34; } .px_header_style4 .px_sop_cart a:hover { color: #ff9d34; } /* Search bar box css */ .search_input_box { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 111; opacity: 0; visibility: hidden; } .search_input_box input{ width:0px; transition:0.2s; transition:0.2s; -webkit-transition:0.2s; -moz-transition:0.2s; -o-transition:0.2s; -ms-transition:0.2s; } .close_search_bar .search_input_box { opacity: 1; visibility: visible; width: 100%; text-align: center; } .close_search_bar .search_input_box input { width: 50%; background-color: transparent; border: none; border-bottom: solid 1px rgba(255, 255, 255, 0.25); padding: 10px 20px 10px 0; font-size: 25px; color: #ffffff; } .search_input_box input::placeholder { color: #ffffff; } .search_input_box span i { cursor: pointer; color: #ffffff; font-size: 20px; position: absolute; top: 0; } body.close_search_bar{ position:relative; } body.close_search_bar:after { background-color: rgba(0, 0, 0, 0.9); z-index: 42; position: absolute; width: 100%; height: 100%; content: ""; left: 0; right: 0; top: 0; bottom: 0; } /* Search bar box css */ li.px_login_sign a { color: #fff; margin: 0 0 0 5px; text-transform: uppercase; vertical-align: middle; padding: 13px 30px; background: var(--linkyazi); display: flex; align-items: center; justify-content: center; } .px_dummy a{ min-width: 40px; } li.px_login_sign a:hover { color: var(--butonarkaplan); display: flex; font-size: 14px; } li.px_login_sign a:focus { color: rgb(255 255 255); display: flex; font-size: 14px; text-transform:uppercase; } li.px_login_sign p { margin-left: 5px; font-weight: 600; display: inline-block; } li.px_login_sign p:hover { color: #fff; } /* sign-in popup dark css*/ .px_modal_form { z-index: 9; max-width: 100%; margin: 0 auto; position: fixed; top: 0; left: 0; bottom: 0; right: 0; justify-content: center; display: flex; align-items: center; opacity: 0; visibility: hidden; z-index: 999; overflow-x: auto; webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .px_modal_form.open_login_model, .px_modal_form.open_signup_model { opacity: 1; visibility: visible; } .px_signin_flex .col-md-6 { padding: 0; } .px_signin_flex { background-color: var(--linkyazi); text-align: center; max-width: 960px; width: 100%; } .px_modal_form.open_login_model:after, .px_modal_form.open_signup_model:after { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.8); content: ''; z-index: -1; } .open_signup_model .px_social_btn { margin-left: 0; } .px_sign_slide { padding: 50px; text-align: center; } .px_sign_slide .swiper-pagination-bullet { background: #dbdbdb; opacity: 1; margin-right: 8px; transition: 0.3s all; -moz-transition: 0.3s all; -webkit-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; } .px_sign_slide .swiper-pagination-bullet-active { background: var(--butonarkaplan); width: 12px; height: 12px; transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } .px_sign_slide .swiper-pagination-bullets { bottom: -60px; right: 0; left: 0; } .px_sign_section { background-color: var(--genel)0; padding: 50px 60px; text-align: center; } .px_sign_section button.close_login { position: absolute; top: 0; right: 0; background-color: var(--butonarkaplan); width: 38px; height: 38px; line-height: 38px; border: none; } .px_sign_section .close_login { font-size: 26px; font-weight: normal; color: #ffffff; text-shadow: none; opacity: 1; } .px_sign_section p { color: #cdcdcd; margin-top: 10px; } .px_sign_section h3 { color: #ffffff; font-weight: 600; margin: 25px 0; } .px_sign_section .form_block { margin-bottom: 20px; } .px_sign_section .form_block .form_field { border: 1px solid #444444; background-color: var(--linkyazi); color: #ffffff; } .px_sign_section input::placeholder { color: #cdcdcd; } .px_sign_forgot ul { text-align: right; margin-right: 30px; margin-top: 30px; } .px_sign_forgot ul li { display: inline-block; } .px_sign_forgot ul li:first-child { float: left; margin-top: 15px; } .px_sign_forgot ul li a { color: #ffffff; } .px_sign_forgot ul li:first-child a:hover { color: var(--butonarkaplan); } .px_social_btn { margin-top: 30px; text-align: left; margin-left: 25px; } .px_social_btn ul li { display: inline-block; } .px_social_btn ul { margin-left: 25px; } .px_social_btn ul li:last-child { margin: 0 0 0 76px; } .px_social_btn a.px_btn.facebook { background-color: #3b5999; color: #fff; border: solid 1px #324c82; } .px_social_btn a.px_btn:before { background-color: transparent; } .px_social_btn .px_btn .about_btnicon.facebook { background-color: #3b5999; border: solid 1px #324c82; } .px_social_btn a.px_btn { background-color: #ffffff; color: #222222; min-width: 115px; text-transform: capitalize; border: 1px solid #f0f0f0; } .px_social_btn .px_btn .about_btnicon { height: 50px; width: 50px; line-height: 50px; display: inline-block; position: absolute; left: -51px; top: -1px; background: #ffffff; border: 1px solid #f0f0f0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .px_modal_form.px_modal_signup ul { text-align: left; } .px_modal_signup .px_social_btn ul { margin-left: 50px; } .px_modal_form.px_modal_signup ul li:first-child { float: none; } .px_modal_signup .px_sign_forgot ul li:first-child a:hover { color: #ffffff; } /* sign-in popup dark css*/ /******************************************************** 2. header End *******************************************************/ /******************************************************** 3. info sidebar start *******************************************************/ .px_infosidebar { width: 60px; background: var(--linkyazi); position: absolute; left: 0; height: 950px; z-index: 1; } .px_infosidebar .siderbar_social > ul > li { margin-bottom: 10px; } .px_infosidebar .siderbar_social > ul > li > a { color: #ffffff; } .px_infosidebar .siderbar_social { margin: 167px 0px 24px 0px; text-align: center; } .px_infosidebar .siderbar_contact, .px_infosidebar .siderbar_email { text-align: center; padding: 30px 0 22px; border-top: 1px solid #4e4e4e; } .px_infosidebar .siderbar_contact > a, .px_infosidebar .siderbar_email > a { color: #ffffff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; text-transform: lowercase; } .px_infosidebar .siderbar_contact > a > svg, .px_infosidebar .siderbar_email > a > svg { transform: rotate(90deg); margin-bottom: 5px; width: 16px; height: 15px; vertical-align: baseline; } .px_infosidebar .siderbar_contact > a > svg path, .px_infosidebar .siderbar_email > a > svg path { fill: var(--butonarkaplan); } .px_infosidebar .siderbar_social > ul > li > a { -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } .px_infosidebar .siderbar_social > ul > li > a:hover { color: var(--butonarkaplan); } /******************************************************** 4.index v1 heading start *******************************************************/ .px_heading { margin-bottom: 47px; z-index: 1; text-align: center; } .px_heading h4 { color: var(--butonarkaplan); font-size: 14px; text-transform: uppercase; letter-spacing: 2px; position: relative; z-index: 1; } .px_heading h2 { color: rgb(253 253 253); text-transform: capitalize; font-weight: 500; z-index: 2; position: relative; margin-top: 6px; } .px_heading span { font-size: 80px; text-transform: uppercase; font-weight: 900; color: #ffffff14; letter-spacing: 12px; position: absolute; width: 100%; left: 0; right: 0; top: 2px; bottom: 0; margin: auto; z-index: -1; line-height: 18px; } /******************************************************** 4.index v1 heading End *******************************************************/ /******************************************************** 5.Banner Slider Start *******************************************************/ .px_bannerr_slider .swiper-container { width: 100%; height: 100%; } .px_bannerr_slider .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .px_banner_slider .banner_box_wrapper { position: relative; background-color: var(--genel)0; } .swiper_imgbox .swipper_img > h4 { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: var(--butonarkaplan); margin: 0px; position: relative; } .swiper_imgbox .swipper_img > h4 > span { font-size: 120px; text-transform: uppercase; font-weight: 900; color: #1c1c1c; letter-spacing: 12px; position: absolute; left: 10px; right: 0; top: -60px; z-index: -1; } .swiper_imgbox .swipper_img > h2 { color: #ffffff; font-weight: 700; font-size: 74px; margin: 0; } .swiper_imgbox .swipper_img > h3 { color: #ffffff; font-weight: 300; } .swiper_imgbox .swipper_img > h3 > .banner_span1 { color: var(--butonarkaplan); font-weight: 400; } .swiper_imgbox .swipper_img > p { color: #ffffff; margin-bottom: 40px; } .banner_box_wrapper .swiper_imgbox { margin: 140px 0 0; padding: 0 15px 0 25px; } .banner_box_wrapper .banner_navi { position: absolute; left: 95px; bottom: -8px; } .banner_box_wrapper .swiper-button-next, .banner_box_wrapper .swiper-container-rtl .swiper-button-prev, .banner_box_wrapper .swiper-button-prev, .banner_box_wrapper .swiper-container-rtl .swiper-button-next { background-image: none; text-transform: uppercase; width: auto; height: auto; } .banner_box_wrapper .swiper-button-next, .banner_box_wrapper .swiper-button-prev { color: #ffffff; font-weight: 900; transition: all 0.3s ease-in-out; } .banner_box_wrapper .swiper-button-next:focus, .banner_box_wrapper .swiper-button-prev:focus{ color: var(--butonarkaplan); } .banner_box_wrapper .swiper-button-next, .banner_box_wrapper .swiper-button-prev { bottom:50px; top: auto; } .banner_box_wrapper .swiper-button-prev, .banner_box_wrapper .swiper-container-rtl .swiper-button-next { left:0px; } .banner_box_wrapper .swiper-button-next, .banner_box_wrapper .swiper-container-rtl .swiper-button-prev { right: auto; left: 97px; } .banner_box_wrapper .swiper-button-prev:after, .banner_box_wrapper .swiper-container-rtl .swiper-button-next:after { content: ""; position: absolute; width: 45px; height: 1px; background: var(--butonarkaplan); top: 0px; bottom: 0; left: -55px; margin: auto; } .banner_box_wrapper .swiper-button-prev:before, .banner_box_wrapper .swiper-container-rtl .swiper-button-next:before { content: ""; position: absolute; top: 0; bottom: 0; right: -38px; margin: auto; background: var(--butonarkaplan); width: 30px; height: 1px; } .banner_box_wrapper .swiper-button-next:before, .banner_box_wrapper .swiper-container-rtl .swiper-button-prev:before { content: ""; position: absolute; top: 0; bottom: 0; right: -55px; margin: auto; background: var(--butonarkaplan); width: 45px; height: 1px; } .banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img h4{ animation: fadeInLeft 1s linear; -webkit-animation: fadeInLeft 1s linear; -ms-animation: fadeInLeft 1s linear; -moz-animation: fadeInLeft 1s linear; -o-animation: fadeInLeft 1s linear; } .banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img h2{ animation: fadeInRight 1s linear; -webkit-animation: fadeInRight 1s linear; -ms-animation: fadeInRight 1s linear; -moz-animation: fadeInRight 1s linear; -o-animation: fadeInRight 1s linear; } .banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img h3{ animation: fadeInLeft 1s linear; -webkit-animation: fadeInLeft 1s linear; -ms-animation: fadeInLeft 1s linear; -moz-animation: fadeInLeft 1s linear; -o-animation: fadeInLeft 1s linear; } .banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img p{ animation: fadeInRight 1s linear; -webkit-animation: fadeInRight 1s linear; -ms-animation: fadeInRight 1s linear; -moz-animation: fadeInRight 1s linear; -o-animation: fadeInRight 1s linear; } .banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img .px_btn{ animation: fadeInLeft 1s ease; -webkit-animation: fadeInLeft 1s linear; -ms-animation: fadeInLeft 1s linear; -moz-animation: fadeInLeft 1s linear; -o-animation: fadeInLeft 1s linear; } .banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img h4{ animation: fadeInDown 1s linear; -webkit-animation: fadeInDown 1s linear; -ms-animation: fadeInDown 1s linear; -moz-animation: fadeInDown 1s linear; -o-animation: fadeInDown 1s linear; } .banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img h2{ animation: fadeInUp 1s linear; -webkit-animation: fadeInUp 1s linear; -ms-animation: fadeInUp 1s linear; -moz-animation: fadeInUp 1s linear; -o-animation: fadeInUp 1s linear; } .banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img h3{ animation: fadeInUp 1s linear; -webkit-animation: fadeInUp 1s linear; -ms-animation: fadeInUp 1s linear; -moz-animation: fadeInUp 1s linear; -o-animation: fadeInUp 1s linear; } .banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img p{ animation: fadeInDown 1s linear; -webkit-animation: fadeInDown 1s linear; -ms-animation: fadeInDown 1s linear; -moz-animation: fadeInDown 1s linear; -o-animation: fadeInDown 1s linear; } .banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img .px_btn{ animation: fadeInUp 1s ease; -webkit-animation: fadeInUp 1s linear; -ms-animation: fadeInUp 1s linear; -moz-animation: fadeInUp 1s linear; -o-animation: fadeInUp 1s linear; } .swiper_imgbox .swipper_img > h1 { font-size: 140px; text-transform: uppercase; color: rgb(122 122 122 / 5%); font-weight: 900; margin-top: 85px; margin-left: -9px; } .swiper_imgbox .btn_caret { right: -29px; } /* button css */ .px_btn, .px_btn:focus { min-width: 140px; height: 50px; line-height: 50px; display: inline-block; outline: none; border: none; cursor: pointer; text-align: center; text-transform: uppercase; font-size: 14px; color: #ffffff; background: var(--butonarkaplan); position: relative; z-index: 1; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .px_btn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: black; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 10% 0; transform-origin: 0% 10% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .px_btn:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .px_btn.left_zero:before { transform-origin: 100% 50%; } .px_btn_two:focus { background: #50AAB2; } .px_btn_two { background: #50AAB2; width: 170px; letter-spacing: 1px; } .btn_caret { height: 50px; line-height: 53px; background: var(--butonarkaplan); display: inline-block; padding: 0px 12px; position: absolute; top: 0px; right: -29px; } .btn_caret_two { background: #f41a48; } .px_btn:hover { color: #fff; background: #555555; } .index3_btn { min-width: 170px; height: 50px; line-height: 50px; outline: none; border: none; cursor: pointer; letter-spacing: 2px; background-color: #ff9d34; color: #ffffff; display: inline-block; text-align: center; text-transform: uppercase; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .index3_btn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 10% 0; transform-origin: 0% 10% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .index3_btn:hover { color: #ff9d34; } .index3_btn:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .index4_btn { min-width: 170px; height: 50px; line-height: 50px; outline: none; border: none; cursor: pointer; letter-spacing: 2px; background-color: #222222; color: #ffffff; display: inline-block; text-align: center; text-transform: uppercase; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .index4_btn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ff9d34; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 10% 0; transform-origin: 0% 10% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .index4_btn:hover { color: #ffffff; } .index4_btn:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* button css */ /* checkbox start */ .px_checkbox { text-align: left; text-transform: capitalize; } .px_checkbox > input{ position:absolute; left:-999999px; } .px_checkbox > label { font-weight: 400; font-size: 14px; position: relative; cursor: pointer; color: #555555; margin-bottom: 5px; } .px_checkbox > label:last-child { margin-bottom: 0; } .multi-select-menuitems label input{ opacity: 0; } .px_checkbox > label:before { content: ""; width: 12px; height: 12px; border: solid 1px #ddd; border-radius: 3px; display: inline-block; margin-right: 10px; -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(2px); } .px_checkbox > label:after { content: ""; position: absolute; top: 9px; left: 2px; width: 9px; height: 5px; border-left: 3px solid #ffffff; border-bottom: 3px solid #ffffff; border-radius: 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); opacity:0; visibility:hidden; } .px_checkbox > input:checked ~ label:after { opacity:1; visibility:visible; } .px_checkbox > input:checked ~ label:before { background-color:#ff1d4d; border: solid 1px #50AAB2; } .px_checkbox > input:checked ~ label { color:#ff1d4d; } /* checkbox end */ /******************************************************** 5.Banner Slider End *******************************************************/ /******************************************************** 6.index services Start *******************************************************/ .px_service_wrapper { padding: 77px 0 80px 0px; background: var(--genel); } .px_service_wrapper2 { padding: 77px 0 80px 0px; background: var(--linkyazi); } .service_box_wrapper .service_box { position: relative; overflow: hidden; } .service_box_wrapper .service_content h4 { color: #fff; font-size: 22px; padding: 0; margin: 0; } .service_box_wrapper .service_content p { color: #fff; margin: auto; padding: 0; } .service_content { position: absolute; bottom: 25px; left: 30px; right: 30px; margin: auto; z-index: 1; } .service_box_wrapper .service_box:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(33, 37, 41, 0.86) 100%); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .service_box:hover::after { opacity:0; visibility:hidden; } .service_box:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #ffffff; text-align: center; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; background: rgba(40, 45, 50, 0.7803921568627451); -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center } .service_box:hover::before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .service_box_wrapper .service_box.serivce_first { margin-top: 30px; } .service_box .service_designation h2 { font-size: 14px; color: #ffffff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; text-transform: uppercase; letter-spacing: 4px; } .service_box .service_designation { position: absolute; top: 20px; left: -24px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; z-index: 2; } .service_box_wrapper .service_box:hover .service_designation { left:18px; } /******************************************************** 6.index services End *******************************************************/ /******************************************************** 7.index About Start *******************************************************/ .px_about_wrapper { padding-top: 80px; padding-bottom: 150px; } .about_box_wrapper .about_imgbox { text-align: right; } .about_imgbox .about_img { position: relative; } .about_imgbox .about_img .child_imgbox { position: absolute; bottom: -70px; left: 20px; } /* .about_img .child_imgbox:after { content: ""; position: absolute; top: -50px; left: -50px; width: 100%; height: 100%; right: 41px; background: #ededed; border: 10px solid #181a35; z-index: -1; } */ .about_contentbox { padding-top: 20px; } .about_contentbox .px_heading span { font-size: 30px; letter-spacing: inherit; } .about_contentbox .about_head1 { font-size: 40px; color: #ededed; font-weight: 500; margin: 5px 0px 2px 0px; } .px_dark_about_section2 .about_contentbox .about_head1 { color: #ffffff; } .about_contentbox .about_head2 .team { font-weight: 500; color: #fff; } .about_contentbox .about_head2{ font-size: 40px; color: var(--butonarkaplan); font-weight: 300; } .about_contentbox .about_deatils { color: rgb(165 163 163); padding-top: 15px; } .about_contentbox .px_heading { margin-bottom: 0; text-align: left; } .about_contentbox .px_btn .about_btnicon { height: 60px; line-height: 60px; display: inline-block; position: absolute; left: -60px; padding: 0px 16px; background: var(--genel); border-right: 1px solid #3b3d5c; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .about_contentbox .px_btn { min-width: 244px; height: 60px; line-height: 60px; text-transform: capitalize; background: var(--genel); margin-left: 60px; letter-spacing: 0px; margin-top: 22px; -webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .about_contentbox .px_btn:hover, .about_contentbox .px_btn:hover .about_btnicon { background: var(--butonarkaplan); } .about_contentbox .px_btn .about_btnicon svg{ width:30px; height:30px; } .about_contentbox .px_btn:hover .about_btnicon svg path { fill: #fff; } /******************************************************** 8.index About End *******************************************************/ /******************************************************** 9.index Project Start *******************************************************/ .px_project_wrapper { padding-top: 77px; background: var(--genel); } .px_project_wrapper .px_heading h2 { color: rgb(255 255 255); } .px_project_wrapper .px_heading { margin-bottom: 30px; } .px_project_gallery { text-align: center; } .px_project_gallery .grid-item { width: 25%; clear: both; position: relative; overflow: hidden; } .px_project_gallery .grid_img:before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.72); top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; z-index: 1; } .px_project_gallery .top_content { position: absolute; top: 10px; left: 30px; color: #fff; text-transform: uppercase; font-size: 20px; z-index: 1; font-weight: 400; opacity: 0; visibility: hidden; } .px_project_gallery .grid-item:hover .top_content{ opacity: 1; visibility: visible; top:30px; } .px_project_gallery .grid_icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale3d(0,0,0); -ms-transform: translate(-50%, -50%) scale3d(0,0,0); transform: translate(-50%, -50%) scale3d(0,0,0); text-align: center; z-index: 1; } .px_project_gallery .grid-item:hover .grid_icon{ -webkit-transform: translate(-50%, -50%) scale3d(1,1,1); -ms-transform: translate(-50%, -50%) scale3d(1,1,1); transform: translate(-50%, -50%) scale3d(1,1,1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .px_project_gallery .bottom_content { position: absolute; left: 0; right: 0; margin: auto; bottom: 20px; color: #fff; z-index: 1; } .px_project_gallery .bottom_content > span { color: #ffffff; text-transform: uppercase; display: block; } .px_project_gallery .bottom_content > h3 { font-size: 24px; color: #ffffff; font-weight: 500; text-transform: capitalize; } .px_project_gallery .bottom_content > span, .px_project_gallery .bottom_content > h3{ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .px_project_gallery .grid-item:hover .bottom_content > span, .px_project_gallery .grid-item:hover .bottom_content > h3 { opacity: 1; visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .px_project_gallery .grid-item:hover .bottom_content > h3{ -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; -ms-transition-delay: 0.15s; -moz-transition-delay: 0.15s; transition-delay: 0.15s; } .px_project_gallery .grid-item:hover .grid_img:before { opacity: 1; visibility: visible; } .px_project_gallery .grid_img img{ transition: all 700ms ease; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; } .px_project_gallery .grid-item:hover .grid_img img{ transform: scale(1.2,1.2); } .px_project_gallery .px_project_gallery_view a { z-index: 0; } .px_project_gallery .grid_img { overflow: hidden; position: relative; } .px_project_gallery { display: inline-block; width: 100%; text-align: center; } .px_project_gallery .gallery_nav ul { list-style: none; padding: 0 15px; margin: 5px 0 30px 0; } .px_project_gallery .gallery_nav ul li { display: inline-block; cursor: pointer; margin-right: 15px; color: #fff; position: relative; padding: 5px 0 0; text-transform: capitalize; font-size: 18px; } .px_project_gallery .gallery_nav ul li a:after { content: ""; width: 0%; left: 0; right: 0; bottom: 0; margin: auto; height: 2px; position: absolute; -webkit-transition: ease all 0.55s; -o-transition: ease all 0.55s; -ms-transition: ease all 0.55s; -moz-transition: ease all 0.55s; transition: ease all 0.55s; background: var(--butonarkaplan); } .px_project_gallery .gallery_nav ul li a.gallery_active:after { width: 60%; } .px_project_gallery .gallery_nav ul li .gallery_active{ color:var(--butonarkaplan); } /******************************************************** 9.index Project End *******************************************************/ /******************************************************** 10.index Process Start *******************************************************/ .px_process_wrapper { padding: 77px 0 54px 0; background-color: var(--genel); } .px_process_wrapper .px_heading { margin-bottom: 40px; } .px_process_wrapper .process_box_wrapper { margin-top: 33px; position: relative; } .px_process_wrapper .process_box h1 { font-weight: 500; text-transform: capitalize; font-size: 22px; position: relative; display: inline-block; padding-bottom: 10px; margin-bottom: 10px; } .px_process_wrapper .process_box h1 a { color: rgb(255 255 255); } .px_process_wrapper .process_box h1:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 46px; height: 2px; background: var(--butonarkaplan); } .px_process_wrapper .process_box p { color: rgb(251 251 251); margin: 0px; } .px_process_wrapper .process_circle h2 { position: relative; color: #ffffff; font-size: 32px; font-weight: 500; z-index: 2; } .px_process_wrapper .process_circle { margin-bottom: 48px; position: relative; } .process_circle:after { content: ""; position: absolute; top: 18px; left: 181px; margin: auto; background: var(--genel); width: 73%; height: 2px; z-index: 0; } .process_box_wrapper .col-12:last-child .process_circle:after, .process_box_wrapper .col-12:last-child .process_box:after { display: none; } .px_process_wrapper .process_circle h2:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: var(--linkyazi); width: 100px; height: 100px; border-radius: 100%; border: 6px solid rgb(26 26 26); z-index: -1; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } .process_box:hover h2:after { border: 6px solid rgb(66 66 66); } .process_box_wrapper .process_box { position: relative; margin-bottom: 21px; text-align: center; } .process_box_wrapper .process_box:after { position: absolute; right: 0; top: 11px; margin: auto; color: #3c3b3b; z-index: 2; content: "\f105"; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 600; height: 16px; line-height: 16px; text-rendering: auto; width: 16px; -webkit-font-smoothing: antialiased; font-size: 20px; } .process_box_wrapper .col-md-3:last-child .process_box:after { display: none; } /******************************************************** 10.index Process End *******************************************************/ /******************************************************** 11.index Team Start *******************************************************/ .px_team_wrapper { background: var(--linkyazi); padding: 77px 0px 80px; } .px_team_wrapper .px_heading { margin-bottom: 40px; } .team_box_wrapper .team_box { background: #f1f1f1; position: relative; padding-top: 24px; /* border-radius: 10px; */ } .team_box_wrapper .team_box .team_content { background: var(--genel); padding: 20px 0 16px 0; position: absolute; bottom: 0; width: 100%; z-index: 1; } .team_box_wrapper .team_box .team_content h4 > a { color: #fff; font-size: 18px; font-weight: 500; } .team_box_wrapper .team_box .team_content h4 > a:hover { color: var(--butonarkaplan); } .team_box_wrapper .team_box .team_content p { color: #fff; } .team_box .team_designation { position: absolute; top: 10px; left: 10px; font-size: 13px; color: var(--butonarkaplan); webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; text-transform: uppercase; letter-spacing: 4px; } .team_box .team_hovercontent { position: absolute; top:60px; left: 0; right: 0; margin: auto; z-index: 2; color: #ffffff; opacity: 0; visibility: hidden; } .team_box_wrapper .team_box:hover .team_hovercontent { top: 45px; } .team_box_wrapper .team_box:after { content: ""; position: absolute; background: rgb(245 118 10); left: 0; bottom: 0; right: 0; height: 0%; transform-origin: 0 100%; transition-delay: 50ms; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; /* border-radius: 10px; */ } .px_blog_dark_version .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 60px; background: var(--butonarkaplan); display: flex; } .team_box_wrapper .team_box:hover:after { height: 100%; } .team_img .team_hovercontent > ul > li { display: inline-block; margin-right: 12px; margin-top: 6px; } .team_box:hover ul li:first-child { -webkit-animation: bounceInDown .2s; animation: bounceInDown .2s; } .team_box:hover ul li:nth-child(2) { -webkit-animation: bounceInDown .4s; animation: bounceInDown .4s; } .team_box:hover ul li:nth-child(3) { -webkit-animation: bounceInDown .6s; animation: bounceInDown .6s; } .team_box:hover ul li:nth-child(4) { -webkit-animation: bounceInDown .8s; animation: bounceInDown .8s; } .team_box:hover ul li:nth-child(5) { -webkit-animation: bounceInDown 1s; animation: bounceInDown 1s; } .team_box:hover ul li:nth-child(6) { -webkit-animation: bounceInDown 1.2s; animation: bounceInDown 1.2s; } .team_img .team_hovercontent > ul > li > a { color: #ffffff;color: #ffffff; font-size: 16px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } .team_img .team_hovercontent > ul > li > a:hover { color: #212629; } .team_hovercontent > h5 { font-size: 18px; font-weight: 500; } .team_hovercontent > p { font-size: 20px; font-weight: 500; position: relative; margin-bottom: 40px; padding-bottom: 30px; color: #fff; } .team_hovercontent > p:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background: #ffffff61; width: 70%; height: 1px; } .team_box_wrapper .team_box:hover .team_hovercontent { opacity: 1; visibility: visible; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .team_navigation .swiper-button-next, .team_navigation .swiper-container-rtl .swiper-button-prev, .team_navigation .swiper-button-prev, .team_navigation .swiper-container-rtl .swiper-button-next { background-image: none; text-transform: uppercase; color: #ffffff; width: inherit; height: inherit; } .team_navigation .swiper-button-prev, .team_navigation .swiper-container-rtl .swiper-button-next{ left: -52px; } .team_navigation .swiper-button-prev:after, .team_navigation .swiper-container-rtl .swiper-button-next:after{ content: ""; position: absolute; width: 45px; height: 1px; background: var(--butonarkaplan); top: 0; bottom: 0; left: -55px; margin: auto; } .team_navigation .swiper-button-next, .team_navigation .swiper-container-rtl .swiper-button-prev{ right: -52px; } .team_navigation .swiper-button-next:after, .team_navigation .swiper-container-rtl .swiper-button-prev:after{ content: ""; position: absolute; width: 45px; height: 1px; background: var(--butonarkaplan); top: 0; bottom: 0; right: -55px; margin: auto; } /******************************************************** 11.index Team End *******************************************************/ /******************************************************** 12.index progress bar Start *******************************************************/ .px_progresbar_wrapper { background: url(https://via.placeholder.com/2048x1303) no-repeat center left; background-size: cover; } .px_progresbar_wrapper .progress_rightbox { padding: 69px 80px 40px; background: var(--linkyazi); } .px_progresbar_wrapper .progress_rightbox h1 { color: var(--butonarkaplan); font-weight: 500; } .px_progresbar_wrapper .progress_rightbox .progress_head { color: #ffffff; padding: 0px 0px 12px 0px; } .progress_leftbox { position: relative; } .px_progresbar_wrapper .progress_leftbox .video_icon { width: 100px; height: 100px; background: #ffffff; border-radius: 50%; text-align: center; line-height: 112px; position: absolute; /* top: 6%; */ bottom: 0; left: 0; right: 0; margin: auto; z-index: 2; transform: translate(20%, 350px); } .progress_leftbox .video_icon i { font-size: 25px; color: var(--butonarkaplan); } /* start pulse effects */ .btn-wave { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 9999px; background-color: #f7faff; opacity: 0; z-index: -1; } .btn-wave { -webkit-animation: sonarWave 1.5s linear infinite; animation: sonarWave 1.5s linear infinite; } @-webkit-keyframes sonarWave { from { opacity: 0.4; } to { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } @keyframes sonarWave { from { opacity: 0.4; @include transform(scale(1)); } to { -webkit-transform: scale(2); transform: scale(2); opacity: 0; @include transform(scale(.9)); } } /* End pulse effects */ /* progress bar Start */ .px_prog_box h2 { color: var(--butonarkaplan); font-size: 18px; font-weight: 500; margin-bottom: 15px; } .px_prog_box { margin-top: 50px; } .px_prog_box .progress_bar { display: flex; flex-direction: column; margin-bottom: 40px; position: relative; } .px_prog_box .progress_bar .label { font-size: 20px; color: #ffffff; position: absolute; right: 0; top: -13px; } .px_prog_box .progress_bar .line { width: 90%; height: 6px; background: var(--genel); border-radius: 10px; position: relative; overflow: hidden; } .px_prog_box .progress_bar .line span { position: absolute; top: 0px; left: 0px; height: 100%; border-radius: 10px; background: rgb(245 118 10) !important; } /* progress bar End */ /******************************************************** 12.index progress bar End *******************************************************/ /******************************************************** 13.index Testimonial bar Start *******************************************************/ .px_testimonial_wrapper { padding: 77px 0 122px; background: #181a35; } .px_testimonial_wrapper { background: var(--linkyazi); } .testimonial_box_wrapper .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } .testimonial_box_wrapper .gallery-top { height: 80%; width: 100%; } .testimonial_box_wrapper .gallery-thumbs { box-sizing: border-box; width: 30%; height: 150px; } .testimonial_box_wrapper .gallery-thumbs .swiper-slide { height: 100%; cursor: pointer; } .testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user{ transform: translateY(0px); } .testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user svg, .testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user:after, .testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user:before { visibility: visible; opacity: 1; } .testimonial_box_wrapper .swi_user:after { position: absolute; content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--butonarkaplan); z-index: 7; bottom: -32px; left: 0; right: 0; margin: auto; visibility:hidden; opacity:0; -webkit-transition: all 0.5s ease 80ms; -moz-transition: all 0.5s ease 80ms; -ms-transition: all 0.5s ease 80ms; -o-transition: all 0.5s ease 80ms; transition: all 0.5s ease 80ms; } .testimonial_box_wrapper .swi_user:before { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--butonarkaplan); z-index: 7; bottom: -40px; left: 0; right: 0; margin: auto; visibility:hidden; opacity:0; -webkit-transition: all 0.5s ease 80ms; -moz-transition: all 0.5s ease 80ms; -ms-transition: all 0.5s ease 80ms; -o-transition: all 0.5s ease 80ms; transition: all 0.5s ease 80ms; } .testimonial_box_wrapper .swi_contentbox { background: var(--genel); padding: 53px 60px; position: relative; border-radius: 5px; } .testimonial_box_wrapper .swi_contentbox h3 { font-size: 18px; color: #ffffff; font-weight: 500; margin-top: 10px; } .testimonial_box_wrapper .swi_contentbox span { color: var(--butonarkaplan); font-weight: 400; font-size: 14px; margin-left: 10px; } .testimonial_box_wrapper .swi_user{ position:relative; transform: translateY(40px); -webkit-transition: all 0.5s ease 80ms; -moz-transition: all 0.5s ease 80ms; -ms-transition: all 0.5s ease 80ms; -o-transition: all 0.5s ease 80ms; transition: all 0.5s ease 80ms; } .testimonial_box_wrapper .swi_user > svg{ position: absolute; bottom: -21px; left: 0; right: 0; margin: auto; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease 80ms; -moz-transition: all 0.5s ease 80ms; -ms-transition: all 0.5s ease 80ms; -o-transition: all 0.5s ease 80ms; transition: all 0.5s ease 80ms; } .testimonial_box_wrapper .swi_user img { border-radius: 50%; border: 3px solid var(--butonarkaplan); width: 60px; height: 60px; -webkit-transition: all 0.5s ease 80ms; -moz-transition: all 0.5s ease 80ms; -ms-transition: all 0.5s ease 80ms; -o-transition: all 0.5s ease 80ms; transition: all 0.5s ease 80ms; } .testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user img{ width: 80px; height: 80px; } .v1_testi_nav .swiper-pagination-bullets { left: 0; right: 0; margin: auto; bottom: -50px; } .v1_testi_nav .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .v1_testi_nav .swiper-pagination-bullet { background: #444d55; opacity: 1; } .v1_testi_nav .swiper-pagination-bullet-active { background: var(--butonarkaplan); width: 12px; height: 12px; vertical-align: middle; transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } /******************************************************** 13.index Testimonial bar End *******************************************************/ /******************************************************** 14.index Blog bar End *******************************************************/ .px_blog_wrapper { padding: 77px 0px; background: var(--linkyazi); } .px_blog_wrapper .px_heading { margin-bottom: 40px; } .blog_box .blog_date { color: var(--butonarkaplan); text-transform: uppercase; cursor: auto; } .blog_box .blog_heading { font-size: 22px; color: #ffffff; display: block; margin-top: 5px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .blog_box .blog_heading:hover { color: var(--butonarkaplan); } .blog_box_wrapper .blog_box .blog_img { margin-bottom: 23px; } .blog_box_wrapper .blog_box .blog_img > a { display: inline-block; position: relative; } /* .blog_img a img{ border-radius: 20px; } */ .blog_box_wrapper .blog_box .blog_img > a:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; right: 0; bottom: 0; margin: auto; width: 0; background: rgb(245 118 10 / 48%); opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease 80ms; -moz-transition: all 0.5s ease 80ms; -ms-transition: all 0.5s ease 80ms; -o-transition: all 0.5s ease 80ms; transition: all 0.5s ease 80ms; /* border-radius: 20px; */ } .blog_box_wrapper .blog_box:hover .blog_img a:after { opacity: 1; visibility: visible; width: 100%; } .blog_box_wrapper .blog_box .blog_img > a > .blog_svg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; opacity: 0; visibility: hidden; transition: all 300ms ease 100ms; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .blog_box_wrapper .blog_box .blog_img:hover .blog_svg{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; opacity:1; visibility:visible; } /******************************************************** 14.index Blog bar End *******************************************************/ /******************************************************** 15.index Map Start *******************************************************/ /******************************************************** 15.index Blog bar End *******************************************************/ /******************************************************** 16.index Footer Start *******************************************************/ .px_footer_wrapper { padding: 80px 0px 69px; background: var(--genel); } .footer_box_wrapper .footer_box .px_logo { margin-bottom: 30px; } .footer_box_wrapper .footer_box .footer_heading { position: relative; font-size: 18px; color: #ffffff; font-weight: 500; display: inline-block; margin-bottom: 30px; padding-bottom: 10px; } .footer_box_wrapper .footer_box .footer_heading:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: var(--butonarkaplan); height: 2px; } .footer_box .footer_hours li { color: #fff; margin: 0 0 10px 15px; position: relative; } .footer_box .footer_hours li:after { content: ""; position: absolute; width: 5px; height: 5px; background: var(--butonarkaplan); left: -15px; bottom: 0; top: 0; margin: auto; border-radius: 50px; } .footer_box .footer_gallery li { display: inline-block; margin-right: 7px; margin-bottom: 3px; } .footer_box .footer_gallery li a { position: relative; display: inline-block; overflow: hidden; } .footer_box .footer_gallery li a:hover img { -webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); } .footer_box .footer_gallery > li > a > img { width: 75px; height: 75px; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } .footer_box .footer_support_link li a { color: #ffffff; text-transform: capitalize; } .footer_box .footer_support_link li a:hover { color: var(--butonarkaplan); } .footer_box .footer_linkbox { display: flex; } .footer_linkbox .footer_support_link { width: 100%; } /******************************************************** 16.index Footer End *******************************************************/ /******************************************************** 17.index Bottom Footer Start *******************************************************/ .px_bottom_footer_wrapper { background: var(--linkyazi); padding: 20px 0px; text-align: center; margin-top: -25px; } .px_bottom_footer_wrapper .bottom_footer_box_wrapper p { font-size: 16px; } .px_bottom_footer_wrapper .bottom_footer_box_wrapper a { color: var(--butonarkaplan); } .footer_box > p { margin-bottom: 20px; color: #fff; } /******************************************************** 17.index Bottom Footer End *******************************************************/ /* Index v2 css start */ /* Index v2 Header css start */ .px_infosidebar.px_infosidebar_style2 { background: #ffffff; top: 265px; width: 80px; } .px_infosidebar.px_infosidebar_style2 .siderbar_contact > a > svg path, .px_infosidebar.px_infosidebar_style2 .siderbar_email > a > svg path { fill: #50AAB2; } .px_infosidebar.px_infosidebar_style2 .siderbar_contact > a, .px_infosidebar.px_infosidebar_style2 .siderbar_email > a { color: #222222; } .px_infosidebar.px_infosidebar_style2 .siderbar_contact { border-top: 1px solid rgba(243, 243, 243, 0); } .px_infosidebar.px_infosidebar_style2 .siderbar_email { border-top: 1px solid #f3f3f3; } .px_header_wrapper.px_header_style2 { padding: 0 50px 0 0; } .px_header_style2 .px_logo { margin-left: 0; } .px_header_style2 .px_nav .px_menu > ul > li > a { color: #222222; } .px_header_style2 .px_nav .px_menu > ul > li > a:hover { color: #50AAB2; } .px_header_style2 .px_nav .px_menu > ul > li:after { background: #50AAB2; } .px_header_style2 .px_nav .px_menu > ul > li.px_home_dropdown > ul { background-color: #ffffff; box-shadow: 0 0px 1px 0 #cdcdcd; } .px_header_style2 .px_nav .px_menu > ul > li.px_home_dropdown > ul > li > a { color: #222222; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .px_header_style2 .px_nav .px_menu > ul > li.px_home_dropdown > ul > li:last-child a { border-bottom: none; } .px_header_style2 .px_nav .px_menu > ul > li.px_home_dropdown > ul > li > a:hover { color: #50AAB2; } .px_header_style2 .px_nav .px_cartsec > ul > li > a.setting_toggle { color: #222222; } .px_header_style2 .px_nav .px_cartsec > ul > li .setting_toggle .toggle_caret { color: #50AAB2; } .px_header_style2 .px_nav .px_cartsec > ul > li:after { background: #e8e8e8; } .px_header_style2 .px_nav .px_cartsec > ul > li .setting_toggle img { border: 2px solid #e8e8e8; } .px_header_style2 .px_sop_cart_btn > ul { text-align: center; } .px_header_style2 .px_sop_cart_btn > ul > li:first-child { margin-right: 26px; } /* Index v2 Header css end */ /* Index v2 Slider css Start */ .px_slider_banner_style2 { position: relative; } .swiper_content_style2 { position: absolute; content: ""; bottom: 0; right: 0; z-index: 9; } .swiper_content_mini { background: #ffffff; padding: 36px 50px 50px; display: block; width: 811px; } .swiper_content_style2 .swiper-slide.swiper-slide-active .swiper_content_effect h1 { animation: fadeInRight 1s linear; -webkit-animation: fadeInRight 1s linear; -ms-animation: fadeInRight 1s linear; -moz-animation: fadeInRight 1s linear; -o-animation: fadeInRight 1s linear; } .swiper_content_style2 .swiper-slide.swiper-slide-active .swiper_content_effect p { animation: fadeInRight 1s linear; -webkit-animation: fadeInRight 1s linear; -ms-animation: fadeInRight 1s linear; -moz-animation: fadeInRight 1s linear; -o-animation: fadeInRight 1s linear; } .swiper_content_style2 .swiper-slide.swiper-slide-active .swiper_content_effect .px_btn { animation: fadeInRight 1s ease; -webkit-animation: fadeInRight 1s linear; -ms-animation: fadeInRight 1s linear; -moz-animation: fadeInRight 1s linear; -o-animation: fadeInRight 1s linear; } .swiper_content_style2 h1 { color: #222222; font-size: 60px; font-weight: normal; } .swiper_content_style2 span { font-weight: 600; } .swiper_content_style2 p { font-size: 18px; color: #555555; margin: 10px 0 20px; } .swiper_content_effect .btn_caret { right: -29px; } .banner_naxt_style2 { position: absolute; background: #ffffff; z-index: 2; display: block; width: 200px; height: 90px; bottom: 0; left: -80px; line-height: 50px; } .banner_naxt_style2 .swiper-button-next, .banner_box_wrapper .swiper-container-rtl .swiper-button-prev { right: auto; left: 100px; background-image: none; border-left: solid 1px #f3f3f3; padding-left: 25px; } .banner_naxt_style2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; background-image: none; } .banner_naxt_style2 .swiper-button-prev { left: 50px; } .banner_naxt_style2 .swiper-button-prev:hover, .banner_naxt_style2 .swiper-button-next:hover { color: #50AAB2; } .banner_naxt_style2 .swiper-button-prev:before { position: absolute; content: '\f053'; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #50AAB2; font-size: 12px; left: -8px; visibility: hidden; opacity: 0; transition: 0.3s; } .banner_naxt_style2 .swiper-button-prev:hover:before { visibility: visible; opacity: 1; left: -15px; } .banner_naxt_style2 .swiper-button-next:after { position: absolute; content: '\f054'; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #50AAB2; font-size: 12px; top: 0; right: -32px; visibility: hidden; opacity: 0; transition: 0.3s; } .banner_naxt_style2 .swiper-button-next:hover:after { visibility: visible; opacity: 1; right: -40px; } /* Index v2 Slider css end */ /* Index v2 About Section css Start */ .px_about_wrapper.px_about_style2 { background-image: url(../images/index_about2_banner.jpg); background-size: cover; background-position: center center; padding-bottom: 0; } .px_about_style2 .about_contentbox { padding: 47px 30px 80px 30px; } .px_about_style2 .px_heading h4 { color: #50AAB2; text-align: left; } .px_about_style2 .about_contentbox .about_head1 { font-size: 32px; color: #222222; } .px_about_style2 .about_contentbox .about_deatils { color: #555555; font-weight: 500; } .px_about_style2 .about_contentbox .about_deatils_two { color: #555555; padding-top: 23px; font-weight: 500; } .px_about_style2 .px_btn { min-width: 170px; height: 50px; line-height: 50px; background: #50AAB2; margin: 22px 0 0; text-transform: uppercase; } .px_about_style2 .btn_caret { background: #f41a48; } .px_about_style2 .px_btn:hover { color: #fff; background: #555555; } .px_about2_imgbox { position: relative; text-align: right; } .px_about2_imgbox h1 { text-transform: uppercase; transform: rotate(-90deg); position: absolute; left: -80px; top: 90px; font-size: 42px; font-weight: 600; opacity: 0.1; } .about_img_two { position: absolute; bottom: -163px; left: -16px; } .about_img_two img, .about_img_three img { border: solid 10px #ffffff; } .about_img_three { position: absolute; bottom: -163px; right: -10px; } /* Index v2 About Section css css end */ /* Index v2 Project Section css start */ .px_project_wrapper.px_project_style2 { background: none; padding-top: 50px; background-image: url(../images/index_about2_banner.jpg); background-position: center center; } .px_project_style2 .px_heading h4 { color: #50AAB2; } .px_project_style2 .px_heading h2 { color: #222222; } .px_project_style2 .px_project_gallery .gallery_nav ul li { color: #555555; position: relative; margin-left: 30px; } .px_project_style2 .px_project_gallery .gallery_nav ul li:after { position: absolute; content: ""; border-left: solid 1px; height: 15px; top: 13px; right: -26px; transform: rotate(25deg); } .px_project_style2 .px_project_gallery .gallery_nav ul li:before { position: absolute; content: ""; border-left: solid 1px; height: 15px; top: 13px; right: -22px; transform: rotate(25deg); } .px_project_style2 .px_project_gallery .gallery_nav ul li:last-child:before, .px_project_style2 .px_project_gallery .gallery_nav ul li:last-child:after { display: none; } .px_project_style2 .px_project_gallery .gallery_nav ul li .gallery_active { color: #50AAB2; } .px_project_style2 .px_project_gallery .gallery_nav ul li a:after { background: #50AAB2; } .px_gallery_style2 .bottom_content > span { color: #ffffff; } /* Index v2 Project Section css end */ /* Index v2 Why Diffrent Section css start */ .px_different_section .about_contentbox { padding: 45px 0 0 15px; } .px_different_section h5 { text-transform: uppercase; margin: 20px 0 0; font-size: 18px; color: #222222; } .px_about_style2.px_different_section { padding: 80px 0; background-image: url(../images/index_about2_diffrent_back.jpg); background-size: cover; background-position: center center; } .why_diffrent_style2 img { width: 100%; } .why_diffrent_style2 .swiper-button-prev { top: 292px; } .why_diffrent_style2 .swiper-button-next { top: 292px; } .why_diffrent_style2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0; background-color: var(--genel);; width: 40px; height: 60px; background-size: 10px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .why_diffrent_style2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; background-color: var(--genel); width: 40px; height: 60px; background-size: 10px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .why_diffrent_style2 .swiper-button-prev:hover, .why_diffrent_style2 .swiper-button-next:hover { background-color: #50AAB2; } .px_style2_why_design ul { margin: 10px 0px 0px 30px; } .px_style2_why_design ul li { position: relative; margin-bottom: 5px; font-weight: 500; } .px_style2_why_design ul li:after { position: absolute; content: ""; background-color: #50AAB2; height: 1px; width: 15px; left: -25px; right: 0; top: 12px; } .px_style2_why_design ul li:before { position: absolute; content: ""; background-color: #50AAB2; height: 5px; width: 5px; left: -30px; right: 0; top: 10px; z-index: 1; } /* Index v2 Why Diffrent Section css end */ /* Index v2 video icon Section css start */ .px_video_section_style2.px_dark_video_section, .px_video_section_style2.px_progresbar_wrapper { padding: 140px 0 280px; background-image: url(https://via.placeholder.com/1920x626); background-size: cover; background-position: center center; position: relative; z-index: 2; } .px_video_section_style2:after { position: absolute; content: ""; background: rgba(34, 34, 34, 0.7); left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } .px_break_out { width: 500px; margin: auto; text-align: center; } .px_break_out h1 { font-size: 32px; color: #ffffff; margin-top: 30px; } .px_video_loader { display: inline-block; width: 100px; height: 100px; line-height: 100px; background: rgba(34, 34, 34, 0.40); border-radius: 100%; border: solid 3px #50AAB2; position: relative; text-align: center; } .px_video_loader a { color: #ffffff; font-size: 20px; } .px_video_loader a:after { position: absolute; content: ""; border-left: solid 3px #6f6e6a; width: 100px; height: 100px; border-radius: 100%; border-right: 3px solid #00ffff00; background: transparent; border-bottom: 3px solid #0000ff00; border-top: 3px solid #ffffff00; left: -3px; top: -3px; } /* Index v2 video icon Section css end */ /* Index v2 Client Logo Section css start */ .px_index2_clnt_team_test_back { background-image: url(../images/index2_team_back.jpg); background-size: cover; background-position: center center; } .px_client_logo_section_style2 { padding: 60px 0px 20px; background: #ffffff; margin-top: -150px; z-index: 9; position: relative; box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.1); } .px_client_logo_section_style2 ul { text-align: center; } .px_client_logo_section_style2 ul li { display: inline-block; width: 19%; margin-bottom: 40px; } .px_client_logo_section_style2 ul li:nth-child(5), .px_client_logo_section_style2 ul li:nth-child(10) { margin-right: 0; } .px_client_logo_section_style2 ul li img { opacity: 0.5; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .px_client_logo_section_style2 ul li img:hover { opacity: 1; } /* Index v2 Client Logo Section css end */ /* Index v2 Team Section css start */ .px_heading.px_heading_team2 { margin: 77px 0 40px; } .px_heading.px_heading_team2 h4 { color: #50AAB2; } .px_heading.px_heading_team2 h2 { color: #222222; } .px_team2_sideimg h4 { margin-top: 18px; font-size: 22px; } .px_team2_sideimg h4 a { color: #222222; } .px_team2_sideimg p { color: #555555; } .team2_box_two h3 { color: #222222; text-align: left; margin: 22px 0 20px; width: 415px; } .team_box_wrapper.team2_box_two .team_box .team_content { background: transparent; position: static; } .team_box_wrapper.team2_box_two .team_box .team_content h4 > a { color: #222222; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; font-size: 22px; } .team2_box_two .team_box:hover .team_content h4 > a { color: #50AAB2; } .team_box_wrapper.team2_box_two .team_box .team_content p { color: #555555; } .team_box_wrapper.team2_box_two .team_box:after { background: rgba(255, 255, 255, 0.87); bottom: 88px; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.06); } .team2_box_two .team_img .team_hovercontent > ul > li > a { color: #222222; } .team2_box_two .team_img .team_hovercontent > ul > li > a:hover { color: #50AAB2; } .team_box_wrapper.team2_box_two .team_box:hover .team_hovercontent { top: 120px; } .team_box_wrapper.team2_box_two .team_box { background: transparent; padding-top: 0; } .px_team2_slider_arrow .swiper-button-prev, .swiper-container-rtl .swiper-button-next { top: 48px; left: 86%; background-color: #222222; width: 40px; height: 40px; background-size: 10px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .px_team2_slider_arrow .swiper-button-next, .swiper-container-rtl .swiper-button-prev { top: 48px; right: 15px; background-color: #222222; width: 40px; height: 40px; background-size: 10px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .px_team2_slider_arrow .swiper-button-prev:hover, .px_team2_slider_arrow .swiper-button-next:hover { background-color: #50AAB2; } /* Index v2 Team Section css end */ /* Index v2 Testimonial Slider css start */ .px_testimonial_slide2 { margin: 58px 0 0; background-color: #ffffff; padding: 30px; box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.1); z-index: 9; position: relative; } .px_testimonial2_flex { display: flex; } .px_content_img { width: calc(100% - 410px); } .px_content_text2 { margin-top: 30px; position: relative; } .px_qoute_svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .px_qoute_svg svg { width: 149px; height: 106px; opacity: 0.1; } .px_content_text2 h4 { font-size: 14px; color: #50AAB2; text-transform: uppercase; letter-spacing: 2px; } .px_content_text2 h2 { color: #222222; font-weight: 500; margin-top: 6px; } .px_content_text2 p { color: #555555; margin: 30px 0 10px; font-weight: 500; } .px_content_text2 h5 { color: #222222; font-size: 22px; } .px_content_text2 h6 { font-size: 14px; margin-top: 2px; } .px_testimonial_slide2 .px_team2_slider_arrow .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 90%; } /* Index v2 Testimonial Slider css end */ /* Index v2 Counter css start */ .px_counter_style2 { background-image: url(../images/index2_counter_back.jpg); background-size: cover; background-position: bottom; position: relative; z-index: 2; padding: 200px 0 73px; margin-top: -120px; } .px_counter_style2:after { position: absolute; content: ""; background: rgba(0, 0, 0, 0.80); left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } .px_count2_box h1 { font-size: 42px; color: #ffffff; font-weight: 600; margin-top: 20px; } .px_count2_box p { font-size: 18px; color: #ffffff; } /* Index v2 Counter css end */ /* Index v2 blog news css start */ .px_blog_wrapper.px_blog_box_style2 { background-image: url(../images/index_about2_banner.jpg); background-size: cover; background-position: center center; } .px_blog_box_style2 .px_heading h4 { color: #50AAB2; } .px_blog_box_style2 .px_heading h2 { color: #222222; } .px_blog_box_style2 .blog_box .blog_date { color: #50AAB2; } .px_blog_box_style2 .blog_box .blog_heading { color: #222222; } .px_blog_box_style2 .blog_box .blog_heading:hover { color: #50AAB2; } /* Index v2 blog news css end */ /* Index v2 Footer css start */ .px_footer_style2 { background-image: url(../images/index2_counter_back.jpg); background-size: cover; background-position: center center; position: relative; z-index: 2; padding: 80px 0 80px; text-align: center; } .px_footer_style2:after { position: absolute; content: ""; background: rgba(0, 0, 0, 0.80); left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } .footer_box_style2 { width: 800px; margin: 0 auto; } .footer_box_style2 p { margin: 20px 0; } .px_border { border: 1px solid rgba(255, 255, 255, 0.1); margin: 50px 0 43px; } .footer_menu_style2 ul li { display: inline-block; } .footer_menu_style2 ul li a { color: #ffffff; text-transform: uppercase; margin: 0 16px; } .footer_menu_style2 ul li a:hover { color: #50AAB2; } .footer_social_style2 ul li { display: inline-block; } .footer_social_style2 { margin-top: 30px; } .footer_social_style2 ul li { display: inline; } .footer_social_style2 ul li a { display: inline-block; width: 50px; height: 50px; line-height: 50px; color: #fff; font-size: 20px; background: rgba(255, 255, 255, 0.1); border-radius: 100%; margin-right: 15px; border: solid 1px rgba(255, 255, 255, 0.25); text-align: center; } .footer_social_style2 ul li a:hover { background: #50AAB2; border: solid 1px #f41a48; } .px_bottom_footer_wrapper.px_bottom_footer_style2 { background: #000000; } .px_bottom_footer_style2 .bottom_footer_box_wrapper a { color: #50AAB2; } /* Index v2 Footer css end */ /* Index v2 css end */ /* Index v3 css start */ /* Index v3 Header css start*/ .px_header_wrapper.px_header_style3 { padding: 0 51px 10px 65px; position: absolute; width: 100%; top: 0; } .px_header_style3 .px_logo { margin-left: 0; } .px_header_style3 .px_nav .px_menu > ul > li > a:hover { color: #ff9d34; } .px_header_style3 .px_nav .px_menu > ul > li:after { background: #ff9d34; } .px_header_style3 .px_nav .px_menu > ul > li.px_home_dropdown > ul { background-color: #ffffff; } .px_header_style3 .px_nav .px_menu > ul > li.px_home_dropdown > ul > li > a { color: #222222; border-bottom: 1px solid #f1f1f1; } .px_header_style3 .px_nav .px_menu > ul > li.px_home_dropdown > ul > li > a:hover { color: #ff9d34; } .px_header_style3 .px_nav .px_cartsec > ul > li > .cart_round span { background-color: #ff9d34; color: #ffffff; } .px_header_style3 .px_nav .px_cartsec > ul > li .setting_toggle .toggle_caret { color: #ff9d34; } .px_header_style3 .px_sop_cart_btn > ul { text-align: center; } .px_header_style3 .px_sop_cart_btn > ul > li:first-child { margin-right: 26px; } .px_header_style3 .px_profile_open ul li a i { color: #ff9d34; } .px_header_style3 .px_profile_open ul li a:hover { color: #ff9d34; } /* Index v3 Header css end*/ /* Index v3 Banner css start*/ .px_index3_slider_style3 { background-image: url(../images/slider3/index3_slider_banner.jpg); background-size: cover; background-position: center center; padding: 377px 80px 310px; } .px_index3_slider_style3 .px_banner_content { width: 45%; } .px_banner_content h6 { text-transform: uppercase; font-size: 20px; color: #ff9d34; font-weight: 400; letter-spacing: 2px; } .px_banner_content h1 { font-size: 52px; color: #ffffff; font-weight: 300; } .px_banner_content span { font-weight: 500; } .px_banner_content h2 { font-size: 18px; color: #ffffff; margin-bottom: 23px; } .px_banner_content span.price_dlr { font-size: 32px; margin-left: 5px; vertical-align: middle; } /* Index v3 Banner css end*/ /* Index v3 serivce section css start*/ .px_service_style3 { background-color: #191b2e; padding: 90px 0 72px; } .service_box_style3 { text-align: center; } .px_srbox3_circle { background-color: #262941; display: inline-block; width: 90px; height: 90px; line-height: 90px; border-radius: 100%; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .service_box_style3:hover .px_srbox3_circle { background-color: #ff9d34; } .px_srbox3_circle:after { position: absolute; content: ""; width: 110px; height: 110px; border: 1px dashed #262941; border-radius: 100%; top: -10px; left: -10px; right: 0; bottom: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .service_box_style3:hover .px_srbox3_circle:after { border: 1px solid rgba(255, 157, 52, 0.45); } .service_box_style3 h4 { font-size: 22px; color: #ffffff; margin: 30px 0 10px; } /* Index v3 serivce section css end*/ /* Index v3 Categorie section css start*/ .px_categories_style3 { background-color: #0e0f21; padding: 77px 0 27px; } .px_heading_style3 { margin-bottom: 47px; text-align: center; } .px_heading_style3 h4 { color: #ff9d34; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; } .px_heading_style3 h2 { color: #ffffff; text-transform: capitalize; font-weight: 500; margin-top: 6px; } .px_categories_box_section .grid-item { width: auto; margin: auto; } .px_categories_box_section .px_project_gallery .grid_img:before { top: 20px; left: 20px; bottom: 20px; right: 20px; width: auto; height: auto; } .px_categories_box_section .px_project_gallery .bottom_content { position: absolute; left: 0; right: 0; margin: auto; bottom: 35px; color: #fff; z-index: 1; } .px_categories_box_section .px_project_gallery .bottom_content > h3 { font-size: 14px; color: #ffffff; font-weight: 500; text-transform: capitalize; } .categorie_h_one { margin-bottom: 50px; text-align: center; } .categorie_h_one h1 { border-top: 3px double #3a3d69; border-bottom: 3px double #3a3d69; display: inline-block; margin-top: 30px; font-size: 22px; padding: 11px 40px 8px; color: #ffffff; letter-spacing: 2px; } .px_project_gallery:hover h1 { border-top: 3px double #ff9d34; border-bottom: 3px double #ff9d34; } span.close_menu_int { display:none; } /* Index v3 Categorie section css end*/ /* Index v3 Deal Discount section css start*/ .px_deal_section_style3 .px_heading_style3 { margin-bottom: 40px; } .px_deal_text3 { padding: 50px 320px 50px 0; } .px_deal_text3 h1 { color: #ffffff; font-size: 42px; font-weight: 300; margin-bottom: 15px; width: 350px; } .px_deal_text3 p { margin-bottom: 40px; } .px_deal_text3 h2 { color: #ffffff; } .px_deal_text3 h6 { color: #ffffff; font-size: 14px; } /* Timer css */ .index3_timer { margin: 25px 0; } /* Index v3 Deal Discount section css end*/ /* Index v3 Product section css start */ .px_product_section { background-color: #0e0f21; padding: 77px 0 31px; } .px_product_section .px_heading_style3 { margin-bottom: 22px; } .px_product_section .gallery_nav ul li .gallery_active { color: #ff9d34; } .px_product_section .gallery_nav ul li a:after { background: #ff9d34; } .product_grid { margin-bottom: 40px; } .product_list_view .product_item { margin: 0; } .product_item { position: relative; background-color: #191b2e; width: 247px; height: 360px; overflow: hidden; margin: auto; } .product_item img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .product_item:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); } .product_overlay { position: absolute; background-color: #ff9d34; right: -40px; top: -10px; color: #fff; padding: 30px 40px 10px; transform: rotate(45deg); width: 120px; } .product_overlay h4 { color: #ffffff; font-size: 16px; text-transform: uppercase; font-weight: 600; } .product_ovr_links { background-color: #ff9d34; padding: 13px 0; visibility: hidden; opacity: 0; width: 100%; bottom: 155px; left: 0; right: 0; text-align: center; position: absolute; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .product_item:hover .product_ovr_links { visibility: visible; opacity: 1; } .product_ovr_links ul li { display: inline-block; } .product_ovr_links ul li a { margin: 0 15px; color: #ffffff; } .product_item:hover ul li:first-child { -webkit-animation: bounceInDown .4s; animation: bounceInDown .4s; } .product_item:hover ul li:nth-child(2) { -webkit-animation: bounceInDown .6s; animation: bounceInDown .6s; } .product_item:hover ul li:nth-child(3) { -webkit-animation: bounceInDown .8s; animation: bounceInDown .8s; } .product_text_rs { margin-top: 27px; text-align: center; } .product_text_rs h3 { font-size: 22px; color: #ffffff; } .product_text_rs p { font-size: 18px; color: #ffffff; } .product_text_rs span { text-decoration: line-through; margin-right: 5px; } /* Index v3 Product section css end*/ /* Index v3 Shop Now css start*/ .px_shop_now_style3 { border-top: solid 2px #1c1c2d; border-bottom: solid 2px #1c1c2d; } .px_shop_main { background-color: #0c0d1c; padding: 0 50px 44px; width: 100%; float: left; } .px_shine_effect { position: relative; overflow: hidden; } .px_shine_effect:after { position: absolute; content: ""; top: 0; left: -85%; z-index: 2; display: block; width: 50%; height: 100%; transform: skewX(-25deg); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .px_shine_effect:hover:after { left: 175%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.12) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.12) 100%); } .px_shine_effect img { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .px_shine_effect:hover img { transform: scale(1.1); } .px_shop_btntext { width: 40%; float: left; margin-top: 180px; } .px_shop_btntext h4 { color: #ffffff; font-size: 34px; font-weight: 300; margin-bottom: 13px; } .px_shop_btntext a { color: #ffffff; text-transform: uppercase; letter-spacing: 2px; border-bottom: solid 1px #fff; display: inline-block; } .px_shop_btntext a:hover { color: #ff9d34; border-bottom: solid 1px #ff9d34; } .px_shop_img { width: 60%; float: left; text-align: right; } .px_shop_center { background-color: #191b2e; width: 100%; float: left; padding: 41px 50px; } .px_shop_center .px_shop_btntext { margin-top: 100px; } .px_shop_right { background-color: #0c0d1c; width: 100%; float: left; padding: 40px 50px; } .px_shop_right .px_shop_btntext { margin-top: 100px; } /* Index v3 Shop Now css end*/ /* Index v3 Product Slider css start*/ .px_product_slider { background-color: #0c0d1c; padding: 77px 0 80px; } .px_product_slider_box .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -5px; } .px_product_slider_box .swiper-pagination-bullet { background: #2f2f42; opacity: 1; } .px_product_slider_box .swiper-pagination-bullet-active { background: #ff9d34; width: 12px; height: 12px; opacity: 1; transition: all 0.3s; vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } /* Index v3 Product Slider css end*/ .px_client_slider { background-color: #191b2e; padding: 60px 0; text-align: center; } /* Index v3 Testimonial css start*/ .px_testimonial_style3 { background-color: #0e0f21; padding: 77px 0 75px; } .px_testimonial_style3 .swi_contentbox { background: transparent; padding: 0; } .px_testimonial_style3 .swi_contentbox span { color: #ff9d34; } .px_testimonial_style3 .swiper-pagination-bullet-active { background: #ff9d34; transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } .px_testimonial_style3 .swi_user img { border: 5px solid #29293b; width: 45px; height: 45px; } .px_testimonial_style3 .gallery-thumbs .swiper-slide-thumb-active .swi_user img { border: 5px solid #ff9d34; } .svg_user1_style3, .svg_user2_style3{ opacity: 0; visibility: hidden; } .swiper-slide-thumb-active .svg_user1_style3, .swiper-slide-thumb-active .svg_user2_style3{ visibility: visible; opacity: 1; } .swiper-slide-thumb-active .svg_user1_style3 svg{ top: 20px; left: -21px; } .swiper-slide-thumb-active .svg_user2_style3 svg{ top: 20px; right: -21px; } .svg_user1_style3 svg { position: absolute; top: 4px; left: 1px; webkit-transition: all 0.5s ease 80ms; -moz-transition: all 0.5s ease 80ms; -ms-transition: all 0.5s ease 80ms; -o-transition: all 0.5s ease 80ms; transition: all 0.5s ease 80ms; } .svg_user2_style3 svg { position: absolute; top: 4px; right: 1px; webkit-transition: all 0.5s ease 80ms; -moz-transition: all 0.5s ease 80ms; -ms-transition: all 0.5s ease 80ms; -o-transition: all 0.5s ease 80ms; transition: all 0.5s ease 80ms; } .px_testimonial_style3 .swi_user:after, .px_testimonial_style3 .swi_user:before { display: none; } .svg_user1_style3:after { position: absolute; content: ""; width: 7px; height: 7px; border-radius: 50%; background: #ff9d34; z-index: 7; top: 36px; left: -32px; margin: auto; -webkit-transition: all 0.5s ease 80ms; -moz-transition: all 0.5s ease 80ms; -ms-transition: all 0.5s ease 80ms; -o-transition: all 0.5s ease 80ms; transition: all 0.5s ease 80ms; } .svg_user1_style3:before { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #ff9d34; z-index: 7; left: -41px; top: 37px; -webkit-transition: all 0.5s ease 80ms; -moz-transition: all 0.5s ease 80ms; -ms-transition: all 0.5s ease 80ms; -o-transition: all 0.5s ease 80ms; transition: all 0.5s ease 80ms; } .svg_user2_style3:after { position: absolute; content: ""; width: 7px; height: 7px; border-radius: 50%; background: #ff9d34; z-index: 7; top: 36px; right: -32px; margin: auto; -webkit-transition: all 0.5s ease 80ms; -moz-transition: all 0.5s ease 80ms; -ms-transition: all 0.5s ease 80ms; -o-transition: all 0.5s ease 80ms; transition: all 0.5s ease 80ms; } .svg_user2_style3:before { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #ff9d34; z-index: 7; right: -41px; top: 37px; -webkit-transition: all 0.5s ease 80ms; -moz-transition: all 0.5s ease 80ms; -ms-transition: all 0.5s ease 80ms; -o-transition: all 0.5s ease 80ms; transition: all 0.5s ease 80ms; } .px_testimonial_style3 .swi_user { transform: translateY(15px); } .px_testimonial_style3 .gallery-thumbs { height: 110px; } /* Index v3 Testimonial css start*/ /* Index v3 Instagram post css start*/ .px_insta_post { text-align: center; } .px_insta_post ul li { width: 12.5%; float: left; position: relative; overflow: hidden; } .px_insta_post ul li img { width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .px_insta_post ul li a:hover img { -webkit-filter: blur(1px); filter: blur(1px); } .px_insta_overlay { position: absolute; background-color: rgba(255, 255, 255, 0.38); top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .px_insta_post ul li:hover .px_insta_overlay { visibility: visible; opacity: 1; } .px_insta_overlay i.fab.fa-instagram { font-size: 30px; color: #222222; } /* Index v3 Instagram post css end*/ /* Index v3 footer css start*/ .px_footer_wrapper.px_footer_style3 { padding: 80px 0 30px 0; } .px_footer_style3 ul li a { display: inline-block; width: 35px; height: 35px; line-height: 35px; color: #585968; font-size: 14px; background: #101127; border-radius: 100%; margin-right: 8px; border: solid 1px #585968; text-align: center; } .px_footer_style3 ul li a:hover { color: #ffffff; background: #ff9d34; border: solid 1px #ff9d34; } .px_footer_style3 .footer_box .footer_heading { margin-top: 10px; } .px_footer_style3 .footer_box .footer_heading:after { background: #ff9d34; } .px_footer_style3 .footer_box .footer_hours li:after { background: #ff9d34; } .px_footer_threemenu ul li a { display: inherit; width: inherit; height: inherit; color: #ffffff; background-color: transparent; border: none; text-align: left; margin: 0; line-height: 1.8; } .px_footer_threemenu ul li a:hover { background-color: transparent; color: #ff9d34; border: none; } .px_footer_partner_style3 { border-top: solid 1px #242535; padding: 30px 0 0; margin-top: 64px; text-align: center; } .px_footer_partner_style3 ul li { display: inline-block; margin: 0 25px; } .px_footer_partner_style3 ul li img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .px_footer_partner_style3 ul li img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .px_bottom_footer_style3 { background: #191b2e; } .px_bottom_footer_style3 .bottom_footer_box_wrapper a { color: #ff9d34; } .footer_linkbox_style3 .footer_hours li:after { top: -22px; } /* Index v3 footer css end*/ /* Index v4 css start */ /* Index v4 Header css start */ .px_header_wrapper.px_header_style4 { padding: 0 50px 10px 65px; position: absolute; width: 100%; top: 0; } .px_header_wrapper.px_header_style4 .container-fluid { z-index: 11; position: relative; } .px_header_style4 .px_logo { margin-left: 0; } .px_header_style4 .px_nav .px_menu > ul > li:after { background: #ff9d34; } .px_header_style4 .px_nav .px_menu > ul > li.px_home_dropdown > ul > li > a:hover { color: #ff9d34; } .px_header_style4 .px_nav .px_menu > ul > li > a { color: #222222; } .px_header_style4 .px_nav .px_menu > ul > li > a:hover { color: #ff9d34; } .px_header_style4 .px_nav .px_cartsec > ul > li > .cart_round span { background-color: #ff9d34; color: #ffffff; } .px_header_style4 .px_nav .px_cartsec > ul > li .setting_toggle .toggle_caret { color: #ff9d34; } .px_index4_slider_style4 { background-color: #f9f9f9; padding: 160px 65px 75px; overflow: hidden; position: relative; } .px_index4_slider_style4 .swiper-container { padding: 0 0 80px; } .px_header_style4 .px_nav .px_cartsec > ul > li:after { background: #e8e8e8; } .px_header_style4 .px_cartsec span { margin-left: 5px; } .px_header_style4 .px_sop_cart_btn > ul { text-align: center; } .px_header_style4 .px_sop_cart_btn > ul > li:first-child { margin-right: 26px; } .px_index4_slider_style4 .swiper-pagination-bullet-active { background: #ff9d34; width: 12px; height: 12px; vertical-align: middle; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; } .px_index4_slider_style4 .swiper-container-horizontal>.swiper-pagination-bullets, .px_index4_slider_style4 .swiper-pagination-custom, .px_index4_slider_style4 .swiper-pagination-fraction { bottom: 0; } /* Index v4 Header css start */ /* Index v4 Slider banner css start */ .px_banner_content.px_banner_slider4 { margin-top: 180px; } .px_banner_slider4 h6 { color: #222222; letter-spacing: 4px; } .px_banner_slider4 h1 { color: #222222; font-size: 72px; font-weight: 500; } .px_banner_slider4 p { color: #222222; } .px_banner_slider4 h2 { color: #222222; } .px_banner_pic4 { text-align: right; z-index: 11; position: relative; } .px_banner_shape { position: absolute; content: ""; width: 780px; height: 785px; background-color: #ffe68e; top: 90px; right: -440px; border-radius: 100%; z-index: 0; } /* Index v4 Slider banner css end */ /* Index v4 Big sale section css start */ .px_shop_now_style4 { padding: 80px 0 69px; } .px_sale_style4 { border: solid 2px #d5e6ff; padding: 0 16px 50px 40px; width: 100%; display: inline-block; min-height: 356px; overflow: hidden; } .px_sale_first_style4 { border: solid 2px #fff6d5; padding: 0 16px 46px 40px; width: 100%; min-height: 356px; overflow: hidden; } .px_sale_four { width: 40%; float: left; margin-top: 45px; } .px_sale_img4 { width: 60%; float: left; text-align: right; position: relative; } .px_sale_first_style4 .px_sale_img4:after { position: absolute; content: ""; width: 405px; height: 405px; background-color: #fff6d5; top: -20px; left: 25px; border-radius: 100%; z-index: -1; } .px_sale_first_style4 .px_sale_img4 img { margin-top: 60px; } .px_sale_img4:after { position: absolute; content: ""; width: 405px; height: 405px; background-color: #d5e6ff; top: -20px; left: 25px; border-radius: 100%; z-index: -1; } .px_sale_first_style4:hover img, .px_sale_style4:hover img { transform: scale(1.1); } .px_sale_img4 img { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .px_sale_four h5 { text-transform: uppercase; font-size: 18px; letter-spacing: 5px; color: #222222; margin-bottom: 135px; } .px_sale_four h2 { color: #222222; font-size: 30px; font-weight: 400; } .px_sale_four p { color: #555555; font-size: 18px; } .px_sale_four a.index4_btn { min-width: 120px; height: 40px; line-height: 40px; margin-top: 9px; } /* Index v4 Big sale section css end */ /* Index v4 Product section css end */ .px_categories_style3.px_top_product_style4 { background-color: #ffffff; padding: 0 0 30px; } .px_top_product_style4 .px_heading_style3 h4 { color: #222222; } .px_top_product_style4 .px_heading_style3 h2 { color: #222222; } .px_top_product_style4 .px_project_gallery .bottom_content > h3 { font-size: 14px; color: #222222; font-weight: 500; text-transform: capitalize; } .px_top_product_style4 .px_project_gallery .grid_img:before { background: rgba(255, 255, 255, 0.9); } .px_top_product_style4 .categorie_h_one h1 { border-top: 3px double #22222230; border-bottom: 3px double #22222230; color: #222222; } .px_top_product_style4 .px_project_gallery:hover h1 { border-top: 3px double #ff9d34; border-bottom: 3px double #ff9d34; } /* Index v4 Product section css end */ /* Index v4 Index4 Service Section css start */ .px_service_style3.px_service_style4 { background-color: #222222; } .px_service_style4 .px_srbox3_circle { background-color: #2a2a2a; } .px_service_style4 .px_srbox3_circle:after { border: 1px dashed #262941; } /* Index v4 Index4 Service Section css end */ /* Index v4 Index4 Product css start */ .px_product_section.px_product_style4 { background-color: #ffffff; padding: 77px 0 31px; } .px_product_style4 .px_heading_style3 h4 { color: #222222; } .px_product_style4 .px_heading_style3 h2 { color: #222222; } .px_product_style4 .px_project_gallery .gallery_nav ul li { color: #222222; } .px_product_style4 .product_item { background-color: #ffffff; border: solid 1px #ececec; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .px_product_style4 .product_item:hover { box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1); } .px_product_style4 .product_overlay { background-color: #afcfff; } .px_product_style4 .product_text_rs h3 { color: #222; } .px_product_style4 .product_text_rs p { color: #222; } /* Index v4 Product css end */ /* Index v4 Testimonial css start */ .px_testimonial_style4 { background-color: #f7f7f7; padding: 77px 0 80px; } .px_testimonial_style4 .px_heading_style3 { margin-bottom: -3px; } .px_testimonial_style4 .px_heading_style3 h4 { color: #222222; } .px_testimonial_style4 .px_heading_style3 h2 { color: #222222; } .px_testimonial_style4 .swi_contentbox { background: #1e2226; padding: 74px 100px; position: relative; max-width: 950px; margin: 50px auto 0; } .px_user_four { position: absolute; top: -30px; left: -50px; z-index: 9; } .px_user_four img { width: 130px; height: 130px; border: solid 5px #ff9d34; border-radius: 100%; } .px_username_four { position: absolute; top: 0; left: 70px; width: 240px; background-color: #ff9d34; padding: 10px 0px; border-radius: 0 0 30px 0; } .px_username_four h3 { font-size: 18px; color: #ffffff; } .px_testimonial_style4 .px_qoute_svg svg { width: 170px; height: 136px; opacity: 0.1; } .px_testimonial_style4 .swiper-pagination-bullet { background: #4e4e4e; opacity: 1; } .px_testimonial_style4 .swiper-pagination-bullet-active { width: 12px; height: 12px; background: #ff9d34; transition: all 0.3s; vertical-align: middle; transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } .px_testimonial_style4 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 15px; } /* Index v4 Testimonial css end */ /* Index v4 Product slider css start*/ .px_product_slider.px_product_style4 { background-color: #ffffff; } .px_product_style4 .px_product_slider_box .swiper-pagination-bullet { background: #d3d3d3; } .px_product_style4 .px_product_slider_box .swiper-pagination-bullet-active { background: #ff9d34; transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } /* Index v4 Product slider css end*/ /* Index v4 Subscribe Newsletter css start */ .px_subscribe_style4 { background-color: #222222; padding: 73px 0; } .px_info_four h2 { color: #ffffff; } .px_info_four p { color: #ffffff; font-size: 18px; } .px_textbox_subscribe4 { position: relative; margin-top: 21px; } .px_textbox_subscribe4 .px_search_wrapper { max-width: 800px; margin: 0 auto; position: relative; } .px_textbox_subscribe4 .px_search_wrapper input { width: 100%; height: 60px; padding: 0 30px; border: none; box-shadow: none; outline: none; border-radius: 50px; font-size: 18px; padding-right: 180px; backface-visibility: hidden; } .px_search_wrapper input::placeholder { color: #cdcdcd; } .px_textbox_subscribe4 .px_search_wrapper a.index4_btn { height: 50px; line-height: 50px; position: absolute; top: 5px; right: 5px; background-color: #ff9d34; border-radius: 50px; color: #ffffff; } .px_textbox_subscribe4 .px_search_wrapper a.index4_btn:hover { background: #222222; } .px_textbox_subscribe4 .index4_btn:before { display: none; } .px_quantity_style2 .index4_btn:before { display: none; } /* Index v4 Subscribe Newsletter css end */ /* Index v4 Footer css start */ .px_footer_wrapper.px_footer_style4 { padding: 80px 0 30px 0; } .px_footer_style4 .footer_box .footer_heading { color: #222222; } .px_footer_style4 p { color: #555555; } .px_footer_style4 .footer_box .footer_hours li { color: #555555; } .px_footer_style4 ul li a { display: inline-block; width: 35px; height: 35px; line-height: 35px; color: #555555; font-size: 14px; background: #f6f6f6; border-radius: 100%; margin-right: 8px; border: solid 1px #555555; text-align: center; } .px_footer_style4 ul li a:hover { color: #ffffff; background: #ff9d34; border: solid 1px #ff9d34; } .px_footer_style4 .footer_box .footer_heading { margin-top: 10px; } .px_footer_style4 .footer_box .footer_heading:after { background: #ff9d34; } .px_footer_style4 .footer_box .footer_hours li:after { background: #ff9d34; } .px_footer_fourmenu ul li a { display: inherit; width: inherit; height: inherit; line-height: 1.8; border: none; background: transparent; text-align: left; } .px_footer_fourmenu ul li a:hover { border: none; background: transparent; text-align: left; color: #ff9d34; } .px_footer_style4 .px_footer_partner_style3 { border-top: solid 1px #e9e9e9; } /* Index v4 Footer bottom css */ .px_bottom_footer_wrapper.px_bottom_footer_style4 { background: #222222; } .px_bottom_footer_style4 .bottom_footer_box_wrapper a { color: #ff9d34; } /* Index v4 Footer css end */ /* Index v4 css end */ /* Index v2 About us css start*/ .px_header_wrapper.px_header_style1 { padding: 0 51px 0 0; } .px_header_style1 .px_logo { padding-top: 29px; margin-left: 0; } .px_about_page_title { background-image: url(https://via.placeholder.com/1920x412); background-size: cover; background-position: bottom; padding: 70px 80px; position: relative; z-index: 9; } .px_about_page_title:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.9); z-index: -1; } .px_bread_crumbs h1 { font-size: 40px; font-weight: 400; color: #222222; } .px_home_crumbs { text-align: right; margin-top: 8px; } .px_home_crumbs ul li { font-size: 18px; } .px_home_crumbs ul li a { color: #222222; } .px_home_crumbs ul li span { color: #50AAB2; text-transform: capitalize; } .px_about_style2.px_about_section2 { background: url(../images/aboutus_one.jpg) no-repeat center left; } .px_about_section2 .about_contentbox { background-color: #ffffff; padding: 77px 30px 80px 30px; } .px_about_section2 span { border-bottom: solid 2px #50AAB2; } .px_about_section2 h5 { font-size: 16px; color: #222222; margin-top: 20px; } .px_counter_style2.px_about_counter2 { margin: 0; padding: 80px 0 70px; } .px_aboutus_service_section { padding: 77px 0 50px; } .px_aboutus_service_section .px_heading h4 { color: #50AAB2; } .px_aboutus_service_section .px_heading h2 { color: #222222; margin-bottom: 40px; } .px_service_box2 { text-align: center; padding: 52px 30px; border: solid 1px #efefef; margin-bottom: 30px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .px_service_box2 h4 { margin-top: 25px; color: #222222; font-size: 22px; position: relative; } .px_service_box2 h4:after { position: absolute; content: ""; background-color: #50AAB2; width: 60px; height: 2px; top: 34px; left: 0; right: 0; bottom: 0; margin: auto; } .px_service_box2:hover { box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1); } .px_service_box2 p { color: #555555; margin-top: 15px; } .px_service_box2 svg{ fill: #222222; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .px_service_box2:hover svg{ fill: #50AAB2; } .px_what_style2 .px_heading h4 { color: #50AAB2; } .px_what_style2 .about_contentbox h2 { color: #222222; } .px_what_style2 .about_contentbox h3 { color: #50AAB2; } .px_what_style2 .about_img .child_imgbox:after { border: 10px solid #f0f0f0; } .px_what_style2 .about_contentbox span.team { color: #222222; } .px_what_style2 .about_deatils { color: #555555; } .px_what_style2 .about_contentbox .px_btn .about_btnicon { background: #50AAB2; border-right: 1px solid #ff90a8; } .px_what_style2 .about_btnicon svg path { fill: #fff; } .px_what_style2 .about_contentbox .px_btn { background: #50AAB2; } .px_process_wrapper.px_process_back_change2 { background-image: url(../images/index2_counter_back.jpg); background-size: cover; background-position: center; position: relative; z-index: 9; } .px_process_wrapper.px_process_back_change2:after { position: absolute; content: ""; background: rgba(0, 0, 0, 0.80); left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } .px_process_back_change2 .px_heading h4 { color: #50AAB2; } .px_process_back_change2 .process_circle h2:after { background: transparent; border: 6px solid rgba(57, 63, 69, 0.8); } .px_process_back_change2 .process_box:hover h2:after { border: 6px solid #50AAB2; } .px_process_back_change2 .process_circle:after { background: rgba(57, 63, 69, 0.8); z-index: 9; } .px_process_back_change2 .process_box h1:after { background: #50AAB2; } .px_testimonial_wrapper.px_testimonial_backchange2 { background-color: transparent; } .px_testimonial_backchange2 .px_heading h4 { color: #50AAB2; } .px_testimonial_backchange2 .px_heading h2 { color: #222222; } .px_testimonial_backchange2 .swi_user img { border: 3px solid #50AAB2; } .px_testimonial_backchange2 .swi_user:after { background: #50AAB2; } .px_testimonial_backchange2 .swi_user:before { background: #50AAB2; } .px_testimonial_backchange2 .swi_contentbox span { color: #50AAB2; } .px_testimonial_backchange2 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #50AAB2; transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } .px_testimonial_backchange2 .swiper-pagination-bullet { background: #d8d8d8; } /* Index v2 About us css end */ /* Index v1 Dark About us css start */ .px_about_page_title.px_dark_about_title:after { background-color: rgba(33, 37, 41, 0.9); z-index: -1; } .px_dark_about_title .px_bread_crumbs h1 { color: #ffffff; } .px_dark_about_title .px_home_crumbs a { color: #ffffff; } .px_dark_about_title .px_home_crumbs span { color: var(--butonarkaplan); } .px_dark_about_section2 { background: url(https://via.placeholder.com/945x620) no-repeat center left; background-color: var(--linkyazi); } .px_dark_about_section2 .about_contentbox { background: var(--linkyazi); padding: 77px 30px 80px 30px; margin-left: -8px; } .px_dark_about_section2 h5 { font-size: 16px; color: #e1e1e1; margin-top: 20px; } .px_dark_about_section2 .about_head1 { font-size: 32px; } /* .px_dark_about_section2 span { border-bottom: solid 2px #000000; } */ .px_dark_about_section2 p.about_deatils_two { margin-top: 20px; color: rgb(165 163 163); } .px_dark_about_section2 .px_btn { min-width: 140px; height: 50px; line-height: 50px; text-transform: uppercase; background: var(--butonarkaplan); margin-left: 0; letter-spacing: 0px; } .px_dark_about_section2 .px_btn:hover { color: #fff; background: #555555; } .px_dark_counter2 { background-color: var(--genel); padding: 80px 0 72px; } .px_darkab_service_section { background-color: var(--linkyazi); padding: 77px 0 50px; } .px_darkab_service_section .px_service_box2 { border: solid 1px var(--genel); background-color: var(--genel); } .px_darkab_service_section .px_service_box2:hover { border: solid 1px var(--butonarkaplan); } .px_darkab_service_section .px_service_box2 svg { fill: var(--butonarkaplan); } .px_darkab_service_section .px_service_box2 h4 { color: #ffffff; } .px_darkab_service_section .px_service_box2 h4:after { background-color: var(--butonarkaplan); } .px_darkab_service_section .px_service_box2 p { color: #cdcdcd; } .px_darkab_service_section .px_service_box2:hover svg { fill: #ffffff; } .px_dark_video_section .px_video_loader { border: solid 3px var(--butonarkaplan); } .px_dark_client_section { background-color: var(--linkyazi); } .px_dark_client_section .px_client_logo_section_style2 { background-color: var(--genel); } .px_dark_client_section ul li img:hover { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); } .px_dark_client_section ul li img { opacity: 1; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .px_about_wrapper.px_dark_what_section { background-color: var(--linkyazi); } .px_dark_what_section .about_imgbox .about_img { z-index: 2; } .px_dark_what_section .about_img .child_imgbox:after { border: 10px solid #fff; } .px_dark_what_section .px_btn { background: var(--butonarkaplan); } .px_dark_what_section .px_btn .about_btnicon { background: var(--butonarkaplan); border-right: 1px solid #fcb940; } .px_dark_what_section .px_btn:hover { background: #555555; } /* Index v1 Dark About us css end */ /* Index v1 Portfolio css start */ .px_project_wrapper.px_project_style2.px_project_portfolio { padding: 77px 0 80px; background-image: none; } .px_project_portfolio .px_btn { margin-top: 30px; } .px_view_gallery { display: none; } .px_view_gallery.px_view_gallery_view { display: block; } /* Index v1 Portfolio css end */ /* Index v2 Dark Portfolio css start */ .px_project_wrapper.px_dark_portfolio_gallery { padding: 77px 0 80px; } .px_dark_portfolio_gallery .px_btn { margin-top: 29px; } /* Index v2 Dark Portfolio css end */ /* Index v2 White Service css start */ .px_service_wrapper.px_service_white { background-color: #ffffff; } .px_service_white .px_heading h4 { color: #50AAB2; } .px_service_white .px_heading h2 { color: #222222; } /* Index v2 White Service css end */ /* Index v2 Blog Category page css start */ .px_blog_category { padding: 80px 0; } .px_blog_box { margin-bottom: 50px; } .px_blog_user { margin: 25px 0 5px; } .px_blog_user ul li { display: inline-block; position: relative; vertical-align: middle; } .px_blog_user ul li:after { position: absolute; content: ""; width: 4px; height: 4px; background: #50AAB2; top: 0; bottom: 0; left: -18px; margin: auto; } .px_blog_user ul li:first-child:after { display: none; } .px_blog_user ul li a { margin-right: 25px; text-transform: capitalize; color: #50AAB2; letter-spacing: 1px; } .px_blog_user ul li span { color: #555555; margin-left: 10px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .px_blog_user ul li span:hover { color: #50AAB2; } .px_blog_post h2 { font-size: 26px; color: #222222; } .px_blog_post h2 a { font-size: 26px; color: #222222; } .px_blog_post h2 a:hover { color: #50AAB2; } .px_blog_post p { color: #555555; margin: 10px 0 25px; } .px_blog_post_slider .swiper-button-next { top: 168px; } .px_blog_post_slider .swiper-button-prev { top: 168px; } .px_blog_post_video { position: relative; } .px_blog_post_video:after { position: absolute; content: ""; background: rgba(34, 34, 34, 0.7); left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .px_blog_post_video .px_video_icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 9; } .px_blog_post_video .px_video_loader { width: 80px; height: 80px; line-height: 80px; } .px_blog_post_video .px_video_loader a:after { width: 80px; height: 80px; } .px_blog_pagination a.page-link { color: #222222; width: 50px; height: 50px; line-height: 50px; display: inline-block; padding: 0; margin: 0; text-align: center; border: 1px solid #efefef; box-shadow: none; } .px_blog_pagination .page-item:first-child .page-link { width: 85px; border-radius: 0; } .px_blog_pagination .page-item:last-child .page-link { width: 85px; border-radius: 0; } .px_blog_pagination .page-item.active .page-link { background-color: #50AAB2; border-color: #efefef; transition: 0.3s all; } .px_blog_pagination .page-item .page-link:hover { transform: scale(1.2); } .px_blog_pagination .page-link:hover { background-color: #50AAB2; border-color: #50AAB2; color: #ffffff; box-shadow: 0px 12px 15px 0px rgba(255, 29, 77, 0.3); } .px_blog_pagination i.fas.fa-chevron-left { margin-right: 2px; } .px_blog_pagination i.fas.fa-chevron-right { margin-left: 2px; } /* Index v2 Blog Sidebar css */ .px_sidebar_box { margin-bottom: 46px; } .px_sidebar_box.recent_blog_one { margin-bottom: 38px; } .px_sidebar_box.recent_blog_two { margin-bottom: 32px; } .px_sidebar_box h4 { position: relative; color: #222222; font-size: 22px; border-bottom: solid 3px #50AAB2; display: inline-block; padding-bottom: 10px; } .px_sidebar_box h4:after { position: absolute; content: ""; width: 360px; height: 1px; background-color: #efefef; bottom: -2px; left: 0; z-index: -1; } .px_search_btn { margin-top: 30px; } .px_search_btn input { width: 300px; height: 60px; line-height: 60px; padding: 0 20px; background-color: #f6f6f6; border: none; color: #222222; } .px_search_btn button { background-color: #50AAB2; color: #ffffff; border: none; padding: 0 21px; transition: 0.3s all; } .px_search_btn button:hover { background-color: #555; } .px_recent_blog_post { margin-top: 30px; } .px_recent_post { display: flex; align-items: center; margin-bottom: 7px; } .px_recent_post:last-child { margin-bottom: 0; } .px_img_post { margin-right: 20px; } .px_img_post a { position: relative; display: inline-block; overflow: hidden; } .px_img_post a img { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } .px_img_post a:hover img { -webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); } .px_post_title a { color: #222222; font-size: 18px; margin-bottom: 3px; } .px_post_title a:hover { color: #50AAB2; } .px_post_title p { color: #50AAB2; } .px_blog_category_mini { margin-top: 25px; } .px_blog_category_mini ul li { display: flex; justify-content: space-between; margin-bottom: 14px; } .px_blog_category_mini ul li a { display: inline-block; } .px_blog_category_mini ul li:last-child { margin-bottom: 0; } .px_blog_category_mini ul li a:hover { color: #50AAB2; } .px_blog_category_mini svg { margin-right: 5px; } .px_blog_insta_post { margin-top: 30px; } .px_blog_insta_post ul { column-count: 3; } .px_blog_insta_post ul li a { display: inline-block; margin-bottom: 6px; position: relative; overflow: hidden; } .px_blog_insta_post ul li a img { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } .px_blog_insta_post ul li a:hover img { -webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); } /* Index v2 Blog Sidebar css */ /* Index v2 Blog Category page css end */ /* Index v2 Blog Category Dark page css start */ .px_blog_category.px_blog_dark_version { background-color: var(--linkyazi); z-index: 0; position: relative; } .px_blog_dark_version .px_blog_user ul li a { color: var(--butonarkaplan); } .px_blog_dark_version .px_blog_user ul li span { color: #ffffff; } .px_blog_dark_version .px_blog_user ul li span:hover { color: var(--butonarkaplan); } .px_blog_dark_version .px_blog_user ul li:after { background: var(--butonarkaplan); } .px_blog_dark_version .px_blog_post h2 { color: #ffffff; } .px_blog_dark_version .px_blog_post h2 a { font-size: 24px; color: #ffffff; } .px_blog_dark_version .px_blog_post h2 a:hover { color: var(--butonarkaplan); } .px_blog_dark_version .px_blog_post p { color: #cdcdcd; } .px_blog_dark_version .px_auther_content p { color: #ffffff; } .px_blog_dark_version a.px_btn { width: 140px; } .px_blog_dark_version .swiper-button-prev:hover, .px_blog_dark_version .swiper-button-next:hover { background-color: var(--butonarkaplan); } .px_blog_dark_version .px_video_loader { border: solid 3px var(--butonarkaplan); } .px_blog_dark_version .px_blog_pagination a.page-link { color: rgb(147 147 147); border: #000000; background-color: var(--genel); } .px_blog_dark_version .px_blog_pagination .page-item.active .page-link { background-color: var(--butonarkaplan); border-color: var(--butonarkaplan); color: #fff; } .px_blog_dark_version .px_blog_pagination .page-link:hover { background-color: var(--butonarkaplan); border-color: var(--butonarkaplan); color: #ffffff; box-shadow: 0 0 0 0 rgba(255, 29, 77, 0.3); } .px_blog_dark_version .px_sidebar_box h4 { color: #ffffff; border-bottom: solid 3px var(--butonarkaplan); } .px_blog_dark_version .px_sidebar_box h4:after { background-color: #ffffff; } .px_blog_dark_version .px_search_btn input { background-color: var(--genel); color: #ffffff; } .px_blog_dark_version .px_search_btn input::placeholder { color: #cdcdcd; } .px_blog_dark_version .px_search_btn button { background-color: var(--butonarkaplan); } .px_blog_dark_version .px_search_btn button:hover { background-color: #555; } .px_blog_dark_version .px_post_title a { color: #ffffff; } .px_blog_dark_version .px_post_title a:hover { color: var(--butonarkaplan); } .px_blog_dark_version .px_post_title p { color: var(--butonarkaplan); } .px_blog_dark_version .px_blog_category_mini ul li a { color: #ffffff; } .px_blog_dark_version .px_blog_category_mini ul li span { color: #ffffff; } .px_blog_dark_version .px_blog_category_mini ul li a:hover { color: var(--butonarkaplan); } /* Index v2 Blog Category Dark page css end */ /* Index v2 Blog Single css start */ .px_blog_box.px_blog_single { margin-bottom: 0; } .px_blg_img_post { margin-bottom: 23px; } .px_blg_img_post ul { column-count: 3; } .px_blg_img_post ul li a { display: inline-block; } .px_blg_post_link { display: flex; margin-top: -10px; } ul.post_link1 { flex: 50%; } ul.post_link1 svg { margin-right: 10px; } .px_blog_testimonial { background-color: #50AAB2; padding: 50px 80px; position: relative; text-align: center; } .px_blog_testimonial h5 { color: #ffffff; font-size: 18px; } .px_blog_testimonial h3 { color: #ffffff; font-size: 18px; margin-top: 15px; } .px_blog_testimonial span { font-size: 14px; } .px_blog_testimonial .px_qoute_svg svg { width: 184px; height: 142px; } .px_post_flex { width: 100%; display: inline-block; margin-top: 23px; } .px_post_flex p { margin: 0; } .px_post_section1 { width: 34%; display: inline-block; vertical-align: top; } .px_post_section1 img { padding: 5px 10px 5px 0; } .px_post_section2 { width: 65%; display: inline-block; } .px_post_section2 p { margin: 0; } .px_social_blog_pst { width: 100%; display: flex; border-top: solid 1px #efefef; border-bottom: solid 1px #efefef; padding: 15px 0 12px; margin: 42px 0 80px; } .px_select_tag { width: 50%; } .px_select_tag ul li { display: inline-block; } .px_select_tag ul li a { margin-right: 5px; } .px_select_tag ul li a:hover { color: #50AAB2; } .px_select_tag ul li i.fas.fa-tags { color: #50AAB2; } .px_select_social { width: 50%; text-align: right; } .px_select_social ul li { display: inline-block; } .px_select_social ul li a { color: #b9b9b9; margin-left: 15px; } .px_select_social ul li a:hover { color: #50AAB2; } .px_auther_box { display: flex; padding: 20px; align-items: center; background-color: #50AAB2; } .px_auther_img { flex: none; margin-right: 30px; } .px_auther_content h5 { color: #ffffff; font-size: 24px; } .px_auther_content span { background-color: #ffffff; color: #50AAB2; font-size: 14px; padding: 4px 10px 3px; border-radius: 3px; margin-left: 5px; vertical-align: middle; } .px_auther_content p { color: #ffffff; margin: 6px 0 0; } .px_blog_comment_box { padding: 73px 0 0; } .px_blog_comment_box h1 { font-size: 32px; color: #222222; margin-bottom: 10px; } .px_profile_box { display: flex; padding: 30px 0 22px; } .px_blog_comment_box ul li { position: relative; } .px_blog_comment_box ul li:after { position: absolute; content: ""; background-color: #efefef; height: 1px; width: 100%; bottom: 0; } .px_blog_comment_box ul li:last-child:after { display: none; } ul.comment_left { padding-left: 115px; } .px_user_profile { width: 90px; } .px_user_text { width: calc(100% - 90px); } .px_user_text h5 { color: #222222; font-size: 20px; } .px_user_text svg { width: 16px; height: 16px; margin-left: 10px; } .px_user_text svg path { fill: #50AAB2; } .px_user_text span { color: #50AAB2; font-size: 14px; letter-spacing: 2px; } .px_user_text p { color: #555555; } .px_user_text a { color: #50AAB2; text-transform: uppercase; } .px_user_text a:hover { color: #222222; } .px_blog_form { padding-top: 42px; } .px_blog_form h2 { font-size: 32px; color: #222222; margin-bottom: 20px; } .px_blog_form input { height: 52px; line-height: 45px; border: solid 1px #ebebeb; width: 100%; margin-bottom: 30px; padding: 0 20px; } .px_blog_form textarea { width: 100%; padding: 20px; border: solid 1px #ebebeb; margin-bottom: 22px; height: 172px; resize: none; } /* Index v2 Blog Single css end */ /* Index Blog Single Dark css start */ .px_blog_box.px_blog_single_dark { margin-bottom: 0; } .px_blog_single_dark .px_blg_post_link ul li a { color: #cdcdcd; } .px_blog_single_dark .px_blog_testimonial { background-color: #000000; border: 1px solid #525252bf; } .px_blog_single_dark .px_social_blog_pst { border-top: solid 1px #3e4247; border-bottom: solid 1px #3e4247; } .px_blog_single_dark .px_select_tag ul li i.fas.fa-tags { color: var(--butonarkaplan); } .px_blog_single_dark .px_select_tag ul li a { color: #ffffff; } .px_blog_single_dark .px_select_tag ul li a:hover { color: var(--butonarkaplan); } .px_blog_single_dark .px_select_social ul li a { color: #616467; } .px_blog_single_dark .px_select_social ul li a:hover { color: var(--butonarkaplan); } .px_blog_single_dark .px_auther_box { background-color: #000000; } .px_blog_single_dark .px_auther_content span { color: var(--butonarkaplan); } .px_blog_single_dark .px_blog_comment_box h1 { color: #ffffff; } .px_blog_single_dark .px_blog_comment_box ul li:after { background-color: #3e4247; } .px_blog_single_dark .px_user_text h5 { color: #ffffff; } .px_blog_single_dark .px_user_text span { color: var(--butonarkaplan); } .px_blog_single_dark .px_user_text p { color: #cdcdcd; } .px_blog_single_dark .px_user_text svg path { fill: var(--butonarkaplan); } .px_blog_single_dark .px_user_text a { color: var(--butonarkaplan); } .px_blog_single_dark .px_user_text a:hover { color: #ffffff; } .px_blog_single_dark .px_blog_form h2 { color: #ffffff; } .px_blog_single_dark .px_blog_form input, .px_blog_single_dark .px_blog_form textarea { border: solid 1px #3e4247; background-color: transparent; color: #ffffff; } .px_blog_single_dark .px_blog_form input::placeholder, .px_blog_single_dark .px_blog_form textarea::placeholder { color: #cdcdcd; } /* Index Blog Single Dark css end */ /* Index v2 Product Category Page css start */ .px_product_sidebar .px_sidebar_box h4:after { width: 255px; } .px_product_sidebar .px_search_btn input { width: 195px; } .range_slider { display: inline-block; width: 100%; } .price_range{ margin: 0 0 20px; } .range_slider .ui-widget.ui-widget-content{ height: 3px; border: solid 1px #f1f1f1; background: #f1f1f1; border-radius: 3px; } .range_slider .ui-slider .ui-slider-range{ background-color: #50AAB2; height: 3px; } .range_slider .ui-state-default{ border: 1px solid #50AAB2; background: #50AAB2; outline: none; border-radius: 50%; top: -5px; cursor: pointer; width: 10px; height: 10px; } .range_slider .ui-slider-horizontal .ui-slider-range { top: -1px; } .price_range p{ margin: 0; font-size: 18px; color: #222222; text-transform: capitalize; font-weight: 600; } /* Product Filter css */ .px_blog_category.px_product_white { padding: 61px 0 80px; } .product_list_filter { margin-bottom: 15px; } .product_list_filter > ul > li{ display: inline-block; width: 33%; text-align: left; color: #222222; font-size: 18px; text-transform: capitalize; position: relative; } .product_list_filter > ul > li:nth-child(2):after{ left: auto; right: 45px; } .product_list_filter > ul > li:first-child{ text-align: left; } .product_list_filter > ul > li:last-child{ text-align: right; } .product_list_filter ul.list_view_toggle > li{ display: inline-block; margin-right: 10px; } .product_list_filter > ul > li .nice-select{ border: none; margin: 0 auto; float: none; display: inline; font-size: 18px; } .nice-select{ height: 50px; line-height: 50px; font-size: 15px; width: 100%; } .nice-select:active, .nice-select.open, .nice-select:focus{ border-color: #ebebeb; } .nice-select .list{ margin-top: 15px; } .product_list_filter > ul > li .nice-select:after{ width: 7px; height: 7px; border-color: #50AAB2; } .product_list_filter > ul > li .nice-select .option{ font-size: 16px; } .product_list_filter > ul > li .nice-select .option.selected { font-weight: 600; background-color: #f5f5f5; } .product_list_filter .nice-select .list { left: 18px; } .product_list_filter .nice-select { background-color: transparent; } .list_view_toggle > li > a{ width: 24px; height: 24px; display: inline-block; text-align: center; line-height: 19px; } .list_view_toggle > li > a.active > svg path{ fill: #50AAB2; } /* Product Filter css */ /* Product css */ .px_product_listbar.px_product_style4 { text-align: center; padding-bottom: 10px; } .px_product_listbar > ul > li { display: inline-block; width: 33%; } .px_product_listbar .product_ovr_links { background-color: #50AAB2; } /* list view css */ .px_product_listbar .product_item_block .content_block{ position: relative; padding: 32px 30px 0; display: none; text-align: left; } .px_product_listbar.product_list_view .product_item_block .content_block{ display: block; } .product_list_view .product_text_rs { display: none; } .product_list_view.px_product_listbar ul li .org_product_block a{ transform: translateX(0px); opacity: 1; visibility: visible; position: relative; top: unset; left: unset; } .content_block .product_price_box{ display: flex; align-items: center; justify-content: space-between; } .content_block .product_price_box > h3{ font-size: 22px; text-transform: capitalize; font-weight: 600; color: #222222; margin-bottom: 5px; } .content_block .product_price_box > h5{ font-size: 26px; color: #222222; text-transform: capitalize; font-weight: 700; } .content_block .product_price_box > h5 > span{ font-size: 20px; } .content_block > p{ margin-bottom: 20px; color: #555555; } .content_block > .rating_section{ display: flex; align-items: center; margin-bottom: 20px; } .content_block > .rating_section span{ color: #50AAB2; margin-right: 10px; } .content_block > .rating_section > ul > li{ display: inline-block; } .content_block > .rating_section > ul > li > a{ color: #7c7c7c; } .content_block > .rating_section > ul > li > a.active{ color: #50AAB2; } .content_block > .rating_section{ margin-bottom: 10px; } .content_block > .rating_section > p{ margin: 0; text-transform: capitalize; margin-left: 10px; color: #555555; } .content_block > .product_code{ margin-bottom: 15px; } .content_block > .product_code > li{ display: inline-block; padding: 0px 10px; position: relative; } .content_block > .product_code > li:first-child{ padding-left: 0; } .content_block > .product_code > li:first-child:after{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 15px; background-color: #222222; } .content_block > .product_code > li > p{ margin: 0; text-transform: capitalize; color: #555555; } .content_block > .product_code > li > p span{ color: #50AAB2; } .px_product_listbar.product_list_view > ul > li{ width: 100%; } .px_product_listbar.product_list_view > ul > li > .product_item_block{ display: flex; margin-bottom: 30px; } .px_product_listbar.product_list_view .product_item_block .product_grid{ box-shadow: none; margin-bottom: 0; } .px_product_listbar.product_list_view .product_item_block .product_grid:hover{ box-shadow: none; margin: 0; } .product_list_view.px_product_style4 .product_item:hover { box-shadow: none; } /* Index v2 Product Category Page css end */ /* Index Product Category Dark css start */ .px_blog_dark_version.px_product_dark { padding: 65px 0 80px; background-color: var(--linkyazi); position: relative; z-index: 2; } .px_blog_sidebar.px_product_sidebar { margin-top: 15px; } .px_product_dark .price_range p { color: #ffffff; } .px_product_dark .range_slider .ui-widget.ui-widget-content { border: solid 1px #53575b; background: #ffffff; } .px_product_dark .range_slider .ui-state-default { border: 1px solid var(--butonarkaplan); background: var(--butonarkaplan); } .px_product_dark .range_slider .ui-slider .ui-slider-range { background-color: var(--butonarkaplan); } .px_product_dark .px_checkbox > label { color: #ffffff; } .px_product_dark .px_checkbox > input:checked ~ label { color: var(--butonarkaplan); } .px_product_dark .px_checkbox > input:checked ~ label:before { background-color: #ffffff; border: solid 1px #ffffff; } .px_product_dark .px_checkbox > label:after { border-left: 3px solid #181a35; border-bottom: 3px solid #181a35; } .px_product_dark .px_checkbox > label:before { border: solid 1px #ffffff; background: #ffffff; } .px_product_dark span.current { color: #ffffff; } .px_product_dark ul.list_view_toggle > li > span { color: #ffffff; } .px_product_dark .product_list_filter > ul > li .nice-select:after { border-color: var(--butonarkaplan); } .px_product_dark .list_view_toggle > li > a.active > svg path { fill: var(--butonarkaplan); } .px_product_dark .product_item { background-color: #ededed; border: solid 1px #33365a; } .px_product_dark .product_ovr_links { background-color: var(--genel); } .px_product_dark .product_overlay { background-color: var(--butonarkaplan); } .px_product_dark .content_block .product_price_box > h3 { color: #ffffff; } .px_product_dark .content_block .product_price_box > h5 { color: #ffffff; } .px_product_dark .content_block > p { color: #ffffff; } .px_product_dark .content_block > .rating_section span { color: var(--butonarkaplan); } .px_product_dark .content_block > .rating_section > ul > li > a.active { color: var(--butonarkaplan); } .px_product_dark .content_block > .rating_section > p { color: #ffffff; } .px_product_dark .content_block > .product_code > li > p { color: #ffffff; } .px_product_dark .content_block > .product_code > li > p span { color: var(--butonarkaplan); } .px_product_dark .product_text_rs span { color: #cdcdcd; } .px_product_dark .product_text_rs p { color: var(--butonarkaplan); } .px_product_dark .px_blog_pagination, .px_product_white .px_blog_pagination { margin-left: 16px; } /* Index Product Category Dark css end */ /* Index2 Product Single css start */ .px_product_single { padding: 80px 0px 50px; } .px_thumb_slider { text-align: center; margin-bottom: 20px; } .px_thumb_slider .swiper-slide-active { border: solid 1px #ececec; cursor: pointer; } .px_minithumb_slider .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active { border: solid 1px #50AAB2; } .px_minithumb_slider .swiper-slide { border: solid 1px #ececec; cursor: pointer; } /* Index2 Product Sidebar css end */ .px_price_detail h1 { font-size: 30px; color: #222222; margin-bottom: 5px; } .px_price_detail ul { border-bottom: solid 1px #ececec; padding-bottom: 15px; } .px_price_detail ul li { display: inline-block; margin-right: 10px; vertical-align: middle; text-transform: capitalize; } .px_price_detail ul li:nth-child(1) { color: #222222; font-size: 32px; font-weight: 500; } .px_price_detail ul li:nth-child(2) { font-size: 24px; color: #b5b5b5; text-decoration: line-through; } .px_price_detail ul li:nth-child(3) { color: #fff; background-color: #3cb82c; padding: 0 10px; position: relative; margin-right: 18px; } .px_price_detail ul li:nth-child(3):after { position: absolute; content: ""; border-top: solid 12px #3cb82c; border-right: solid 10px #3cb82c00; border-left: solid 10px #3cb82c; border-bottom: solid 12px #3cb82c; } .px_price_detail ul li:nth-child(4) { font-weight: 500; color: #222222; } .px_price_detail ul li:nth-child(5) i.fa.fa-star.active { color: #fbcf00; } .px_price_detail ul li:nth-child(5) i.fa.fa-star { color: #c6c6c6; } .px_thumb_description { margin: 30px 0 15px; } .px_thumb_description p { color: #555555; margin-bottom: 10px; } .px_thumb_description ul li { position: relative; font-size: 16px; margin-left: 15px; } .px_thumb_description ul li:after { position: absolute; content: ""; background: red; width: 5px; height: 5px; top: 10px; left: -15px; } .px_thumb_description ul li span { color: #222222; font-weight: 500; } .px_color_thumb h5 { font-size: 18px; margin-bottom: 10px; color: #222222; } .px_color_thumb ul li { width: 20px; height: 20px; background: #f9d042; display: inline-block; border: solid 2px #f3f3f3; cursor: pointer; } .px_color_thumb ul li:nth-child(2) { background: #f98342; } .px_color_thumb ul li:nth-child(3) { background: #42aef9; } .px_color_thumb ul li:nth-child(4) { background: #9442f9; } .px_quantity_style2 { margin-bottom: 17px; } .px_quantity_style2 .px_textbox_subscribe4 { margin-top: 13px; } .px_quantity_style2 p { color: #222222; font-size: 18px; margin-bottom: 8px; font-weight: 500; } .px_quantity_style2 .px_search_wrapper a.index4_btn { background-color: #222222; color: #ffffff; border-radius: 0; top: 0; right: 0; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; } .px_quantity_style2 .px_search_wrapper a.index4_btn:hover { background: #50AAB2; } .px_quantity_style2 .px_search_wrapper input { border: solid 1px #f3f3f3; border-radius: 0; height: 50px; padding: 0 180px 0 15px; margin-bottom: 5px; } /* quantity css */ .px_quantity_stock h5 { font-size: 18px; color: #222222; font-weight: 500; margin-bottom: 25px; } .px_quantity_stock span { color: #3cb82c; font-size: 14px; } .px_quantity_stock ul li { display: inline-block; vertical-align: middle; margin-right: 10px; } .px_quantity_stock ul li:first-child { color: #222222; font-size: 18px; font-weight: 500; } .px_quantity_stock a.px_btn_two { background-color: #222222; } .px_quantity_stock a.px_btn_two:before { background-color: #50AAB2; } .px_quantity_stock a.svg_icon { width: 50px; height: 50px; line-height: 50px; display: inline-block; border: solid 1px #f3f3f3; text-align: center; } .px_quantity_stock a.svg_icon:hover { background-color: #50AAB2; fill: #ffffff; } .px_quantity_stock ul li a svg { width: 18px; } .quantity_wrapper { width: 100px; display: inline-block; float: left; } .quantity_wrapper > .input-group{ background-color: #f8f8f8; } .quantity_wrapper > .input-group > span.quantity_minus { font-size: 16px; color: #555555; background-color: #e3e3e3; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 30px; text-align: center; } .quantity_wrapper > .input-group > span.quantity_plus { font-size: 16px; color: #555555; width: 30px; background-color: #e3e3e3; cursor: pointer; position: absolute; bottom: 0; right: 0; text-align: center; } .quantity_wrapper > .input-group > input{ text-align: center; color: #222222; background-color: #f8f8f8; border: none; height: 50px; width: 70px; } /* Product Tab css */ .product_detail_tab > .nav-tabs{ border: none; margin-bottom: 30px; } .px_tab_peragraph { border: solid 1px #f3f3f3; padding: 43px 50px 25px; } .px_tab_peragraph > p { color: #555555; margin-bottom: 20px; } .px_tab_peragraph span { font-weight: 600; } .product_detail_tab > ul > li{ margin: 0px 10px; } .product_detail_tab > ul > li:first-child{ margin-left: 0; } .product_detail_tab > ul > li > a{ display: inline-block; min-width: 130px; padding: 9px 10px; background-color: transparent; text-transform: capitalize; color: #222222; text-align: center; font-size: 16px; } .product_detail_tab > ul > li > a.active{ color: #ffffff; font-weight: 500; background-color: #50AAB2; } .additional_info{ width: 86%; position: relative; } .additional_info > li{ width: 50%; float: left; text-transform: capitalize; margin-bottom: 20px; } .additional_info > li > span{ font-size: 16px; color: #222; text-transform: capitalize; font-weight: bold; margin-right: 10px; } .fd_review_wrapper .review_heading{ font-size: 20px; color: #222222; font-weight: 800; margin-bottom: 20px; text-transform: capitalize; } .fd_review_wrapper h5{ font-size: 20px; color: #222222; font-weight: 500; margin-bottom: 35px; text-transform: capitalize; } .form_block{ margin-bottom: 30px; } .form_block .form_field{ height: 50px; width: 100%; padding: 0px 30px; border: 1px solid #ebebeb; outline: none; } .form_block textarea.form_field{ min-height: 170px; padding-top: 15px; resize: none; } /* Product Tab css */ /* Product Slider css */ .px_product_slider_white .px_heading_style3 h4 { color: #50AAB2; } .px_product_slider_white .product_ovr_links { background-color: #50AAB2; } .px_product_slider_white .px_product_slider_box .swiper-pagination-bullet-active { background: #50AAB2; transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } /* Index2 Product Single css end */ /* Index Product Single dark css start */ .px_product_single.px_product_single_dark { background-color: var(--genel); } .px_product_single_dark .px_thumb_slider .swiper-slide-active { border: solid 1px #ffffff; } .px_product_single_dark .px_minithumb_slider .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active { border: solid 1px var(--butonarkaplan); } .px_product_single_dark .px_minithumb_slider .swiper-slide { border: solid 1px #404042; } .px_product_single_dark .px_price_detail h1 { color: #ffffff; } .px_product_single_dark .px_price_detail ul li:nth-child(1) { color: var(--butonarkaplan); } .px_product_single_dark .px_price_detail ul li:nth-child(4) { color: #cdcdcd; } .px_product_single_dark .px_price_detail ul { border-bottom: solid 1px #33365a; } .px_product_single_dark .px_thumb_description p { color: #ffffff; } .px_product_single_dark .px_thumb_description ul li { color: #cdcdcd; } .px_product_single_dark .px_thumb_description ul li span { color: #ffffff; } .px_product_single_dark .px_thumb_description ul li:after { background: var(--butonarkaplan); } .px_product_single_dark .px_color_thumb h5 { color: #ffffff; } .px_product_single_dark p { color: #ffffff; } .px_product_single_dark .px_search_wrapper input { border: solid 1px #ffffff; background-color: #ffffff; color: #ffffff; } .px_product_single_dark .px_search_wrapper a.index4_btn { background-color: var(--butonarkaplan); } .px_product_single_dark .px_search_wrapper a.index4_btn:hover { background: #222441; } .px_product_single_dark .px_textbox_subscribe4 span { color: #cdcdcd; } .px_product_single_dark .px_quantity_stock h5 { color: #ffffff; } .px_product_single_dark .px_quantity_stock span { color: #3cb82c; } .px_product_single_dark .px_quantity_stock ul li:first-child { color: #ffffff; } .px_product_single_dark .quantity_wrapper > .input-group > input { color: #ffffff; background-color: #000000; } .px_product_single_dark .quantity_wrapper > .input-group > span.quantity_minus { color: #ffffff; background-color: #15171a; } .px_product_single_dark .quantity_wrapper > .input-group > span.quantity_plus { color: #ffffff; background-color: #15171a; } .px_product_single_dark .px_quantity_stock a.px_btn_two { background-color: var(--butonarkaplan); } .px_product_single_dark .px_quantity_stock a.px_btn_two:before { background-color: #000000; } .px_product_single_dark .px_quantity_stock a.svg_icon { border: solid 1px #33365a; } .px_product_single_dark .px_quantity_stock ul li a svg { fill: #fff; } .px_product_single_dark .px_quantity_stock a.svg_icon:hover { background-color: var(--butonarkaplan); } .product_detail_wrapper.product_detail_wrapper_dark { background-color: var(--genel); } .product_detail_wrapper_dark .product_detail_tab > ul > li > a.active { background-color: var(--butonarkaplan); } .product_detail_wrapper_dark .product_detail_tab > ul > li > a { color: #ffffff; } .product_detail_wrapper_dark .px_tab_peragraph { border: solid 1px #fff; } .product_detail_wrapper_dark .px_tab_peragraph > p { color: #cdcdcd; } .product_detail_wrapper_dark .px_tab_peragraph span { color: #ffffff; } .product_detail_wrapper_dark .fd_review_wrapper .review_heading { color: #ffffff; } .product_detail_wrapper_dark .fd_review_wrapper h5 { color: #ffffff; } .product_detail_wrapper_dark .form_block .form_field { border: 1px solid #33365a; background-color: #ffffff; color: #ffffff; } .product_detail_wrapper_dark input.form_field::placeholder, .product_detail_wrapper_dark textarea.form_field::placeholder { color: #cdcdcd; } .product_detail_wrapper_dark .additional_info > li > span { color: #ffffff; } .product_detail_wrapper_dark .additional_info > li { color: #ffffff; } .px_product_slider.px_product_slider_dark { background-color: var(--genel); } .px_product_slider_dark .px_heading_style3 h4 { color: var(--butonarkaplan); } .px_product_slider_dark .product_overlay { background-color: var(--butonarkaplan); } .px_product_slider_dark .product_item { background-color: #ffffff; border: solid 1px #ffffff; } .px_product_slider_dark .product_item:hover { background-color: #fff; } .px_product_slider_dark .product_ovr_links { background-color: var(--genel); } .px_product_slider_dark .product_text_rs p { color: var(--butonarkaplan); } .px_product_slider_dark .product_text_rs span { color: #cdcdcd; } .px_product_slider_dark .swiper-pagination-bullet { background: #c1c1c1; } .px_product_slider_dark .swiper-pagination-bullet-active { background: var(--butonarkaplan); transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } /* Index Product Single dark css end */ /* Index2 Checkout page css start */ .px_product_checkout { padding: 80px 50px 80px; } .px_checkout_box { border: solid 1px #f5f5f5; padding: 78px 50px 80px; } .px_white_progress { padding: 0 0 0 5px; } .px_white_progress .progress_active .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255, 255, 255, 0.31) 25%,#00000000 25%,#00000000 50%,rgba(255, 255, 255, 0.31) 50%,rgba(255, 255, 255, 0.31) 75%,transparent 75%,transparent); } .px_white_progress .progress_active .progress-bar { background-color: #50AAB2; } .px_white_progress ul li { display: inline-block; width: 33%; position: relative; } .px_white_progress .progress-bar { background-color: #eee; } .px_white_progress .progress { height: 7px; position: relative; overflow: visible; } .px_white_progress .progress-bar-striped{ background-image: none; } .px_white_progress .progress-bar:after, .px_white_progress ul li:last-child:before { position: absolute; content: ""; width: 20px; height: 20px; background: #50AAB2; border-radius: 100%; top: 49%; left: -6px; transform: translate(0px, -50%); z-index: 0; } .px_white_progress .progress-bar:before, .px_white_progress ul li:last-child:after { position: absolute; content: ""; width: 8px; height: 8px; background: #ffffff; border-radius: 100%; top: 49%; left: 0; transform: translate(0px, -50%); z-index: 1; } .px_white_progress ul li:last-child:before{ left: auto; right: -1px; z-index: 1; } .px_white_progress ul li:last-child:after{ left: auto; right: 5px; z-index: 2; } .px_white_progress ul li span { position: absolute; left: -35px; bottom: -60px; color: #222222; font-size: 22px; text-transform: capitalize; } .px_white_progress ul li span.pro_confirm { right: 0; left: auto; } .px_white_progress ul li:first-child span{ left: -5px; } /* Radio button css */ .px_debit_cart { margin-top: 94px; } .px_credit_cart { padding: 35px 30px; border: solid 1px #f5f5f5; cursor: pointer; } .px_credit_cart.active { border: solid 1px #3fad21; background-color: #fafff6; } .px_credit_cart > ul { display: flex; } .px_credit_cart > ul > li{ display: inline-block; align-self: center; } .px_credit_cart h4 { font-size: 22px; color: #222222; } .px_credit_cart p { color: #555555; } .px_credit_cart > ul > li:first-child { width: 35px; } .px_credit_cart > ul > li:nth-child(2) { width: calc(100% - 130px); } .px_credit_cart > ul > li:last-child { width: 100px; text-align: right; } .px_credit_cart > ul > li > input[type="radio"]{ position: absolute; left: -9999px; } .px_credit_cart > ul > li > label{ position: relative; margin: 0; padding-left: 25px; cursor: pointer; } .px_credit_cart > ul > li > label > span{ margin-right: 10px; vertical-align: middle; text-transform: capitalize; color: #222222; } .px_credit_cart > ul > li > label:before{ content: ""; display: inline-block; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #c8c8c8; position: absolute; top: 50%; left: 0; transform: translateY(-50%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .px_credit_cart > ul > li > label:after{ content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #c8c8c8; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .px_credit_cart > ul > li > input[type="radio"]:checked ~ label:before{ border-color: #3fad21; } .px_credit_cart > ul > li > input[type="radio"]:checked ~ label:after{ background-color: #3fad21; } /* Radio button css */ .fd_review_wrapper { margin-top: 43px; } .fd_review_wrapper label { font-size: 18px; color: #222222; } .px_shipping_pager { margin-top: 34px; margin-bottom: -5px; } .px_shipping_pager ul { text-align: center; } .px_shipping_pager ul li { display: inline-block; } .px_shipping_pager ul li:first-child { color: #222222; margin-top: 12px; font-weight: 500; float: left; font-size: 16px; } .px_shipping_pager ul li a:first-child:hover { color: #50AAB2; } .px_shipping_pager ul li:last-child { float: right; } .px_shipping_pager ul li a.px_btn_two:last-child:hover { color: #ffffff; } .px_shipping_pager i.fas.fa-chevron-left { margin-right: 3px; font-size: 14px; } /* Index2 Checkout page css end */ /* Index Checkout Dark css start */ .px_product_checkout.px_product_checkout_dark { background-color: var(--linkyazi); padding: 80px 50px; } .px_product_checkout_dark .px_checkout_box { background-color: var(--genel); border: solid 1px var(--genel); padding: 77px 50px 79px; } .px_product_checkout_dark .px_white_progress .progress-bar:after, .px_product_checkout_dark .px_white_progress ul li:last-child:before { background: var(--butonarkaplan); } .px_product_checkout_dark .px_white_progress .progress-bar:before, .px_product_checkout_dark .px_white_progress ul li:last-child:after { background: #0f112c; } .px_product_checkout_dark .px_white_progress .progress_active .progress-bar { background-color: var(--butonarkaplan); } .px_product_checkout_dark .px_white_progress .progress-bar { background-color: #2c2a2a; } .px_product_checkout_dark .px_white_progress ul li span { color: #ffffff; } .px_product_checkout_dark .px_credit_cart { border: solid 1px #222441; } .px_credit_cart.px_credit_dark.active2 { border: solid 1px var(--butonarkaplan); background-color: var(--genel); } .px_product_checkout_dark .px_credit_cart h4 { color: #ffffff; } .px_product_checkout_dark .px_credit_cart p { color: #ffffff; } .px_product_checkout_dark .px_credit_cart > ul > li > input[type="radio"]:checked ~ label:after { background-color: var(--butonarkaplan); } .px_product_checkout_dark .px_credit_cart > ul > li > input[type="radio"]:checked ~ label:before { border-color: var(--butonarkaplan); } .px_product_checkout_dark .fd_review_wrapper label { color: #ffffff; } .px_product_checkout_dark .form_block .form_field { border: 1px solid #3c3c3c; background-color: var(--linkyazi); color: #ffffff; } .px_product_checkout_dark .form_block input.form_field::placeholder { color: #cdcdcd; } .px_product_checkout_dark .px_shipping_pager ul li a:first-child { color: #ffffff; } .px_product_checkout_dark .px_shipping_pager ul li a:first-child:hover { color: var(--butonarkaplan); } .px_product_checkout_dark .px_shipping_pager ul li a.px_btn:last-child:hover { color: #ffffff; } /* Index Checkout Dark css start */ /* Index2 Checkout2 white css start */ .px_checkout_table .table thead th { vertical-align: middle; border-bottom: 1px solid #f5f5f5; border-top: 1px solid #878787; text-transform: capitalize; color: #707070; font-size: 18px; } .px_checkout_table .table td { vertical-align: middle; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } .px_checkout_table a { background-color: #ebebeb; display: inline-block; border-radius: 40px; padding: 3px 11px; } .px_checkout_table img { border: solid 1px #524d4d; width: 78px; margin-right: 13px; } .px_checkout_table span { font-size: 20px; color: #222222; } .px_checkout_table h4 { font-size: 20px; color: #222222; font-weight: 400; } /* quantity table */ .px_table_quantity .quantity_wrapper { display: flex; align-items: center; } .quantity_qty span { margin-left: 35px; margin-right: 10px; font-size: 16px; } .px_table_quantity .quantity_wrapper > .input-group{ border-radius: 20px; background-color: #f4f4f4; } .px_table_quantity .quantity_wrapper > .input-group > span{ height: 30px; width: 33%; line-height: 30px; position: relative; font-size: 18px; color: #222222; font-weight: 600; background-color: #f4f4f4; cursor: pointer; border-radius: 20px; } .px_table_quantity .quantity_wrapper > .input-group > input{ max-width: 33%; color: #222222; border: none; background-color: #f4f4f4; height: 30px; width: 90px; } .px_table_quantity .quantity_wrapper > .input-group > span.quantity_minus:after, .px_table_quantity .quantity_wrapper > .input-group > span.quantity_plus:before{ position: absolute; width: 1px; height: 22px; background-color: #ebebeb; top: 50%; right: 0; content: ""; margin-top: -11px; } .px_table_quantity .quantity_wrapper > .input-group > span.quantity_plus:before{ left: 0; right: auto; } .px_shipping_pager input { width: 300px; } /* Index2 Checkout2 white css end */ /* Index2 Checkout Confirmation white css */ .px_shipping_flex { width: 100%; float: left; padding-bottom: 11px; border-bottom: 1px solid #f5f5f5; margin-bottom: 25px; } .px_shipping_flex.px_shipping10 { border-bottom: none; } .px_shipping_flex.px_shipping04 { border: 1px solid #f5f5f5; padding: 30px; } .px_shipping_add { width: 70%; float: left; } .px_shipping_add h4 { font-size: 22px; color: #222; } .px_shipping_add h5 { font-size: 16px; font-weight: normal; margin-bottom: 3px; } .px_shipping04 .px_shipping_add h5 { margin-top: 17px; margin-right: 10px; } .px_shipping_edit { width: 30%; float: left; text-align: right; } .px_shipping_edit a { color: #007bff; text-transform: capitalize; font-size: 16px; } .px_shipping_pager h4 { margin-top: 11px; color: #222222; } .fd_review_wrapper.fd_review_delivery { padding: 42px 0 16px; margin-top: 43px; } .fd_review_delivery .nice-select { border-radius: 0; border: solid 1px #ebebeb; } .fd_review_delivery .nice-select .list { border-radius: 0; } .fd_review_delivery h4.border_btm_input { border-bottom: solid 1px #f5f5f5; margin-bottom: 30px; padding-bottom: 13px; color: #222222; } .clear_fix { clear: both; } /* Index2 Checkout Confirmation white css */ /* Index Checkout Confirmation Dark css */ .px_product_checkout_dark .px_shipping_add h4 { color: #ffffff; } .px_product_checkout_dark .px_shipping_edit a { color: var(--butonarkaplan); } .px_product_checkout_dark .px_shipping_flex { border-bottom: 1px solid #fff; } .px_shipping_flex.px_shipping10.px_shipping_border { border-bottom: none; } .px_product_checkout_dark .px_shipping_add h5 { color: #ebebeb; } .px_product_checkout_dark .px_shipping_flex.px_shipping04 { border-bottom: 1px solid #fff; } .px_product_checkout_dark .px_checkout_table .table thead th { border-bottom: 1px solid #fff; border-bottom: 1px solid #7e7e7e; color: #ebebeb; } .px_product_checkout_dark .px_checkout_table .table td { border-bottom: 1px solid #fff; border-bottom: 1px solid #525252; width: auto; } .px_product_checkout_dark .px_checkout_table a { background-color: #000000; } .px_product_checkout_dark .px_checkout_table img { border-bottom: solid 1px #524d4d; } .px_product_checkout_dark .px_checkout_table span { color: #ffffff; } .px_product_checkout_dark .px_checkout_table h4 { color: #ffffff; } .px_product_checkout_dark .px_shipping_pager h4 { color: #ffffff; } .px_product_checkout_dark .px_shipping_pager ul li:last-child { margin-right: 30px; } .px_product_checkout_dark .px_search_wrapper input { border: solid 1px #7e7e7e; background-color: var(--genel); color: #ffffff; } .px_product_checkout .px_search_wrapper input { padding: 0 20px; } .px_product_checkout_dark .px_search_wrapper a.index4_btn { background-color: var(--butonarkaplan); } .px_product_checkout_dark .px_search_wrapper a.index4_btn:hover { background-color: #343434; } .px_product_checkout_dark .px_search_wrapper a.index4_btn:before { background: #222441; } .px_product_checkout_dark .quantity_wrapper > .input-group { background-color: #000000; } .px_product_checkout_dark .quantity_wrapper > .input-group > span { color: #ffffff; background-color: #000000; } .px_product_checkout_dark .quantity_wrapper > .input-group > input { color: #ffffff; background-color: #000000; } .px_product_checkout_dark .quantity_wrapper > .input-group > span.quantity_minus:after, .px_product_checkout_dark .quantity_wrapper > .input-group > span.quantity_plus:before { background-color: rgba(235, 235, 235, 0.14); } .px_product_checkout_dark .fd_review_delivery h4.border_btm_input { border-bottom: solid 1px #3c3c3c; color: #ffffff; } .px_product_checkout_dark .fd_review_delivery .nice-select { border: 1px solid rgb(52 52 56); background-color: rgb(20 20 20); color: rgb(203, 203, 203); } .px_product_checkout_dark .fd_review_delivery .nice-select .list { background-color: #222441; color: var(--butonarkaplan); } /* Index Checkout Confirmation Dark css */ /* Index Contact us Dark css */ .px_darkab_service_section.px_contact_detail { padding: 80px 0 50px; } .px_contact_form_box { padding-bottom: 80px; } .px_contact_dark_form .px_contact_white_form { background-color: var(--genel); } .px_map_wrapper { display: grid; } .px_map_wrapper iframe { width: 100%; } .px_contact_dark_form .px_contact_white_form h1 { color: #ffffff; } .px_contact_dark_form .form_block .form_field { border: 1px solid #4c4c4c; background-color: var(--linkyazi); color: #ffffff; } .px_contact_dark_form .form_block input.form_field::placeholder { color: #cdcdcd; } .px_contact_dark_form .form_block textarea.form_field::placeholder { color: #cdcdcd; } /* Index Contact us Dark css */ /* Index2 Contact us White css */ .px_contact_form_box { padding-bottom: 80px; background: var(--linkyazi); } .px_aboutus_service_section.px_contact_detail { padding: 80px 0 50px; } .px_contact_detail .px_service_box2 { padding: 42px 30px; } .px_contact_detail .px_service_box2 h4 { margin-bottom: 10px; } .px_contact_detail .px_service_box2 p { font-size: 18px; line-height: 1.6; margin-top: 0; } .px_contact_white_form { width: 970px; height: auto; margin: -400px auto 0px; background-color: #ffffff; box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1); padding: 43px 50px 45px; position: relative; } .px_contact_white_form h1 { font-size: 32px; margin-bottom: 40px; color: #222222; } /* Index2 Contact us White css */ /* Index2 Error White css */ .px_error_white { padding: 80px 0; text-align: center; } .px_error_four h1 { margin-top: 50px; font-size: 50px; font-weight: 600; color: #222222; } .px_error_four p { color: #555555; font-size: 24px; margin: 0 0 16px; } /* Index2 Error White css */ /* Index2 Error Dark css */ .px_error_dark { background-color: var(--linkyazi); } .px_error_dark .px_error_four h1 { color: #ffffff; } .px_error_dark .px_error_four p { color: #ffffff; } /* Index2 Error Dark css */ /* Index2 Profile white css */ .px_profile_white { padding: 80px 0; } .px_profile_edit { padding: 50px; box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1); margin-top: 110px; } .px_profile_img { text-align: center; position: relative; margin-top: -160px; z-index: 11; padding-bottom: 50px; } .px_profile_img img { border-radius: 100%; width: 170px; height: 170px; } .px_profile_img input[type="file"] { position: absolute; left: -9999px; opacity: 0; visibility: hidden; } .px_profile_img span { margin: 0; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); width: 50px; height: 50px; border-radius: 50%; background-color: #50AAB2; color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .px_basic_edit { position: relative; margin-bottom: 10px; } .px_basic_edit:after { position: absolute; content: ""; border-bottom: solid 1px #ebebeb; width: 100%; bottom: 20px; } .px_basic_edit h3 { font-size: 24px; color: #222222; } .px_basic_edit a { color: #50AAB2; text-transform: capitalize; } .px_basic_edit a:hover { color: #222222; } .px_basic_edit a i { margin-right: 5px; } /* Index2 Profile white css */ /* Index2 Profile dark css */ .px_profile_white.px_profile_dark { background-color: var(--linkyazi); } .px_profile_dark .px_basic_edit:after { border-bottom: solid 1px #383838; } .px_profile_dark .px_profile_edit { background-color: var(--genel); } .px_profile_dark .px_profile_img span { background-color: var(--butonarkaplan); } .px_profile_dark .px_basic_edit a { color: var(--butonarkaplan); } .px_profile_dark .px_basic_edit a:hover { color: #ffffff; } .px_profile_dark .px_basic_edit h3 { color: #ffffff; } .px_profile_dark .form_block .form_field { border: 1px solid #383838; background-color: var(--linkyazi); color: #ffffff; } .px_profile_dark .form_block input.form_field::placeholder { color: #cdcdcd; } /* Index2 Profile dark css */ .hover-fold { background: #e8c63d; border: 5px white solid; height: 310px; margin: 10px auto; -moz-perspective: 1500; -webkit-perspective: 1500; perspective: 1500; position: relative; width: 410px; } .hover-fold h2 { border-bottom: 1px solid #333; margin: 0 40px; padding: 110px 0 2px; } .hover-fold .top { height: 50%; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; top: 0px; width: 100%; z-index: 10; } .hover-fold .top .face { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; } .hover-fold:hover .top { -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .hover-fold .front { background: url(../assets/images/team/px_v1team04.jpg); height: 100%; width: 100%; } .hover-fold .back { background: #e8c63d; height: 100%; padding: 0 40px; -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); transform: rotateX(180deg); width: 100%; } .hover-fold .back p { margin: 0; } .hover-fold .bottom { background: url(../assets/images/team/px_v1team04.jpg) bottom; height: 50%; position: absolute; top: 50%; width: 100%; z-index: 0; } /******************************************************** 22. responsive start ********************************************************/ @media(max-width: 1800px){ .px_deal_text3 { padding: 60px 20px 30px; } } @media(max-width: 1600px){ .px_header_wrapper { padding: 0 0 0 0; } .px_header_wrapper.px_header_style1 { padding: 0 6px 0 0; } .px_header_wrapper.px_header_style2 { padding: 0 5px 0 0; } .px_header_wrapper .px_logo, .px_header_style2 .px_logo, .px_header_style3 .px_logo, .px_header_style4 .px_logo { margin-left: 0; } .px_nav .px_menu > ul > li, .px_cartsec > ul > li { padding: 45px 10px 45px; } .px_nav .px_menu > ul > li:after { display: none; } .banner_box_wrapper .swiper_imgbox { margin: 40px 0 0; padding: 0 15px 0 0; } .swiper_imgbox .swipper_img > h4 > span { font-size: 100px; } .swiper_imgbox .swipper_img > h2 { font-size: 60px; } .swiper_imgbox .swipper_img > h1 { font-size: 100px; margin-top: 30px; margin-left: -5px; } .px_infosidebar { top: -100px; } .banner_box_wrapper .banner_navi { left: 70px; } .px_content_wraapper.px_content_margin { margin-left: 35px; } .px_about_page_title { padding: 70px 35px; } .about_contentbox { padding-top: 20px; } .px_infosidebar.px_infosidebar_style2 { top: 180px; } .swiper_content_style2 h1 { font-size: 30px; } .swiper_content_mini { width: 750px; padding: 26px 40px 30px; } .px_deal_text3 h1 { width: auto; margin-bottom: 0; } .px_deal_text3 p { margin-bottom: 10px; } .index3_timer { margin: 22px 0; } .px_shop_btntext h4 { font-size: 22px; } .px_profile_open { top: 34px; } .px_index3_slider_style3 .px_banner_content { width: 60%; } .team_navigation { display: none; } } @media(max-width: 1399px){ .px_infosidebar .siderbar_social { margin: 120px 0px 34px 0px; } .px_infosidebar .siderbar_contact, .px_infosidebar .siderbar_email { padding: 20px 0; } .swiper_imgbox .swipper_img > h1 { font-size: 68px; } .swiper_imgbox .swipper_img > h4 > span { font-size: 80px; } .about_img .child_imgbox:after { display: none; } .px_infosidebar.px_infosidebar_style2 { top: 120px; } .px_nav .px_menu > ul > li, .px_cartsec > ul > li { padding: 45px 5px 45px; } .px_infosidebar_style2.px_infosidebar { height: 440px; } .px_project_gallery .grid-item:hover .top_content { top: 15px; right: 0; left: 0; font-size: 16px; } .px_project_gallery .grid-item:hover .bottom_content > h3 { font-size: 22px; } .px_project_gallery .bottom_content > span { display: none; } .px_deal_text3 { padding: 0 20px 0 0; } .px_banner_slider4 p { width: 500px; } .px_banner_slider4 h1 { font-size: 60px; } .px_project_gallery .top_content { right: 0; left:0; } } @media(max-width: 1199px){ .px_header_wrapper { padding: 0 20px 30px 0; } .px_header_wrapper.px_header_style1 { padding: 0 20px 30px 0; } .px_header_wrapper.px_header_style2 { padding: 0 20px 30px 0; } .banner_box_wrapper .swiper_imgbox { margin: 0; padding: 0; } .px_infosidebar .siderbar_social { margin: 115px 0px 0 0px; } .px_infosidebar .siderbar_contact, .px_infosidebar .siderbar_email { padding: 10px 0; } .px_infosidebar .siderbar_contact > a, .px_infosidebar .siderbar_email > a { font-size: 13px; } .swiper_imgbox .swipper_img > h4 > span { display: none; } .swiper_imgbox .swipper_img > h2 { font-size: 40px; } .px_nav .px_menu { position: fixed; top: 0; left: -250px; width: 250px; background: var(--genel); bottom: 0; height: 100%; z-index: 99; transition: 0.6s; -webkit-transition: 0.6s; -ms-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; overflow-y: auto; overflow-x: hidden; padding-top: 80px; } .px_nav .px_menu > ul > li { display: block; text-align: left; padding: 0px; border-bottom: solid 1px #ffffff17; cursor: pointer; } .px_nav .px_menu > ul > li:after{ display:none; } .px_cartsec { margin-top: 8px; } .px_cartsec ul a .btn_caret { background: #5a5a5a; } .px_toggle { display: inline-block; cursor: pointer; vertical-align: middle; } /* .px_toggle span.btn_caret { width: 20px; height: 2px; background: #ffffff; display: block; margin-bottom: 4px; transition: 0.3s all; border-radius: 30px; } */ .px_toggle span{ width: 20px; height: 2px; background: #ffffff; display: block; margin-bottom: 4px; transition: 0.3s all; border-radius: 30px; } .px_nav .px_menu.px_menu_open{ left:0px; } .px_header_style2 .px_toggle span { background: #222222; } .px_header_style2 .px_nav .px_menu { background: #222222; } .px_header_style2 .px_nav .px_menu > ul > li { border-bottom: solid 1px #ffffff24; } .px_header_style2 .px_nav .px_menu > ul > li > a { color: #ffffff; } .px_header_style4 .px_toggle span { background: #222222; } .px_header_style4 .px_nav .px_menu { background: #222222; } .px_header_style4 .px_nav .px_menu > ul > li > a { color: #ffffff; } .px_header_style3 .px_nav .px_menu { background: #262941; } /* scroll css */ .px_menu::-webkit-scrollbar { width: 5px; } .px_menu::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } .px_menu::-webkit-scrollbar-thumb { background: var(--butonarkaplan); border-radius: 10px; } /* scroll css */ /* index 2 scroll css */ .px_header_style2 .px_menu.px_menu_open:after { background-image: url(../images/index2_logo_white.png); } .px_header_style2 .px_nav .px_menu > ul > li.px_home_dropdown > ul { background-color: #222222; } .px_header_style2 .px_nav .px_menu > ul > li.px_home_dropdown > ul > li > a { color: #ffffff; border-bottom: 1px solid #414141; } .px_header_style2 .px_nav .px_menu > ul > li.px_home_dropdown > ul > li:last-child > a { border-bottom: none; } .px_header_style2 li.px_home_dropdown:before { color: #ffffff; } .px_header_style2 .px_menu::-webkit-scrollbar-thumb { background: #50AAB2; } /* index 2 scroll css */ /* index 3 scroll css */ .px_header_style3 .px_menu.px_menu_open:after { background-image: url(../images/index3_logo.png); } .px_header_style3 .px_nav .px_menu > ul > li.px_home_dropdown > ul { background-color: #262941; } .px_header_style3 .px_nav .px_menu > ul > li.px_home_dropdown > ul > li > a { color: #ffffff; border-bottom: 1px solid #414141; } .px_header_style3 .px_nav .px_menu > ul > li.px_home_dropdown > ul > li:last-child > a { border-bottom: none; } .px_header_style3 li.px_home_dropdown:before { color: #ffffff; } .px_header_style3 .px_menu::-webkit-scrollbar-thumb { background: #ff9d34; } /* index 3 scroll css */ /* index 4 scroll css */ .px_header_style4 .px_menu.px_menu_open:after { background-image: url(../images/index3_logo.png); } .px_header_style4 .px_nav .px_menu > ul > li.px_home_dropdown > ul { background-color: #222222; } .px_header_style4 .px_nav .px_menu > ul > li.px_home_dropdown > ul > li > a { color: #ffffff; border-bottom: 1px solid #414141; } .px_header_style4 .px_nav .px_menu > ul > li.px_home_dropdown > ul > li:last-child > a { border-bottom: none; } .px_header_style4 li.px_home_dropdown:before { color: #ffffff; } .px_header_style4 .px_menu::-webkit-scrollbar-thumb { background: #ff9d34; } /* index 4 scroll css */ .px_footer_wrapper.px_footer_style3 { background-color: #151727; } .px_insta_post ul li { width: auto; display: inline-block; margin-bottom: -4px; float: none; } .px_insta_box { padding: 0 0 76px; } .px_footer_style3 ul li a { margin-right: 5px; } .swiper_content_mini { width: 750px; padding: 26px 30px 30px; } .px_infosidebar.px_infosidebar_style2 { top: 100px; } .px_infosidebar { height: 705px; } .px_infosidebar .siderbar_social > ul > li { margin-bottom: 4px; } .about_img .child_imgbox:after { display: none; } .px_about_wrapper { padding-bottom: 80px; } .about_contentbox { padding-top: 0px; } .about_imgbox .about_img .child_imgbox { position: absolute; bottom: 48px; left: 0; } .process_box_wrapper .process_box:after { display: none; } .process_circle:after { display: none; } .px_progresbar_wrapper .progress_rightbox { padding: 70px 30px 40px; } .px_map_wrapper iframe { height: 300px; } .px_header_wrapper.px_header_style4 { padding: 0 20px 10px 20px; } .px_video_section_style2.px_dark_video_section.px_progresbar_wrapper { padding: 80px 0; } .px_dark_client_section .px_client_logo_section_style2 { margin-top: 0; } .px_client_logo_section_style2 { margin-top: 80px; } .px_blog_post_slider .swiper-button-next, .px_blog_post_slider .swiper-button-prev { display: none; } .px_sidebar_box h4:after { display: none; } .px_search_btn input { width: 230px; } .px_select_tag ul li a { margin-right: 4px; } .px_product_sidebar .px_search_btn input { width: 72%; } .product_item { width: 220px; height: 300px; } .product_list_filter > ul > li:last-child { text-align: center; } .product_list_filter ul.list_view_toggle > li { margin-left: 0; } .px_product_listbar .product_item_block .content_block { padding: 0 30px 0; } .product_list_filter > ul > li{ font-size: 16px; } .product_list_filter > ul > li .nice-select { font-size: 16px; padding-left: 10px; } .px_quantity_stock ul li { margin-bottom: 15px; } .px_checkout_box { padding: 48px 20px 50px; } .px_product_checkout_dark .px_checkout_box { padding: 48px 20px 50px; } .px_contact_white_form { margin: 70px auto 0; } .px_video_section_style2.px_dark_video_section, .px_video_section_style2.px_progresbar_wrapper { padding: 80px 0; } .px_about2_imgbox h1 { display: none; } .px_about_style2 .about_contentbox { padding: 0 30px 30px; } .about_img_two, .about_img_three { display: none; } .px_about_section2 .about_contentbox { padding: 77px 30px 80px; } .px_different_section .about_contentbox { padding: 0 0 0 15px; } .team2_box_two h3 { margin: 0 0 20px; width: 440px; } .px_team2_slider_arrow .swiper-button-prev { left: 85%; } .px_team2_slider_arrow .swiper-button-next, .px_team2_slider_arrow .swiper-button-prev { margin-top: -45px; } .px_testimonial_slide2 { margin: 75px 0 0; } .px_content_img { margin-right: 20px; } .px_content_text2 p { margin: 10px 0 10px; } .px_testimonial_slide2 .px_team2_slider_arrow .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 89%; } .px_counter_style2 { padding: 80px 0 70px; margin-top: 80px; } .px_index3_slider_style3 { padding: 200px 35px 150px; } .px_banner_content h1 { font-size: 42px; } .px_header_wrapper.px_header_style3 { padding: 0 20px 10px 20px; } .px_shop_main { padding: 0 30px 0; } .px_shop_btntext { margin-top: 120px; } .px_shop_center { padding: 41px 30px; } .px_shop_center .px_shop_btntext { margin-top: 80px; } .px_shop_right { padding: 40px 30px; } .px_shop_right .px_shop_btntext { margin-top: 80px; } .px_shop_btntext h4 { font-size: 18px; } .px_index4_slider_style4 { padding: 120px 20px 80px; } .px_banner_content.px_banner_slider4 { margin-top: 150px; } .px_banner_shape { display: none; } .px_testimonial_style4 .swi_contentbox { max-width: 930px; } .px_user_four { top: -50px; left: -10px; } .px_username_four { left: 110px; width: 240px; } .px_profile_open { top: 23px; } .px_menu.px_menu_open > ul > li.px_home_dropdown > ul { position: unset; width: 100%; transform: translate(0px, 10px); height: 0px; background-color: initial; transition: 0.3s ease-in-out; box-shadow: 0 0px 1px 0 #cdcdcd; } .px_nav .px_menu > ul > li.px_home_dropdown:hover > ul { transform: initial; opacity:0; visibility:hidden; } .px_menu.px_menu_open > ul > li.px_home_dropdown.px_hr_menu > ul { height: 100%; opacity: 1; visibility: visible; transform: translate(0px); transition:0.3s; } .px_nav .px_menu > ul > li > a{ pointer-events: unset; padding: 13px 20px 12px; } .px_nav .px_menu > ul > li.px_home_dropdown > ul > li > a { padding: 14px 0px 15px 40px; cursor: pointer; } .px_nav .px_menu > ul > li.px_home_dropdown > ul > li > a:hover { padding-left: 40px; } .px_nav .px_menu > ul > li.px_home_dropdown > ul > li:first-child a { padding-top: 16px; } span.close_menu_int { background-color: #44494e; display: inline-block; border-radius: 40px; padding: 3px 11px; position: absolute; top: 29px; right: 20px; z-index: 5; cursor: pointer; } .px_menu.px_menu_open:after { position: absolute; content: ''; top: -1px; left: 20px; background-image: url(../images/logo.png); width: -webkit-fill-available; height: 90px; background-position: center left; background-repeat: no-repeat; background-size: 60%; } span.close_menu_int:after { position: absolute; content: ''; border-left: 1px solid #5b5e60; width: 2px; height: 25px; left: -14px; top: 4px; } li.px_home_dropdown:before { position: absolute; right: 30px; top: 12px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; font-size: 15px; color: #ffffff; } .px_footer_style4 ul li a { margin-right: 5px; } .px_blog_category.px_product_white { padding: 61px 0 34px; } .px_blog_dark_version.px_product_dark { padding: 65px 0 34px; } .px_banner_slider4 p { width: 400px; } .px_product_dark .px_blog_pagination, .px_product_white .px_blog_pagination { margin-left: 25px; } .footer_box > p { margin-bottom: 0px; } } @media(max-width: 991px){ .testimonial_box_wrapper.text-center { margin-top: 200px; } .about_box_wrapper .col-lg-6.col-md-12.p-0 { display: none; } .px_header_wrapper.px_header_style2 { padding: 0 20px 30px 0; } .px_content_wraapper.px_content_left { margin-left: 20px; } .main_contentblock { padding: 20px 0px 100px; } .px_infosidebar { display: none; } .px_categories_box_section .px_project_gallery .bottom_content > h3 { display: none; } .px_content_wraapper.px_contentw_left { margin-left: 0; } .px_contentw_left .px_logo { padding-top: 30px; padding-left: 35px; } .px_header_style3 .px_logo { padding-left: 0; } .service_box_wrapper { text-align: center; } .service_img img { width: 100%; } .px_project_gallery .grid-item { width: 50%; } .px_categories_box_section .grid-item { width: auto; } .service_box_wrapper .service_box.serivce_first { margin-top: 0; } .process_box_wrapper .process_box { margin-bottom: 57px; } .px_process_wrapper { padding: 77px 0 18px 0; } .px_progresbar_wrapper { background-image: none; } .px_different_section .about_contentbox { padding: 0; } .px_different_section .swiper-button-next, .px_different_section .swiper-button-prev { display: none; } .px_about_section2 .about_contentbox { padding: 77px 15px 80px; } .px_progresbar_wrapper .progress_leftbox .video_icon { top: 470px; } .px_progresbar_wrapper .progress_rightbox { /* padding: 220px 50px 40px 30px; */ text-align: center; } .px_prog_box { text-align: left; } .px_prog_box .progress_bar .label { right: 0; top: -40px; } .px_prog_box .progress_bar .line { width: 100%; } .px_heading span { font-size: 60px; top: -5px; } .testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user img { width: 70px; height: auto; } .px_project_gallery .grid-item:hover .top_content { top: 30px; right: 0; left: 0; font-size: 20px; } .px_project_gallery .grid-item:hover .bottom_content > h3 { font-size: 22px; } .px_project_gallery .bottom_content > span { display: block; } .blog_box .blog_heading { font-size: 20px; } .px_footer_wrapper { padding: 80px 0 29px 0; } .footer_box { margin-bottom: 40px; } .px_banner_content.px_banner_slider4 { margin-top: 60px; } .banner_box_wrapper .banner_navi { left: 70px; bottom: -8px; } .swiper_imgbox .swipper_img > h4 { font-size: 12px; } .swiper_imgbox .swipper_img > h1 { display: none; } .swiper_imgbox .swipper_img > h2 { font-size: 30px; } .swiper_imgbox .swipper_img > h3 { font-size: 30px; } .px_blog_category { padding: 80px 0 34px; } .px_blog_post img { width: 100%; } .px_blog_sidebar { margin-top: 76px; } .px_blog_insta_post ul { column-count: inherit; padding-bottom: 8px; } .px_blog_insta_post ul li { display: inline-block; } .px_search_btn input { width: 90%; } .product_list_filter ul.list_view_toggle > li { margin: 0 0 0 20px; } .product_list_filter > ul > li:first-child { text-align: left; } .product_list_filter > ul > li { width: auto; text-align: left; } .px_product_listbar > ul > li { width: 49%; } .product_item { width: 230px; height: 345px; } .px_product_style4 .product_item { width: 230px; height: 375px; } .px_blog_pagination ul li:nth-child(5) { display: none; } .px_product_slider_box .product_item { margin: auto; } .px_footer_style2 { padding: 80px 50px 80px; } .footer_box_style2 { width: auto; } .px_blog_dark_version .product_text_rs { text-align: left; } .px_product_style4 .product_text_rs { text-align: center; } .px_white_progress ul li { width: 32%; } .px_white_progress ul li span { left: -23px; bottom: -50px; font-size: 16px; } .quantity_qty span { display: none; } .px_checkout_table span { font-size: 16px; } .px_checkout_table h4 { font-size: 16px; } .px_shipping_pager ul li { display: block; } .px_shipping_pager ul li:first-child { margin-top: 0; float: none; margin-bottom: 15px; } .px_shipping_pager ul li:last-child { float: none; margin-top: 10px; } .px_debit_cart { margin-top: 80px; } .px_credit_cart { padding: 25px 20px; margin-bottom: 30px; } .px_credit_cart h4 { font-size: 20px; } .fd_review_wrapper { margin-top: 0; } .fd_review_wrapper .form_block { margin-bottom: 20px; } .px_shipping_pager { margin-top: 24px; margin-bottom: 0; } .px_shipping_pager h4 { margin-top: 0; color: #222222; margin-bottom: 20px; } .px_shipping_flex.px_shipping04 { padding: 20px; } .px_shipping04 .px_shipping_add h5 { margin-top: 10px; } .px_shipping_pager h4 { margin-top: 0; margin-bottom: 20px; } .px_contact_white_form { width: auto; margin: 72px 15px 0; } .team2_box_two h3 { width: 380px; font-size: 22px; } .team2_box_two .swiper-button-next, .team2_box_two .swiper-button-prev { display: none; } .px_content_img { width: 100%; } .px_content_text2 h2 { font-size: 22px; } .px_content_text2 h5 { font-size: 18px; } .px_testimonial_slide2 .swiper-button-next, .px_testimonial_slide2 .swiper-button-prev { display: none; } .px_index3_slider_style3 { padding: 160px 35px 100px; } .px_banner_content h1 { font-size: 32px; } .px_categories_box_section .px_project_gallery .grid_img:before { top: 0; left: 0; bottom: 0; right: 0; } .px_categories_style3.px_top_product_style4 { padding: 0 0 50px; } .categorie_h_one h1 { font-size: 18px; padding: 11px 10px 8px; margin-top: 20px; } .categorie_h_one { margin-bottom: 30px; } .px_deal_text3 { padding: 0 0 80px; } .px_deal_img3 img { width: 100%; } .px_deal_section_style3 .col-lg-6.col-md-12.pl-0.pr-0 { order: 13; } .px_deal_section_style3 .px_heading_style3 { text-align: left; margin-bottom: 30px; } .px_shop_main { padding: 0 50px 50px; } .px_shop_btntext { margin-top: 108px; } .px_shop_center { padding: 50px; } .px_shop_center .px_shop_btntext { margin-top: 67px; } .px_shop_btntext h4 { font-size: 34px; } .px_shop_right { padding: 50px; } .px_shop_right .px_shop_btntext { margin-top: 68px; } .px_sale_first_style4 { padding: 0 20px 35px; } .px_sale_style4 { padding: 0 20px 30px; } .px_testimonial_style4 .swi_contentbox { border-radius: 20px 0 0 0; } .px_username_four { left: 120px; width: 240px; } .px_user_four { top: -50px; left: 0px; } .px_sign_section { padding: 40px 30px; } .px_team2_sideimg { margin-top: 75px; } .banner_naxt_style2 { left: auto; right: 80px; bottom: 30px; z-index: 15; background: #50AAB2; height: 50px; color: #fff; line-height: 47px; } .swiper_content_mini { width: 90%; padding: 26px 30px 30px; margin: auto; } .swiper_content_style2 { left: 0; } .banner_naxt_style2 .swiper-button-prev:hover, .banner_naxt_style2 .swiper-button-next:hover { color: #ffffff; } .px_product_listbar .product_text_rs { text-align: center; } .svg_user2_style3:before, .svg_user2_style3 svg, .svg_user1_style3 svg, .svg_user1_style3:before, .svg_user1_style3:after, .svg_user2_style3:after { display: none; } .px_categories_style3 { padding: 77px 0 41px; } .px_testimonial_style3 { padding: 77px 0 78px; } .px_footer_partner_style3 { margin-top: 25px; } .px_blog_category.px_product_white { padding: 61px 0 80px; } .px_blog_dark_version.px_product_dark { padding: 62px 0 80px; } .px_product_listbar .product_grid { margin-bottom: 30px; } .px_heading.px_heading_team2 { margin: 77px 0 35px; } .px_blog_insta_post ul li { display: inline-flex; } .about_img_two { left: -10px; bottom: -257px; } .px_product_dark .px_blog_pagination, .px_product_white .px_blog_pagination { margin-left: 0; } } @media(min-width: 768px) and (max-width: 830px) { .testimonial_box_wrapper .swi_user > svg { bottom: -19px; z-index: -1; } .product_list_filter ul.list_view_toggle > li { margin: 0 20px 0 0; } .product_list_filter > ul > li .nice-select { padding-left: 0; } } @media(max-width: 767px){ .px_bread_crumbs h1 { font-size: 30px; } .px_categories_style3 .px_project_gallery .grid_img { display: inline-block; } .main_contentblock { text-align: center; padding: 12px 0px 92px; width: 80%; margin: auto; } .banner_box_wrapper .banner_navi { left: 48%; transform: translate(-50px, 20px); bottom: 12px; } .about_img_two img, .about_img_three img { display: none; } .v1_testi_nav { display: none; } .swiper_imgbox .btn_caret { display: none; } .main_imgblock { display: none; } .swiper_imgbox .swipper_img > h4 { font-size: 14px; } .swiper_imgbox .swipper_img > h2 { font-size: 40px; } .swiper_imgbox .swipper_img > h3 { font-size: 40px; } .px_heading span { display: none; } .px_service_wrapper { padding: 47px 0 50px 0px; } .px_service_wrapper.px_service_white { padding: 47px 0 50px; } .px_about_wrapper { padding-top: 47px; } .px_about_wrapper { padding-bottom: 50px; } .px_project_wrapper { padding-top: 47px; } .px_project_wrapper.px_project_style2 { padding-top: 47px; } .px_process_wrapper { padding: 47px 0 0 0; } .process_box_wrapper .col-lg-3:nth-child(3) .process_box, .process_box_wrapper .col-lg-3:nth-child(4) .process_box { margin-bottom: 45px; } .px_team_wrapper { padding: 47px 0px 50px; } .px_progresbar_wrapper .progress_leftbox .video_icon { top: 400px; } .px_progresbar_wrapper .progress_rightbox { /* padding: 190px 15px 10px 0; */ } .testimonial_box_wrapper .swi_contentbox { padding: 30px; } .px_testimonial_wrapper { padding: 47px 0 50px; } .px_blog_wrapper { padding: 47px 0px 20px 0px; text-align: center; } .blog_box { display: inline-block; margin-bottom: 28px; } .blog_box .blog_heading { font-size: 16px; } .blog_box_wrapper .blog_box .blog_img { margin-bottom: 10px; } .px_footer_wrapper { padding: 50px 0 4px 0px; } .footer_box { margin-bottom: 35px; } .px_about_page_title { padding: 50px 35px; } .px_dark_counter2 { padding: 50px 0 12px; } .px_count2_box { margin-bottom: 30px; } .px_darkab_service_section { padding: 47px 0 20px; } .px_video_section_style2.px_dark_video_section.px_progresbar_wrapper { padding: 50px 0; } .px_client_logo_section_style2 ul li { width: 25%; margin-bottom: 30px; } .px_client_logo_section_style2 { padding: 50px 0px 20px; margin-top: 50px; } .px_project_wrapper.px_project_style2.px_project_portfolio { padding: 47px 0 50px; } .px_project_wrapper.px_dark_portfolio_gallery { padding: 47px 0 50px; } .about_contentbox { padding-top: 0; } .about_box_wrapper .order-last { order: inherit; } .about_box_wrapper .about_imgbox { text-align: left; margin-top: 50px; } .about_imgbox .about_img .child_imgbox { display: none; } .px_project_gallery .bottom_content > span { display: none; } .testimonial_box_wrapper .swiper-slide.swiper-slide-duplicate.swiper-slide-prev .swi_user { transform: translate(-50px,0px); } .testimonial_box_wrapper .swiper-slide.swiper-slide-prev .swi_user { transform: translate(-60px, 0px); } .testimonial_box_wrapper .swiper-slide.swiper-slide-next .swi_user { transform: translate(70px, 0px); } .px_video_section_style2.px_dark_video_section, .px_video_section_style2.px_progresbar_wrapper { padding: 50px 0; } .testimonial_box_wrapper .gallery-thumbs { width: 20%; height: 130px; } .footer_box .footer_hours li { margin: 0 0 10px 15px; } .px_dark_about_section2 .about_contentbox { padding: 47px 15px 50px; } .px_blog_category { padding: 50px 0 4px; } .px_blog_category.px_product_white { padding: 34px 0 4px; } .px_blog_dark_version.px_product_dark { padding: 34px 0 4px; } .px_blog_sidebar { margin-top: 47px; } .px_search_btn input { width: 88%; } .px_blog_testimonial { padding: 20px 30px; } .px_select_tag { width: 60%; } .px_select_social { width: 40%; } .px_blog_comment_box { padding: 40px 0 0; } .px_social_blog_pst { margin: 40px 0 50px; } .px_blog_form { padding-top: 15px; } .px_product_dark .col-lg-3.col-md-4.col-sm-12 { order: 1; } .px_product_white .col-lg-3.col-md-4.col-sm-12 { order: 1; } .px_product_listbar.px_product_style4 { text-align: left; } .px_product_single { padding: 50px 0px 35px; } .px_product_slider { padding: 47px 0 50px; } .px_thumb_sidebar { margin-top: 45px; } .px_footer_style2 { padding: 50px 30px 50px; } .px_border { margin: 40px 0 30px; } .px_product_single_dark .px_search_wrapper input { width: 78%; } .px_product_checkout.px_product_checkout_dark { padding: 50px 10px; } .px_product_checkout { padding: 50px 10px 50px; } .px_shipping_pager input { width: 170px; } .px_quantity_style2 .px_search_wrapper input { margin-bottom: 15px; } .px_shipping_pager { margin-top: 7px; margin-bottom: 0; } .px_heading.px_heading_team2 { margin: 47px 0 40px; } .px_testimonial_slide2 { margin: 30px 0 0; } .fd_review_wrapper.fd_review_delivery { padding: 25px 0 0; } .fd_review_delivery h4.border_btm_input { margin-bottom: 20px; } .fd_review_delivery .form_block { margin-bottom: 20px; } .fd_review_delivery .nice-select { margin-bottom: 20px; } .px_aboutus_service_section { padding: 47px 0 20px; } .px_contact_form_box { padding-bottom: 50px; } .px_contact_white_form { margin: 42px 15px 0; padding: 44px 40px 45px; } .px_contact_white_form h1 { font-size: 30px; margin-bottom: 20px; } .px_contact_white_form .form_block { margin-bottom: 20px; } .px_profile_white { padding: 50px 0; } .px_error_white { padding: 50px 0; } .px_counter_style2.px_about_counter2 { padding: 50px 0 10px; } .px_about_style2 .about_contentbox { padding: 47px 0 50px; } .px_about_section2 .about_contentbox { background-color: #ffffff; padding: 47px 15px 50px; } .px_about_wrapper.px_about_style2 { padding-top: 0; } .px_about2_imgbox { text-align: left; } .px_about_style2.px_different_section { padding: 0; } .team2_box_two h3 { width: 300px; font-size: 24px; text-align: center; margin: 30px auto 20px; } .px_counter_style2 { padding: 50px 0 10px; margin-top: 50px; } .px_testimonial2_flex { display: block; } .px_content_img { margin-bottom: 30px; } .px_service_style3 { padding: 60px 0 15px; } .service_box_style3 { margin-bottom: 30px; } .service_box_style3 h4 { margin: 20px 0 10px; } .px_categories_style3 { padding: 47px 0 0; } .px_categories_box_section .grid-item { right: 0; width: fit-content; } .px_deal_text3 { padding: 0 0 50px; } .px_product_section { padding: 47px 0 0; } .px_client_slider { padding: 50px 0; } .px_footer_partner_style3 { margin-top: 0; } .px_insta_box { padding: 0 0 46px; } .px_footer_partner_style3 ul li { margin: 0 10px; } .px_footer_wrapper.px_footer_style3 { padding: 50px 0 30px 0; } .px_testimonial_style3 { padding: 47px 0 15px; } .px_index4_slider_style4 { padding: 115px 20px 42px; } .px_index3_slider_style3 .px_banner_content { text-align: left; } .px_banner_content { text-align: center; } .px_banner_content.px_banner_slider4 { margin-top: 0px; } .px_banner_content h1 { font-size: 30px; } .px_shop_now_style4 { padding: 50px 0 39px; } .px_sale_style4 { margin-top: 30px; } .px_categories_style3.px_top_product_style4 { padding: 0 0 3px; } .px_testimonial_style4 { padding: 47px 0 50px; } .px_subscribe_style4 { padding: 43px 0 50px; } .px_footer_wrapper.px_footer_style4 { padding: 50px 0 30px 0; } .px_sign_slide { display: none; } .px_modal_form { display: block; } .px_team2_sideimg { margin-top: 0; } .px_blog_box { margin-bottom: 30px; } .testimonial_box_wrapper .swi_user:after,.testimonial_box_wrapper .swi_user:before,.testimonial_box_wrapper .swi_user > svg { visibility:visible; opacity:1; } .testimonial_box_wrapper .swi_user img,.px_testimonial_style3 .swi_user img{ width:70px; height:auto; } .testimonial_box_wrapper .swi_user img { width: 70px; height: auto; } .testimonial_box_wrapper .swi_user{ transform:translateY(0px); } .svg_user1_style3, .svg_user2_style3{ display:none; } .px_testimonial_style3 .swi_user img{ border-color:#ff9d34; } .px_testimonial_style3 .gallery-thumbs { height: max-content; } .swiper_content_style2{ position:unset; } .swiper_content_mini { padding: 44px 15px 0px; margin: 0; } .banner_naxt_style2 { bottom: 0; } .project_box_wrapper.px_categories_box_section { padding-bottom: 17px; } .px_index3_slider_style3 { padding: 102px 35px 50px; } .px_product_dark .px_blog_pagination, .px_product_white .px_blog_pagination { margin-left: 0; } .px_blog_sidebar.px_product_sidebar { margin-top: 46px; margin-bottom: 46px; } .px_product_section.px_product_style4 { padding: 47px 0 0; } .px_header_style2 .px_nav .px_cartsec > ul > li { padding: 0px 10px; } .product_list_filter ul { text-align: center; } .px_index4_slider_style4 .swiper-container { padding: 0 0 50px; } .px_banner_slider4 p { width: auto; font-size: 16px; } .px_banner_pic4 { display: none; } .px_aboutus_service_section.px_contact_detail { padding: 50px 0 20px; } .px_darkab_service_section.px_contact_detail { padding: 50px 0 20px; } .px_contact_form_box { padding-bottom: 50px; } } @media(max-width: 575px){ .loader img { width: 60px; } .px_content_wraapper.px_content_margin { margin-left: 0; } .px_content_wraapper.px_content_left { margin-left: 0; } .px_header_wrapper { padding: 0 0 30px 0; } .px_logo { text-align: center; padding-left: 15px; } .px_header_wrapper .px_logo { margin-left: -15px; } .px_header_wrapper.px_header_style1 { padding: 0 0 30px 0; } .px_header_style1 .px_logo { margin-left: 0; } .px_header_style2 .px_logo { padding-left: 15px; margin-left: 0; } .px_header_style3 .px_logo { margin-left: 0; } .px_nav { text-align: center; } .px_header_style2 .px_nav { margin-right: 5px; } .px_nav .px_cartsec > ul > li:after { display: none; } .px_nav .px_cartsec > ul > li > a.setting_toggle { margin-left: 5px; } .px_nav .px_cartsec > ul > li { padding: 0px 5px; } .px_header_wrapper.px_header_style2 { padding: 0 0 30px 0; } .px_header_style2 .px_nav .px_cartsec > ul > li { padding: 0px 5px; } .footer_box .px_logo { text-align: left; } .px_progresbar_wrapper .progress_rightbox h1 { font-size: 30px; } .px_bread_crumbs { text-align: center; } .px_home_crumbs { text-align: center; } .px_service_box2 { padding: 35px 30px; } .px_client_logo_section_style2 ul li { width: 40%; } .px_break_out { width: auto; } .px_break_out h1 { font-size: 28px; } .px_search_btn input { width: 78%; } .px_blog_dark_version .px_blog_post h2 { font-size: 20px; } .px_blog_post h2 { font-size: 20px; } .px_post_title a { font-size: 16px; } .px_blog_pagination ul li:nth-child(5) { display: none; } .px_blog_pagination ul li:nth-child(6) { display: none; } .px_blog_pagination ul li:nth-child(7) { display: none; } .px_blog_pagination ul li:nth-child(8) { display: none; } .px_service_wrapper.px_service_white { padding: 47px 0 20px; } .px_blog_pagination a.page-link { width: 40px; height: 40px; line-height: 40px; } .px_post_section1 { width: 100%; } .px_post_section2 { width: 100%; } .px_select_tag ul li a { margin-right: 0; } .px_select_social ul li a { margin-left: 5px; } .px_social_blog_pst { display: block; } .px_select_tag { width: 100%; text-align: center; } .px_select_social { width: 100%; text-align: center; margin-top: 15px; } .px_auther_box { display: block; } .px_auther_img { margin-right: 0; margin-bottom: 15px; } .px_auther_img img { width: 30%; } .px_profile_box { display: block; } .px_blog_comment_box h1 { margin-bottom: 0; } .px_user_text { width: 100%; } .px_user_profile { margin-bottom: 15px; } .px_about_style2 .about_contentbox .about_head1 { font-size: 20px; } .px_index3_slider_style3 .px_banner_content { text-align: center; width: 100%; } ul.comment_left { padding-left: 0; } .px_blog_form h2 { margin-bottom: 30px; } .px_product_listbar > ul > li { width: 100%; padding-left: 0; } .px_product_listbar .product_item_block .content_block { padding: 30px 30px 0 0; } .px_product_listbar.product_list_view > ul > li > .product_item_block { display: block; } .product_detail_tab > ul > li { margin: 0px 0; } .px_tab_peragraph { padding: 24px 30px 5px; } .px_product_slider_white .product_text_rs { text-align: center; } .px_footer_style2 { padding: 50px 15px 20px; } .footer_menu_style2 ul li a { margin: 0 5px; } .footer_social_style2 ul li a { width: 35px; height: 35px; line-height: 35px; font-size: 14px; margin-right: 5px; } .px_price_detail h1 { font-size: 24px; } .px_footer_wrapper.px_footer_style4 { padding: 50px 0 0px 0; } .px_textbox_subscribe4 .px_search_wrapper input { font-size: 14px; } .px_product_slider_dark .product_text_rs { text-align: center; } .fd_review_delivery h4.border_btm_input { font-size: 18px; } .px_credit_cart { padding: 15px 20px 20px; margin-top: 15px; margin-bottom: 0; } .fd_review_wrapper { margin-top: 20px; } .px_credit_cart > ul { display: block; } .px_credit_cart > ul > li { display: block; } .px_credit_cart > ul > li:nth-child(2) { width: 100%; margin: 15px 0 10px; } .px_credit_cart > ul > li:last-child { text-align: left; } .px_shipping04 .px_shipping_add h5 { margin-top: 0; margin-right: 5px; } .px_shipping_add h4 { font-size: 20px; } .px_contact_white_form { margin: 50px 15px 0; padding: 50px 30px; } .px_profile_edit { padding: 50px 30px; } .px_basic_edit h3 { font-size: 16px; } .px_basic_edit { margin-bottom: 0; padding-bottom: 10px; } .px_profile_edit .form_block { margin-bottom: 20px; } .px_error_four h1 { margin-top: 20px; font-size: 30px; } .px_error_four p { font-size: 20px; } .about_contentbox .px_btn { min-width: 225px; } .px_checkout_table .table thead th { font-size: 16px; } .index3_timer canvas { width: 310px !important; height: auto !important; } .px_shop_main { padding: 0 30px 30px; } .px_shop_btntext h4 { font-size: 16px; } .px_shop_center { padding: 30px; } .px_shop_right { padding: 30px; } .px_footer_partner_style3 ul li { margin: 0 15px 30px; } .px_banner_content.px_banner_slider4 { margin-top: 50px; } .px_sale_four h5 { font-size: 16px; margin-bottom: 60px; } .px_sale_four h2 { font-size: 26px; } .px_testimonial_style4 .swi_contentbox { padding: 80px 30px 50px; } .px_user_four img { width: 100px; height: 100px; } .px_user_four { top: -30px; left: 0px; } .px_username_four { left: 90px; width: 200px; } .px_username_four h3 { font-size: 16px; } .footer_social_style2 { margin-top: 20px; margin-bottom: 30px; } .px_project_gallery .grid-item { width: auto; right: 0; } .service_box_wrapper .service_box.serivce_first { margin-bottom: 30px; } .service_box.serivce_second { margin-bottom: 30px; } .px_sign_section { padding: 40px 10px; } .px_social_btn ul li { display: block; } .px_social_btn ul li:last-child { margin: 15px 0 0 0; } .close_search_bar .search_input_box input { width: 70%; font-size: 20px; } .px_bread_crumbs h1 { font-size: 30px; } .px_white_progress ul li span { font-size: 14px; } .px_service_wrapper { padding: 47px 0 20px 0px; } .px_footer_wrapper { padding: 50px 0 0 0px; } .footer_box .px_logo { padding-left: 0; } .px_index3_slider_style3 { padding: 175px 35px 50px; background-position: left } .px_footer_wrapper.px_footer_style3 { padding: 50px 0 0px 0; } .px_checkout_box { padding: 27px 20px 29px; } .px_product_checkout_dark .px_checkout_box { padding: 27px 20px 29px; } .process_box_wrapper .col-lg-3:nth-child(3) .process_box { margin-bottom: 55px; } .px_product_dark .px_blog_pagination, .px_product_white .px_blog_pagination { margin: auto; display: table; } .px_project_gallery .grid_img { display: inline-block; } .px_project_portfolio .px_btn { margin-top: 22px; } .px_header_wrapper .int_logo { padding-top: 29px; text-align: center; } .px_content_wraapper { margin-left: 1px; } } @media(max-width: 480px){ .px_categories_box_section .px_project_gallery .bottom_content { display: none; } .px_project_gallery .grid-item:hover .bottom_content > h3 { font-size: 16px; } .main_contentblock { width: 100%; } .cart_content { width: 310px; overflow: scroll; } .px_project_style2 .px_project_gallery .gallery_nav ul li { margin-left: 0; } .px_project_style2 .px_project_gallery .gallery_nav ul li:before, .px_project_style2 .px_project_gallery .gallery_nav ul li:after { display: none; } .px_white_progress ul li:nth-child(odd) span { top: -50px; } .px_white_progress ul li span.pro_confirm { right: -10px; top: 30px; } .banner_naxt_style2 { right: 15px; bottom: 0; width: 115px; } .banner_naxt_style2 .swiper-button-next, .banner_box_wrapper .swiper-container-rtl .swiper-button-prev { left: 60px; padding-left: 10px; } .banner_naxt_style2 .swiper-button-prev { left: 20px; } .banner_naxt_style2 .swiper-button-next:after, .banner_naxt_style2 .swiper-button-prev:before { display: none; } .px_header_style4 .px_nav .px_cartsec > ul > li:after { display: none; } .px_nav .px_cartsec > ul > li:after { display: none; } .px_nav .px_cartsec > ul > li:first-child { padding: 0; } li.px_login_sign a { margin-left: 5px; } .px_sop_cart_btn { padding: 14px 0 10px 14px; } .px_sop_cart_btn .btn_caret { display: none; } .px_sop_cart_btn > ul > li:first-child { margin-right: 0; } .px_header_style2 .px_sop_cart_btn > ul > li:first-child { margin-right: 0; } .px_header_style2 .px_btn_two { width: 140px; } .px_header_style3 .px_sop_cart_btn > ul > li:first-child { margin-right: 0; } .px_header_style3 .index3_btn { min-width: 140px; } .px_header_style4 .px_sop_cart_btn > ul > li:first-child { margin-right: 0; } .px_header_style4 .index4_btn { min-width: 140px; } .px_header_style2 .px_sop_cart_btn { padding: 14px 0 10px 0px; } .px_header_style3 .px_sop_cart_btn { padding: 14px 0 10px 0px; } .px_header_style4 .px_sop_cart_btn { padding: 14px 0 10px 0px; } .testimonial_box_wrapper .swi_user > svg { bottom: -20px; } .px_header_style2 .px_nav .px_cartsec > ul > li { padding: 0px 5px 0 0; } .px_header_style2 .px_nav .px_cartsec > ul > li > a.setting_toggle { margin-left: 0px; } .product_list_filter .nice-select { height: 40px; line-height: 40px; } .px_checkout_box { padding: 85px 20px 50px; } .px_product_checkout_dark .px_checkout_box { padding: 85px 20px 50px; } } .px_content_wraapper.px_content_margin.mg-left { margin-left: 0px; } .px_service_wrapper .px_heading h2{ color: rgb(255 255 255); } .px_testimonial_wrapper .px_heading h2 { color: rgb(255 255 255); } .swiper-container { margin: -1px auto; } .pr-0, .px-0 { padding-right: 0px !important; padding-left: 0; } .bg_color{ background-color:var(--linkyazi); } /* .px_cartsec ul .px_btn { background: #2c2c2c; min-width: 100px; } .px_cartsec ul a .btn_caret { background: #6a6767; } */ .px_dummy_btn { height: 50px; line-height: 53px; background: rgb(44 44 44); display: inline-block; padding: 0px 3px 0px 20px; position: absolute; top: 0px; left: -20px; } a.px_login_model.px_btn { min-width: 100px; } .px_header_wrapper .int_logo { padding-top: 29px; } .int_logo { margin-bottom: 27px; } .main_imgblock img{ width: 100%; } ul.dropdown-menu.show { background-color: var(--genel) !important; }.grid-item.design { padding: 5px; }.product_item_block { background-color: #137676; padding-top: 10px; } /******************************************************** 22. responsive end ********************************************************/