html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: middle;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Poppins';
background: var(--site_bg);
width: 100%;
outline: 0 !important;
}
body:before {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: .3s all ease;
transition: .3s all ease;
opacity: 0;
visibility: hidden;
z-index: 1;
}
body.offcanvas-menu:before {
opacity: 1;
z-index: 1002;
visibility: visible;
}
main {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
ol,
ul {
list-style: none;
}
a {
text-decoration: none !important;
}
:focus {
outline: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.left--title {
text-align: left;
position: relative;
padding-left: 30px;
margin-bottom: 50px;
}
.left--title .content__title-text {
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: var(--main_text);
}
.left--title .content__title-title {
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: var(--text_1);
}
.left--title::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 10px;
opacity: 0.2;
background: var(--bg_2);
border-radius: 13px;
}
section#page__text .page__text-container h5 {
font-weight: 700;
font-size: 19px;
line-height: 26px;
color: var(--main_text);
border-bottom: 1px solid #F4F8FB;
margin-bottom: 30px;
padding-bottom: 30px;
}
.ctn-preloader {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 900;
}
.ctn-preloader .animation-preloader {
position: absolute;
z-index: 100;
}
.ctn-preloader .animation-preloader .spinner {
-webkit-animation: spinner 1s infinite linear;
animation: spinner 1s infinite linear;
border-radius: 50%;
border: 3px solid rgba(0, 0, 0, 0.2);
border-top-color: #000000;
height: 9em;
margin: 0 auto 0 auto;
width: 9em;
}
.ctn-preloader .loader-section {
background-color: #ffffff;
height: 100%;
position: fixed;
top: 0;
width: calc(50% + 1px);
}
.ctn-preloader .loader-section.section-left {
left: 0;
}
.ctn-preloader .loader-section.section-right {
right: 0;
}
.loaded .animation-preloader {
opacity: 0;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.loaded .loader-section.section-left {
-webkit-transform: translateX(-101%);
transform: translateX(-101%);
-webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}
.loaded .loader-section.section-right {
-webkit-transform: translateX(101%);
transform: translateX(101%);
-webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}
@-webkit-keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@-webkit-keyframes letters-loading {
0%,
75%,
100% {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
25%,
50% {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@keyframes letters-loading {
0%,
75%,
100% {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
25%,
50% {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
.pd50 {
padding: 50px 0;
}
.pd30 {
padding-top: 0;
padding-bottom: 30px !important;
}
.bgsoft {
background: var(--section_bg);
}
:root {
--site_bg: #fafbfd;
--bg_1: #2e3647;
--bg_2: #f5476a;
--bg_3: #fafbfd;
--site_header: #fff;
--alpha: 0.8;
--kutu_1: #F9F2F5;
--kutu_1_buton: #E34565;
--kutu_2: #F2F4F7;
--kutu_2_buton: #5D6C85;
--main_text: #2e3647;
--text_1: #677894;
--text_white: #ffffff;
--section_bg: #f4f8fb;
--breadcumb_background: #f4f8fb;
--size: calc(calc(100vw / var(--Nhexa)) - var(--gap));
}
.content__title {
margin-bottom: 50px;
text-align: center;
}
.content__title .content__title-title {
font-weight: 600;
font-size: 22px;
line-height: 33px;
color: var(--main_text);
margin-bottom: 4px;
}
.content__title .content__title-text {
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: var(--subtext);
color: var(--text_1);
}
.dropdown dd {
margin: 0px;
padding: 0px;
position: relative;
}
.dropdown dd ul {
background: #ffffff;
display: block !important;
left: 0px;
list-style: none;
border-radius: 5px;
}
.dropdown dd ul li a {
padding: 0 15px;
display: block;
font-size: 14px;
font-weight: 500;
color: var(--text_1);
cursor: pointer;
padding: 5px;
padding-left: 15px;
display: block;
}
.dropdown dd ul li:not(:last-child) {
border-bottom: 1px solid var(--section_bg);
}
.dropdown dt {
margin: 0px;
padding: 0px;
}
.dropdown dt a {
background: #fff;
padding-left: 15px;
display: block;
padding-right: 20px;
}
.dropdown dt a span {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
color: var(--text_1);
}
.dropdown ul {
margin: 0px;
padding: 0px;
}
.dropdown a {
color: #816c5b;
text-decoration: none;
outline: none;
}
.dropdown a:visited {
color: #816c5b;
text-decoration: none;
outline: none;
}
.dropdown span.value {
display: none;
}
.dropdown img.flag {
border: none;
vertical-align: middle;
margin-left: 10px;
}
#sample {
display: block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
#sample li {
margin-right: 0 !important;
}
.page-wrapper {
z-index: 2;
}
.page-wrapper .sidebar-wrapper {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-wrapper .page-content {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-wrapper .theme {
width: 40px;
height: 40px;
display: inline-block;
border-radius: 4px;
margin: 2px;
}
.page-wrapper .theme.chiller-theme {
background: #1e2229;
}
.sidebar-wrapper {
position: absolute;
top: 30px;
right: 0;
z-index: 2;
border-radius: 8px;
opacity: 0;
visibility: hidden;
}
.sidebar-wrapper .sidebar-brand {
padding: 10px 15px 10px 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
min-width: 151px;
}
.sidebar-wrapper .sidebar-brand>a {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-transform: uppercase;
font-weight: bold;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.sidebar-wrapper .sidebar-brand #close-sidebar {
cursor: pointer;
font-size: 20px;
margin-left: auto;
}
.sidebar-wrapper .sidebar-brand #close-sidebar svg {
vertical-align: middle;
}
.sidebar-wrapper .sidebar-brand #close-sidebar svg .sidebar-wrapper .sidebar-dropdown>a:after {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
padding-left: 25px;
font-size: 13px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "\f111";
font-family: "Font Awesome 5 Free";
font-weight: 400;
font-style: normal;
display: inline-block;
text-align: center;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
font-size: 8px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge {
float: right;
margin-top: 0px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
float: right;
margin-top: 0px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
padding: 5px 0;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
font-style: normal;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
background: 0 0;
position: absolute;
right: 15px;
top: 14px;
}
.sidebar-wrapper .sidebar-menu ul li a {
transition: all 0.3s ease;
display: inline-block;
width: 100%;
text-decoration: none;
position: relative;
padding: 10px 20px 10px 20px;
display: flex;
justify-content: space-between;
align-items: center;
color: var(--main_text) !important;
font-weight: 500 !important;
}
.sidebar-wrapper .sidebar-menu ul li a:not(:last-child) {
margin-bottom: 10px;
}
.sidebar-wrapper .sidebar-menu ul li a:hover>i::before {
display: inline-block;
-webkit-animation: swing ease-in-out 0.5s 1 alternate;
animation: swing ease-in-out 0.5s 1 alternate;
}
.sidebar-wrapper .sidebar-menu ul li a i {
margin-right: 10px;
font-size: 12px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
}
.sidebar-wrapper .sidebar-menu ul li a span.label {
float: right;
margin-top: 8px;
margin-left: 5px;
}
.sidebar-wrapper .sidebar-menu ul li a span.badge {
float: right;
margin-top: 8px;
margin-left: 5px;
}
.sidebar-wrapper .sidebar-menu .header-menu span {
font-weight: bold;
font-size: 14px;
padding: 15px 20px 5px 20px;
display: inline-block;
}
.sidebar-wrapper .sidebar-menu .sidebar-submenu {
display: none;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
right: 17px;
}
.sidebar-wrapper ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.sidebar-wrapper ul li a i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sidebar-wrapper a {
text-decoration: none;
}
#show-sidebar {
left: 0;
margin-bottom: 1px;
padding: 0;
margin: 0;
border: none;
line-height: 55px;
color: var(--text_white);
font-weight: 500;
font-size: 13px;
line-height: 18px;
display: flex;
align-items: center;
margin-left: 15px;
padding-left: 15px;
border-left: 1px solid var(--text_white);
border-radius: 0;
position: relative;
}
#show-sidebar::after {
content: "";
position: absolute;
left: 0;
background: var(--text_1);
opacity: 0.2;
width: 1px;
height: 100%;
}
#show-sidebar img {
margin-right: 10px;
}
#show-sidebar i {
margin-left: 8px;
font-size: 15px;
}
#show-sidebar i.bi-globe {
margin-left: 0;
font-size: 20px;
margin-right: 8px;
}
#show-sidebar i.ri-global-line {
margin-left: 0;
font-size: 18px;
margin-right: 8px;
}
#show-sidebar svg {
-webkit-animation: rotate 4s infinite;
animation: rotate 4s infinite;
vertical-align: middle;
}
#show-sidebar svg path {
fill: #fff;
}
#close-sidebar {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-wrapper.toggled .sidebar-wrapper {
opacity: 1;
visibility: visible;
}
#header__top {
z-index: 34;
position: relative;
background: var(--bg_1);
}
#header__top .header__container {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 0;
}
#header__top .header__container .header__left ul {
display: flex;
align-items: center;
}
#header__top .header__container .header__left ul li {
font-weight: 500;
font-size: 13px;
line-height: 17px;
color: var(--text_white);
display: flex;
align-items: center;
}
#header__top .header__container .header__left ul li i {
font-size: 18px;
line-height: 18px;
margin-right: 7px;
vertical-align: middle;
color: var(--passive);
}
#header__top .header__container .header__left ul li:not(:last-child) {
margin-right: 15px;
}
#header__top .header__container .header__right {
display: flex;
align-items: center;
}
#header__top .header__container .header__right ul {
display: flex;
align-items: center;
}
#header__top .header__container .header__right ul li:not(:last-child) {
margin-right: 13px;
}
#header__top .header__container .header__right ul li a {
display: flex;
align-items: center;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--text_white);
}
#header__top .header__container .header__right ul li a i {
font-size: 18px;
line-height: 18px;
font-weight: 400;
}
.site-navbar {
margin-bottom: 0px;
z-index: 9999;
position: relative;
width: 100%;
background: var(--bg_3);
}
.site-navbar.another--page {
background: transparent;
}
.site-navbar .toggle-button {
right: 0px;
}
.site-navbar .toggle-button a {
color: var(--main__text);
}
.site-navbar .toggle-button a span i {
color: var(--text_white);
font-size: 25px;
}
.site-navbar .site-navigation.border-bottom {
border-bottom: 1px solid gray !important;
}
.site-navbar .site-navigation .site-menu {
margin-bottom: 0;
}
.site-navbar .site-navigation .site-menu a {
text-decoration: none !important;
display: inline-block;
}
.site-navbar .site-navigation .site-menu>li {
display: inline-block;
}
.site-navbar .site-navigation .site-menu>li:not(:last-child) {
padding-right: 26px;
}
.site-navbar .site-navigation .site-menu>li>a {
font-weight: 500;
font-size: 15px;
line-height: 100px;
mix-blend-mode: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--text_white);
padding: 0;
}
.another--page .site-navigation .site-menu>li>a {
color: var(--text_white);
}
.site-navbar .site-navigation .site-menu>li>a i {
margin-left: 2px;
}
.site-navbar .site-navigation .site-menu .has-children {
position: relative;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown {
visibility: hidden;
opacity: 0;
top: 100%;
position: absolute;
text-align: left;
border-radius: 0 0 8px 8px;
padding: 0px 0;
margin-top: 20px;
margin-left: 0px;
background: white;
transition: 0.3s ease-in-out;
border-radius: 8px;
overflow: hidden;
padding: 10px 13px;
-webkit-box-shadow: 0px 2px 11px 1px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0px 2px 11px 1px rgba(0, 0, 0, 0.07);
box-shadow: 0px 2px 11px 1px rgba(0, 0, 0, 0.07);
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
position: absolute;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
display: none;
bottom: 100%;
left: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: white;
border-width: 10px;
margin-left: -10px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown a {
text-transform: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li {
list-style: none;
padding: 0;
margin: 0;
-webkit-transition: 0.3s all;
transition: 0.3s all;
min-width: 175px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li:last-child {
margin-bottom: 4px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
padding: 9px 10px;
display: block;
position: relative;
z-index: 0;
transition: 0.3s ease-in-out;
color: var(--main_text);
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px;
z-index: -1;
opacity: 0;
transition: 0.3s ease-in-out;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover::after {
background: var(--bg_2);
opacity: 0.04;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
line-height: 23px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {
color: var(--text_1);
}
.site-navbar .site-navigation .site-menu .has-children:hover,
.site-navbar .site-navigation .site-menu .has-children:focus,
.site-navbar .site-navigation .site-menu .has-children:active {
cursor: pointer;
}
.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown,
.site-navbar .site-navigation .site-menu .has-children:focus>.dropdown,
.site-navbar .site-navigation .site-menu .has-children:active>.dropdown {
margin-top: 0px;
visibility: visible;
opacity: 1;
}
.site-navbar .site__menu-contact {
margin-left: 32px;
}
.site-navbar .site__menu-contact a {
font-weight: 500;
font-size: 15px;
background: var(--bg_2);
padding: 15px 30px;
border-radius: 8px;
line-height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--text_white);
}
.site-navbar .site__menu-contact a i {
margin-right: 8px;
font-size: 20px;
}
.site-mobile-menu {
width: 300px;
position: fixed;
left: 0;
z-index: 2000;
padding-top: 20px;
background: var(--site_header);
height: calc(100vh);
-webkit-transform: translateX(-110%);
transform: translateX(-110%);
-webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.offcanvas-menu .site-mobile-menu {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.site-mobile-menu .site-mobile-menu-header {
width: 100%;
float: left;
padding-right: 20px;
padding-bottom: 15px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-top: 8px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close .mobilelogo img {
max-width: 170px;
-o-object-fit: cover;
object-fit: cover;
max-height: 45px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
font-size: 30px;
display: inline-block;
padding-left: 20px;
padding-right: 0px;
line-height: 1;
cursor: pointer;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span i {
color: var(--text_white);
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
color: gray;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
float: left;
margin-top: 10px;
margin-left: 0px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
display: inline-block;
text-transform: uppercase;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
max-width: 70px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
text-decoration: none;
}
.site-mobile-menu .site-mobile-menu-body {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
position: relative;
padding: 0 20px 20px 20px;
height: calc(100vh - 52px);
padding-bottom: 150px;
}
.site-mobile-menu .site-mobile-menu-body::-webkit-scrollbar-track {
opacity: 0;
display: none;
}
.site-mobile-menu .site-mobile-menu-body::-webkit-scrollbar-thumb {
opacity: 0;
display: none;
}
.site-mobile-menu .site-mobile-menu-body::-webkit-scrollbar-thumb:hover {
opacity: 0;
display: none;
}
.site-mobile-menu .site-nav-wrap {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
.site-mobile-menu .site-nav-wrap a {
padding: 0;
display: block;
position: relative;
color: var(--text_white);
}
.site-mobile-menu .site-nav-wrap li {
position: relative;
display: block;
margin: 20px 0;
margin-bottom: 5px;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse {
position: absolute;
right: 0px;
top: 10px;
z-index: 20;
width: 36px;
height: 36px;
text-align: center;
cursor: pointer;
border-radius: 50%;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
font-size: 12px;
z-index: 20;
content: "";
position: absolute;
background-image: url(/assets/img/arrowdown.svg);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-180deg);
transform: translate(-50%, -50%) rotate(-180deg);
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.site-mobile-menu .site-nav-wrap>li {
display: block;
position: relative;
float: left;
width: 100%;
}
.site-mobile-menu .site-nav-wrap>li>a {
font-size: 14px;
font-weight: 500;
}
.site-mobile-menu .site-nav-wrap>li>ul {
padding: 0;
margin: 0;
list-style: none;
}
.site-mobile-menu .site-nav-wrap>li>ul>li {
display: block;
margin-top: 20px;
margin-bottom: 0;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>a {
padding-left: 20px;
font-size: 14px;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>ul {
padding: 0;
margin: 0;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li {
display: block;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a {
font-size: 15px;
padding-left: 60px;
}
.site-mobile-menu .site-nav-wrap[data-class="social"] {
float: left;
width: 100%;
margin-top: 30px;
padding-bottom: 5em;
}
.site-mobile-menu .site-nav-wrap[data-class="social"]>li {
width: auto;
}
.site-mobile-menu .site-nav-wrap[data-class="social"]>li:first-child a {
padding-left: 15px !important;
}
.sticky-wrapper {
position: relative;
z-index: 9;
width: 100%;
}
.sticky-wrapper .site-navbar {
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
width: 100% !important;
}
.sticky-wrapper .site-navbar .site-logo img {
max-height: 75px;
max-width: 100%;
}
.sticky-wrapper .site-navbar ul li a {
color: var(--main_text);
font-size: 15px;
font-weight: 500;
border-radius: 8px;
}
.sticky-wrapper .site-navbar ul li a.active {
color: white !important;
}
.sticky-wrapper.is-sticky .site-navbar {
-webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
background: var(--site_header);
}
.sticky-wrapper.is-sticky .site-navbar ul li a {
color: var(--text_white);
line-height: 75px;
}
.sticky-wrapper.is-sticky .site-navbar ul li a.active {
color: blue !important;
}
.sticky-wrapper .shrink {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.page-wrapper {
z-index: 2;
position: relative;
}
.page-wrapper .sidebar-wrapper {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-wrapper .page-content {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-wrapper .theme {
width: 40px;
height: 40px;
display: inline-block;
border-radius: 4px;
margin: 2px;
}
.page-wrapper .theme.chiller-theme {
background: #1e2229;
}
.hero--item {
position: relative;
}
.hero--content {
z-index: 0;
position: relative;
background: var(--bg_3);
margin-top: -100px;
}
.parallax-container {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: 1fr 1fr;
gap: 30px;
}
#parallax-container {
padding-top: 100px;
padding-bottom: 30px;
}
.is-in-view {
position: relative !important;
}
.is-in-view.maxw img {
max-width: 409px;
object-fit: cover;
}
.parallax-container .is-in-view:nth-child(1) {
grid-row: span 2;
}
.owl-carousel .owl-item img {
width: unset !important;
border-radius: 8px;
}
.iteck-animated-lines {
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
overflow: hidden;
}
.iteck-animated-lines span {
position: absolute;
height: 100%;
width: 1px;
z-index: -1;
}
.iteck-animated-lines span::after {
content: "";
position: absolute;
height: 100%;
width: 1px;
left: 0;
opacity: 0.04;
background: var(--text_1);
}
.iteck-animated-lines span:nth-of-type(1) {
right: 18%;
}
.iteck-animated-lines span:nth-of-type(2) {
right: 34%;
}
.iteck-animated-lines span:nth-of-type(3) {
right: 50%;
}
.iteck-animated-lines span::before {
position: absolute;
content: "";
left: 0;
top: -20px;
height: 25px;
width: 1px;
background-color: var(--bg_2);
animation: afterline 5s ease-in-out infinite;
}
.iteck-animated-lines span:nth-of-type(1)::before {
animation-delay: -2s;
}
.iteck-animated-lines span:nth-of-type(2)::before {
animation-delay: -1s;
}
.iteck-animated-lines span:nth-of-type(3)::before {
animation-delay: 0;
}
@keyframes afterline {
0% {
top: -20px;
}
100% {
top: 100%;
}
}
section.hero__ {
position: relative;
height: 800px;
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 0;
}
section.hero__ .masthead__images {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: 1fr 1fr;
gap: 30px;
}
section.hero__ .masthead__images .is-in-view:nth-child(1) {
grid-row: span 2;
}
#pxl_image-5eab401-7044 {
position: absolute;
right: 0;
box-sizing: border-box;
display: inline-block;
line-height: 28.0001px;
transition: background 0.3s ease 0s, border 0.3s ease 0s, border-radius 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.4s ease 0s;
}
#pxl_image-95b3efc-4726 {
position: absolute;
left: 0;
bottom: 0;
}
div#pxl_image-95b3efc-4726.pxl-image-single.pxl-image-move2.style-default {
animation: animationFramesTwo 14s linear 0s infinite alternate none running;
border-radius: inherit;
box-sizing: border-box;
color: #5d666f;
font-size: 18px;
line-height: 28.0001px;
}
@keyframes animationFramesOne {
0% {
transform: translate(0px, 0px);
}
10% {
transform: translate(40px, -20px);
}
25% {
transform: translate(30px, 30px);
}
50% {
transform: translate(80px, 80px);
}
70% {
transform: translate(-60px, 50px);
}
85% {
transform: translate(50px, -70px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes animationFramesThree {
0% {
transform: translate(0px, 0px);
}
20% {
transform: translate(40px, -5px);
}
40% {
transform: translate(60px, 40px);
}
60% {
transform: translate(40px, 60px);
}
80% {
transform: translate(-40px, 60px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes animationFramesFive {
0% {
transform: translate(0px, 0px);
}
20% {
transform: translate(-20px, 40px);
}
40% {
transform: translate(40px, 40px);
}
60% {
transform: translate(60px, -60px);
}
80% {
transform: translate(-40px, 40px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes pxl_top_bottom {
0% {
transform: translateX(0px);
}
25% {
transform: translateY(-40px);
}
50% {
transform: translateY(0px);
}
75% {
transform: translateY(40px);
}
100% {
transform: translateY(0px);
}
}
@keyframes animationFramesTwo {
0% {
transform: translate(0px, 0px);
}
20% {
transform: translate(-5px, 40px);
}
40% {
transform: translate(40px, 60px);
}
60% {
transform: translate(60px, 40px);
}
80% {
transform: translate(60px, -40px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes pxl_float_two {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(-20px);
}
}
@keyframes pxl_right_left {
0% {
transform: translateX(0px);
}
25% {
transform: translateX(40px);
}
50% {
transform: translateX(0px);
}
75% {
transform: translateX(-40px);
}
100% {
transform: translateX(0px);
}
}
div#pxl_image-5eab401-7044.pxl-image-single.slide-up-down.style-default {
animation: pxl_float_two 1.2s ease 0s infinite alternate none running;
border-radius: inherit;
box-sizing: border-box;
font-size: 18px;
line-height: 28.0001px;
}
div.pxl-item--inner {
border-radius: inherit;
box-sizing: border-box;
font-size: 18px;
line-height: 28.0001px;
}
div.pxl-item--image {
border-radius: inherit;
box-sizing: border-box;
font-size: 18px;
line-height: 28.0001px;
}
img.no-lazyload.attachment-full {
border-radius: inherit;
box-shadow: none;
box-sizing: border-box;
font-size: 18px;
height: auto;
line-height: 28.0001px;
max-width: 100%;
vertical-align: middle;
width: auto;
}
@keyframes pxl_float_two {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(-20px);
}
}
section.hero__ .absolute--item {
position: absolute;
z-index: -1;
}
section.hero__ .hero__container {
max-width: 660px;
z-index: 1;
}
section.hero__ .hero__container .hero__top {
font-weight: 500;
font-size: 19px;
line-height: 28px;
color: var(--text_white);
margin-bottom: 5px;
animation-delay: 1.0s;
animation-fill-mode: both;
animation-duration: 1.0s;
}
.owl-item.active .hero__container .hero__top {
animation-name: fadeInUp;
}
.parallax-container .is-in-view .anim {
animation-delay: 1.0s;
animation-fill-mode: both;
animation-duration: 1.0s;
}
.parallax-container .is-in-view .anim img {
max-width: 100%;
object-fit: cover;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(30px);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes fadeDown {
0% {
opacity: 0;
transform: translateY(-30px);
}
100% {
opacity: 1;
transform: none;
}
}
section.hero__ .hero__container .hero__title {
font-weight: 600;
font-size: 55px;
line-height: 73px;
color: var(--text_white);
margin-bottom: 30px;
animation-delay: 1.5s;
animation-fill-mode: both;
animation-duration: 1.5s;
}
.owl-item.active .hero__container .hero__title {
animation-name: fadeInUp;
}
.is-in-view .anim {
animation-delay: 1.5s;
animation-fill-mode: both;
animation-duration: 1.5s;
}
.owl-item.active .is-in-view:first-child .anim {
animation-name: fadeInRight;
}
.owl-item.active .is-in-view:nth-child(2) .anim {
animation-name: fadeDown;
}
.owl-item.active .is-in-view:nth-child(3) .anim {
animation-name: fadeInUp;
}
section.hero__ .hero__container .hero__text {
font-weight: 400;
font-size: 17px;
line-height: 32px;
color: var(--text_white);
margin-bottom: 35px;
animation-delay: 2s;
animation-fill-mode: both;
animation-duration: 2s;
}
.owl-item.active .hero__container .hero__text {
animation-name: fadeInUp;
}
section.hero__ .hero__container .hero__links a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
max-width: 180px;
font-weight: 500;
font-size: 15px;
line-height: 55px;
color: var(--text_white);
border-radius: 8px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
}
.owl-item.active .hero__container .hero__links {
animation-name: fadeInUp;
animation-delay: 2.5s;
animation-fill-mode: both;
animation-duration: 2.5s;
}
section.hero__ .hero__container .hero__links a::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border: 1px solid var(--text_1);
opacity: 0.04;
border-radius: 8px;
}
section.hero__ .hero__container .hero__links a.hero__about-link {
display: inline-flex;
justify-content: center;
width: 100%;
max-width: 180px;
font-weight: 500;
font-size: 15px;
line-height: 48px;
color: var(--text_white);
border-radius: 8px;
transition: all 0.3s ease-in-out;
position: relative;
}
section.hero__ .hero__container .hero__links a.hero__about-link::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
border-radius: 8px;
border: 1px solid var(--section_bg);
opacity: 0.04;
}
section.hero__ .hero__container .hero__links a.hero__about-link:hover {
color: var(--text_white);
}
section.hero__ .hero__container .hero__links a:not(:last-child) {
margin-right: 30px;
}
section.hero__ .hero__container .hero__links a.hero__contact-link {
background: var(--bg_2);
}
section.hero__ .hero__container .hero__links a.hero__about-link {
line-height: 55px;
}
section.hero__ .hero__container .hero__links a:hover.hero__contact-link {
color: var(--text_white);
background: transparent;
}
section.hero__ .hero__container .hero__links a:hover.hero__contact-link::after {
background: transparent;
color: var(--text_white);
border: 1px solid var(--text_white);
}
section.hero__ .hero__container .hero__links a:hover.hero__about-link::after {
border-color: var(--bg_2);
}
section.hero__ .hero__container .hero__links a:hover.hero__about-link {
background: var(--bg_2);
color: var(--text_white);
}
/* Product */
.section--3 {
position: relative;
padding: 60px 0;
margin: 60px 0;
margin-bottom: 0;
}
.section--3.blog {
margin-top: 0;
padding-bottom: 0;
}
.section--3 .background--color {
background: var(--breadcumb_background);
border-radius: 8px;
padding: 60px 50px;
}
.section--3 .section--wrapper {
border-radius: 8px;
}
.section--3 .section--wrapper .swiper--area .section--item .content a {
position: relative;
width: 100%;
height: 100%;
display: block;
border-radius: 8px;
overflow: hidden;
}
.section--3.pag .section--wrapper .swiper--area .section--item {
margin-bottom: 30px;
}
.section--3 .section--wrapper .swiper--area .section--item .content .absolute--item {
position: absolute;
top: 30px;
right: 30px;
border: 2px solid var(--text_white);
width: 35px;
height: 35px;
font-size: 24px;
color: var(--text_white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.swiper-button-disabled {
display: none !important;
}
.section--3 .section--wrapper .swiper--area .section--item .content:hover .absolute--item {
opacity: 1;
}
/* .section--3 .section--wrapper .swiper--area .section--item .content:hover a img {
transform: scale(1.05);
transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
} */
.section--3 .section--wrapper .swiper--area .section--item .content:hover a .price {
background: var(--bg_2);
color: var(--text_white);
}
.section--3.blog .section--wrapper .swiper--area .section--item .content:hover a .price {
color: var(--main_text);
background: var(--section_bg);
}
.section--3 .section--wrapper .swiper--area .section--item .content a .price {
font-size: 12px;
font-weight: 500;
color: var(--main_text);
background: var(--section_bg);
padding: 4px 13px;
border-radius: 100px;
display: inline-block;
width: fit-content;
margin-bottom: 10px;
transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.section--3 .section--wrapper .swiper--area .section--item .content a h3 {
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: var(--text_white);
margin-bottom: 10px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.section--3.blog .section--wrapper .swiper--area .section--item .content a h3 {
font-size: 16px;
}
.section--3 .section--wrapper .swiper--area .section--item .content a p {
color: var(--text_white);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.section--3 .section--wrapper .swiper--area .section--item .content a .content {
position: absolute;
bottom: 0;
padding: 20px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
z-index: 0;
}
.section--3 .section--wrapper .swiper--area .section--item .content a .content::after {
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
opacity: 0.8;
z-index: -1;
}
.section--3.blog .section--wrapper .swiper--area .section--item .content a .content::after {
content: none;
}
.section--3 .section--wrapper .swiper--area .section--item .content a img {
max-width: 100%;
transition: all 0.4s ease-in-out;
}
.section--3 .section--wrapper .swiper--area {
position: relative;
}
.section--3 .section--wrapper .swiper--area .swpbtn {
width: 45px;
height: 45px;
background: var(--section_bg);
color: var(--main_text);
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
z-index: 2;
}
.section--3 .section--wrapper .swiper--area .swpbtn.next {
right: -25px;
}
.section--3 .section--wrapper .swiper--area .swpbtn.prev {
left: -25px;
}
.section--3 .section--wrapper .swiper--area .swpbtn::after {
content: none;
}
.section--3.blog .section--wrapper .swiper--area .section--item .content .block {
border-radius: 5px;
padding: 15px;
position: relative;
z-index: 0;
}
.section--3.blog .section--wrapper .swiper--area .section--item .content .block::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 5px;
top: 0;
left: 0;
background: var(--bg_1);
opacity: 0.7;
z-index: -1;
}
.section--4 {
height: 550px;
overflow: hidden;
background: var(--bg_3);
}
.section--4 .swiper--area .item--content .slick-list {
height: 790px !important;
}
@media screen and (min-width:1200px) {
.section--4 .text--content {
margin-top: -145px;
}
}
.section--4 .swiper--area .item--content .content {
background: var(--bg_2);
padding: 40px;
border-radius: 8px;
margin-bottom: 30px;
transition: all 0.3s ease-in-out;
}
.section--4 .swiper--area .item--content .content.slick-active {
background: var(--section_bg);
}
.section--4 .swiper--area .item--content .content.slick-active .text--inner {
color: var(--main_text);
}
.section--4 .swiper--area .item--content .content.slick-active .testiminfo .name {
color: var(--main_text);
}
.section--4 .swiper--area .item--content .content.slick-active .testiminfo .small {
color: var(--main_text);
}
.section--4 .swiper--area .item--content .content .testiminfo {
display: flex;
align-items: center;
}
.section--4 .swiper--area .item--content .content .testiminfo .text--info {
display: flex;
justify-content: space-between;
width: 100%;
}
.section--4 .swiper--area .item--content .content.slick-active .testiminfo .text--info i {
color: var(--main_text);
}
.section--4 .swiper--area .item--content .content .testiminfo .text--info i {
font-size: 45px;
color: var(--text_white);
opacity: 0.4;
}
.section--4 .swiper--area .item--content .content .testiminfo .image {
min-width: 70px;
height: 70px;
max-width: 70px;
border-radius: 50%;
overflow: hidden;
margin-right: 20px;
}
.section--4 .swiper--area .item--content .content .testiminfo .image img {
margin-right: 20px;
}
.section--4 .swiper--area .item--content .content .testiminfo .name {
font-size: 22px;
line-height: 40px;
font-weight: 600;
color: var(--text_white);
}
.section--4 .swiper--area .item--content .content .testiminfo .small {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: var(--text_white);
}
.section--4 .swiper--area .item--content .content .text--inner {
color: var(--text_white);
font-size: 17px;
line-height: 26px;
font-weight: 400;
position: relative;
margin-bottom: 25px;
padding-bottom: 25px;
}
.section--4 .swiper--area .item--content .content .text--inner::after {
width: 100%;
content: "";
position: absolute;
bottom: 0;
left: 0;
opacity: 0.05;
border-bottom: 1px solid var(--text_1);
}
.section--4 .section--wrapper .text--content {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.section--4 .section--wrapper .text--content .counter--area {
margin-top: 25px;
}
.section--4 .section--wrapper .text--content .counter--area .box-detail {
font-size: 40px;
font-weight: 700;
color: var(--text_white);
}
.section--4 .section--wrapper .text--content .counter--area .box-detail .counter-title p {
font-size: 16px;
font-weight: 500;
color: var(--text_white);
}
.section--4 .section--wrapper .text--content h4 {
font-size: 54px;
line-height: 64px;
font-weight: 500;
color: var(--text_white);
margin-bottom: 30px;
}
.section--4 .section--wrapper .text--content p {
font-size: 16px;
line-height: 25px;
font-weight: 400;
color: var(--text_white);
}
.section--5 {
padding: 60px 0;
}
.section--5 .content__title-title {
text-align: left;
}
.section--5 .content__title .content__title-text {
text-align: left;
}
.section--5 .section--wrapper .section--item {
position: relative;
}
.section--5 .section--wrapper .section--item .content {
display: flex;
align-items: center;
position: relative;
}
.section--5 .section--wrapper .section--item .content.active .hidden--image {
opacity: 1;
visibility: visible;
}
.section--5 .section--wrapper .section--item:first-child .text--link {
border-radius: 8px 8px 0 0;
}
.section--5 .section--wrapper .section--item:last-child .text--link {
border-radius: 0 0 8px 8px;
}
.section--5 .section--wrapper .section--item:not(:last-child)::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-bottom: 1px solid var(--main_text);
opacity: 0.05;
}
.section--5 .section--wrapper .section--item .content .text--link {
padding: 60px;
background: var(--breadcumb_background);
width: 100%;
height: 100%;
font-size: 22px;
line-height: 34px;
color: var(--main_text);
font-weight: 500;
}
.section--5 .section--wrapper .section--item .content .text--link h3 {
max-width: 550px;
line-height: 37px;
}
.section--5 .section--wrapper .section--item .content .hidden--image {
opacity: 0;
visibility: hidden;
border-radius: 8px;
overflow: hidden;
position: absolute;
right: 5%;
bottom: 0;
z-index: 1;
transition: all 0.3s ease-in-out;
}
.section--5 .section--wrapper .section--item .content:hover .hidden--image {
opacity: 1;
visibility: visible;
}
.section--5 .section--wrapper .section--item .content .hidden--image img {
max-width: 100%;
}
/* Projeler */
section.employer-section-two {
padding: 60px 0;
display: block;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
background: var(--section_bg);
}
div.tf-container {
background: transparent;
bottom: 0px;
box-sizing: border-box;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
left: 0px;
line-height: 25px;
margin: 0px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
padding: 0px;
padding-left: 15px;
padding-right: 15px;
position: relative;
right: 0px;
top: 0px;
vertical-align: baseline;
width: 1440px;
}
div.wd-employer {
background: transparent;
box-sizing: border-box;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
div.tf-title {
align-items: center;
background: transparent;
box-sizing: border-box;
display: flex;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
justify-content: space-between;
line-height: 25px;
margin: 0px;
margin-bottom: 40px;
padding: 0px;
vertical-align: baseline;
}
div.group-title {
background: transparent;
box-sizing: border-box;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
p.info {
background: transparent;
box-sizing: border-box;
color: var(--text_1);
font-family: inherit;
font-size: 18px;
font-style: inherit;
font-weight: inherit;
line-height: 28px;
margin: 0px;
margin-bottom: 1rem;
margin-top: 0px;
padding: 0px;
vertical-align: baseline;
}
a.tf-button {
align-items: center;
background: transparent;
box-sizing: border-box;
color: var(--main_text);
cursor: pointer;
display: inline-flex;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: 700;
line-height: 26px;
margin: 0px;
padding: 0px;
text-decoration: none;
text-transform: none;
transition: all 0.3s ease-in-out 0s;
vertical-align: baseline;
}
a.tf-button:hover {
color: #14a077;
outline: 0px;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
a.tf-button:focus {
color: #14a077;
outline: 0px;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
span.icon-arrow-right2 {
background: transparent;
box-sizing: border-box;
color: #14a077;
cursor: pointer;
display: block;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 16px;
margin: 0px;
margin-left: 4px;
padding: 0px;
vertical-align: baseline;
}
div.row.wow.fadeInUp.animated {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
animation: fadeInUp 1s ease 0s 1 normal both running;
background: transparent;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
margin: 0px;
margin-left: -12px;
margin-right: -12px;
margin-top: 0px;
padding: 0px;
vertical-align: baseline;
visibility: visible;
}
div.employer-block {
background: transparent;
border: 0px;
border-radius: 8px;
bottom: 0px;
box-sizing: border-box;
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
left: 0px;
line-height: 25px;
margin: 0px;
margin-bottom: 32px;
position: relative;
right: 0px;
top: 0px;
transition: all 0.3s ease-in-out 0s;
vertical-align: baseline;
}
div.employer-block a {
z-index: 1;
position: relative;
width: 100%;
height: 100%;
display: block;
padding: 20px;
}
div.employer-block::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 8px;
border: 1px solid var(--text_1);
transition: all 0.3s ease-in-out 0s;
opacity: 0.03;
}
a.action--btn {
background: transparent;
bottom: 0px;
box-sizing: border-box;
color: var(--main_text);
cursor: pointer;
font-size: 18px;
font-weight: 700;
left: 0px;
line-height: 23px;
margin: 0px;
padding: 0px;
right: 0px;
text-decoration: none;
top: 0px;
transition: all 0.3s ease-in-out 0s;
vertical-align: baseline;
}
a.action--btn:hover {
color: var(--bg_2);
outline: 0px;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
a.action--btn:not(.jobtex-link-item) {
position: relative;
z-index: 2;
}
a.action--btn:focus {
color: #14a077;
outline: 0px;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
div.employer-block:hover::after {
border-color: var(--bg_2);
opacity: 0.5;
}
div.inner-box {
align-items: center;
background: transparent;
box-sizing: border-box;
cursor: pointer;
display: flex;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
margin: 0px;
vertical-align: baseline;
}
div.logo-company {
background: transparent;
box-sizing: border-box;
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
height: 60px;
line-height: 25px;
margin: 0px;
margin-right: 15px;
max-width: 60px;
min-width: 60px;
padding: 0px;
vertical-align: baseline;
}
img.p--img {
background: transparent;
box-sizing: border-box;
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
height: 100%;
line-height: 25px;
margin: 0px;
max-width: 100%;
padding: 0px;
vertical-align: middle;
width: 100%;
}
div.box-content {
background: transparent;
box-sizing: border-box;
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
div.box-content strong {
font-size: 16px;
font-weight: 600;
line-height: 19px;
color: var(--main_text);
}
div.star {
background: transparent;
box-sizing: border-box;
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
span.icon-star-full {
background: transparent;
box-sizing: border-box;
color: #ffb321;
cursor: pointer;
font-family: inherit;
font-size: 12.8px;
font-style: inherit;
font-weight: inherit;
line-height: 12.8px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
a.jobtex-link-item {
background: transparent;
bottom: 0px;
box-sizing: border-box;
color: var(--main_text);
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: 700;
left: 0px;
line-height: 28px;
margin: 0px;
padding: 0px;
right: 0px;
text-decoration: none;
top: 0px;
transition: all 0.3s ease-in-out 0s;
vertical-align: baseline;
}
a.jobtex-link-item:hover {
color: var(--text_1);
outline: 0px;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
span.icon-bolt {
background: transparent;
border-radius: 50%;
box-sizing: border-box;
color: #ffffff;
cursor: pointer;
font-family: inherit;
font-size: 14px;
font-style: inherit;
font-weight: inherit;
line-height: 14px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
p.info {
background: transparent;
box-sizing: border-box;
color: var(--text_1);
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 15px;
font-style: inherit;
font-weight: inherit;
line-height: 22px;
margin: 0px;
margin-top: 0px;
padding: 0px;
vertical-align: baseline;
}
span.icon-map-pin {
background: transparent;
box-sizing: border-box;
color: var(--text_1);
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 14px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
a.jobtex-link-item {
background: transparent;
bottom: 0px;
box-sizing: border-box;
color: var(--main_text);
cursor: pointer;
display: block;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
height: 100%;
left: 0px;
line-height: 25px;
margin: 0px;
padding: 0px;
position: absolute;
right: 0px;
text-decoration: none;
top: 0px;
transition: all 0.3s ease-in-out 0s;
vertical-align: baseline;
width: 100%;
}
a.jobtex-link-item:focus {
color: #14a077;
outline: 0px;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
@media only screen and (max-width: 550px) {
div.tf-title {
display: block;
padding: 0px;
}
p.info {
margin-bottom: 10px;
}
}
/* Yorumlar */
.comments {
padding: 60px 0;
}
.comments .comments--area .swiper--item .swiper--content {
padding: 50px;
background: #ffffff;
border-radius: 8px;
}
.comments .comments--area .swiper--item p {
font-size: 16px;
line-height: 26px;
color: var(--text_1);
padding-bottom: 30px;
}
.comments .comments--area .swiper--item .swiper--content .bottom {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.comments .comments--area .swiper--item .swiper--content .bottom .name {
font-size: 17px;
font-weight: 600;
line-height: 27px;
color: var(--main_text);
}
.comments .comments--area .swiper--item .swiper--content .bottom .image {
margin-right: 15px;
border-radius: 8px;
overflow: hidden;
}
.comments .comments--area .swiper--item .swiper--content .bottom--info {
display: flex;
align-items: center;
justify-content: space-between;
}
.comments .comments--area .swiper--item .swiper--content .bottom--info .subname {
font-size: 15px;
font-weight: 500;
color: var(--text_1);
}
.comments .comments--area .swiper--item .swiper--content .bottom--info .star {
font-size: 17px;
color: var(--bg_2);
}
.ref {
padding: 60px 0;
}
/* Yorumlar son */
/* These were inline style tags. Uses id+class to override almost everything */
#style-M2QyF.style-M2QyF {
transform: translate3d(0px, 0px, 0px);
transition-duration: 0ms;
}
#style-sTVSC.style-sTVSC {
transform: translate3d(-1500px, 0px, 0px);
transition-duration: 500ms;
}
*/
/* istatistik */
.wd-banner-counter {
padding-top: 20px;
}
.tf-container {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px;
width: 1440px;
max-width: 100%;
}
.tf-container.st3 {
width: 1201px;
}
.group-title-counter {
padding-bottom: 40px;
text-align: center;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.fadeInUp {
animation-name: fadeInUp;
}
.group-counter {
border-radius: 8px;
background-color: #ffffff;
position: relative;
padding: 40px 0px;
}
.group-title-counter h3 {
line-height: 44px;
font-size: 36px;
color: #23262f;
margin-bottom: 8px;
}
.group-title-counter.stc p {
font-size: 18px;
line-height: 28px;
}
.align-item-center {
align-items: center;
}
.ani4 {
-webkit-animation: ani4 7s infinite ease-in-out alternate;
animation: ani4 7s infinite ease-in-out alternate;
}
.group-counter .widget-counter {
display: flex;
align-items: center;
justify-content: center;
}
.group-counter .widget-counter::after {
content: "";
position: absolute;
right: 0;
height: 100%;
width: 1px;
opacity: 0.04;
border-right: 1px solid var(--text_1);
}
.br-none.widget-counter::after {
border-right: none !important;
}
.group-counter .widget-counter .icon {
margin-right: 25px;
}
.group-counter .widget-counter.br-none {
border-right: hidden;
}
.wd-counter p {
font-size: 16px;
line-height: 23px;
color: var(--text_1);
margin-bottom: 0;
}
.wd-counter h2 {
font-size: 20px;
color: var(--main_text);
font-weight: 600;
margin-bottom: 0;
margin-top: 0;
}
span {
font-family: inherit;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(30px);
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: none;
opacity: 1;
transform: none;
}
}
@keyframes ani4 {
0%,
100% {
transform: translateX(0);
transition: all 0.3s ease;
transform: translateX(0px);
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
transition-property: all;
}
50% {
transform: translateX(-20px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
transform: translateX(-20px);
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
transition-property: all;
}
}
/*
Footer üstü
*/
.bg-map .container {
position: relative;
z-index: 2;
}
.d-block {
display: block!important;
}
.section {
display: inline-block;
width: 100%;
}
.bg-map {
position: relative;
}
.box-map {
position: relative;
}
p:first-of-type span {
display: none;
}
p:first-of-type i {
display: none !important;
}
p.footer--info--item:first-of-type {
margin-bottom: 25px !important;
}
.style-RV1XZ:not(:last-child) {
margin-bottom: 30px;
}
.box-map .img--box article img {
object-fit: cover;
}
:selection {
background: #069;
color: #fff;
}
iframe {
border: 0;
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
width: 100%!important;
}
.animate__fadeIn {
animation-name: fadeIn;
}
.map-info {
position: absolute;
top: 48px;
bottom: 48px;
right: 38px;
max-width: 340px;
z-index: 1;
background-color: #fff;
padding: 35px 31px;
margin-left: 38px;
border-radius: 8px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.map-info .bottom {
margin-top: 20px;
padding-top: 20px;
font-weight: 600;
line-height: 28px;
font-size: 15px;
position: relative;
width: 100%;
color: var(--text_1);
}
.map-info .bottom::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
opacity: 0.04;
border-top: 1px solid var(--text_1);
}
.footer--info--item {
display: flex;
align-items: center;
color: var(--text_1);
}
.footer--info--item strong {
font-size: 15px;
font-weight: 500;
}
.footer--info--item:first-child {
margin-bottom: 25px !important;
}
.footer--info--item:not(:last-child) {
margin-bottom: 10px;
}
.footer--info--item strong span {
margin-right: 5px;
}
.footer--info--item i {
font-size: 16px;
margin-right: 10px;
color: var(--bg_2);
}
.mb-25 {
margin-bottom: 25px!important;
}
p {
margin-top: 0;
margin-bottom: 1rem;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
.color-grey-700 {
color: #5b647c;
}
.mb-10 {
margin-bottom: 10px!important;
}
.mb-30 {
margin-bottom: 30px!important;
}
.line-border {
border-bottom: 1px solid #e8e9ed;
margin: 20px 0;
}
.font-md-bold {
font-weight: 600;
font-family: epilogue, sans-serif;
line-height: 28px;
font-size: 16px;
}
svg {
vertical-align: middle;
}
.color-brand-1 {
color: #fec201!important;
}
.icon-16 {
height: 16px;
color: #041c2f;
}
.mr-10 {
margin-right: 10px!important;
}
@keyframes fadeIn {
0% {
opacity: 0;
opacity: 0;
}
100% {
opacity: 1;
opacity: 1;
}
}
/* These were inline style tags. Uses id+class to override almost everything */
#style-219aY.style-219aY {
border: 0px;
visibility: visible;
}
#style-t8VsQ.style-t8VsQ {
visibility: visible;
max-height: 40px;
}
#style-3gcnR.style-3gcnR {
visibility: visible;
}
#style-kEYUv.style-kEYUv {
visibility: visible;
}
#style-RV1XZ.style-RV1XZ {
visibility: visible;
}
#style-j6J9j.style-j6J9j {
visibility: visible;
}
#style-a3BCL.style-a3BCL {
visibility: visible;
}
/* Kategoriler */
.job-category-section-two {
padding: 60px 0;
}
.tf-container {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px;
width: 1440px;
max-width: 100%;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.fadeInUp {
animation-name: fadeInUp;
}
.tf-title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
.group-category-job {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
}
a.btn-category-job {
color: var(--main_text);
text-decoration: none;
font-family: inherit;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tf-button {
padding: 0;
border: none;
display: inline-flex;
align-items: center;
text-transform: none;
font-size: 16px;
font-weight: 700;
line-height: 26px;
}
a.btn-category-job:hover {
color: #14a077;
text-decoration: none;
outline: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.job-category-box {
color: #ffffff;
transition: all 0.3s ease-in-out;
}
.group-category-job .job-category-box {
margin-bottom: 20px;
border-radius: 8px;
padding: 28px;
background: var(--section_bg);
border: 1px solid #f4f8fb;
}
.job-category-box:hover {
background: var(--bg_2);
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.job-category-box:hover .job-category-box p {
color: var(--text_white);
}
.job-category-box.active {
background: var(--bg_2);
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.job-category-box:hover,
.job-category-box.active {
background: var(--bg_2);
transition: all 0.3s ease-in-out;
cursor: pointer;
}
h1.btn-category-h1 {
margin-top: 0;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2;
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1.btn-category-h1 {
font-size: 2.5rem;
}
}
h1.btn-category-h1 {
font-family: inherit;
font-size: 80px;
font-weight: 700;
font-style: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
line-height: 1.1em;
}
.tf-title h1 {
font-weight: 700;
font-size: 36px;
line-height: 44px;
color: var(--main_text);
margin-bottom: 16px;
}
p.btn-category-p {
margin-top: 0;
margin-bottom: 1rem;
font-family: inherit;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
.tf-title p {
color: var(--text_1);
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.tf-button span {
color: #14a077;
margin-left: 4px;
}
.icon-arrow-right2:before {
content: "\ea3c";
}
.job-category-box .job-category-header {
margin-bottom: 8px;
}
.job-category-box strong {
color: var(--bg_2);
text-transform: none;
border: none;
font-weight: 600;
font-size: 14px;
line-height: 22px;
padding: 0;
display: flex;
align-items: center;
transition: all 0.3s ease-in-out;
}
.job-category-box .btn-category-job {
color: var(--bg_2);
text-transform: none;
border: none;
font-weight: 600;
font-size: 14px;
line-height: 22px;
padding: 0;
display: flex;
align-items: center;
}
.job-category-box:hover p {
color: var(--text_white);
}
.job-category-box:hover h1,
.job-category-box:hover strong {
color: var(--text_white);
}
.job-category-box:hover a,
.job-category-box:hover .btn-category-job {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
.job-category-box.active a,
.job-category-box.active .btn-category-job {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
.job-category-box.active a,
.job-category-box.active .btn-category-job,
.job-category-box:hover a,
.job-category-box:hover .btn-category-job {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
.job-category-box h1 {
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: var(--main_text);
transition: all 0.3s ease-in-out;
}
.job-category-box p {
color: var(--text_1);
font-size: 15px;
line-height: 22px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.job-category-box .btn-category-job span {
margin-left: 4px;
font-size: 20px;
}
.icon-keyboard_arrow_right:before {
content: "\e9a0";
}
.job-category-box.active p {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
.job-category-box h1 a {
color: var(--main_text);
}
.job-category-box:hover a {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
.job-category-box.active a {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
.job-category-box.active a,
.job-category-box:hover a {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(30px);
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: none;
opacity: 1;
transform: none;
}
}
.section--1 {
padding: 60px 0 30px 0;
}
.section--1 .section--wrapper .section--item .content {
margin-bottom: 30px;
}
.section--1 .section--wrapper .section--item .content a {
background: var(--section_bg);
padding: 40px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
line-height: 28px;
font-weight: 600;
color: var(--main_text);
transition: all 0.3s ease-in-out 0s;
}
.section--1 .section--wrapper .section--item .content a:hover {
background: var(--bg_2);
color: var(--text_white);
}
/* Yeni hizmetler */
.section--2 {
padding: 60px 0 30px 0;
position: relative;
overflow: hidden;
background: var(--breadcumb_background);
}
.section--2 .circle-shape-1 {
width: 160px;
height: 160px;
background-color: var(--bg_2);
border-radius: 50%;
opacity: 0.6;
top: 30%;
left: -80px;
opacity: 0.4;
transform: translatey(0px);
animation: float1 6s ease-in-out infinite;
}
@keyframes float1 {
0% {
transform: translatex(0px);
}
50% {
transform: translatex(-20px);
}
100% {
transform: translatex(0px);
}
}
.section--2 .circle-shape-2 {
width: 800px;
height: 800px;
background-color: var(--bg_2);
border-radius: 50%;
opacity: 0.6;
left: -400px;
bottom: -523px;
opacity: 0.2;
transform: translatey(0px);
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
.section--2 .section--wrapper .sticky--content h3 {
font-size: 48px;
line-height: 56px;
font-weight: 500;
color: var(--main_text);
}
.section--2 .section--wrapper .sticky--content {
position: sticky;
top: 130px;
display: block;
}
.section--2 .section--wrapper .sticky--content p {
font-size: 16px;
line-height: 32px;
font-weight: 400;
color: var(--text_1);
}
.section--2 .section--wrapper .content {
display: flex;
align-items: flex-start;
padding: 30px;
background: var(--section_bg);
border-radius: 8px;
margin-bottom: 30px;
}
.section--2 .section--wrapper .content:not(:last-child) {
margin-bottom: 30px;
}
.section--2 .section--wrapper .content .icon {
font-size: 30px;
min-width: 65px;
height: 65px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 30px;
background: var(--breadcumb_background);
border-radius: 8px;
color: var(--main_text);
position: relative;
z-index: 0;
overflow: hidden;
transition: all 0.4s ease-in-out;
}
.section--2 .section--wrapper .content .icon::after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 0;
background-color: var(--bg_2);
transition: all 0.4s ease-in-out;
visibility: hidden;
opacity: 0;
z-index: -1;
}
.section--2 .section--wrapper .content:hover .icon {
color: var(--text_white);
}
.section--2 .section--wrapper .content:hover .icon::after {
height: 100%;
visibility: visible;
opacity: 1;
}
.section--2 .section--wrapper .content .info small {
font-size: 15px;
font-weight: 500;
color: var(--text_1);
}
.section--2 .section--wrapper .content .info h3 {
font-size: 21px;
line-height: 34px;
font-weight: 600;
color: var(--main_text);
margin-bottom: 15px;
margin-top: 1px;
}
.section--2 .section--wrapper .content .info p {
font-size: 15px;
line-height: 26px;
font-weight: 400;
color: var(--text_1);
}
/* Yeni hizmetler */
section#portfolio .content__title {
margin-bottom: 24px;
}
section#portfolio .portfolio__container .portfolio__item {
background: #fff;
border-radius: 8px;
padding: 30px;
border: 15px solid var(--site_bg);
border-radius: 10px;
overflow: hidden;
border-bottom: 10px;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid var(--section_bg);
margin-bottom: 30px;
padding-bottom: 30px;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-top .portfolio__item-icon {
overflow: hidden;
margin-right: 25px;
width: 60px;
height: 60px;
background: var(--bg_3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
-webkit-transition: all 0.7s;
transition: all 0.7s;
position: relative;
-webkit-transition: .4s;
transition: .4s;
z-index: 0;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-top .portfolio__item-icon:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 0;
background-color: var(--bg_2);
-webkit-transition: .4s;
transition: .4s;
visibility: hidden;
opacity: 0;
z-index: -1;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-top .portfolio__item-icon i {
font-size: 23px;
margin-top: 2px;
color: var(--main_text);
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-info .portfolio__item-text {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--text_1);
margin-bottom: 1px;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-info .portfolio__item-title {
font-weight: 600;
font-size: 19px;
line-height: 28px;
color: var(--main_text);
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-detail {
font-weight: 400;
font-size: 15px;
line-height: 25px;
color: var(--text_1);
}
section#portfolio .portfolio__container .portfolio__item:hover .portfolio__item-top .portfolio__item-icon:after {
height: 100%;
visibility: visible;
opacity: 1;
}
section#portfolio .portfolio__container .portfolio__item:hover .portfolio__item-top .portfolio__item-icon i {
color: var(--text_white);
}
section#portfolio.aboutusportfolio .portfolio__container .portfolio__item {
border: 15px solid var(--section_bg) !important;
}
/* These were inline style tags. Uses id+class to override almost everything */
#style-rBTog.style-rBTog {
visibility: visible;
}
#style-GvyhP.style-GvyhP {
visibility: visible;
}
section#blog {
padding: 50px 0;
}
section#blog.blog__main .section--item {
margin-bottom: 30px;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-image {
border-radius: 8px 8px 0 0;
line-height: 0;
overflow: hidden;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-image img {
width: 100%;
max-height: 200px;
object-fit: cover;
border-radius: 8px 8px 0 0;
transition: .7s;
transform: scale(1);
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body {
padding: 30px;
background: #fff;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog__item-cat span a {
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: var(--text_1);
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog-text {
padding: 20px 0 25px 0;
margin-bottom: 25px;
border-bottom: 1px solid #f3f5f7;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog-text p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--text_1);
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-all;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog__item-title {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog__item-title a {
font-weight: 600;
font-size: 17px;
line-height: 21px;
color: var(--main_text);
background-image: linear-gradient(var(--bg_2), var(--bg_2));
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 3px;
transition: background-size 0.8s;
display: initial !important;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog__item-title a:hover {
background-size: 100% 3px;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog__item-btn a {
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: var(--text_1);
position: relative;
padding-bottom: 5px;
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog__item-btn a:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 24px;
height: 2px;
background: var(--text_1);
-webkit-transition: all 0.7s;
transition: all 0.7s;
opacity: 0.7;
}
section#blog .blog__container .blog__item .blog__item-detail:hover .blog__item-image img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
section#blog .blog__container .blog__item .blog__item-detail:hover .blog__item-body .blog__item-btn a {
color: var(--bg_2);
}
section#blog .blog__container .blog__item .blog__item-detail:hover .blog__item-body .blog__item-btn a:after {
width: 100%;
background: var(--bg_2);
}
section#blog .blog__container .blog__container-pagi {
margin: 30px 0 0 0;
}
section#blog.blog__main .blog__container .blog__item .blog__item-detail {
margin-bottom: 40px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .sidebar__ads {
margin-bottom: 30px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .sidebar__ads .ad {
height: 285px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .sidebar__ads .ad img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .box-title {
padding: 18px 20px;
color: var(--text_white);
font-weight: 500;
font-size: 15px;
line-height: 22px;
background: var(--bg_2);
border-radius: 8px 8px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .box-title svg {
margin-right: 7px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .box-title svg path {
fill: var(--text_white);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search {
background-color: #fff;
padding: 20px;
margin-bottom: 30px;
border-radius: 0 0 8px 8px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container {
position: relative;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container input {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--main_text);
width: 100%;
padding-left: 15px;
line-height: 47px;
border: 1px solid #F4F8FB;
border-radius: 8px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container input:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container input::-webkit-input-placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container input:-ms-input-placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container input::-ms-input-placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container input::placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container button {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
right: 5px;
border: none;
background-color: transparent;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat {
margin-bottom: 30px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .box-title {
padding: 18px 20px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_white);
background: var(--bg_2);
border-radius: 8px 8px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .box-title svg {
margin-right: 7px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .box-title svg path {
fill: var(--text_white);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features {
background-color: #fff;
padding: 25px;
border-radius: 0 0 8px 8px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul {
overflow: hidden;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: default;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #F4F8FB;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item a {
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item a i {
margin-right: 10px;
font-size: 17px;
color: var(--text_1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item:hover a {
color: var(--main_text);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item:hover a i {
color: var(--bg_2);
}
.pagination {
text-align: center;
width: 100%;
}
.pagination .page-item {
width: 100%;
max-width: 90px;
}
.pagination .page-item .page-link {
font-size: 14px;
font-weight: 600;
color: var(--text_1);
background: var(--section_bg);
padding: 0;
line-height: 48px;
border: none !important;
outline: none;
-webkit-transition: 400ms;
transition: 400ms;
}
.pagination .page-item .page-link:hover {
background: var(--bg_2);
color: var(--text_white);
}
.pagination .page-item .page-link.active {
background-color: var(--bg_2);
color: var(--text_white);
}
.pagination .page-item .page-link:focus {
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#blog-comments {
padding-bottom: 50px;
padding-top: 25px;
}
.blog__sidebar-search .box-title {
padding: 18px 20px;
color: var(--text_white);
font-weight: 500;
font-size: 15px;
line-height: 22px;
background: var(--bg_2);
border-radius: 8px 8px 0 0;
}
.blog__sidebar-search .box-title svg {
margin-right: 12px;
}
.blog__sidebar-search .box-title svg path {
fill: var(--text_white);
}
.blog__sidebar-search .search {
background-color: #fff;
padding: 20px;
margin-bottom: 30px;
border-radius: 0 0 8px 8px;
}
.blog__sidebar-search .search .form-container {
position: relative;
}
.blog__sidebar-search .search .form-container input {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--main_text);
width: 100%;
padding-left: 15px;
line-height: 47px;
border: 1px solid #F4F8FB;
border-radius: 8px;
}
.blog__sidebar-search .search .form-container input:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.blog__sidebar-search .search .form-container input::-webkit-input-placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
.blog__sidebar-search .search .form-container input:-ms-input-placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
.blog__sidebar-search .search .form-container input::-ms-input-placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
.blog__sidebar-search .search .form-container input::placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
.blog__sidebar-search .search .form-container button {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
right: 5px;
border: none;
background-color: transparent;
}
.footer--top__block {
padding-bottom: 105px;
padding-top: 60px;
}
.footer--top__block .block--wrapper {
padding: 30px 30px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: -50px;
border-radius: 5px;
position: relative;
z-index: 0;
}
.footer--top__block .block--wrapper::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.07;
border-radius: 8px;
background: var(--bg_2);
z-index: -1;
}
.footer--top__block .block--wrapper .block--content--left {
border-radius: 8px;
}
.footer--top__block .block--wrapper .block--content--left h3 {
font-weight: 600;
font-size: 20px;
line-height: 27px;
color: var(--main_text);
margin-bottom: 7px;
}
.footer--top__block .block--wrapper .block--content--left p {
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: var(--main_text);
margin-bottom: 0;
}
.footer--top__block .block--wrapper .block--content--right {
border-radius: 5px;
display: flex;
align-items: center;
}
.footer--top__block .block--wrapper .block--content--right a {
border-radius: 5px;
font-weight: 500;
font-size: 16px;
line-height: 23px;
color: var(--text_white);
min-width: 180px;
display: flex;
align-items: center;
justify-content: center;
background: var(--kutu_1_buton);
height: 60px;
}
.footer--top__block .block--wrapper .block--content--right a:not(:last-child) {
margin-right: 30px;
}
.footer--top__block .block--wrapper .block--content--right a.whatsapp {
background: var(--kutu_2_buton);
}
.text--area.padding {
margin: 50px 0;
}
.text--area .image--area {
border-radius: 14px;
overflow: hidden;
}
.text--area .image--area img {
max-width: 100%;
height: auto;
border-radius: 8px;
}
.text--area .text--content {
padding: 30px;
background: var(--section_bg);
border-radius: 8px;
}
.text--area .text--content .text--title {
font-weight: 600;
font-size: 19px;
line-height: 26px;
color: var(--main_text);
margin-bottom: 30px;
padding-bottom: 30px;
position: relative;
}
.text--area .text--content .text--title::after {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border-bottom: 1px solid var(--text_1);
opacity: 0.04;
}
.text--area .text--content .text {
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: var(--text_1);
}
.text--area .text--content {
padding: 30px;
background: #fff;
border-radius: 5px;
}
.text--area .text--content .text--title {
font-weight: 600;
font-size: 19px;
line-height: 26px;
color: var(--main_text);
margin-bottom: 30px;
padding-bottom: 30px;
}
.text--area .text--content .text {
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: var(--text_1);
}
.breadcrumb {
margin: 0;
z-index: 0;
display: flex;
align-items: center;
position: relative;
background-repeat: no-repeat;
background-size: cover;
}
.breadcrumb.blog .breadcrumb__container .breadcrumb__title {
font-size: 20px;
line-height: 29px;
}
.breadcrumb::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--section_bg);
}
.breadcrumb .breadcrumb__container {
display: flex;
align-items: center;
z-index: 1;
position: relative;
padding: 10px 0;
}
.breadcrumb .breadcrumb__container .breadcrumb__title {
font-size: 14px;
font-weight: 500;
line-height: 21px;
color: var(--text_white);
}
.breadcrumb .breadcrumb__container ul span {
margin: 0 5px;
display: flex;
align-items: center;
margin-top: 2px;
}
.breadcrumb .breadcrumb__container ul span i {
line-height: 4px;
color: var(--main_text);
}
.breadcrumb .breadcrumb__container ul li {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
line-height: 21px;
color: var(--main_text);
}
.breadcrumb .breadcrumb__container ul li:first-child i {
display: none;
}
.breadcrumb .breadcrumb__container ul li i {
line-height: 21px;
color: var(--text_1);
margin-left: 0.625rem;
margin-right: 0.625rem;
}
.breadcrumb .breadcrumb__container ul li a {
font-size: 14px;
font-weight: 500;
line-height: 21px;
color: var(--text_1);
}
.custom--layout {
padding: 60px 0;
}
.custom--layout.page--bayi {
padding: 50px 0 98px 0;
margin-bottom: -50px;
}
.custom--layout .custom--layout__wrapper .layout--content {
background: var(--section_bg);
display: flex;
align-items: center;
padding: 25px;
transition: all 0.3s ease-in;
border-radius: 8px;
}
.custom--layout .custom--layout__wrapper .layout--content:hover .icon::after {
height: 100%;
visibility: visible;
opacity: 1;
}
.custom--layout .custom--layout__wrapper .layout--content:hover .icon i {
color: var(--text_white);
}
.custom--layout .custom--layout__wrapper .layout--content .icon {
min-width: 80px;
height: 80px;
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--section_bg);
margin-right: 25px;
position: relative;
transition: all 0.3s ease-in;
z-index: 0;
overflow: hidden;
transition: 0.4s;
}
.custom--layout .custom--layout__wrapper .layout--content .icon i {
font-size: 30px;
color: var(--text_1);
transition: all 0.3s ease-in;
}
.custom--layout .custom--layout__wrapper .layout--content .icon::after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 0;
background-color: var(--bg_2);
transition: 0.4s;
visibility: hidden;
opacity: 0;
z-index: -1;
}
.custom--layout .custom--layout__wrapper .layout--content .text {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.custom--layout .custom--layout__wrapper .layout--content .text span {
font-weight: 400;
font-size: 16px;
line-height: 22px;
margin-bottom: 2px;
color: var(--text_1);
transition: all 0.3s ease-in;
}
.custom--layout .custom--layout__wrapper .layout--content .text strong {
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: var(--main_text);
transition: all 0.3s ease-in;
}
section#customContent {
padding-bottom: 20px;
}
section#customContent .customContent__container .customContent__item {
margin-bottom: 30px;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #FFFFFF;
border-radius: 8px;
padding: 25px 30px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail .customContent__item-icon {
margin-right: 30px;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail .customContent__item-icon i {
font-size: 40px;
color: var(--main__text);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail .customContent__item-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail .customContent__item-text span.smile {
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: var(--text_1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail .customContent__item-text span {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: var(--main_text);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail svg {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-left: auto;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail svg path {
fill: var(--text_1);
}
section#customContent .customContent__container .customContent__item .customContent__item-detail:hover {
background: var(--bg_2);
}
section#customContent .customContent__container .customContent__item .customContent__item-detail:hover .customContent__item-icon i {
color: var(--text_white);
}
section#customContent .customContent__container .customContent__item .customContent__item-detail:hover .customContent__item-text span {
color: var(--text_white);
}
section#customContent .customContent__container .customContent__item .customContent__item-detail:hover svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
section#customContent .customContent__container .customContent__item .customContent__item-detail:hover svg path {
fill: var(--text_white);
}
section#page__text {
padding: 50px 0;
}
section#page__text .page__text-container {
background: var(--section_bg);
padding: 30px;
border-radius: 8px;
}
section#page__text .page__text-container p {
color: var(--text_1);
font-size: 15px;
line-height: 25px;
font-weight: 400;
}
section#page__text .page__text-container p b {
font-weight: 700;
}
section#bank {
position: relative;
padding: 60px 0;
z-index: 0;
}
section#bank .bank-item {
margin-bottom: 30px;
}
section#bank .bank-item .bank-container {
padding: 40px;
background-color: var(--section_bg);
border-radius: 8px;
}
section#bank .bank-item .bank-container .bank-top {
border-bottom: 1px solid #ECF9FF;
padding-bottom: 23px;
margin-bottom: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 1;
position: relative;
}
section#bank .bank-item .bank-container .bank-top .bank-name {
font-weight: 600;
font-size: 18px;
line-height: 22px;
margin-top: 15px;
color: var(--main_text);
}
section#bank .bank-item .bank-container .bank-top svg {
-webkit-transition: 400ms;
transition: 400ms;
}
section#bank .bank-item .bank-container .bank-bottom p {
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: var(--main_text);
}
section#bank .bank-item .bank-container .bank-bottom p b {
font-weight: 700;
}
section#bank .bank-item .bank-container .bank-bottom p button {
border: none;
background-color: var(--theme_color_btn2);
text-align: center;
vertical-align: middle;
padding: 1px 6px;
color: #fff;
}
section#bank .bank-item .bank-container .bank-bottom p button i {
color: #fff;
font-size: 14px;
}
section#bank .bank-item .bank-container .bank-bottom p button svg {
vertical-align: inherit;
}
section#bank .bank-item .bank-container .bank-bottom p:not(:last-child) {
margin-bottom: 20px;
}
section#bank .bank-item:hover span.arr svg {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
section#bank .bank-item:hover span.arr svg path {
fill: var(--bg_2);
}
section#counter {
padding-bottom: 50px;
}
section#counter .main-counter-list .counter-box {
background: #fff;
border-radius: 8px;
padding: 15px 30px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
z-index: 0;
}
section#counter .main-counter-list .counter-box:after {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
content: "";
background-color: var(--bg_2);
visibility: hidden;
opacity: 0;
z-index: -1;
border-radius: 8px;
-webkit-transition: .3s;
transition: .3s;
}
section#counter .main-counter-list .counter-box .box-img {
margin-right: 20px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 1;
}
section#counter .main-counter-list .counter-box .box-img i {
font-size: 30px;
color: var(--main_text);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#counter .main-counter-list .counter-box .box-detail {
z-index: 1;
}
section#counter .main-counter-list .counter-box .box-detail .counter-title {
font-weight: 500;
font-size: 20px;
line-height: 30px;
color: var(--main_text);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#counter .main-counter-list .counter-box .box-detail p {
font-size: 12px;
line-height: 15px;
font-weight: 400;
color: var(--text_1);
margin-bottom: 2px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#counter .main-counter-list .counter-box:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
section#counter .main-counter-list .counter-box:hover .box-img i {
color: var(--text_white);
}
section#counter .main-counter-list .counter-box:hover .box-detail .counter-title,
section#counter .main-counter-list .counter-box:hover .box-detail p {
color: var(--text_white);
}
section#blog__content {
padding: 50px 0;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-image {
height: 350px;
overflow: hidden;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px 8px 0 0;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 30px;
background: var(--breadcumb_background);
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li img.admin {
width: 30px;
height: 30px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li:not(:last-child) {
margin-right: 20px;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li i,
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li img {
font-size: 16px;
margin-right: 10px;
color: var(--text_1);
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li span {
font-weight: 500;
font-size: 13px;
line-height: 20px;
color: var(--text_1);
vertical-align: bottom;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li a {
font-weight: 500;
font-size: 13px;
color: var(--text_1);
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info .share li:not(:last-child) {
margin-right: 10px;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info .share li a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 30px;
height: 30px;
border-radius: 2px;
background: #fff;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info .share li a img {
width: 100%;
height: auto;
padding: 8px;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-text {
padding: 30px;
background: var(--section_bg);
}
section#blog__content .blog__content-container .blog__content-left .blog__content-text h1,
section#blog__content .blog__content-container .blog__content-left .blog__content-text h2,
section#blog__content .blog__content-container .blog__content-left .blog__content-text h3 {
font-weight: 700;
font-size: 19px;
line-height: 28px;
color: var(--main_text);
margin-bottom: 30px;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-text p {
font-weight: 400;
font-size: 15px;
line-height: 25px;
color: var(--text_1);
}
section#blog__content .blog__content-container .blog__sidebar .sidebar__ads {
margin-bottom: 30px;
}
section#blog__content .blog__content-container .blog__sidebar .sidebar__ads .ad {
height: 285px;
}
section#blog__content .blog__content-container .blog__sidebar .sidebar__ads .ad img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat {
margin-bottom: 30px;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .box-title {
padding: 18px 20px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_white);
background: var(--bg_2);
border-radius: 8px 8px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .box-title svg {
margin-right: 7px;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .box-title svg path {
fill: var(--text_white);
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features {
background-color: var(--section_bg);
padding: 25px;
border-radius: 0 0 8px 8px;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul {
overflow: hidden;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: default;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #F4F8FB;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item a {
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item a i {
margin-right: 10px;
font-size: 17px;
color: var(--text_1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item:hover a {
color: var(--main_text);
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item:hover a i {
color: var(--bg_2);
}
section#blog__content .blog__content-container .ad_hori {
display: block;
overflow: hidden;
width: 100%;
padding: 30px 0 0 0;
}
section#blog__content .blog__content-container .ad_hori a {
outline: none;
}
section#blog__content .blog__content-container .ad_hori a img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
section.order-inquiry {
padding: 50px 0;
}
section.order-inquiry .order-inquiry-wrapper {
background: var(--section_bg);
border-radius: 8px;
padding: 25px;
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_top {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #F4F8FB;
font-weight: 500;
font-size: 18px;
line-height: 19px;
color: var(--main_text);
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 25px;
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body .o_label {
font-weight: 500;
font-size: 15px;
line-height: 17px;
color: var(--main_text);
margin-bottom: 15px;
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control {
border: 1px solid #F1F1F1;
width: 100%;
border-radius: 8px;
font-size: 15px;
height: 50px;
padding: 15px;
line-height: 19px;
color: var(--main_text);
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control::-webkit-input-placeholder {
font-size: 15px;
line-height: 16px;
color: var(--text_1);
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control:-ms-input-placeholder {
font-size: 15px;
line-height: 16px;
color: var(--text_1);
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control::-ms-input-placeholder {
font-size: 15px;
line-height: 16px;
color: var(--text_1);
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control::placeholder {
font-size: 15px;
line-height: 16px;
color: var(--text_1);
}
section.order-inquiry .order-inquiry-wrapper .order-action-btn button {
display: block;
height: 50px;
width: 100%;
border: none;
color: #fff;
background: var(--bg_2);
font-weight: 600;
font-size: 14px;
line-height: 17px;
border-radius: 8px;
}
.orderBox .orarea {
margin-top: 50px;
border-radius: 8px;
padding: 15px;
font-size: 15px;
line-height: 25px;
color: var(--text_1);
position: relative;
z-index: 0;
}
.orderBox .orarea::after {
content: "";
position: absolute;
background: var(--bg_2);
width: 100%;
height: 100%;
border-radius: 8px;
opacity: 0.07;
top: 0;
left: 0;
z-index: -1;
}
section#productBox {
padding: 50px 0;
}
section#productBox.portfolioPage .product__box-container .product__box-title {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #F4F8FB;
}
section#productBox.portfolioPage .product__box-container .product__box-action {
padding: 30px 0;
padding-bottom: 0;
}
section#productBox.portfolioPage .product__box-container .product__box-action a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-width: 130px;
height: 65px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_white);
background: var(--bg_2);
border-radius: 8px;
transition: all 0.3s ease-in-out;
}
section#productBox.portfolioPage .product__box-container .product__box-action a::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
}
section#productBox.portfolioPage .product__box-container .product__box-action a:hover {
background: transparent;
color: var(--text_1);
}
section#productBox.portfolioPage .product__box-container .product__box-action a:hover::after {
background: transparent;
border: 1px solid var(--text_1);
opacity: 0.04;
color: var(--text_1);
}
section#productBox .product__box-container .product__box-view {
background: var(--section_bg);
border-radius: 8px;
}
section#productBox .product__box-container .product__box-view .product__box-title {
padding-top: 30px;
padding-left: 30px;
}
section#productBox .product__box-container .product__box-view .product__box-title h1 {
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: var(--main_text);
}
section#productBox .product__box-container .product__box-view .product__box-amount {
padding: 25px 30px 20px 30px;
background: var(--breadcumb_background);
margin: 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section#productBox .product__box-container .product__box-view .product__box-amount ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section#productBox .product__box-container .product__box-view .product__box-amount ul li {
margin-bottom: 5px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_1);
}
section#productBox .product__box-container .product__box-view .product__box-amount ul li i {
font-size: 16px;
margin-right: 8px;
}
section#productBox .product__box-container .product__box-view .product__box-amount ul li strong {
font-weight: 500;
font-size: 15px;
line-height: 22px;
}
section#productBox .product__box-container .product__box-view .product__box-amount ul li:not(:last-child) {
margin-right: 30px;
}
section#productBox .product__box-container .product__box-view .product__box-amount .product__box-action a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-width: 130px;
height: 43px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_white);
background: var(--bg_2);
border-radius: 8px;
transition: all 0.3s ease-in-out;
position: relative;
}
section#productBox .product__box-container .product__box-view .product__box-amount .product__box-action a::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border: 1px solid var(--text_1);
opacity: 0.04;
}
section#productBox .product__box-container .product__box-view .product__box-amount .product__box-action a:hover {
background: transparent;
color: var(--text_1);
}
section#productBox .product__box-container .product__box-view .product__box-amount .product__box-action a:hover::after {
border: 1px solid var(--text_1);
opacity: 0.04;
}
section#productBox .product__box-container .product__box-view .product__box-text {
padding: 0 30px 30px 30px;
}
section#productBox .product__box-container .product__box-view .product__box-text p {
font-weight: 400;
font-size: 15px;
line-height: 25px;
color: var(--text_1);
}
section#productBox .product__box-container .product__box-ads {
padding-top: 30px;
}
section#productBox .product__box-container .product__box-ads img {
display: block;
overflow: hidden;
width: 100%;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent {
background: var(--section_bg);
border-radius: 8px;
padding: 30px;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide {
overflow: hidden !important;
position: relative;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide>.product__box-item:not(:first-child) {
display: none;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide .slick-track {
display: block;
overflow: hidden !important;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide .product__box-item a {
overflow: hidden;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide .product__box-item.slick-slide {
overflow: hidden;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide .product__box-item img {
height: 250px;
-o-object-fit: cover;
object-fit: cover;
max-width: 100%;
border-radius: 8px;
width: 100%;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide i {
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 24px;
width: 35px;
background: var(--bg_2);
color: var(--text_white);
border-radius: 50%;
height: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide:hover i {
opacity: 1;
visibility: visible;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide i.nextarrow {
position: absolute;
right: 4px;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide i.prevarrow {
position: absolute;
left: 40px;
z-index: 1;
}
section#productBox .product__box-container .product__box-sidebar .sidebar__ads {
margin-top: 30px;
}
section#productBox .product__box-container .product__box-sidebar .sidebar__ads .ad {
text-align: center;
}
section#productBox .product__box-container .product__box-sidebar .sidebar__ads .ad img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
section#productBox .product__box-container hr {
margin: 0;
border-top: 1px solid var(--text_1);
opacity: 0.04;
margin-top: 30px;
}
section#productBox .product__box-container .product__box-features {
padding: 30px 0 0 0;
}
section#productBox .product__box-container .product__box-features ul li {
font-weight: 500;
font-size: 15px;
line-height: 22px;
cursor: default;
color: var(--text_1);
padding: 15px;
background: var(--breadcumb_background);
border: 1px solid var(--breadcumb_background);
border-radius: 8px;
}
section#productBox .product__box-container .product__box-features ul li i {
font-size: 17px;
margin-right: 10px;
}
section#productBox .product__box-container .product__box-features ul li:not(:last-child) {
margin-bottom: 30px;
}
section#productBox .product__box-container .product__box-features.second {
margin-top: 30px;
background: var(--section_bg);
padding: 30px;
border-radius: 8px;
}
section#productBox .product__box-container .product__box-features.second h4 {
font-weight: 600;
font-size: 18px;
line-height: 30px;
color: var(--main_text);
border-bottom: 1px solid #F4F8FB;
margin-bottom: 30px;
padding-bottom: 30px;
}
section#productBox .product__box-container .product__box-features.second ul li {
transition: all 0.3s ease-in-out;
position: relative;
z-index: 0;
}
section#productBox .product__box-container .product__box-features.second ul li::after {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
content: "";
background-color: var(--bg_2);
visibility: hidden;
opacity: 0;
z-index: -1;
border-radius: 8px;
transition: 0.3s;
}
section#productBox .product__box-container .product__box-features.second ul li:hover::after {
visibility: visible;
opacity: 1;
width: 100%;
}
section#productBox .product__box-container .product__box-features.second ul li:hover a {
color: var(--text_white);
padding-left: 5px;
}
section#productBox .product__box-container .product__box-features.second ul li a {
transition: all 0.3s ease-in-out;
display: flex;
align-items: center;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: var(--text_1);
width: 100%;
height: 100%;
}
section#productBox .product__box-container .product__box-features.second ul li a i {
transition: all 0.3s ease-in-out;
}
.slick-lightbox-slick .slick-arrow {
display: none !important;
}
section#contact-boxes {
position: relative;
padding: 50px 0 20px 0;
z-index: 0;
}
section#contact-boxes .row .box-detail {
background-color: var(--section_bg);
border-radius: 8px;
padding: 30px;
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
}
section#contact-boxes .row .col-xl-4 {
margin-bottom: 30px;
}
section#contact-boxes .row .box-detail .bn-2 {
overflow: hidden;
width: 60px;
height: 60px;
background: var(--breadcumb_background);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
-webkit-transition: all 0.7s;
transition: all 0.7s;
position: relative;
-webkit-transition: .4s;
transition: .4s;
z-index: 0;
}
section#contact-boxes .row .box-detail .bn-2:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 0;
background-color: var(--bg_2);
-webkit-transition: .4s;
transition: .4s;
visibility: hidden;
opacity: 0;
z-index: -1;
}
section#contact-boxes .row .box-detail .bn-2 i {
font-size: 20px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
section#contact-boxes .row .box-detail p {
padding: 30px 0 6px 0;
font-size: 14px;
line-height: 17px;
font-weight: 400;
color: var(--text_1);
}
section#contact-boxes .row .box-detail a,
section#contact-boxes .row .box-detail span {
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: var(--main_text);
}
section#contact-boxes .row .box-detail svg {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
section#contact-boxes .row .box-detail:hover .bn-2:after {
height: 100%;
visibility: visible;
opacity: 1;
}
section#contact-boxes .row .box-detail:hover .bn-2 i {
color: var(--text_white);
}
section#contact-boxes .row .box-detail:hover span.arr svg {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
section#contact-boxes .row .box-detail:hover span.arr svg path {
fill: var(--bg_2);
}
.goog-text-highlight {
vertical-align: unset !important;
}
section#contact-form {
margin-bottom: 50px;
}
section#contact-form .contact-img {
height: 585px;
overflow: hidden;
margin: 0 auto;
}
section#contact-form .contact-img iframe,
section#contact-form .contact-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
section#contact-form .form {
border-radius: 8px;
}
section#contact-form .form .form-bottom .form-box {
position: relative;
margin-bottom: 30px;
}
section#contact-form .form .form-bottom .form-box input {
font-size: 15px;
line-height: 15px;
color: var(--main_text);
width: 100%;
font-size: 14px;
line-height: 70px;
padding: 0 0 0 50px;
border: none;
border-radius: 8px;
background: var(--section_bg);
}
section#contact-form .form .form-bottom .form-box input:focus {
outline: none;
}
section#contact-form .form .form-bottom .form-box input::-webkit-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box input:-ms-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box input::-ms-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box input::placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box.message {
margin-bottom: 22px;
}
section#contact-form .form .form-bottom .form-box textarea {
font-size: 15px;
line-height: 15px;
width: 100%;
color: var(--main_text);
min-height: 185px;
border: none;
padding: 26px 0 0 19px;
border-radius: 8px;
background: var(--section_bg);
}
section#contact-form .form .form-bottom .form-box textarea:focus {
outline: none;
}
section#contact-form .form .form-bottom .form-box textarea::-webkit-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box textarea:-ms-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box textarea::-ms-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box textarea::placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box button {
font-size: 17px;
line-height: 17px;
font-weight: 600;
color: #fff;
width: 100%;
border: none;
background-color: var(--bg_2);
line-height: 68px;
border-radius: 8px;
}
section#contact-form .form .form-bottom .form-box i {
position: absolute;
font-size: 20px;
color: var(--text_1);
left: 25px;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
section#contact-bottom {
padding-bottom: 20px;
}
section#contact-bottom .bottom-boxes .boxes-item {
margin-bottom: 30px;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail {
-webkit-transition: all 0.3s;
transition: all 0.3s;
background-color: var(--section_bg);
border-radius: 8px;
padding: 0 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 0;
position: relative;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail:after {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
content: "";
background-color: var(--bg_2);
visibility: hidden;
opacity: 0;
z-index: -1;
border-radius: 8px;
-webkit-transition: .3s;
transition: .3s;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
font-weight: 500;
line-height: 22px;
color: var(--text_1);
width: 100%;
height: 72px;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail a i {
font-weight: 400;
font-size: 22px;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail svg {
color: var(--main_text);
font-size: 25px;
margin-right: 15px;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail:hover {
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: var(--theme_color_2_hover);
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail:hover a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: #fff;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail:hover svg {
color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.siparis {
padding: 60px 0;
}
.siparis .section-title {
margin-bottom: 40px;
}
.siparis .section-title h2 {
color: var(--main_text);
border-bottom: 1px solid #F4F8FB;
padding-bottom: 30px;
margin-bottom: 30px;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
flex-wrap: wrap;
}
.siparis .section-title h2 b {
padding: 0 5px;
}
.siparis .lightbox-container {
background: #fff;
padding: 30px;
}
.siparis #product-lightbox .box-title {
background: #fff;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: var(--main_text);
padding: 0 30px 30px 0;
margin-bottom: 20px;
}
.siparis #product-lightbox .price {
background: #fff;
padding: 30px;
}
.siparis #product-lightbox .price strong {
font-size: 14px;
line-height: 17px;
color: var(--main_text);
font-weight: 400;
margin-bottom: 5px;
}
.siparis #product-lightbox .price span {
font-weight: 500;
font-size: 15px;
line-height: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
color: var(--main_text);
}
.siparis #product-lightbox .price span:not(:last-child) {
border-bottom: 1px solid #F4F8FB;
padding-bottom: 20px;
margin-bottom: 20px;
}
.siparis #product-lightbox .price span.toplam strong {
color: var(--bg_2);
font-weight: 600;
}
.siparis #product-lightbox .price span.toplam b {
color: var(--bg_2);
font-weight: 600;
display: flex;
align-items: center;
}
.siparis #product-lightbox .price span.toplam b b {
margin-right: 3px;
}
.siparis #selector {
position: relative;
margin: 0;
}
.siparis #selector .bootstrap-select {
width: 100%;
}
.siparis #selector .form-control {
border-radius: 16px;
background: transparent;
}
.siparis #selector .form-control:hover {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.siparis #selector .dropdown-toggle {
padding: 18px 20px;
background: #fff;
border-radius: 16px;
border: 1px solid #ECF9FF;
}
.siparis #selector .dropdown-toggle:hover {
background: #fff;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.siparis #selector .dropdown-toggle:focus {
outline: none;
outline: none !important;
outline-offset: none !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.siparis #selector .dropdown-toggle:after {
display: none;
}
.siparis #selector .dropdown-toggle .filter-option-inner-inner {
font-size: 15px;
line-height: 15px;
font-weight: 400;
color: var(--text_1);
}
.siparis #selector .dropdown-menu {
border: none;
border-radius: 16px;
min-width: 96.5%;
}
.siparis #selector .dropdown-menu .dropdown-item {
color: var(--main_text);
}
.siparis #selector .dropdown-menu .dropdown-item.active {
background: transparent;
color: var(--main_text);
}
.siparis #selector .dropdown-menu .dropdown-item:active {
background: transparent;
}
.siparis #selector .dropdown-menu .dropdown-item:focus {
background: transparent;
}
.siparis #selector i {
position: absolute;
right: 20px;
top: 50%;
color: var(--text_1);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.siparis .form {
border-radius: 8px;
}
.siparis .form .form-bottom .form-box {
position: relative;
margin-bottom: 30px;
}
.siparis .form .form-bottom .form-box input {
font-size: 15px;
line-height: 15px;
color: var(--main_text);
width: 100%;
font-size: 14px;
line-height: 50px;
padding: 0 0 0 20px;
border: 1px solid #ECF9FF;
margin-bottom: 30px;
border-radius: 8px;
}
.siparis .form .form-bottom .form-box input:focus {
outline: none;
}
.siparis .form .form-bottom .form-box input::-webkit-input-placeholder {
font-size: 14px;
line-height: 17px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box input:-ms-input-placeholder {
font-size: 14px;
line-height: 17px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box input::-ms-input-placeholder {
font-size: 14px;
line-height: 17px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box input::placeholder {
font-size: 14px;
line-height: 17px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box button {
font-size: 17px;
line-height: 17px;
font-weight: 600;
color: #fff;
width: 100%;
border: none;
background-color: var(--bg_2);
line-height: 68px;
}
.siparis .form .form-bottom .form-box textarea {
width: 100%;
border: none;
border-radius: 8px;
font-size: 14px;
min-height: 80px;
padding: 16px 0 0 20px;
color: var(--main_text);
border: 1px solid #ECF9FF;
}
.siparis .form .form-bottom .form-box textarea:focus {
outline: none;
}
.siparis .form .form-bottom .form-box textarea::-webkit-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box textarea:-ms-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box textarea::-ms-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box textarea::placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
.siparis .form #subbmit {
background: var(--bg_2);
color: var(--text_white);
border-radius: 8px;
font-weight: 600;
font-size: 17px;
line-height: 55px;
padding: 0;
border: none;
}
.siparis .form #subbmit:hover {
background: var(--bg_2);
}
.siparis .form #subbmit:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#top_alert {
padding-top: 50px;
}
#top_alert .alertt {
padding: 17px 30px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 8px;
position: relative;
z-index: 0;
}
#top_alert .alertt::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--bg_2);
opacity: 0.07;
border-radius: 8px;
z-index: -1;
}
#top_alert .alertt strong {
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: var(--main_text);
}
#top_alert .alertt span {
font-size: 18px;
line-height: 22px;
font-weight: 400;
color: var(--text_1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#top_alert .alertt span strong {
margin-right: 10px;
}
#top_alert .alertt a {
font-weight: 600;
font-size: 15px;
line-height: 15px;
color: var(--text_white);
padding: 17.5px 30px;
background: var(--kutu_1_buton);
border-radius: 8px;
}
.order_follow {
padding: 30px 0 50px 0;
}
.order_follow .lightbox-container {
background-color: #fff;
padding: 30px;
border-radius: 8px;
}
.order_follow .lightbox-container .sip_item:not(:last-child) {
border-bottom: 1px solid #ECF9FF;
padding-bottom: 30px;
margin-bottom: 30px;
}
.order_follow .lightbox-container .sip_item strong {
font-size: 14px;
line-height: 17px;
font-weight: 500;
margin-bottom: 10px;
color: var(--passive_color);
}
.order_follow .lightbox-container .sip_item p {
font-size: 14px;
line-height: 20px;
color: var(--main_text);
font-weight: 400;
}
.order_follow .lightbox-container .sip_item p a {
color: var(--main_color);
}
.order_follow .lightbox-container .sip_item p a:hover {
color: var(--main_color);
}
.order_follow .lightbox-container .sip_item.product_area .product_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .product_img {
max-width: 100px;
height: 70px;
border-radius: 8px;
overflow: hidden;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .product_img img {
height: 75px;
width: 75px;
object-fit: cover;
}
.nice-select:active {
border: 1px solid #ECF9FF;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .prd_im {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .prd_im span {
font-size: 14px;
line-height: 17px;
color: var(--main_text);
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .prd_im span.pr_text {
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: var(--main_text);
margin-top: 2px;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .prd_im:not(:last-child) {
margin-right: 35px;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_info span {
padding: 14px 15px;
border-radius: 8px;
font-weight: 500;
font-size: 11px;
line-height: 13px;
cursor: pointer;
}
.order_follow .price {
padding: 30px !important;
background-color: #fff;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.order_follow .price strong {
font-size: 14px;
line-height: 17px;
color: var(--passive_color);
font-weight: 400;
margin-bottom: 5px;
}
.order_follow .price span {
font-weight: 500;
font-size: 15px;
line-height: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
color: var(--main_text);
}
.order_follow .price span:not(:last-child) {
border-bottom: 1px solid #ECF9FF;
padding-bottom: 20px;
margin-bottom: 20px;
}
.order_follow .price span.toplam strong {
color: var(--bg_2);
font-weight: 600;
}
.order_follow .price span.toplam b {
color: var(--bg_2);
}
.order_follow .price .payment a {
color: var(--bg_2);
}
.odeme_bildir {
display: block;
width: 100%;
height: 100%;
line-height: 60px;
border: none;
background: var(--bg_2);
color: var(--text_white);
border-radius: 8px;
font-weight: 500;
font-size: 18px;
}
.odeme_bildirbtn {
background: var(--main_color) !important;
}
.badge-basarilibg {
background: rgba(40, 167, 69, 0.15);
color: #28A745;
}
.badge-hazirlaniyorbg {
background: rgba(23, 162, 184, 0.15);
color: #17A2B8;
}
.badge-odemebekbg {
background: rgba(52, 152, 177, 0.15);
color: #3498B1;
}
.badge-iptalbg {
background: rgba(255, 70, 92, 0.15);
color: #FF465C;
}
.badge-teslimbg {
background: rgba(4, 53, 156, 0.15);
color: #04359C;
}
.badge-kargobg {
background: rgba(131, 182, 143, 0.15);
color: #83B68F;
}
.badge-kontrolbg {
background: rgba(26, 119, 134, 0.15);
color: #1A7786;
}
.badge-stokyokbg {
background: rgba(0, 2, 25, 0.15);
color: #000219;
}
#odeme-bildirimi h3,
#odeme-bildirimi i,
#odeme-bildirimi label {
color: var(--text_1);
}
#odeme-bildirimi h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#odeme-bildirimi h3 i {
margin-right: 5px;
}
#odeme-bildirimi input:focus,
#odeme-bildirimi input:active,
#odeme-bildirimi textarea:focus,
#odeme-bildirimi textarea:active,
#odeme-bildirimi select:focus,
#odeme-bildirimi select:active {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#odeme-bildirimi .modal-content {
border: none;
}
#odeme-bildirimi .modal-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#odeme-bildirimi input[type="submit"] {
background: var(--bg_2);
border-color: var(--bg_2);
width: 100%;
}
#odeme-bildirimi input[type="submit"]:hover {
background: var(--bg_2);
}
.modal-header .close {
padding: 0;
margin: 0;
}
.modal-header .close span {
vertical-align: inherit;
}
section#gallerybox {
padding: 50px 0;
}
section#gallerybox .gallerybox-container .gallerybox__item {
background: var(--section_bg);
border: 10px solid var(--site_bg);
padding: 5px;
}
section#gallerybox .gallerybox-container .gallerybox__item .modal-dialog .modal-content {
background: transparent;
border: none;
border-radius: 0 0 8px 8px;
}
section#gallerybox .gallerybox-container .gallerybox__item .modal-dialog .modal-content .modal-header {
padding: 0;
border: none;
border-radius: 0;
}
section#gallerybox .gallerybox-container .gallerybox__item .modal-dialog .modal-content .modal-header .close {
text-shadow: none;
padding: 0;
margin-bottom: 15px;
color: #fff;
font-weight: 400;
margin-left: auto;
}
section#gallerybox .gallerybox-container .gallerybox__item .modal-dialog .modal-content .modal-header .close i {
font-size: 24px;
color: #fff;
}
section#gallerybox .gallerybox-container .gallerybox__item .modal-dialog .modal-content .modal-body {
padding: 0;
}
section#gallerybox .gallerybox-container .gallerybox__item .card {
background: transparent;
border: none;
overflow: hidden;
border-radius: 8px;
height: 100%;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-body {
padding: 0;
height: 200px;
min-height: unset;
position: relative;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-body span.hov {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--text_white);
font-size: 50px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 0;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-body span.hov:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--bg_1);
opacity: 0.8;
z-index: -1;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-body img {
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer {
background: transparent;
border: none;
border-radius: 0 0 8px 8px;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer h2 {
margin-bottom: 30px;
margin-top: 0;
padding-bottom: 30px;
height: 100%;
position: relative;
font-size: 16px;
line-height: 18px;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer h2::after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
border-bottom: 1px solid var(--text_1);
opacity: 0.04;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer h2 a {
font-weight: 600;
font-size: 18px;
line-height: 27px;
color: var(--main_text);
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer .actionbtn a {
display: block;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #FFFFFF;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--main_text);
border-radius: 8px;
transition: all 0.3s ease-in-out;
height: 50px;
position: relative;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer .actionbtn a::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
border: 1px solid var(--text_1);
opacity: 0.04;
border-radius: 8px;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer .actionbtn .absolute--item::after {
content: none;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer .actionbtn .absolute--item {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent !important;
}
section#gallerybox .gallerybox-container .gallerybox__item .card:hover .card-footer .actionbtn a {
color: var(--text_white);
background: var(--bg_2);
}
section#gallerybox .gallerybox-container .gallerybox__item .card:hover .card-body span.hov {
opacity: 1;
visibility: visible;
}
.notice {
padding: 50px 0;
}
.notice .notice--content {
padding: 15px 20px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 0;
position: relative;
}
.notice .notice--content::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 8px;
background: var(--bg_2);
opacity: 0.07;
z-index: -1;
}
.notice .notice--content .notice--info {
font-weight: 500;
font-size: 17px;
line-height: 23px;
color: var(--main_text);
display: flex;
align-items: center;
}
.notice .notice--content .notice--info span {
min-width: 50px;
height: 50px;
background: var(--kutu_1_buton);
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 20px;
}
.notice .notice--content .notice--info span i {
font-size: 24px;
color: var(--text_white);
}
.notice .notice--content a {
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: var(--text_white);
background: var(--kutu_1_buton);
border-radius: 8px;
padding: 13px 33px;
}
.notice .notice--content a i {
font-size: 24px;
margin-right: 10px;
}
.footer--top {
margin-bottom: -210px;
}
.footer {
padding: 250px 0 50px 0;
background: var(--breadcumb_background);
}
.footer .footer__wrapper .footer--info .info--top {
display: flex;
align-items: center;
font-weight: 500;
font-size: 13px;
line-height: 18px;
color: var(--text_1);
margin-bottom: 25px;
padding-bottom: 25px;
max-height: 65px;
position: relative;
}
.footer .footer__wrapper .footer--info .info--top::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid var(--text_1);
opacity: 0.04;
}
.footer .footer__wrapper .footer--info .footer--info--text {
font-size: 15px;
line-height: 20px;
font-weight: 500;
color: var(--text_1);
}
.footer .footer__wrapper .footer--info .info--top img {
width: auto;
height: auto;
max-height: 55px;
max-width: 150px;
}
.footer .footer__wrapper .footer--info a {
display: flex;
padding: 11px;
width: 100%;
align-items: center;
background: var(--bg_3);
border-radius: 5px;
font-weight: 500;
font-size: 14px;
line-height: 19px;
color: var(--text_1);
}
.footer .footer__wrapper .footer--info a span {
min-width: 23px;
height: 23px;
display: flex;
align-items: center;
justify-content: center;
background: var(--introbg);
border-radius: 8px;
margin-right: 11px;
}
.footer .footer__wrapper .footer--info a span i {
font-size: 12px;
}
.footer .footer__wrapper .footer--info a:not(:last-child) {
margin-bottom: 15px;
}
.footer .footer__wrapper .links {
margin-left: 15px;
}
.footer .footer__wrapper .links .footer--links h3 {
font-weight: 600;
font-size: 17px;
line-height: 22px;
color: var(--main_text);
margin-bottom: 39px;
display: block;
}
.footer .footer__wrapper .links .footer--links ul li a {
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: var(--text_1);
}
.footer .footer__wrapper .links .footer--links ul li:not(:last-child) {
margin-bottom: 19px;
}
.footer--bottom {
background: var(--sectionbg);
padding: 20px 0;
}
.footer--bottom .footer--bottom__content {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer--bottom .footer--bottom__content .left {
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: var(--text_1);
}
.footer--bottom .footer--bottom__content .right ul {
display: flex;
align-items: center;
}
.footer--bottom .footer--bottom__content .right ul li:not(:last-child) {
margin-right: 10px;
}
.footer--bottom .footer--bottom__content .right ul li a i {
font-size: 18px;
color: var(--text_1);
}
.form--area {
padding-bottom: 50px;
}
.form--area .form--wrapper {
padding: 30px;
background: var(--section_bg);
border-radius: 8px;
}
.form--area .form--wrapper h3 {
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: var(--main_text);
border-bottom: 1px solid var(--section_bg);
margin-bottom: 30px;
padding-bottom: 30px;
}
.form--area .form--wrapper .form--content .form-group:not(:last-child) {
margin-bottom: 30px;
}
.form--area .form--wrapper .form--content .form-group label {
font-weight: 600;
font-size: 15px;
line-height: 19px;
color: var(--main_text);
margin-bottom: 15px;
}
.form--area .form--wrapper .form--content .form-group input {
background: var(--breadcumb_background);
border: none;
border-radius: 8px;
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: var(--text_1);
padding: 17.5px;
height: unset;
position: relative;
}
.form--area .form--wrapper .form--content .form-group input::-moz-placeholder {
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group input:-ms-input-placeholder {
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group input::placeholder {
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group textarea {
width: 100%;
background: var(--breadcumb_background);
border: none;
min-height: 150px;
padding: 17.5px;
}
.form--area .form--wrapper .form--content .form-group textarea::-moz-placeholder {
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group textarea:-ms-input-placeholder {
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group textarea::placeholder {
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group textarea:focus {
outline: none;
border: none;
}
.form--area .form--wrapper .form--content .form-group .area__dropdown .nice-select {
width: 100%;
height: 55px;
display: flex;
align-items: center;
background: var(--breadcumb_background);
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: var(--main_text);
border-radius: 8px;
}
.form--area .form--wrapper .form--content .form-group .area__dropdown .nice-select span.current {
color: var(--text_1);
font-weight: 500;
font-size: 15px;
line-height: 20px;
}
.form--area .form--wrapper .form--content .form-group .area__dropdown .nice-select ul.list {
width: 100%;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.04);
background: var(--breadcumb_background);
}
.form--area .form--wrapper .form--content .form-group .area__dropdown .nice-select ul.list .option:hover {
background: var(--section_bg);
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group .area__dropdown .nice-select ul.list .option.selected {
background: var(--section_bg);
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group .area__dropdown .nice-select::after {
border-bottom: 2px solid var(--text_1);
border-right: 2px solid var(--text_1);
height: 7px;
margin-top: -4px;
right: 15px;
top: 50%;
width: 7px;
}
.form--area .form--wrapper .form--content .form-action button {
width: 100%;
border: none;
text-align: center;
padding: 17.5px;
background: var(--bg_2);
border-radius: 8px;
color: var(--text_white);
font-weight: 500;
font-size: 18px;
line-height: 20px;
}
.cookieConsentContainer {
z-index: 999;
width: 90%;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
border-radius: 5px;
text-align: center;
min-height: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 20px;
-webkit-box-shadow: 0px 4px 10px rgba(215, 222, 230, 0.3);
box-shadow: 0px 4px 10px rgba(215, 222, 230, 0.3);
border-radius: 16px;
background: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
position: fixed;
bottom: 30px;
right: 50%;
-webkit-transform: translate(50%);
transform: translate(50%);
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cookieConsentContainer .cookieCont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.cookieConsentContainer .cookieTitle a {
vertical-align: text-top;
}
.cookieConsentContainer .cookieDesc p {
font-weight: 400;
font-size: 15px;
line-height: 18px;
padding: 0 20px;
color: var(--main_text);
}
.cookieConsentContainer .cookieDesc a {
font-weight: 700;
color: var(--main_text);
text-decoration: none;
}
.cookieConsentContainer .cookieButton button {
display: inline-block;
cursor: pointer;
background: var(--site_background_secondary);
min-width: 30px;
min-height: 30px;
width: 100%;
color: #a9b5b7;
border-radius: 5px;
border: none;
}
.cookieConsentContainer.hidden {
opacity: 0;
display: none;
z-index: -99;
}
section#fixed-whatsapp {
position: fixed;
left: 30px;
bottom: 30px;
z-index: 3;
}
section#fixed-whatsapp .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #e89f04;
cursor: pointer;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
}
section#fixed-whatsapp .item .item-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#fixed-whatsapp .item .item-detail .icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50px;
height: 50px;
}
section#fixed-whatsapp .item .item-detail span {
padding: 0 20px 0 0;
font-size: 14px;
color: var(--text_white);
position: absolute;
visibility: hidden;
opacity: 0;
margin-left: -30px;
font-weight: 500;
}
.back-to-top {
visibility: hidden;
background-color: var(--bg_2);
color: #fff;
width: 50px;
height: 50px;
text-align: center;
line-height: 38px;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 90;
cursor: pointer;
opacity: 0;
border-radius: 8px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.back-to-top svg {
fill: var(--text_white);
}
.back-to-top.show {
visibility: visible;
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
}
@media (min-width: 1366px) {
.container {
max-width: 1230px;
}
.header-container .navbar .navbar-collapse .navbar-nav .dropdown:hover .dropdown-menu {
display: block;
}
}
@media (max-width: 1200px) {
.section--4,
.section--4 .swiper--area .item--content .slick-list {
height: unset !important;
}
.section--4 .swiper--area .item--content .content {
margin-right: 15px;
margin-left: 15px;
}
.section--4 .swiper--area .item--content {
margin: 0 -15px;
}
.section--4 .section--wrapper {
padding: 50px 0;
}
.section--4 .swiper--area .item--content {
margin-top: 30px;
}
.section--5 .section--wrapper .section--item .content .text--link h3 {
max-width: 45vw;
}
#parallax-container {
padding-top: 135px;
}
section.hero__ {
height: unset;
}
section.hero__ .hero__container {
margin-bottom: 30px;
}
.footer .footer__wrapper .links .footer--links {
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 15px;
}
section#product .product__container .product__item .product__content-box .product__item-image {
width: 100%;
}
section#product .product__container .product__item .product__content-box .product__item-image img {
width: 100%;
height: 200px;
}
section#product .product__container .product__item .product__content-box {
flex-direction: column;
}
.group-counter .widget-counter.nth--2::after {
display: none !important;
}
.group-counter {
padding-bottom: 25px;
}
.group-counter .widget-counter {
min-width: 300px;
justify-content: left;
margin-bottom: 15px;
}
.container {
max-width: 95%;
}
.site-navbar .site__menu-contact a {
padding: 10px 10px;
}
.site-navbar .site__menu-contact a i {
margin-right: 0;
}
.site-navbar .site__menu-contact a span {
display: none;
}
section#blog.blog__main {
padding-top: 0;
}
section#blog .blog__container .blog__container-pagi {
margin-bottom: 30px;
}
.site-navbar {
padding: 25px 0;
}
.site-navbar .site__menu-contact {
margin-left: 0;
}
.site-navbar .site__navbar-container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.site-navbar .site__navbar-container .site-navigation {
display: none;
}
}
@media (min-width: 1200px) {
.blog__sidebar-search {
display: none;
}
.container {
max-width: 1260px;
}
}
@media (max-width:1100px) {
.section--3 .section--wrapper .swiper--area .section--item .content a img {
width: 100%;
}
}
@media (max-width:825px) {
.section--5 .section--wrapper .section--item .content .text--link h3 {
max-width: 100%;
}
.section--5 .section--wrapper .section--item .content.active .hidden--image {
display: none;
}
}
@media (min-width: 998px) and (max-width: 1200px) {
section#about .about__container .about__container-right .about__container-right_hexa .hex {
width: 500px;
height: 500px;
}
section.hero__ .hero__container .hero__title {
font-size: 4.583vw;
line-height: 6.083vw;
}
}
@media (min-width: 768px) and (max-width: 998px) {
.footer .footer__wrapper .col-md-3 {
flex: 0 0 35%;
max-width: 35%;
}
.footer .footer__wrapper .col-md-9 {
flex: 0 0 65%;
max-width: 65%;
}
}
@media (max-width: 998px) {
.section--3.pag .swiper-wrapper {
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.section--3.pag .background--color {
padding: 50px 20px;
}
section#productBox .product__box-container .product__box-features.second {
display: none;
}
section#productBox .product__box-container .product__box-features.third {
display: block !important;
}
section#productBox .product__box-container .row .product__box-sidebar {
order: 1;
}
.footer .footer__wrapper .footer--info {
margin-bottom: 30px;
}
.custom--layout {
padding-bottom: 30px;
}
.custom--layout .custom--layout__wrapper .layout--content,
.text--area .image--area {
margin-bottom: 30px;
}
.footer--top__block .block--wrapper {
flex-direction: column;
}
.footer--top__block .block--wrapper .block--content--left {
margin-bottom: 20px;
text-align: center;
}
#header__top .header__container .header__left ul li:not(:last-child) {
margin-right: 15px;
}
#header__top .header__container .header__left ul li span {
display: none;
}
.elementor-element.elementor-element-bb66fe3 .pxl-heading .pxl-heading--inner {
max-width: 100%;
margin-bottom: 15px;
}
.comment--left {
margin-bottom: 30px;
}
section#productBox .product__box-container .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
section#productBox .product__box-container .row .product__box-body {
margin-top: 30px;
}
section#productBox .product__box-container .row .product__box-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
section#productBox .product__box-container .row .product__box-sidebar .product__box-sidecontent .product__box-sideslide .product__box-item img {
width: 100%;
max-height: 350px;
}
section#productBox .product__box-container .row .product__box-sidebar .sidebar__ads .ad {
text-align: left;
margin-bottom: 30px;
}
section#about .about__container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
section#about .about__container .about__container-right {
margin-bottom: 30px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
section#about .about__container .about__container-right .about__container-right_hexa {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
section#about .about__container .about__container-left {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat {
margin-top: 30px;
}
section#blog__content .blog__content-container .blog__sidebar .sticky {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section#blog__content .blog__content-container .blog__sidebar .sidebar__ads {
margin-bottom: 0;
}
}
@media (min-width: 998px) {
section#fixed-whatsapp .item .item-detail span {
padding: 0 20px 0 0;
font-size: 14px;
color: var(--text_white);
position: absolute;
visibility: hidden;
opacity: 0;
margin-left: -30px;
font-weight: 500;
}
section#fixed-whatsapp .item .item-detail:hover span {
position: relative;
opacity: 1;
visibility: visible;
margin-left: 0;
-webkit-transition: 0.4s cubic-bezier(0, 0, 0.34, 0.81);
transition: 0.4s cubic-bezier(0, 0, 0.34, 0.81);
}
.sticky {
position: -webkit-sticky;
position: sticky;
top: 130px;
}
}
@media (max-width: 870px) {
section#blog__content .blog__content-container .blog__content-left .blog__content-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info .share {
margin-top: 10px;
}
}
@media (max-width: 768px) {
.footer .footer__wrapper .links {
margin-left: 0;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-title a {
font-size: 2.86vw;
}
.group-counter {
padding-bottom: 10px;
}
.group-counter .widget-counter {
min-width: 250px;
margin-bottom: 30px;
}
.group-counter .widget-counter::after {
display: none;
}
.iteck-animated-lines span:nth-of-type(1) {
right: 5%;
}
.iteck-animated-lines span:nth-of-type(2) {
right: 19%;
}
.iteck-animated-lines span:nth-of-type(3) {
right: 34%;
}
#header__top .header__container {
justify-content: center;
}
#header__top .header__container .header__right ul li:not(:last-child) {
margin-right: 15px;
}
#header__top .header__container .header__right ul li a span {
display: none;
}
section.hero__ .hero__container {
max-width: 100%;
margin-bottom: 30px;
}
section.hero__ {
height: unset;
padding: 30px 0;
}
.site-navbar .site__menu-contact a {
padding: 10px 10px;
}
.site-navbar .site__menu-contact a i {
margin-right: 0;
}
.site-navbar .site__menu-contact a span {
display: none;
}
section#contact-form .mobile {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
section#contact-form .contact-img {
padding-top: 30px;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .prd_im:not(:last-child) {
margin-bottom: 10px;
}
}
@media (max-width:740px) {
.group-counter .col-xl-3 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 640px) {
section#about .about__container .about__container-right .about__container-right_hexa .hex {
width: 440px;
height: 440px;
}
section#product .product__container .product__item {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 576px) {
.site-navbar .site__menu-contact .page-wrapper {
display: none;
}
}
@media (max-width: 576px) {
.section--4 .section--wrapper .text--content h4 {
font-size: 47px;
line-height: 55px;
}
.is-in-view {
display: none !important;
}
.is-in-view.maxw {
display: block !important;
}
#show-sidebar {
border-left: 0;
margin-left: 0;
padding-left: 0;
}
.breadcrumb .breadcrumb__container ul {
flex-direction: column;
}
.breadcrumb .breadcrumb__container ul li:first-child i {
display: block;
}
.breadcrumb .breadcrumb__container ul li i {
margin-left: 0;
}
.left--title .content__title-text {
font-size: 3.47vw;
line-height: 5.20vw;
}
.left--title .content__title-title {
font-size: 2.77vw;
line-height: 5.819vw;
}
.footer--top__block .block--wrapper .block--content--right {
flex-direction: column;
}
.footer--top__block .block--wrapper .block--content--right a:not(:last-child) {
margin-bottom: 20px;
margin-right: 0;
}
#header__top .header__container {
justify-content: center;
}
#header__top .header__container .header__right .header__links li {
margin-right: 10px;
}
#header__top .header__container .header__right .header__links li:not(:last-child) {
margin-right: 10px;
}
.jeg-elementor-kit.jkit-postblock.postblock-type-1 .jkit-post {
flex-direction: column;
align-items: flex-start;
}
.jeg-elementor-kit.jkit-postblock.postblock-type-1 .jkit-postblock-content {
padding-left: 0;
margin-top: 20px;
}
.sticky-wrapper .site-navbar .site-logo img {
max-height: 27px;
}
#header__top {
display: none;
}
.site-navbar .site__menu-contact .contactbtn {
display: none;
}
.site-navbar .site__menu-contact a {
background: transparent !important;
}
#header__top .header__container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#header__top .header__container .header__left {
display: none;
}
section.hero__ .hero__container .hero__top {
font-size: 16px;
}
section.hero__ .hero__container .hero__title {
font-size: 40px;
line-height: 44px;
}
section.hero__ .hero__container .hero__text {
font-size: 16px;
line-height: 25px;
}
section.hero__ .hero__container .hero__links {
flex-direction: column;
}
section.hero__ .hero__container .hero__links a,
section.hero__ .hero__container .hero__links a.hero__about-link {
max-width: 100%;
}
section.hero__ .hero__container .hero__links a:not(:last-child) {
margin-right: 0;
margin-bottom: 30px;
}
section#homeContent .content__container .content__item .content__item-content .content__item-btn {
width: 100%;
}
section#homeContent .content__container .content__item .content__item-content .content__item-btn a {
width: 100%;
}
section#about .about__container .about__container-left .about__container-left_top {
font-size: 16px;
}
section#about .about__container .about__container-left .about__container-left_title {
font-size: 40px;
line-height: 44px;
}
section#about .about__container .about__container-left .about__container-left_text {
font-size: 16px;
line-height: 25px;
}
section#about .about__container .about__container-left .about__container-left_buttons a {
max-width: 100%;
}
section#about .about__container .about__container-left .about__container-left_buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section#about .about__container .about__container-left .about__container-left_buttons a.btn__one {
margin-bottom: 20px;
margin-right: 0;
}
.footer .footer_bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
section#productBox .product__box-container .product__box-view .product__box-amount {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
section#productBox .product__box-container .product__box-view .product__box-amount .product__box-action {
width: 100%;
}
section#productBox .product__box-container .product__box-view .product__box-amount ul {
margin-bottom: 15px;
}
section#productBox .product__box-container .product__box-view .product__box-amount ul li:not(:last-child) {
margin-bottom: 15px;
}
section#projects .projects__container .projects__item .projects__details {
padding: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
section#projects .projects__container .projects__item .projects__details .projects__image {
margin-right: 0;
margin-bottom: 30px;
border-radius: 8px;
overflow: hidden;
}
.order_follow .lightbox-container .sip_item.product_area .product_container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper {
margin-bottom: 20px;
}
section#blog .blog__container .blog__container-pagi .pagination .page-item {
max-width: 100%;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-image img {
width: 100%;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li {
margin-bottom: 15px;
}
}
@media (max-width: 470px) {
.section--4 .swiper--area .item--content .content .testiminfo .text--info i {
display: none;
}
.section--4 .swiper--area .item--content .content .testiminfo {
flex-direction: column;
align-items: flex-start;
}
.section--4 .swiper--area .item--content .content .testiminfo .image {
margin-bottom: 15px;
}
.left--title .content__title-text {
font-size: 17px;
line-height: 22px;
}
.left--title .content__title-title {
font-size: 14px;
margin-bottom: 5px;
}
.footer .footer__wrapper .links .footer--links {
flex: 0 0 100%;
max-width: 100%;
}
.map-info {
right: 15px;
margin-left: 15px;
padding: 35px 20px;
}
.footer--info--item {
font-size: 12px;
}
.map-info .bottom {
font-size: 13px;
}
.job-category-box h1 {
font-size: 17px;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-title a {
font-size: 16px;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-text {
font-size: 14px;
line-height: 24px;
}
section#about .about__container .about__container-right .about__container-right_hexa .about__hexa-item {
bottom: 50px;
}
section#about .about__container .about__container-right .about__container-right_hexa .hex {
width: 330px;
height: 330px;
}
.comments .comments--area .swiper--item .swiper--content {
padding: 30px;
}
}
@media (max-width: 350px) {
section#about .about__container .about__container-right .about__container-right_hexa .about__hexa-item {
bottom: -7px;
}
section#about .about__container .about__container-right .about__container-right_hexa .hex {
width: 300px;
height: 300px;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-top .portfolio__item-icon {
margin-bottom: 15px;
}
}
/*# sourceMappingURL=style.css.map */