.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root {
--genericRadius: 2px;
--genericMargin: 20px;
--wideMargin: 30px;
}
@media (max-width: 1140px) {
:root {
--genericMargin: 10px;
--wideMargin: 20px;
}	
} *, *:before, *:after {
outline:0;
margin:0;
padding:0;
box-sizing:border-box;
-moz-box-sizing:border-box;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol {
list-style-position:inside;
}
ul {
list-style:none;
list-style-position:outside;
}
blockquote {
margin: 10px 0;
padding: 15px;
font-style: italic;
background: #ECF0F1;
border-left: 5px solid rgba(0,0,0,0.05);
}
blockquote p {
margin: 0 !important;
text-align: left !important;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
a img {
border:none;
}
iframe {
max-width:100%;
}
img {
max-width: 100%;
height: auto;
width: auto;
}
h1 {
font-size:20px;
}
h2 {
font-size:18px;
}
h3 {
font-size:16px;
}
body, input, textarea, select, button {
font-family: var(--mainFont), sans-serif;
}
h1, h2, h3, h4, h5, h6, .widgetHeading {
font-family: var(--headFont), sans-serif;
color: var(--headColor);
} body {
background: #f4f4f4;
font-size: 14px;
color: #000;
}
a {
color: var(--c1);
}
a:hover {
color: var(--c2);
} .safir-logo {
font-weight: bold;
line-height: 1;
font-size: 24px;
}
.headerOver .safir-logo, .headerColored .safir-logo {
color: #fff;
}
.safir-logo img {
width: auto;
height: inherit;
}
.themeicon {
display: block;
}
.themeicon svg {
fill: currentColor;
display: block;
width: 20px;
height: 20px;
margin: auto;
}
#safir_slider rs-progress-bar {
background: var(--c1) !important;
}
rs-fullwidth-wrap, .revSliderWidget {
background: var(--c2);
}
rs-fullwidth-wrap i {
vertical-align: middle;
}
@media (min-width: 1190px) {
#home .nativeWidget:first-child {
min-height: 500px;
}
}
@media (max-width: 480px) {
#home .nativeWidget:first-child {
min-height: 250px;
}
}
.shiftTop {
margin-top: 30px;
}
.widgetHeading.center .slogan {
text-align: center;
}
#aside .widgetHeading.center .slogan {
text-align: left;
}
.widgetHeading .titleGroup {
margin-bottom: 30px;
position: relative;
display: flex;
align-items: center;
gap: 20px;
}
.widgetHeading .titleGroup .line {
width: 100%;
height: 1px;
background: #dcdcdc;
}	
.sidebarWidget .widgetHeading .titleGroup .line, .footerCol .widgetHeading .titleGroup .line {
display: none;
}	
.widgetHeading.left .titleGroup .line1 {
display: none;
}	
.widgetHeading .slogan {
margin-bottom: 10px;
}
.widgetHeading:has(.owl-nav) .slogan {
margin-right: 54px;
}
.widgetHeading .title {
flex-shrink: 0;
letter-spacing: -1px;
font-size: 38px;
color: #111;
line-height: 1.2;
font-weight: 600;
}
.widgetHeading .title span {
font-weight: 400;
}
.darkBg .widgetHeading .title, .imageBg .widgetHeading .title {
color: #f9f9f9;
}
.c2Bg .widgetHeading .line {
background: #cdcdcd;
}
.darkBg .widgetHeading .line {
background: rgba(255, 255, 255, 0.15);
}
#aside .widgetHeading .titleGroup {
margin-bottom: 15px;
}
#aside .widgetHeading .title {
font-size: 24px;
flex-shrink: initial;
}
#aside .widgetHeading .slogan {
margin: 0
}
.innerContainer {
max-width: 1210px;
margin: auto;
padding: 0 20px;
}
.safirBox {
position: relative;
overflow: hidden;
background: #fff;
border-radius: var(--genericRadius);
padding: 30px;
}
.safirWidget {
position: relative;
}
#aside .safirWidget {
position: relative;
}
.safirEmbedContainer {
padding-bottom: 52.25%;
position: relative;
height: 0;
}
.safirEmbedContainer.wide {
padding-bottom: 35%;
}
.safirEmbedContainer iframe, .safirEmbedContainer embed, .safirEmbedContainer object, .safirEmbedContainer video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
p, li {
line-height: 1.8;
font-size: 16px;
}
.reading.center, .reading.center p, .reading.center li {
text-align: center;
}
.reading>*+* {
margin-top: 25px !important;
margin-bottom: 0;
}
.reading {
margin-bottom: 0;
font-family: var(--contentFont), sans-serif;
}
.reading h1, .reading h2, .reading h3, .reading h4, .reading h5, .reading h6 {
color: var(--headColor);
}
.reading iframe {
border:0;
}
.reading a {
font-weight: 500;
color: var(--linkColor);
}
.reading strong a {
font-weight: bold;
}
.reading ul li {
list-style-type: disc;
list-style-position: inside;
}
.reading ol {
list-style: none;
counter-reset: item;
}
.reading ol li {
counter-increment: item;
margin-bottom: 5px;
}
.reading ol li:before {
margin-right: 4px;
content: counter(item) ". ";
font-weight: bold;
}
.reading a:hover, .nativeWidget a:hover {
color: #333;
}
.reading table {
border-collapse: collapse;
}
.reading th, .reading td {
border: 1px solid #ddd;
padding: 8px;
vertical-align: top;
}
.float {
overflow: hidden;
}
.bold {
font-weight: bold;
}
.post img {
width: 100%;
}
.termDesc {
line-height: 1.2;
background: #fafafa;
border-radius: 4px;
padding: 20px;
margin-bottom: var(--wideMargin);
font-size: 16px;
}
.safirNoGallery .gallery, .safirNoGallery .wp-block-gallery {
display: none !important;
}
.safirNoGallery > * {
margin-bottom: var(--wideMargin);
}
@media all and (max-width: 900px) {
.safirWidget .widgetHeading .title {
font-size: 28px;
}
.widgetHeading .safiricon svg {
width: 16px;
height: 16px;
}
.reading, .reading p, .reading li {
text-align: left;
}
.reading h1, .reading h2, .reading h3, .reading h4, .reading h5, .reading h6 {
margin-bottom: 10px;
}
.safirBox {
border-radius: 0;
}
.safirBox+.safirBox {
margin-top: 10px;
}
} .safirthumb {
position: relative;
overflow: hidden;
background-color: rgba(var(--c1RGB), 0.05);
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: var(--noimageforpost);
padding-bottom: var(--thumbRatio);
}
.safirthumb.square {
padding-bottom: 100%;
}
.safirthumb.half {
padding-bottom: 50%;
}
.safirthumb.cat {
padding-bottom: var(--catThumbRatio);
}
.safirthumb.nobg {
background: none;
}
.safirthumb:before {
position: absolute;
display: block;
content: "";
}
.safirthumb .thumbnail {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.safirthumb .center {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translate(50%,50%);
}
.safirthumb img {
position: absolute;
top: 0;
left: 0;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.fitImage .safirthumb img {
object-fit: contain;
}
img.lazy {
opacity: 0;
transition: opacity .75s ease-in;
} .picHeader {
background-position: 50% 0 !important;
background-size: cover !important;
background-color: var(--c2);
color: #fff;
padding: 80px 0;
}
.headerOver .picHeader {
padding: calc(var(--headerHeight) + 160px) 0 80px 0;
}
.picHeader .innerContainer {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: space-between;
}
.picHeader .title {
font-size: 55px;
font-weight: 300;
line-height: 1.2;
text-shadow: 0 0 3px rgba(0,0,0,0.2);
text-align: left;
}
.picHeader h1, .picHeader a {
color: inherit;
}
.picHeader a:hover {
color: #dfdfdf;
}
@media all and (max-width: 1170px) {
.picHeader {
padding: 30px 0;
}
.headerOver .picHeader {
padding: calc(var(--headerHeightMobile) + 60px) 0 30px;
}	
.picHeader .title {
font-size: 28px;
}
} #topbar {
position: relative;
z-index: 2;
background: rgba(0, 0, 0, .4);
color: #fff;
}
#topbar .innerContainer {
display: flex;
align-items: center;
justify-content: space-between;
} 
#topbar .innerContainer ul.menu {
display: flex;
align-items: center;
margin: 0 -10px;
padding: 6px 0;
}
#topbar .innerContainer ul.menu .sub-menu {
display: none;
}
#topbar .innerContainer ul.menu .sub-menu.dropdown-menu {
display: flex;
}
#topbar .innerContainer ul.menu .gt-current-wrapper {
display: none;
}
#topbar .innerContainer ul.menu li {
margin: 0 10px;
}
#topbar .innerContainer ul.sub-menu li {
margin: 0 3px;
}
#topbar .innerContainer ul.menu li.metinsiz {
margin: 0 3px;
}
#topbar .innerContainer ul.menu li.metinsiz:last-child {
margin-right: 10px;
}
#topbar a {
display: flex;
align-items: center;
gap: 5px;
color: #fff;
font-size: 14px;
}
#topbar a:hover {
color: #ddd;
}
#topbar a svg {
width: 24px;
height: 24px;
}
#topbar .metinsiz .text {
display: none;
}
#topbar .rightMenu {
display: flex;
align-items: center;
} #safirPage .gTranslate {
margin-left: 10px;
}
#safirPage .gTranslate a {
display: inline-flex;
gap: 5px;
align-items: center;
}
#safirPage .gTranslate img {
height: 20px;
}
#safirPage .gTranslate span {
font-size: 15px;
} #header {
position: relative;
} .headerColored #header {
background: var(--c2);
}
.headerColored #topbar {
background: rgba(0,0,0,0.2);
} .headerWhite #innerheader {
background: #fff;
}
.headerWhite #topbar {
background: #f5f5f5;
color: #333;
}
.headerWhite .is-sticky #innerheader, .noRevSlider.home.headerWhite #innerheader {
background: #fff;
box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.075);
}
.headerWhite #menu a, .headerWhite #topbar a {
color: #333;
}
.headerWhite #menu li.ozel > a {
background: rgba(var(--c1RGB), 0.1);
}
.headerWhite #menu>ul>li.ozel:hover>a, .headerWhite #menu>ul>li.active.ozel>a {
background: rgba(var(--c1RGB), 0.2);
}
.headerWhite #innerheader .topsearch .searchButton {
background: rgba(var(--c1RGB), 0.15);
color: var(--c1);
}
.headerWhite #innerheader .topsearch .searchButton:hover {
background: rgba(var(--c1RGB), 0.25);
}
.headerWhite #menu>ul>li:hover>a {
color: var(--c1);
}
.headerWhite #menu .sub-menu li:first-child a:before {
display: none;
}
.headerWhite #menu li:hover>.sub-menu {
transform: translateY(1px);
}
.headerWhite #menu li:hover>.sub-menu .sub-menu {
transform: translateY(0);
} .headerOver #header {
position: absolute;
color: #fff;
z-index: 99;
top: 0;
left: 0;
right: 0;
background: none;
}
.noRevSlider.home.headerOver #header, .noRevSlider.page-template-page-widget.headerOver #header {
position: relative;
}
.headerOver.noRevSlider #header {
background: var(--c2);
}
#innerheader {
position: relative;
z-index: 40;
transition: all .4s;
}
.is-sticky #innerheader {
background: var(--c2);
}
.noRevSlider.home #innerheader, .noRevSlider.page-template-page-widget #innerheader {
transition: none;
}
#innerheader:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: rgba(var(--c1RGB), 0.075);
bottom: 0;
left: 0;
}
#logo {
z-index: 100;
padding: 20px 0;
}
#logo a {
display: block;
}
#logo img {
max-width: inherit;
display: block;
height: var(--headerHeight);
}
#logo h1, #logo span {
display: block;
} #innerheader .topsearch {
position: relative;
}
#innerheader .topsearch .searchButton {
cursor: pointer;
margin-left: 20px;
padding: 10px;
color: #fff;
transition: all .5s;
border-radius: 4px;
background: rgba(255,255,255,0.125);
}
#innerheader .topsearch .searchButton svg {
width: 20px;
height: 20px;
}
#innerheader .topsearch .searchForm {
display: none;
position: absolute;
right: 0;
top: calc(var(--headerHeight) / 2 + 40px);
z-index: 999;
width: 250px;
background: #fff;
border-radius: 4px;
box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
#innerheader .topsearch .searchForm:before {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
right: 20px;
top: -4px;
border-radius: 2px 0 0 0;
background: #f1f1f1;
transform: rotate(45deg);	
}
#innerheader .topsearch input[type=text] {
display: block;
width: 100%;
line-height: 30px;
padding: 10px 40px 10px 10px;
border: 0;
border-radius: 4px;
margin: 0;
font-size: 15px;
color: #121212;
background: none;
}
#innerheader .topsearch button {
display: block;
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
background: #f1f1f1;
border:0;
border-radius: 0 4px 4px 0;
color: var(--c2);
cursor: pointer;
}
@media (max-width: 1100px) {
#innerheader .topsearch {
display: none;
}
} .safirSocial {
display: flex;
align-items: center;
gap: 5px;
}
.safirSocial li {
list-style: none !important;
}
.safirSocial a {
display: block;
color: #fff;
transition: all .1s;
}
.safirSocial a:hover {
opacity: 0.95;
transform: scale(1.05);
}
.safirSocial a {
opacity: 1;
overflow: hidden;
}
.safirSocial a:hover {
opacity: 0.8;
}
.safirSocial svg {
width: 22px;
height: 22px;
}
.safirSocial .facebook a {
color: #597AC7;
}
.safirSocial .twitter a {
color: #000;
}
.safirSocial .instagram a {
color: #AE318D;
}
.safirSocial .linkedin a {
color: #0080B2;
}
.safirSocial .youtube a {
color: #F70100;
}
.safirSocial .pinterest a {
color: #C51D23;
}
.safirSocial .whatsapp a {
color: #48A91F;
}
.safirSocial .rss a {
color: #F8680B;
} #menuGroup {
margin-left: auto;
z-index: 20;
font-family: var(--menuFont), sans-serif;
}
#menu > ul {
display: flex;
gap: 30px;
}
#menu li {
position: relative;
transition: all .3s;
}
#menu a {
display: flex;
align-items: center;
position: relative;
font-size: 16px;
font-weight: 500;
color: #fff;
transition: all .15s;
line-height: calc(var(--headerHeight) + 40px);
}
#menu > ul > li:hover > a {
color: #ddd;
}
#menu > ul > li.active > a:after {
content: "";
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
display: block;
background: rgba(255, 255, 255, 0.05);
}
#menu li.ozel > a {
line-height: 40px;
border-radius: 5px;
background: rgba(255, 255, 255, 0.85);
padding: 0 15px;
color: var(--c2);
margin: calc(var(--headerHeight) / 2 - 1px) 0;
}
#menu>ul>li.ozel:hover>a, #menu>ul>li.active.ozel>a {
background: #fff;
color: #111;
}
#menu>ul>li.ozel>a:after {
display: none;
}
#menu .safiricon {
margin-right: 5px;
}
#menu .safiricon svg {
width: 22px;
height: 22px;
}
#menu li.menu-item-has-children .themeicon svg {
width: 10px;
height: 10px;
margin: 0 0 0 5px;
}
#menu .sub-menu {
background: #fff;
border-radius: 4px;
box-shadow: 0px 8px 10px rgba(0,0,0,0.05), -10px 8px 15px rgba(0,0,0,0.05), 10px 8px 15px rgba(0,0,0,0.05);
position: absolute;
z-index: 40;
visibility: hidden;
opacity: 0;
z-index: -1;
transform: translateY(20px);
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
#menu .sub-menu li:first-child a:before {
position: absolute;
top: -4px;
left: 10px;
width: 8px;
height: 8px;
background: #fff;
content: "";
border-radius: 2px 0 0 0;
transform: rotate(45deg);
transition: all .3s;
}
#menu .sub-menu li:first-child a:hover:before {
background: #f2f2f2;
}
#menu .sub-menu .sub-menu a:before {
display: none;
}
#menu li:hover>.sub-menu {
visibility: visible;
opacity: 1;
z-index: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}
#menu .sub-menu li {
padding: 0;
margin: 0;
border: 0;
border-top: 1px solid #dbdbdb;
position: relative;
}
#menu .sub-menu li:first-child {
border-top: 0;
}
#menu .sub-menu a {
transition: all .3s;
width: auto;
min-width: 200px;
line-height: 20px;
padding: 12px;
font-weight: normal;
margin:0;
border: 0;
color: #111;
font-size: 15px;
}
#menu .sub-menu li:first-child a {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#menu .sub-menu li:last-child a {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
#menu .sub-menu .icon svg {
width: 18px;
height: 18px;
}
#menu .sub-menu a:hover {
background: #f2f2f2;
}
#menu .sub-menu .sub-menu {
left: 100%;
top: 0;
transform: translateX(10px);
margin-left: 1px;
}
#menu li.menu-item-has-children .themeicon {
margin-left: auto;
}
#menu .sub-menu .themeicon {
transform: rotate(-90deg);
}
#menu li.menu-item-has-children .sub-menu .themeicon svg {
margin: 0;
} #safirPage {
position: relative;
overflow: hidden;
}
#main {
clear: both;
display: flex;
justify-content: space-between;
margin-top: -30px;
margin-bottom: var(--wideMargin);
padding: 0;
max-width: 1170px;
}
#home {
min-height: 110px;
clear: both;
z-index: 2;
position: relative;
}
#content {
min-width: 72.5%;
flex-grow: 1;
padding: var(--wideMargin);
}
#content iframe {
border: 0;
}
#aside {
width: 27.5%;
flex-shrink: 0;
padding: var(--wideMargin);
background: #f9f9f9;
}
.sidebarLeft #main {
flex-direction: row-reverse;
}
@media all and (max-width: 1170px) {
#main {
margin: 0;
border-radius: 0;
}
}
@media all and (max-width: 900px) {
#main, .sidebarLeft #main {
flex-direction: column;
}
#content, #aside {
clear: both;
width: 100%;
}
} .safirGrid .items {
position: relative;
clear: both;
}
.safirGrid .list {
display: grid;
flex-wrap: wrap;
gap: 30px;
}
.safirGrid.col2 .list {
grid-template-columns: repeat(2, 1fr);
}
.safirGrid.col3 .list {
grid-template-columns: repeat(3, 1fr);
}
.safirGrid.col4 .list {
grid-template-columns: repeat(4, 1fr);
}
.safirGrid.col5 .list {
grid-template-columns: repeat(5, 1fr);
}
.safirGrid.col6 .list {
grid-template-columns: repeat(6, 1fr);
gap: 20px;
}
.sidebarWidget.safirGrid .list {
gap: 10px;
grid-template-columns: 1fr;
}
@media all and (max-width:900px) {
#safirPage .safirWidget.safirGrid .items .list {
gap: 20px;
grid-template-columns: repeat(3, 1fr);
}
}
@media all and (max-width:600px) {
#safirPage .safirWidget.safirGrid .items .list {
grid-template-columns: repeat(2, 1fr);
}
}
.safirCol .items {
margin: -15px;
position: relative;
clear: both;
}
.safirCol .list {
display: flex;
justify-content: center;
flex-wrap: wrap;
overflow: hidden;
}
.safirCol .item-container {
padding: 15px;
}
.safirCol.col6 .items {
margin: -10px;
}
.safirCol.col6 .item-container {
padding: 10px;
}
.safirCol.col2 .list .item-container {
width: 50%;
}
.safirCol.col3 .list .item-container {
width: 33.33333333333%;
}
.safirCol.col4 .list .item-container {
width: 25%;
}
.safirCol.col5 .list .item-container {
width: 20%;
}
.safirCol.col6 .list .item-container {
width: 16.666666666666%;
}
.sidebarWidget.safirCol .items {
margin: -5px;
clear: both;
}
.sidebarWidget.safirCol .item-container {
padding: 5px;
}
.sidebarWidget.safirCol .list .item-container {
width: 100%;
}
@media all and (max-width:900px) {
#safirPage .safirWidget.safirCol .items {
margin: -10px;
}
#safirPage .safirWidget.safirCol .items .item-container {
padding: 10px;
}
#safirPage .safirWidget.safirCol .items .list .item-container {
width: 33.333333333%;
}
}
@media all and (max-width:600px) {
#safirPage .safirWidget.safirCol .items .list .item-container {
width: 50%;
}
} .safirWidget .title a, .safirWidget a .title {
transition: color .2s;
color: #000;
}
.safirWidget .title a:hover, .safirWidget a:hover .title {
color: var(--c1);
}
.safirWidget.homeWidget {
background-color: #fff;
transition: all .2s;
}
.safirWidget .widgetContent {
position: relative;
}
.safirWidget.homeWidget.c1Bg {
background-color: rgba(var(--c1RGB), 0.05);
}
.safirWidget.homeWidget.c2Bg  {
background-color: rgba(var(--c2RGB), 0.1);
}
.safirWidget.homeWidget.darkBg {
background-color: #222222;
color: #f9f9f9;
}
.safirWidget.homeWidget .innerContainer {
padding: 60px 20px;
}
.safirWidget.sidebarWidget .innerContainer {
padding: 0;
overflow: visible;
}
.sidebarWidget {
margin-top: 30px;
}
.sidebarWidget:first-child {
margin-top: 0;
}
#aside .nativeWidget .widgetHeading > * {
display: flex;
}
.nativeWidget .safiricon {
display: inline-block;
}
#aside .nativeWidget li {
border-bottom:1px solid #ededed;
padding-bottom: 10px;
margin-bottom: 10px;
}
#aside .nativeWidget ul.menu .sub-menu {
padding-left: 15px;
} form[role=search] label {
display: none;
}
#searchform > div, div.wp-block-search__inside-wrapper {
display: flex;
align-items: center;
}
#searchform > div input[type=text], .wp-block-search__inside-wrapper input[type=search] {
margin: 0;
}
#searchform > div input[type=submit], .wp-block-search__inside-wrapper button {
padding: 0 20px;
margin-left: 10px;
} .safirOwlButtons .owl-nav {
display: flex;
gap: 8px;
margin: 5px 0 5px auto;
}
.safirOwlButtons .items .owl-nav {
position: static;
margin: 0;
}
.safirOwlButtons .items .owl-nav > div {
opacity: 0;
position: absolute;
background-color: rgba(255, 255, 255, .2);
top: calc(50% - 20px);
color: #000;
}
.safirOwlButtons .items .owl-prev {
left: 15px;
}
.safirOwlButtons .items .owl-next {
right: 15px;
}
.safirOwlButtons .items .owl-nav > div:hover {
background-color: rgba(255, 255, 255, .3);
}
.safirOwlButtons .owl-nav.disabled {
display: none;
}
.owl-nav>div {
display: block;
transition: all .3s;
cursor: pointer;
background: #fff;
border-radius: 1px;
color: #999;
}
.owl-nav>div:hover {
color: #000;
}
.whiteBg .owl-nav>div {
background: rgba(var(--c1RGB), 0.15);
}
.darkBg .owl-nav>div, #footer .safirWidget .owl-nav>div {
background: rgba(255, 255, 255, 0.15);
}
.owl-nav>div svg {
width: 10px;
height: 10px;
margin: 15px;
}
.safirWidget .nogallery {
text-align: center;
padding: 30px;
font-size: 18px;
}
.safirWidget.darkBg .nogallery a {
color: #f9f9f9;
}
@media all and (max-width: 900px) {
.sidebarWidget {
margin-top: 10px;
}
.safirWidget.homeWidget .innerContainer, .homeWidget.nativeWidget .innerContainer {
padding: 20px;
}
}
@media all and (max-width: 600px) {
.safirWidget .widgetHeading .title {
flex-shrink: initial;
}
.safirWidget .widgetHeading .line {
display: none;
}
.safirWidget .widgetHeading .slogan {
margin: 0 0 5px 0;
}
.widgetHeading.center .slogan {
text-align: left;
}
} .hoverWidget .item a:before, .wp-block-gallery a:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(var(--c2RGB),0.8);
opacity: 0;
transition: all .3s;
z-index: 1;
} 
.hoverWidget .item:hover a:before, .wp-block-gallery a:hover:before  {
opacity: 1;
} 
.hoverWidget .item a .icon, .wp-block-gallery a .icon {
background: var(--c1);
position: absolute;
border-radius: 50%;
padding: 10px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
opacity: 0;
transition: all .2s;
z-index: 2;
}
.hoverWidget .item a .icon:before, .wp-block-gallery a .icon:before {
content: "";
position: absolute;
left: -8px;
top: -8px;
right: -8px;
bottom: -8px;
background: rgba(var(--c2RGB), 0.5);
border-radius: 50%;
transform: scale(.1);
transition: all .2s;
}
.hoverWidget .item:hover a .icon:before, .wp-block-gallery a:hover .icon:before {
transform: scale(1);
}
.hoverWidget .item:hover a .icon, .wp-block-gallery a:hover .icon {
opacity: 1;
}
.hoverWidget .item a .icon svg, .wp-block-gallery a .icon svg {
width: 16px;
height: 16px;
transform: scale(.1);
transition: all .3s;
}
.hoverWidget .item:hover a .icon svg, .wp-block-gallery a:hover .icon svg {
transform: scale(1);
} .iconMenuWidget .item .container {
display: flex;
gap: 20px;
}
.iconMenuWidget .item .circle {
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
border: 2px solid #fff;
padding: 20px;
}
.iconMenuWidget .item .icon svg {
width: 36px;
height: 36px;
color: #fff;
}
.iconMenuWidget .item .title {
font-weight: 600;
font-size: 18px;
margin-bottom: 10px;
}
.iconMenuWidget .item .desc {
line-height: 1.5;
color: #646464;
}
.iconMenuWidget.darkBg .item .container, .iconMenuWidget.darkBg a .title {
color: #fff;
}
.iconMenuWidget.darkBg .item .desc {
color: #ccc;
} .iconMenuWidget.sidebarWidget .item .container {
gap: 10px;
}
.iconMenuWidget.sidebarWidget .item .circle {
padding: 10px;
}
.iconMenuWidget.sidebarWidget .item .icon svg {
width: 24px;
height: 24px;
}
#footer .iconMenuWidget .item .container:after {
background: var(--c1);
}
@media all and (max-width: 900px) {
.safirWidget.iconMenuWidget .item .container {
gap: 10px;
}
.safirWidget.iconMenuWidget .item .circle {
padding: 10px;
}
.safirWidget.iconMenuWidget .item .icon svg {
width: 24px;
height: 24px;
}
} .priceWidget .item-container {
text-align: center;
}
.priceWidget .item-container.scaled {
transform: scale(1.035);
}
.priceWidget .item {
background: #fff;
border-radius: var(--genericRadius);
overflow: hidden;
}
.priceWidget .item .title {
padding: 18px;
color: #fff;
font-weight: 600;
font-size: 18px;
position: relative;
}
.priceWidget .item .title .arrow {
position: absolute;
bottom: -5px;
left: calc(50% - 6px);
width: 12px;
height: 12px;
transform: rotate(45deg);
border-radius: 3px;
}
.priceWidget .item .priceInfo {
padding: 20px 0;
}
.priceWidget .item .price {
font-weight: 600;
font-size: 48px;
}
.priceWidget .item .slogan {
padding: 10px;
font-weight: 500;
font-size: 15px;
}
.priceWidget .item .desc {
opacity: .65;
padding: 0 10px;
}
.priceWidget .item .specs {
border-bottom: 1px solid #f1f1f1;
}
.priceWidget .item .spec {
padding: 12px;
border-top: 1px solid #f1f1f1;
line-height: 20px;
display: flex;
gap: 5px;
align-items: center;
justify-content: center;
}
.priceWidget .item .specs.left .spec {
justify-content: left;
}
.priceWidget .item .spec .icon, .priceWidget .item .spec .emoji {
display: inline-flex !important;
font-size: 16px;
line-height: 20px;
vertical-align: text-top !important;
}
.priceWidget .item .spec .icon svg {
width: 16px;
height: 16px;
}
.priceWidget .item a.link {
display: block;
color: #fff;
padding: 15px;
margin: 15px;
border-radius: 3px;
font-weight: 500;
font-size: 15px;
transition: all .3s;
}
.priceWidget.whiteBg .item {
background: #fafafa;
}
.priceWidget.darkBg .item {
background: rgba(255, 255, 255, 0.05);
}
.priceWidget.darkBg .item .specs, .priceWidget.darkBg .item .spec {
border-color: rgba(255, 255, 255, 0.05);
color: #fff;
}
.priceWidget.darkBg .item .spec img.emoji {
filter: invert(1);
} .safirSidebarMenu .widgetContent {
border-radius: var(--genericRadius);
overflow: hidden;
background: #fff;
}
.safirSidebarMenu .widgetHeading {
padding: 15px;
margin: 0;
background: var(--c1);
}
.safirSidebarMenu .widgetHeading .title {
display: flex;
align-items: center;
gap: 5px;
font-size: 16px !important;
color: #fff;
letter-spacing: 0;
font-weight: 500;
}
.safirSidebarMenu .widgetHeading svg {
width: 16px;
height: 16px;
}
.safirSidebarMenu li {
position: relative;
}
.safirSidebarMenu a {
display: flex;
align-items: center;
color: #181818;
border-top: 1px solid rgba(0, 0, 0, 0.05);
position: relative;
z-index: 1;
font-size: 16px;
font-weight: 500;
line-height: 20px;
padding: 20px;
transition: all .3s;
}
.safirSidebarMenu .menuBlock > ul > li:first-child > a {
border-top: 0;
}
.safirSidebarMenu a.active, .safirSidebarMenu a:hover {
color: var(--c1);
}
.safirSidebarMenu a .themeicon {
display: none;
}
.safirSidebarMenu a .safiricon svg {
width: 20px;
height: 20px;
margin-right: 5px;
}
.safirSidebarMenu .toggle {
position: absolute;
right: 10px;
top: 22px;
color: #999;
cursor: pointer;
z-index: 10;
width: 20px;
height: 20px;
transition: all .4s;
}
.safirSidebarMenu .toggle .icon svg {
width: 10px;
height: 10px;
margin: 5px;
}
.safirSidebarMenu .toggle.active {
transform: rotate(180deg);
}
.safirSidebarMenu .sub-menu {
display: none;
}
.safirSidebarMenu .sub-menu a {
padding-left: 45px;
}
.safirSidebarMenu .sub-menu .sub-menu a {
padding-left: 65px;
}
.safirSidebarMenu .sub-menu .sub-menu .sub-menu a {
padding-left: 85px;
} .safirFooterMenu .widgetHeading .titleGroup {
margin-bottom: 0px;
}
#footer .safirFooterMenu .widgetHeading .titleGroup:after {
margin-bottom: 20px;
}
.safirFooterMenu ul.menu > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.safirFooterMenu li {
position: relative;
}
.safirFooterMenu a {
display: inline-flex;
gap: 10px;
align-items: center;
color: #fff;
font-size: 15px;
font-weight: 500;
line-height: 20px;
padding: 20px 0;
transition: all .3s;
}
.safirFooterMenu a .themeicon {
display: none;
}
.safirFooterMenu a .safiricon svg {
width: 20px;
height: 20px;
margin: 0;
}
.safirFooterMenu .toggle {
position: absolute;
right: 0;
top: 20px;
color: rgba(255, 255, 255, 0.65);
cursor: pointer;
z-index: 10;
width: 20px;
height: 20px;
transition: all .4s;
}
.safirFooterMenu .toggle .icon svg {
width: 10px;
height: 10px;
margin: 5px;
}
.safirFooterMenu .toggle.active {
transform: rotate(180deg);
}
.safirFooterMenu .menu-item-has-children > a {
padding-right: 20px;
}
.safirFooterMenu .sub-menu {
display: none;
}
.safirFooterMenu .sub-menu a {
padding-left: 30px;
}
.safirFooterMenu .sub-menu .sub-menu a {
padding-left: 50px;
}
.safirFooterMenu .sub-menu .sub-menu .sub-menu a {
padding-left: 70px;
} .numberWidget .iconList {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
grid-row-gap: 50px;
}
.numberWidget .iconList .item-container {
width: 20%;
}
.numberWidget .iconList .item {
display: flex;
align-items: center;
gap: 10px;
}
.numberWidget .iconList .item .icon {
text-align: center;
position: relative;
border-radius: 64% 36% 30% 70%/50% 45% 55% 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
background: var(--c1);
color: #fff;
}
.numberWidget .iconList .item .icon svg {
width: 32px;
height: 32px;
}
.numberWidget .iconList .item .number {
display: flex;
align-items: center;
font-size: 32px;
font-weight: 600;
}
.numberWidget .iconList .item .text {
margin-top: 5px;
color: #000;
opacity: .4;
}
.numberWidget.darkBg .iconList .item .text, .numberWidget.darkBg .iconList .item .number {
color: #f9f9f9;
}
@media all and (max-width:900px) {
.safirWidget.numberWidget .iconList .item-container {
width: 33.3333333%;
}
}
@media all and (max-width:600px) {
.safirWidget.numberWidget .iconList .item-container {
width: 50%;
}
}
@media all and (max-width:550px) {
.safirWidget.numberWidget .iconList .item-container {
width: 50%;
}
}
@media all and (max-width:374px) {
.safirWidget.numberWidget .iconList .item-container {
width: 100%;
}
} .aboutWidget .innerContent {
display: flex;
position: relative;
z-index: 2;
gap: 45px;
}
.aboutWidget .imageBlock {
flex: 1 1 40%;
position: relative;
height: 100%;
}
.aboutWidget .imageBlock .image {
border-radius: 5px;
overflow: hidden;
}
.aboutWidget .imageBlock .image img {
width: 100%;
display: block;
}
.aboutWidget .imageBlock .icon {
position: absolute;
bottom: 30px;
right: 30px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, .85);
border-radius: 50%;
}
.aboutWidget .imageBlock .icon:before {
position: absolute;
content: "";
border-radius: 100%;
transition: all .5s;
opacity: 0;
width: 200%;
height: 200%;
border: 3px solid #fff;
animation: aboutVideoIcon 2.2s infinite ease-in-out;
transform-origin: 50% 50%;
left: -50%;
bottom: -50%
}
@keyframes aboutVideoIcon {
0% {
transform: rotate(0) scale(.5) skew(1deg);
opacity: .1
}
30% {
transform: rotate(0) scale(.5) skew(1deg);
opacity: .5
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .01
}
}
.aboutWidget .imageBlock .icon svg {
width: 24px;
height: 24px;
margin: 10px;
transition: all .3s;
}
.aboutWidget .imageBlock .icon:hover svg {
width: 30px;
height: 30px;
margin: 7px;
}
.aboutWidget .infoBlock {
line-height: 1.5;
font-size: 17px;
flex: 1 1 60%;
}
.aboutWidget .menuBlock {
margin-top: 20px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: var(--genericMargin);
}
.aboutWidget .menuBlock .item-container {
box-shadow: 0 4px 20px rgba(200,200,200,0.3);
background: #fff;
border-radius: 3px;
display: flex;
align-items: center;
}
.aboutWidget .menuBlock .container {
display: flex;
align-items: center;
gap: 10px;
font-weight: 500;
font-size: 18px;
line-height: 1.2;
padding: 15px;
}
.aboutWidget .menuBlock .container .title {
font-size: 16px;
font-weight: 600;
color: #000;
}
.aboutWidget .menuBlock a:hover .title {
color: var(--c1);
}
.aboutWidget .menuBlock .container .desc {
font-size: 13px;
margin-top: 5px;
color: #6a6a6a;
}
.aboutWidget .menuBlock .icon svg {
width: 50px;
height: 50px;
}
.aboutWidget .description h1, .aboutWidget .description h2, .aboutWidget .description h3, .aboutWidget .description p {
margin-bottom: 15px;
}
.aboutWidget.homeWidget.darkBg .infoBlock h1, .aboutWidget.homeWidget.darkBg .infoBlock h2, .aboutWidget.homeWidget.darkBg .infoBlock h3, .aboutWidget.homeWidget.darkBg .infoBlock a {
color: #fff;
}
.darkBg.aboutWidget .infoBlock {
color: #f9f9f9;
}
.darkBg.aboutWidget .infoBlock .icon {
color: #333;
}
@media all and (max-width:900px) {
.aboutWidget .innerContent {
gap: 20px;
}
.aboutWidget .innerContent {
flex-direction: column;
}
} .sloganWidget {
position: relative;
background-color: var(--c2) !important;
background: url(//defnee.com/wp-content/themes/novis/images/slogan-bg.svg) 50% 50% no-repeat;
background-size: cover;
overflow: hidden;
}
.sloganWidget.homeWidget .innerContainer {
padding-top: 0;
padding-bottom: 0;
}
.sloganWidget .widgetContent {
display: flex;
align-items: center;
line-height: 1.25;
color: #fff;
gap: 80px;
}
.sloganWidget .info {
padding: 40px 0;
}
.sloganWidget .slogantext {
z-index: 2;
font-size: 38px;
font-weight: 500;
text-shadow: 0 0 5px rgba(0,0,0,0.7);
}
.sloganWidget .desc {
font-size: 22px;
font-weight: 300;
margin-top: 10px;
opacity: .8;
}
.sloganWidget .button {
margin-top: 20px;
}
.sloganWidget .button .safirButton {
display: inline-flex;
}
.sloganWidget .button .safirButton:hover {
background: rgba(var(--c1RGB), 0.8);
}
@media all and (max-width: 900px) {
.sloganWidget .widgetContent {
flex-direction: column;
gap: 0;
}
.sloganWidget .info {
padding: 20px 0;
}	
}
@media all and (max-width: 500px) {
.safirWidget.sloganWidget .slogantext {
font-size: 28px;
}
.safirWidget.sloganWidget .desc {
font-size: 20px;
}
} .postsWidget .item {
background: #f9f9f9;
border-radius: var(--genericRadius) var(--genericRadius) 0 0;
border-bottom: 3px solid var(--c1);
}
.postsWidget .postthumb {
position: relative;
}
.postsWidget .safirthumb {
border-radius: var(--genericRadius) var(--genericRadius) 0 0;
overflow: hidden;
}
.postsWidget .postthumb .text {
position: absolute;
right: 5px;
bottom: 5px;
color: #fff;
background: rgba(0, 0, 0, 0.4);
font-weight: 500;
padding: 3px 8px;
font-size: 12px;
z-index: 2;
}
.postsWidget .item .detail {
padding: 20px;
}
.postsWidget .item .title {
font-size: 17px;
font-weight: 500;
overflow: hidden;
line-height: 20px;
}
.postsWidget.whiteBg .item {
box-shadow: none;
}
.postsWidget.darkBg .item {
background: rgba(255,255,255,0.025);
}
.postsWidget.darkBg .item .title a, .postsWidget.darkBg .item .title {
color: #f9f9f9;
}
.postsWidget.darkBg .item .title a:hover, .postsWidget.darkBg .item .title:hover {
color: #ddd;
} .sidebarWidget.postsWidget .item .detail {
padding: 10px;
}
@media all and (max-width: 900px) {
.safirWidget.postsWidget .item .detail {
padding: 10px;
}
} .catsWidget .item {
border-radius: var(--genericRadius);
overflow: hidden;
transition: all .2s;
position: relative;
}
.catsWidget .item .safirthumb {
transition: all .2s;
}
.catsWidget .item .safirthumb:before {
content: "";
display: block;
z-index: 2;
position: absolute;
left: 0;
bottom: 0;
top: 0;
right: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%);	
}
.catsWidget .item:hover .safirthumb {
transform: scale(1.075);
}
.catsWidget .item .title {
position: absolute;
left: 0;
bottom: -3px;
color: #fff;
line-height: 1;
font-weight: 500;
padding: var(--genericMargin) 0;
margin: 0 var(--genericMargin);
z-index: 2;
font-size: 20px;
transition: all .2s;
border-bottom: 3px solid transparent;
}
.catsWidget a:hover .title {
color: #ddd;
bottom: 0;
border-color: #f5b900;
} .advancedPostsWidget2 .item {
border-bottom: 0;
}
.advancedPostsWidget2 .postthumb .text {
top: 10px;
left: 0;
bottom: auto;
right: auto;
padding: 8px;
}
.advancedPostsWidget2 .date {
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 5px;
color: #666;
font-size: 14px;
}
.advancedPostsWidget2 .date svg {
width: 16px;
height: 16px;
}
.advancedPostsWidget2 .inner {
line-height: 23px;
height: 145px;
overflow: hidden;
}
.advancedPostsWidget2 .title {
margin-bottom: 7px;
}
.advancedPostsWidget2 .desc {
opacity: .7;
}
.advancedPostsWidget2 .readmore {
display: inline-block;
margin-top: 10px;
color: #fff;
background: var(--c1);
position: relative;
padding: 8px 15px;
border-radius: 2px;
transition: all .3s;
}
.advancedPostsWidget2 .readmore:hover {
background: var(--c2);
} .advancedPostsWidget2.sidebarWidget .postthumb .date {
left: 10px;
}
@media all and (max-width: 900px) {
.advancedPostsWidget2 .postthumb .date {
left: 10px;
}
} .crewWidget .item {
position: relative;
overflow: hidden;
border-radius: var(--genericRadius);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
}
.crewWidget .safirthumb, .crewModal .safirthumb {
padding-bottom: var(--crewRatio);
}	
.crewWidget .item a {
display: block;
position: relative;
overflow: hidden;
transition: all .3s;
}
.crewWidget .item .info {
position: absolute;
background: -moz-linear-gradient(0deg, rgba(var(--c2RGB), 0.9) 20%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(0deg, rgba(var(--c2RGB), 0.9) 20%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(0deg, rgba(var(--c2RGB), 0.9) 20%, rgba(0, 0, 0, 0) 100%);	
z-index: 2;
bottom: 0;
left: 0;
right: 0;
line-height: 20px;
padding: 60px 15px 15px;
}
.crewWidget .item a .title {
color: #fff;
font-size: 16px;
font-weight: 500;
}
.crewWidget .item .detail {
color: #fff;
font-size: 13px;
opacity: .7;
}
.crewModal {
display: none;
}
.crewModal.fancybox-content {
padding: 0;
max-width: 700px;
}
.crewModal .fancybox-close-small {
background: #fff;
margin: 12px;
}
.crewModal .topsection {
display: flex;
align-items: center;
background: var(--c2);
color: #fff;
padding: 20px;
}
.crewModal .topsection .title {
font-size: 18px;
font-weight: bold;
}
.crewModal .topsection .position {
color: #dcdcdc;
font-weight: 500;
}
.crewModal .topsection .safirSocial {
margin: 0 50px 0 auto;
}
.crewModal .topsection .safirSocial svg {
width: 28px;
height: 28px;
}
.crewModal .topsection .safirSocial a {
color: #fff;
}
.crewModal .bottomsection {
display: flex;
gap: 20px;
padding: 20px;
}	
.crewModal .bottomsection .thumb {
flex: 0 0 200px;
}	
.crewModal .bottomsection .detail {
line-height: 1.5;
font-size: 17px;
} .sidebarWidget.crewWidget .item .info {
padding: 10px;
}
@media all and (max-width: 700px) {
.safirWidget.crewWidget .item .info {
padding: 10px;
}
.crewModal.fancybox-content {
max-width: 400px;
}
.crewModal .bottomsection {
flex-direction: column;
}
} .customerWidget .item {
border-radius: var(--genericRadius);
overflow: hidden;
background: #fff;
padding: var(--genericMargin);
}
.customerWidget .item .inner {
font-size: 18px;
line-height: 1.7;
}
.customerWidget .item .inner .icon {
display: inline-block;
margin-bottom: 10px;
}
.customerWidget .item .inner .icon svg {
width: 40px;
height: 40px;
color: var(--c1);
}
.customerWidget .item .customerinfo {
margin-top: var(--genericMargin);
background: rgba(0, 0, 0, 0.03);
padding: 15px;
border-radius: 5px;
display: flex;
align-items: center;
line-height: 1;
gap: 10px;
}
.customerWidget .item .thumb {
flex: 0 0 50px;
border-radius: 50%;
overflow: hidden;
}
.customerWidget .item .name {
font-weight: 600;
font-size: 16px;
margin-bottom: 5px;
}
.customerWidget .item .title {
color: var(--c1);
}
.customerWidget .items .owl-nav {
position: relative;
justify-content: center;
margin-top: 10px;
}
.customerWidget.safirOwlButtons .items .owl-nav > div {
background-color: rgba(0, 0, 0, .2);
}
.customerWidget.whiteBg .item {
background: rgba(var(--c1RGB), 0.05);
}
.customerWidget.darkBg .item .customerinfo, .customerWidget.darkBg .item {
background: rgba(255, 255, 255, 0.05);
} .referencesWidget .items a {
display: block;
padding: 10px;
background: #fafafa;
border-radius: var(--genericRadius);
overflow: hidden;
}
.referencesWidget .items .safirthumb {
padding-bottom: var(--refRatio);
}
.referencesWidget.notitle.owl .items {
padding: 0 60px;
position: relative;
}
.referencesWidget.notitle.owl .owl-nav div {
background: #fff;
}
.referencesWidget.notitle.owl .owl-nav .owl-prev {
left: 0;
}
.referencesWidget.notitle.owl .owl-nav .owl-next {
right: 0;
}
.referencesWidget.lightBg .items a, .referencesWidget.darkBg .items a {
background: #fff;
}
.referencesWidget.whiteBg.notitle.owl .owl-nav div {
background: rgba(var(--c1RGB), .1);
} .galleryWidget .item {
position: relative;
border-radius: var(--genericRadius);
overflow: hidden;
}
.galleryWidget .item .safirthumb {
padding-bottom: var(--galleryRatio);
}
.galleryWidget .item .thumb, .wp-block-gallery figure {
position: relative;
overflow: hidden;
transition: all .3s;
}
.galleryWidget .item a, .wp-block-gallery a {
display: block;
transition: all .3s;
}
.galleryWidget .item .detail {
position: absolute;
left: 50%;
bottom: -3px;
color: #fff;
font-size: 14px;
padding: 10px;
background: rgba(0, 0, 0, .45);
border-radius: 3px;
transition: all .2s;
transform: translateX(-50%);
z-index: 2;
text-align: center;
}
.galleryWidget .item:hover .detail {
bottom: 10px;
} .buttonWidget.homeWidget {
background: none;
}
.buttonWidget .widgetContent {
border-radius: var(--genericRadius);
}
.buttonWidget a {
transition: all .15s;
background: #fff;
color: #000;
padding: 15px;
border-bottom: 2px solid;
display: flex;
align-items: center;
}
.buttonWidget a:hover {
transform: scale(1.015);
}
.buttonWidget .icon {
position: relative;
margin: 0 15px 0 5px;
}
.buttonWidget .icon svg {
width: 40px;
height: 40px;
}
.buttonWidget .header {
font-size: 17px;
font-weight: bold;
}
.buttonWidget .description {
margin-top: 5px;
color: #707070;
font-size: 13px;
}
.safirWidget.homeWidget.buttonWidget + .safirWidget.homeWidget.buttonWidget .innerContainer {
padding-top: 0px;
margin-top: -30px;
}
#footer .buttonWidget a:hover {
color: #000;
}
@media all and (max-width: 900px) {
.safirWidget.homeWidget.buttonWidget + .safirWidget.homeWidget.buttonWidget .innerContainer {
margin-top: 0px;
}
} .contactWidget .widgetHeading .line {
display: none;
}
.contactWidget .blocks {
display: flex;
gap: 30px;
}
.contactWidget .formBlock {
flex-basis: 70%;
}
.contactWidget .infoBlock {
flex-basis: 30%;
background: var(--c2);
}
.contactWidget .safirContactInfo {
display: grid;
grid-template-columns: 1fr;	
}
.contactWidget .safirContactInfo .item {
font-weight: 500;
display: flex;
gap: 20px;
font-size: 15px;
padding: 24px;
border-right: 1px solid rgba(255, 255, 255, .05);
border-bottom: 1px solid rgba(255, 255, 255, .05);
color: #fff;
}
.contactWidget .safirContactInfo .item .first {
font-weight: 700;
font-size: 18px;
margin-bottom: 5px;
}
.contactWidget .safirContactInfo .item .icon svg {
width: 40px;
height: 40px;
}
.contactWidget.darkBg .infoBlock {
background: rgba(255, 255, 255, .04);
}
@media all and (max-width:900px) {
.contactWidget .blocks {
flex-direction: column;
gap: 20px;
}
} #single .reading {
margin-bottom: var(--wideMargin);
} #singleBlock.type1 {
margin: 0 0 30px;
}
#singleBlock .thumb {
border-radius: var(--genericRadius);
position: relative;
}
#singleBlock .safirthumb {
border-radius: var(--genericRadius);
overflow: hidden;
}
#singleBlock .text {
position: absolute;
left: 0;
top: 10px;
color: #fff;
background: rgba(0, 0, 0, 0.4);
font-weight: 500;
padding: 10px 15px;
font-size: 12px;
border-radius: var(--genericRadius) 0;
z-index: 2;
}
#singleBlock.type2 .thumb {
float: left;
width: 50%;
margin: 0 20px 10px 0;
}
#singleBlock.type3 {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
#singleBlock.type3 .text, #singleBlock.type3 .postprice {
position: relative;
top: 0;
} .postprice {
position: absolute;
color: #fff;
background: var(--c2);
z-index: 2;
top: 10px;
right: 0;
line-height: 30px;
padding: 0 8px;
font-size: 14px;
font-weight: 500;
}
.postprice:before {
content: "";
position: absolute;
left: -5px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 5px 0;
border-color: transparent var(--c2) transparent transparent;
}
.postprice span {
text-decoration: line-through;
font-weight: normal;
margin-right: 8px;
opacity: 0.75;
} .metaBox {
overflow: hidden;
clear: both;
background: #f3f3f3;
border-radius: 4px;
margin-bottom: var(--wideMargin);
padding: 10px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.metaBox .metas {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.metaBox .meta {
font-size: 14px;
display: flex;
align-items: center;
gap: 5px;
}
.metaBox .meta a {
color: #181818;
}
.metaBox .meta a:hover {
color: #818181;
}
.metaBox .meta .icon svg {
width: 16px;
height: 16px;
fill: var(--c2);
}
.metaBox .share {
display: flex;
gap: 5px;
}
.metaBox .share a {
display: block;
color: #fff;
border-radius: 3px;
overflow: hidden;
transition: all .3s;
}
.metaBox .share a:hover {
opacity: .8;
}
.metaBox .share a .icon {
width: 30px;
height: 30px;
display: flex;
}
.metaBox .share .facebook .icon {
background: #597AC7;
}
.metaBox .share .twitter .icon {
background: #000;
}
.metaBox .share .whatsapp .icon {
background: #48A91F;
} #single .tags {
position: relative;
margin-bottom: var(--wideMargin);
line-height: 20px;
clear: both;
color: #818181;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
#single .tags a {
background: #f3f3f3;
border-radius: 5px;
display: block;
padding: 4px 8px;
transition: all .3s;
}
#single .tags a:hover {
background: #e1e1e1;
}
#single .tags .themeicon {
display: block;
border-radius: 3px;
background: #f3f3f3;
margin: 4px 4px 4px 0;
padding: 4px 8px;
float: left;
} #comments {
margin-top: 30px;
display: block;
}
#comments .nocomments, #comments .logged-in-as {
margin-bottom: var(--genericMargin);
}
#comments ol {
list-style: none;
}
#comments ol li {
clear: both;
line-height: 1.5;
overflow: hidden;
}
#comments .comment-awaiting-moderation {
display: block;
}
#comments .reply {
position: absolute;
top: 25px;
right: 0;
}
#comments a.comment-reply-link {
display: inline-flex;
align-items: center;
line-height: 20px;
font-size: 13px;
background: #f3f3f3;
padding: 3px 5px;
border-radius: 3px;
}
#comments a.comment-reply-link .icon {
display: inline-block;
margin-right: 4px;
}
#comments a.comment-reply-link svg {
width: 12px;
height: 12px;
}
#comments div.comment-body {
overflow: hidden;
position: relative;
padding: 30px 0;
border-top: 2px solid #f1f1f1;
}
#comments .commentlist>li:first-child>div.comment-body {
border-top: 0;
}
#comments div.comment-body br {
display:none;
}
#comments li li .comment-body {
padding-left: 70px;
}
#comments li li li .comment-body {
padding-left: 110px;
}
#comments .depth-1>ol.children>li:first-child>.comment-body>.icon {
display: block;
position: absolute;
top: 60px;
left: 45px;
}
#reply-title {
display: block;
}
#comments .says {
display: none;
}
.commentlist .avatar {
float: left;
margin: 0 10px 0 0;
display: block;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
padding: 5px;
margin-left: 5px;
background: #fff;
position: relative;
z-index: 2;
border-radius: 50%;
}
.commentlist .comment-author {
display: inline;
color: #6e6e6e;
}
.commentlist .comment-author cite {
margin-right: 10px;
display: inline-block;
font-style: normal;
line-height: 20px;
font-weight: bold;
}
.commentlist .comment-meta {
color: #999;
display: inline-flex;
line-height: 20px;
font-size: 13px;
padding-right: 70px;
}
.commentlist .comment-meta a {
color: #a4a4a4;
display: flex;
align-items: center;
}
.commentlist .comment-meta a .icon {
display: inline-block;
margin-right: 3px;
}
.commentlist .comment-meta a:first-child svg {
width: 12px;
height: 12px;
} #respond {
overflow: hidden;
}
li #respond {
margin-bottom: 30px;
}
#respond p {
clear: both;
}
#respond .comment-form-cookies-consent {
text-align: left;
font-size: 15px;
}
#respond .inputs {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: var(--genericMargin);
margin: var(--genericMargin) 0;
}
#respond p.warning {
color: red;
font-style: italic;
}
#comments input#author, #comments input#email, #comments input#url {
display: block;
width: 100%;
}
#content #comments form textarea {
width: 100%;
display: block;
height: 80px;
}
#respond p.form-submit {
clear: both;
margin-top: 10px;
}
#respond p.form-submit input {
-webkit-appearance: none;
}
@media all and (max-width:900px) {
#singleBlock.type1 {
margin: 0 0 10px;
}
#single .tags {
margin: 20px -20px -20px;
padding: 20px;
}
}
@media all and (max-width:550px) {
.metaBox {
flex-direction: column;
align-items: baseline;
}
#comments .reply {
position: relative;
top: 10px;
left: 0;
}
.commentlist .comment-meta {
display: block;
}
#singleBlock.type2 .thumb {
width: 100%;
margin: 0 0 10px 0;
float: none;
}
} .wp-caption-text {
font-size: 14px;
}
.screen-reader-text {
display: none;
}
.gallery-caption, .blocks-gallery-caption {
text-align: center;
color: #626262;
}
.bypostauthor {
}
img.alignleft {
border: 1px solid #cdc;
float: left;
margin: 0 10px 10px 0;
padding: 1px;
}
img.alignright {
border: 1px solid #cdc;
float: right;
margin: 0 0 10px 10px;
padding: 1px;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
text-align: center;
margin: 5px auto;
}
.wp-caption {
max-width: 100%;
} form p {
overflow: hidden;
position: relative;
}
form .wpcf7-form-control-wrap {
width: 100%;
}
form p>span {
display: block;
}
form input[type=text],
form input[type=password],
form input[type=tel],
form input[type=search],
form input[type=date],
form input[type=email],
form textarea,
form select {
width: 100%;
height: 50px;
outline: none;
border: 2px solid rgba(var(--c2RGB), 0.15);
background: #fff;
margin: 10px 0;
padding: 15px;
transition: all .25s;
color: #191919;
line-height: 20px;
font-weight: 500;
-webkit-appearance: none;
border-radius: var(--genericRadius);
}
form input[type=text]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=search]:focus,
form input[type=date]:focus,
form input[type=email]:focus,
form textarea:focus,
form select:focus {
border: 2px solid rgba(var(--c2RGB), 0.25);
}
form input[type=checkbox] {
margin: 7px 7px 7px 0;
}
form textarea {
max-width: 100%;
width: 100%;
height: 190px;
display: block;
float: left;
}
form input[type=submit] {
border: 0;
font-size: 15px;
cursor: pointer;
color: #fff;
line-height: 50px;
padding: 0 50px;
transition: all .3s;
border-radius: 3px;
display: block;
font-weight: 500;
background: var(--c1);
-webkit-appearance: none;
}
form input[type=submit]:hover {
background: var(--c2);
} .safirForm .wpcf7-spinner {
background: #fff;
position: absolute;
margin: 0;
left: 10px;
top: 13px;
opacity: 1;
}
.safirForm .wpcf7-spinner:before {
background: #000;
}
div.wpcf7-validation-errors {
border:0 !important;
text-align: center !important;
}
div.wpcf7-response-output {
margin: 20px 0 0 0 !important;
padding: 10px !important;
border-radius: var(--genericRadius);
}
span.wpcf7-not-valid-tip {
position: absolute;
font-size: 12px !important;
line-height: 20px;
right: 15px;
top: 12px;
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,.1);
padding: 3px 5px;
} .safirForm {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
}
.safirForm .safirLeft, .safirForm .safirRight {
display: flex;
flex-direction: column;
gap: 20px;
}
.safirForm p.safiricon {
line-height: 1;
}
.safirForm input[type=text],
.safirForm input[type=password],
.safirForm input[type=tel],
.safirForm input[type=search],
.safirForm input[type=date],
.safirForm input[type=email],
.safirForm textarea,
.safirForm select {
padding-left: 40px;
margin: 0;
}
.safirForm .safirButton {
width: 100%;
}
.safirForm .safirButton:hover {
background: var(--c2);
}
.safirForm .safirButton.inline {
width: inherit;
}
.safirForm p>span {
overflow: hidden;
position: relative;
}
.safirForm p.safiricon svg {
width: 16px;
height: 16px;
margin: 7px;
z-index: 10;
position: absolute;
top: 10px;
left: 10px;
fill: var(--c2);
}
@media all and (max-width:900px) {
form input[type=submit], #respond p.form-submit {
width: 100%;
}
} .safirnavi {
clear: both;
margin-top: var(--wideMargin);
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.safirnavi .item {
border-radius: var(--genericRadius);
background: var(--c1);
min-width: 40px;
padding: 0 15px;
text-align: center;
line-height: 40px;
font-weight: 500;
transition: all .4s;
color: #fff;
}
.safirnavi .current {
background: var(--c2);
} #footer {
clear: both;
position: relative;
z-index: 10;
color: #fff;
font-size: 15px;
background: var(--c2);
}
#footer a {
color: inherit;
}
#footer a:hover {
color: #ddd;
}
#footer .widgetHeading {
padding: 0;
margin: 0;
}
#footer .widgetHeading .titleGroup {
display: block;
}
#footer .widgetHeading .titleGroup:after {
display: block;
height: 3px;
width: 50px;
background: var(--c1);
content: "";
margin: 15px 0 30px;
}
#footer .widgetHeading .title {
font-size: 19px;
letter-spacing: normal;
font-weight: 600;
color: #fff;
}
#footer .widgetHeading .slogan {
color: #fff;
border: 0;
opacity: .5;
padding: 0;
line-height: 1;
display: flex;
align-items: center;
}
#footer .footerCols {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 40px;
}
#footer .footerCols:has(div) {
padding: 40px 0;
}
#footer .footerCol.message {
text-align: center;
}
#footer .sidebarWidget {
margin: 0;
}
#footer .nativeWidget ul > li {
border-bottom: 1px solid rgba(255, 255, 255, .05);
}
#footer .nativeWidget ul li>a {
padding: 20px 0;
line-height: 20px;
display: inline-block;
}
#footer .nativeWidget .menu .sub-menu {
margin-left: 20px;
}
#footer .footerCol .textwidget, #footer .footerCol .recentcomments, #footer .safirWidget.textWidget .reading {
line-height: 1.8;
}
#footer .reading>*+* {
margin-top: 10px !important;
}
#footer .footerCol .safirSocial {
margin-top: 20px;
}
#footer .footerCol .safirSocial svg {
width: 30px;
height: 30px;
}
.safirTop {
position: fixed;
right: 40px;
bottom: 40px;
cursor: pointer;
z-index: -1;
opacity: 0;
border-radius: 50%;
transition: all .3s;
background: #fff;
border: 1px solid rgba(255, 255, 255, .2);
background: var(--c2);
color: #fff;
}
.whatsappButton.right + .safirTop {
bottom: 100px;
}
.safirTop.show {
opacity: 1;
z-index: 200;
}
.safirTop svg {
width: 20px;
height: 20px;
margin: 15px;
transition: all .3s;
}
.footerCopyright {
padding: 25px 0;
border-top: 1px solid rgba(255, 255, 255, 0.05);
color: #fff;
text-align: center;
}
@media all and (max-width: 1100px) {
#footer .footerCols {
padding: 20px 0;
}
}
@media all and (max-width:900px) {
#footer .footerCols {
margin: 0 -10px;
}
#footer .footerCol {
max-width: 50%;
padding: 10px;
}
}
@media all and (max-width:900px) {
#footer .footerCol {
max-width: 100%;
}
}
@media all and (max-width: 500px) {
#footer .footerCol.menu li {
width: 100%;
}
} .whatsappButton {
z-index: 15;
position: fixed;
left: 40px;
bottom: 40px;
border-radius: 50%;
color: #20AD38;
background: #fff;
cursor: pointer;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
transition: all .2s;
}
.whatsappButton:hover, #whatsappBlock.opened + .whatsappButton {
background: #20AD38;
color: #fff;
transform: scale(1.05);
}
.whatsappButton .icon {
width: 50px;
height: 50px;
display: flex;
}
.whatsappButton .count {
display: none;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
font-size: 10px;
font-weight: 500;
background: #fff;
color: #000;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.275);
position: absolute;
top: 0;
right: 0;
}
.whatsappButton .icon svg {
width: 24px;
height: 24px;
transition: all .1s;
}
#whatsappBlock {
bottom: 100px;
left: 40px;
position: fixed;
width: 300px;
transition: transform .25s;
transform: scale(.8);
opacity: 0;
z-index: -1;
box-shadow: 0 0 30px rgba(0,0,0,0.2);
border-radius: 10px;
overflow: hidden;
}
#whatsappBlock.opened {
transform: scale(1);
opacity: 1;
height: auto;
z-index: 300;
}
#whatsappBlock .chat {
overflow: hidden;
}
#whatsappBlock .chat .header {
padding: 15px;
overflow: hidden;
background: #095e54;
color: #fff;
position: relative;
display: flex;
align-items: center;
gap: 10px;
}
#whatsappBlock .chat .header .thumb {
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
overflow: hidden;
}
#whatsappBlock .chat .header .thumb img {
object-fit: cover;
width: 100%;
height: 100%;
}
#whatsappBlock .chat .header .name {
font-weight: 500;
font-size: 15px;
}
#whatsappBlock .chat .header .close {
display: block;
margin-left: auto;
cursor: pointer;
padding: 8px;
background: rgba(255, 255, 255, 0.05);
border-radius: 3px;
color: #fff;
}
#whatsappBlock .chat .header .close .icon svg {
width: 12px;
height: 12px;
}
#whatsappBlock .chat .message {
padding: 15px 10px 15px 20px;
background: url(//defnee.com/wp-content/themes/novis/images/whatsapp-bg.jpg);
background-size: cover;
}
#whatsappBlock .chat .message .bubble {
background: #fff;
width: 75%;
padding: 10px;
position: relative;
border-radius: 0 var(--genericRadius) var(--genericRadius) var(--genericRadius);
box-shadow: 3px 3px 5px rgba(0,0,0,0.05);
transform: scale(0);
animation-duration: .1s;
animation-timing-function: ease-in-out;
animation-delay: .6s;
animation-fill-mode: forwards;
}
#whatsappBlock.opened .chat .message .bubble {
animation-name: lateFade;
}
@keyframes lateFade {
0% {
transform: scale(.5);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
#whatsappBlock .chat .message .bubble:before {
display: block;
content: "";
position: absolute;
top: 0;
left: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 8px 0;
border-color: transparent #fff transparent transparent;
}
#whatsappBlock .chat .message .bubble .name {
font-weight: bold;
color: #b7b7b7;
font-size: 12px;
}
#whatsappBlock .chat .reply {
background: #fff;
padding: 10px;
overflow: hidden;
}
#whatsappBlock .chat .reply a {
font-weight: 500;
display: block;
border-radius: var(--genericRadius);
background: #14c656;
line-height: 36px;
text-align: center;
color: #fff;
transition: all .3s;
font-size: 14px;
}
#whatsappBlock .chat .reply a:hover {
background: #48A91F;
}
#whatsappBlock.right {
left: auto !important;
right: 40px;
}
.whatsappButton.right {
left: auto !important;
right: 40px;
} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//defnee.com/wp-content/themes/novis/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} #mobileHeader {
z-index: 100000;
display: flex;
align-items: center;
position: relative;
}
#mobileButtons {
display: none;
margin-left: auto;
align-items: center;
flex-shrink: 0;
overflow: hidden;
gap: 5px;
margin-right: -5px;
}
#mobileButtons .mobileButton {
display: block;
cursor: pointer;
padding: 5px;
color: #fff;
}
.headerWhite #mobileButtons .mobileButton {
color: var(--c1);
}
#mobileButtons .mobileButton .icon svg {
width: 20px;
height: 20px;
}
#mobileHeader .mobileSearch {
display: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 100;
background: #fff;
}
#mobileHeader .mobileSearch .searchform {
width: calc(100% - 60px);
height: 100%;
position: absolute;
top: 0;
left: 0;
padding-right: 60px;
}
#mobileHeader .mobileSearch .searchform input {
border: 0;
width: 100%;
padding: 10px 50px 10px 10px;
height: 30px;
font-size: 18px;
display: block;
position: absolute;
top: 50%;
left: 0;
margin-top: -15px;
color: #000;
}
#mobileHeader .mobileSearch .searchform button {
position: absolute;
top: 50%;
right: 0;
margin-top: -15px;
background: none;
border: 0;
color: #666;
}
#mobileHeader .mobileSearch .searchform button .icon {
width: 50px;
height: 30px;
display: flex;
}
#mobileHeader .mobileSearch .close {
position: absolute;
top: 0;
right: 0;
z-index: 10;
background: #f3f3f3;
color: #111;
cursor: pointer;
height: 100%;
width: 60px;
}
#mobileHeader .mobileSearch .close .icon {
height: 100%;
width: 100%;
display: flex;
}
#hamburgermenu .searchForm {
padding: 10px;
border-bottom: 1px solid #f0f0f0;
}
#hamburgermenu .searchForm form {
position: relative;
}
#hamburgermenu .searchForm input[type=text] {
width: 100%;
display: block;
padding: 5px 40px 5px 10px;
height: 40px;
transition: all .25s;
margin: 0;
background: #fafafa !important;
}
#hamburgermenu .searchForm button {
display: block;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
border:0;
background: none;
color: #222;
cursor: pointer;
}
#hamburgermenu .searchForm button svg {
margin: 12px;
width: 16px;
height: 16px;
}
#hamburgermenu {
position: fixed;
z-index: 999999;
top: 0;
right: -300px;
width: 300px;
height: 100%;
overflow-y: scroll;
background: #fff;
}
#hamburgermenu .logoBlock {
padding: 10px;
background: var(--c2);
}
.headerWhite #hamburgermenu .logoBlock {
background: #fff;
border-bottom: 2px solid #f0f0f0;
}
#mobileMenuContainer {
overflow: hidden;
}
#mobileMenuContainer #menu {
position: relative;
display: block;
}
#mobileMenuContainer #menu > ul {
display: block;
}
#mobileMenuContainer #menu a .themeicon {
display: none;
}
#mobileMenuContainer #menu li {
position: relative;
float: none;
margin: 0;
}
#mobileMenuContainer #menu a {
border-bottom: 1px solid #f0f0f0;
padding: 15px 10px;
line-height: 20px;
font-size: 16px;
color: #191919;
font-weight: 500;
border-radius: 0;
}
#mobileMenuContainer #menu a .icon {
color: var(--c1);
}
#mobileMenuContainer #menu a:hover {
color: #000;
background: none;
}
#mobileMenuContainer #menu a:before {
display: none;
}
#mobileMenuContainer #menu .sub-menu {
background: #fafafa;
position: relative;
box-shadow: none;
display: none;
opacity: 1;
visibility: visible;
transition: none;
}
#mobileMenuContainer #menu .sub-menu .sub-menu {
margin: 0;
border: 0;
left: 0;
}
#mobileMenuContainer #menu .sub-menu li {
border: 0;
}
#mobileMenuContainer #menu .sub-menu a {
padding-left: 30px;
}
#mobileMenuContainer #menu .sub-menu a:hover {
background: none;
}
#mobileMenuContainer #menu .sub-menu .sub-menu a {
padding-left: 50px;
}
#mobileMenuContainer #menu .sub-menu .themeicon {
transform: none;
}
#mobileMenuContainer #menu .menu-item-has-children>a {
padding-right: 30px;
}
#mobileMenuContainer #menu .mobilearrow {
display: block;
position: absolute;
top: 15px;
right: 10px;
text-align: center;
border-radius: 3px;
background: #f0f0f0;
color: #0f0f0f;
}
#mobileMenuContainer #menu .mobilearrow svg {
width: 10px;
height: 10px;
margin: 5px;
}
#mobileMenuContainer #menu .mobilearrow .icon {
margin: 0;
}
#mobileMenuContainer #menu .mobilearrow .icon:last-child, #mobileMenuContainer #menu .mobilearrow.active .icon:first-child {
display: none;
}
#mobileMenuContainer #menu .mobilearrow.active .icon:last-child {
display: block;
}
#mobileMenuContainer #menu .mobilearrow.active .icon svg {
width: 8px;
height: 8px;
margin: 6px;
}
#mobileMenuContainer #menu>ul>li:hover>a, #mobileMenuContainer #menu>ul>li.active>a:after {
background: none;
}
#mobileMenuContainer #menu .sub-menu {
transform: none;
top: 0;
z-index: 1;
}
#mobileMenuContainer #menu li.ozel > a {
line-height: 20px;
border-radius: 0;
border-top: 0;
margin: 0;
padding: 15px 10px;
background: none;
}
#mobileMenuContainer #menu>ul>li.ozel:hover>a, #mobileMenuContainer #menu>ul>li.active.ozel>a {
background: inherit;
color: inherit;
}
#hamburgermenu .hamburgerBottomBlock {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: space-between;
padding: 10px;
}
#hamburgermenu .hamburgerBottomBlock .menu {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
#hamburgermenu .hamburgerBottomBlock .menu a {
display: flex;
align-items: center;
gap: 5px;
}
#hamburgermenu .languageSelector {
margin: 0;
}
#hamburgermenu .safirSocial {
gap: 4px;
}
#overlay {
display: none;
width: 100%;
height: 100%;
position: fixed;
background: rgba(0,0,0,0.9);
z-index: 999998;
top: 0;
left: 0;
}
#overlay .close {
display: block;
position: absolute;
right: 0;
top: 10px;
color: #fff;
}
#overlay .close svg {
font-size: 16px;
margin: 2px;
}
.hamburgerMenuButton {
display: none;
cursor: pointer;
opacity: 0.9;
position: fixed;
z-index: 100;
right: 15px;
top: 20px;
border-radius: 50%;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
color: #fff;
background: var(--c1);
}
.hamburgerMenuButton svg {
width: 20px;
height: 20px;
margin: 10px;
}
@media all and (max-width:1170px) {
#topbar, #menuGroup, #menuGroup-sticky-wrapper, #infoBlock {
display: none;
}
#mobileButtons {
display: flex;
}
#innerheader .innerContainer {
overflow: visible;
}
#mobileHeader {
box-shadow: 0 10px 5px -5px rgba(0,0,0,0.05);
min-height: 30px;
}
#logo {
padding: 15px 10px 15px 0;
}
#logo img {
max-width: 100%;
}
#logo img, #hamburgermenu .logoBlock img {
height: var(--headerHeightMobile);
}
}