*, *:before, *:after {
outline:0;
margin:0;
padding:0;
box-sizing:border-box;
-moz-box-sizing:border-box;
vertical-align: baseline;
}
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 {
background: #f9f9f9;
font-size: 14px;
color: #000;
}
a:hover {
color: #222;
} .themeicon {
display: block;
}
.themeicon svg {
fill: currentColor;
display: block;
width: 20px;
height: 20px;
margin: auto;
}
@media (min-width: 1190px) {
#safir_imaj_slider_wrapper {
min-height: 600px;
}
}
@media (max-width: 480px) {
#safir_imaj_slider_wrapper {
min-height: 250px;
}
}
rs-fullwidth-wrap i {
vertical-align: middle;
}
.shiftTop {
margin-top: 30px;
}
.widgetHeading {
margin-bottom: 20px;
position: relative;
}
.widgetHeading.center {
text-align: center;
}
footer .widgetHeading.center {
text-align: left;
}
.widgetHeading .slogan {
display: inline-block;
font-size: 13px;
color: #fff;
padding: 4px 8px;
margin-bottom: 10px;
}
.widgetHeading .title {
display: flex;
letter-spacing: -1px;
align-items: center;
font-size: 38px;
color: #111;
line-height: 1.2;
font-weight: lighter;
}
.widgetHeading.center .title {
justify-content: center;
}
footer .widgetHeading.center .title {
justify-content: left;
}
.widgetHeading .safiricon {
margin-right: 5px;
}
.darkBg .widgetHeading .title, .imageBg .widgetHeading .title {
color: #f9f9f9;
}
.darkBg .widgetHeading .slogan .inner, .imageBg .widgetHeading .slogan .inner {
border-color: #494949;
}
.darkBg .widgetHeading:before, .darkBg .widgetHeading:after, .imageBg .widgetHeading:before, .imageBg .widgetHeading:after {
background: #f9f9f9;
}
aside .widgetHeading {
margin-bottom: 10px;
}
aside .widgetHeading .title {
font-size: 24px;
}
.innerContainer {
max-width: 1190px;
margin: auto;
overflow: hidden;
padding: 0 10px;
}
.innerContainer.visible {
overflow: visible;
}
.safirBox {
position: relative;
overflow: hidden;
background: #fff;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0,0,0,0.05);
padding: 30px;
}
.safirWidget {
position: relative;
}
aside .safirWidget {
position: relative;
}
aside .safirBox {
padding: 0;
}
.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;
}
.reading iframe {
border:0;
}
.reading a {
font-weight: 500;
}
.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%;
}
.categoryDesc {
line-height: 1.5;
background: #fafafa;
padding: 15px;
margin-bottom: 30px;
font-size: 16px;
border-radius: 4px;
}
.safirNoGallery .gallery, .safirNoGallery .wp-block-gallery {
display: none !important;
}
.safirNoGallery p {
margin-bottom: 20px;
}
@media all and (max-width: 1100px) {
.innerContainer {
padding: 0;
}
}
@media all and (max-width: 900px) {
.safirWidget .widgetHeading {
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
}
.widgetHeading .safiricon svg {
width: 16px;
height: 16px;
}
.categoryDesc {
padding: 10px;
margin-bottom: 10px;
}
.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: #dfdfdf;
}
.safirthumb.square {
padding-bottom: 100%;
}
.safirthumb.half {
padding-bottom: 50%;
}
.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;
color: #fff;
text-align: center;
padding: 80px 0;
}
.headerOver .picHeader {
padding: 190px 0 80px 0;
}
.picHeader .title {
font-size: 40px;
font-weight: lighter;
margin-bottom: 10px;
line-height: 1.2;
text-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.picHeader a, .picHeader h1, .picHeader #crumbs, .picHeader #crumbs a {
color: #fff;
}
.picHeader a:hover {
color: #dfdfdf !important;
}
@media all and (max-width: 900px) {
.picHeader {
padding: 30px 10px;
}
.headerOver .picHeader {
padding: 80px 10px 30px;
}	
.picHeader .title {
font-size: 28px;
}
} #topbar {
position: relative;
z-index: 2;
border-bottom: 1px solid rgba(255,255,255,0.075);
}
#topbar .innerContainer {
display: flex;
align-items: center;
}
#topbar a {
color: #fff;
}
#topbar a:hover {
color: #ddd;
} #infoBlock {
display: flex;
align-items: center;
margin: 10px 0;
}
#infoBlock .item {
display: flex;
align-items: center;
margin-left: 30px;
line-height: 20px;
}
#infoBlock .item:first-child {
margin-left: 0;
}
#infoBlock .icon svg {
margin-right: 5px;
width: 16px;
height: 16px;
}
#topbar .rightGroup {
margin-left: auto;
display: flex;
align-items: center;
}
#topbar .rightGroup .safirSocial {
margin-right: 10px;
}
#topbar .topsearch {
border-left: 1px solid rgba(255,255,255,0.075);
border-right: 1px solid rgba(255,255,255,0.075);
position: relative;
}
#topbar .topsearch input {
background: none;
border: 0;
color: #a6a6a6;
height: 40px;
margin: 0;
padding: 10px 50px 10px 10px;
width: 200px;
font-weight: normal;
}
#topbar .topsearch button {
position: absolute;
top: 0;
right: 0;
background: none;
border: 0;
cursor: pointer;
}
#topbar .topsearch button .icon {
margin: 14px;
color: #a6a6a6;
}
#topbar .topsearch button .icon svg {
width: 12px;
height: 12px;
} .safirSocial + .languageSelector {
border-left: 1px solid rgba(255,255,255,0.075);
}
.languageSelector {
padding: 9px 0 9px 9px;
overflow: hidden;
}
.languageSelector a {
display: block;
float: left;
margin-left: 6px;
}
.languageSelector a:first-child {
margin-left: 0;
}
.languageSelector img {
display: block;
height: 22px;
width: 22px;
} header {
position: relative;
} .headerWhite #header {
background: #fff;
}
.headerWhite #topbar {
background: #f5f5f5;
}
.headerWhite #topbar .topsearch, .headerWhite .languageSelector {
border-color: #eaeaea;
}
.headerWhite .is-sticky #header, .noRevSlider.home.headerWhite #header {
background: #fff;
box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.075);
}
.headerWhite #menu a, .headerWhite #topbar a {
color: #333;
}
.headerWhite #menu>ul>li.ozel:hover>a, .headerWhite #menu>ul>li.ozel.active>a {
color: #fff;
} .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;
}
.noRevSlider.home.headerOver header:after, .noRevSlider.page-template-page-widget.headerOver header:after {
display: none;
}
#header {
position: relative;
z-index: 40;
transition: all .4s;
}
.noRevSlider.home #header, .noRevSlider.page-template-page-widget #header {
transition: none;
}
#header:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: rgba(255,255,255,0.075);
bottom: 0;
left: 0;
}
#logo {
z-index: 100;
}
#logo a {
display: block;
float: left;
}
#logo img {
max-width: inherit;
display: block;
}
#logo h1, #logo span {
display: block;
} .safirSocial ul {
overflow: hidden;
}
.safirSocial li {
float: left;
margin-left: 6px;
}
.safirSocial li:first-child {
margin-left: 0;
}
.safirSocial a {
display: block;
color: #fff;
transition: all .3s;
}
.safirSocial a:hover {
opacity: 0.9;
}
.safirSocial a {
opacity: 1;
overflow: hidden;
}
.safirSocial a:hover {
opacity: 0.8;
}
.safirSocial .facebook a, .headerWhite #topbar .safirSocial .facebook a {
color: #597AC7;
}
.safirSocial .twitter a, .headerWhite #topbar .safirSocial .twitter a {
color: #5BBCEC;
}
.safirSocial .instagram a, .headerWhite #topbar .safirSocial .instagram a {
color: #AE318D;
}
.safirSocial .linkedin a, .headerWhite #topbar .safirSocial .linkedin a {
color: #0080B2;
}
.safirSocial .youtube a, .headerWhite #topbar .safirSocial .youtube a {
color: #F70100;
}
.safirSocial .pinterest a, .headerWhite #topbar .safirSocial .pinterest a {
color: #C51D23;
}
.safirSocial .whatsapp a, .headerWhite #topbar .safirSocial .whatsapp a {
color: #48A91F;
}
.safirSocial .rss a, .headerWhite #topbar .safirSocial .rss a {
color: #F8680B;
} #menuGroup {
margin-left: auto;
z-index: 20;
}
#menu li {
float: left;
position: relative;
transition: all .3s;
margin-left: 25px;
}
#menu a {
display: flex;
align-items: center;
position: relative;
font-size: 16px;
color: #fff;
transition: all .15s;
}
#menu>ul>li:hover>a {
color: #ddd;
}
#menu>ul>li.active>a:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
display: block;
}
#menu li.ozel > a {
line-height: 40px;
border-radius: 20px;
border: 1px solid #fff;
padding: 0 25px;
}
#menu>ul>li.ozel:hover>a, #menu>ul>li.active.ozel>a {
background: rgba(255,255,255,0.05);
color: #fff;
}
#menu>ul>li.ozel>a:after {
display: none;
}
#menu .safiricon {
margin-right: 5px;
}
#menu .safiricon svg {
width: 18px;
height: 18px;
margin: 1px;
}
#menu li.menu-item-has-children .themeicon svg {
width: 10px;
height: 10px;
margin: 0 0 0 5px;
}
#menu .sub-menu {
background: #fff;
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 li:hover>.sub-menu {
visibility: visible;
opacity: 1;
z-index: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}
#menu .sub-menu li {
float:none;
padding: 0;
margin: 0;
border: 0;
border-top: 1px solid #ededed;
position: relative;
}
#menu .sub-menu a {
transition: all .3s;
border-radius: 0;
width: auto;
min-width: 200px;
line-height: 20px;
padding: 10px;
margin:0;
border: 0;
color: #111;
font-size: 14px;
}
#menu .sub-menu .icon svg {
width: 14px;
height: 14px;
}
#menu .sub-menu a:hover {
background: #f9f9f9;
}
#menu .sub-menu .sub-menu {
left:100%;
top: 0;
margin: -1px 0 0 0;
border-left: 1px solid #ededed;
}
#menu li.menu-item-has-children .themeicon {
margin-left: auto;
}
#menu .sub-menu .themeicon {
transform: rotate(-90deg);
}
#menu .sub-menu .themeicon svg {
margin: 0;
} #safirPage {
position: relative;
overflow: hidden;
}
#main {
clear: both;
}
#home {
min-height: 110px;
clear: both;
z-index: 2;
position: relative;
}
#content {
float: right;
width: 71.7948717948718%;
padding: 30px 0;
}
.sidebarRight #content {
float: left;
}
.noSidebar #content {
float: none;
width: 100%;
}
#content iframe {
border: 0;
}
aside {
float: left;
width: 25.6410256410256%;
padding: 30px 0;
}
.sidebarRight aside {
float: right;
}
@media all and (max-width: 900px) {
#content, aside {
padding: 0;
clear: both;
float: none;
width: 100%;
}
aside {
margin-top: 10px;
}
.safirnavi {
padding: 10px 10px 0;
margin-top: 10px;
}
} .safirCol .items {
margin: -15px;
position: relative;
clear: both;
}
.safirCol .list {
display: flex;
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: -5px;
}
#safirPage .safirWidget.safirCol .items .item-container {
padding: 5px;
}
#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.homeWidget {
background-color: #fff;
transition: all .2s;
}
.safirWidget .widgetContent {
position: relative;
}
.safirWidget .widgetContent.nopad {
padding: 0px;
}
aside .widgetContent {
padding: 15px;
background: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 0 5px rgba(0,0,0,0.05);
}
aside .widgetContent.nobg {
padding: 0;
background: none;
box-shadow: none;
}
.safirWidget.homeWidget.lightBg {
background-color: #f9f9f9;
}
.safirWidget.homeWidget.darkBg {
background-color: #222222;
color: #f9f9f9;
}
.safirWidget.homeWidget .innerContainer {
padding: 60px 10px;
}
.safirWidget.sidebarWidget .innerContainer {
padding: 0;
overflow: visible;
}
.sidebarWidget {
margin-top: 30px;
}
.sidebarWidget:first-child {
margin-top: 0;
}
aside .nativeWidget .widgetHeading .text {
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 {
position: absolute;
bottom: 5px;
right: 0;
overflow: hidden;
}
.safirOwlButtons .owl-nav.disabled {
display: none;
}
.safirOwlButtons.notitle .owl-nav {
margin-bottom: 20px;
}
.owl-nav>div {
display: block;
float: left;
transition: all .3s;
border: 2px solid;
border-radius: 50%;
cursor: pointer;
}
.owl-nav>div:hover {
color: #333;
}
.darkBg .owl-nav>div {
border-color: #656565;
color: #656565;
}
.darkBg .owl-nav>div:hover, footer .owl-nav>div:hover {
border-color: #565656;
color: #565656;
}
.owl-nav>div svg {
width: 14px;
height: 14px;
margin: 8px;
}
.safirOwlButtons .owl-nav .owl-next {
margin-left: 23px;
position: relative;
}
.safirOwlButtons .owl-nav .owl-next:after {
content: "";
display: block;
position: absolute;
left: -18px;
top: 15px;
width: 10px;
height: 2px;
}
.safirOwlButtons.darkBg .owl-nav .owl-next:after {
background: repeating-linear-gradient(90deg, #656565 0, #656565 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 4px);
}
.sidebarWidget.safirOwlButtons .owl-nav,
.safirOwlButtons.notitle .owl-nav {
position: relative;
top: 0;
right: 0;
margin: 15px auto 0;
width: 104px;
height: 32px;
}
.sidebarWidget.safirOwlButtons .owl-nav {
margin: 15px 0 0;
}
.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 {
padding: 10px;
}
.safirOwlButtons .widgetHeading .owl-nav {
bottom: 0;
}
.safirOwlButtons .widgetHeading.center .owl-nav {
display: inline-block;
}
.safirBox, aside .widgetContent {
padding: 10px;
}
}
@media all and (max-width: 600px) {
.safirOwlButtons .widgetHeading .owl-nav {
position: relative;
margin: 10px 0 0;
}
.safirOwlButtons .widgetHeading.left .owl-nav {
margin: 10px auto 0;
}
.safirOwlButtons.notitle .owl-nav {
position: relative;
top: 0;
right: 0;
margin: 10px auto;
width: 104px;
height: 32px;
}
} .iconMenuWidget .owl-stage {
display: flex;
}
.iconMenuWidget .owl-carousel .item-container {
display: flex;
flex: 1 0 auto;
height: 100%;
}
.iconMenuWidget .owl-carousel .item {
position: relative;
overflow: hidden;
display: flex;
width: 100%;
flex-direction: column;
align-items: stretch;
}
.iconMenuWidget .items {
margin-top: 15px;
}
.iconMenuWidget .item {
position: relative;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
border-radius: 8px;
background: rgba(255,255,255,0.012);
padding: 40px 40px 0;
height: 100%;
transition: all .3s;
}
.iconMenuWidget .item:hover {
color: #fff;
transform: translateY(-4px);
}
.iconMenuWidget .item .container {
display: block;
position: relative;
padding-bottom: 40px;
transition: all .3s;
height: 100%;
color: #000;
}
.iconMenuWidget .item .container:after {
display: block;
content: "";
position: absolute;
background: #000;
height: 4px;
bottom: 0;
left: 0;
right: 0;
transition: all .3s;
}
.iconMenuWidget .item:hover .container {
color: #fff;
}
.iconMenuWidget .item:hover .container:after {
opacity: 0;
}
.iconMenuWidget .item .safiricon svg {
width: 54px;
height: 54px;
margin: 0 0 15px;
}
.iconMenuWidget .item .title {
font-weight: 600;
font-size: 18px;
padding-right: 20px;
margin-bottom: 15px;
}
.iconMenuWidget .item .desc {
line-height: 1.5;
}
.iconMenuWidget .item .button {
margin-top: 15px;
line-height: 34px;
transition: all .3s;
line-height: 34px;
border-radius: 4px;
display: inline-block;
background: rgba(0,0,0,0.05);
padding: 0 10px;
}
.iconMenuWidget .item:hover .button {
background: #fff;
color: #000;
}
.iconMenuWidget.darkBg .item .container {
color: #fff;
}
@media all and (max-width: 768px) {
.iconMenuWidget .item {
padding: 20px 20px 0;
}
.iconMenuWidget .item .container {
padding-bottom: 20px;
}
} .priceWidget .item-container {
text-align: center;
}
.priceWidget .list {
justify-content: center;
}
.priceWidget .item {
background: #fafafa;
border-radius: 5px;
overflow: hidden;
}
.priceWidget .item .title {
background: rgba(0,0,0,0.1);
padding: 12px;
color: #fff;
font-weight: 600;
font-size: 18px;
}
.priceWidget .item .priceInfo {
padding: 20px 0;
background: #f9f9f9;
}
.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 {
background: #f9f9f9;
color: #111;
}
.priceWidget .item .specs.left {
text-align: left;
}
.priceWidget .item .spec {
padding: 12px;
border-top: 1px solid #e9e9e9;
line-height: 20px;
}
.priceWidget .item .spec .icon, .priceWidget .item .spec .emoji {
display: inline-flex !important;
margin-right: 5px;
font-size: 16px;
line-height: 20px;
vertical-align: middle !important;
}
.priceWidget .item .spec .icon svg {
width: 16px;
height: 16px;
}
.priceWidget .item a.link {
display: block;
color: #fff;
padding: 14px;
font-weight: 500;
font-size: 15px;
transition: all .3s;
}
.priceWidget .item a.link:hover {
background: rgba(0,0,0,0.1);
}
.priceWidget.lightBg .item .specs, .priceWidget.lightBg .item .priceInfo {
background: #fff;
}
.priceWidget.lightBg .item .spec {
border-color: #f0f0f0;
}
.priceWidget.darkBg .item .priceInfo {
color: #111;
} .safirCustomMenu .widgetHeading {
padding: 15px;
margin: 0;
}
.safirCustomMenu .widgetHeading .title {
font-size: 18px;
color: #fff;
font-weight: 500;
}
.safirCustomMenu li {
position: relative;
}
.safirCustomMenu a {
display: flex;
align-items: center;
color: #181818;
border-top: 1px solid #f3f3f3;
position: relative;
z-index: 1;
font-size: 15px;
font-weight: 500;
line-height: 20px;
padding: 15px;
}
.safirCustomMenu a.active {
background: -moz-linear-gradient(left, rgba(0,0,0,0.03) 0%, transparent 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.03) 0%,transparent 100%);
background: linear-gradient(to right, rgba(0,0,0,0.03) 0%, transparent 100%);
}
.safirCustomMenu a .themeicon {
display: none;
}
.safirCustomMenu a .safiricon svg {
width: 16px;
height: 16px;
margin-right: 5px;
}
.safirCustomMenu .toggle {
position: absolute;
right: 10px;
top: 17px;
color: #999;
background: #f0f0f0;
cursor: pointer;
border-radius: 3px;
z-index: 10;
width: 20px;
height: 20px;
display: flex;
}
.safirCustomMenu .toggle .icon svg {
width: 10px;
height: 10px;
margin: 5px;
}
.safirCustomMenu .toggle .icon:last-child, .safirCustomMenu .toggle.active .icon:first-child {
display: none;
}
.safirCustomMenu .toggle.active .icon:last-child {
display: block;
transform: scale(0.8);
}
.safirCustomMenu .sub-menu {
display: none;
}
.safirCustomMenu .sub-menu a {
padding-left: 37px;
color: #686868;
}
.safirCustomMenu .sub-menu .sub-menu a {
padding-left: 55px;
}
.safirCustomMenu .sub-menu .sub-menu .sub-menu a {
padding-left: 75px;
} footer .safirCustomMenu .widgetHeading {
padding: 0 0 15px 0;
margin-bottom: 15px;
}
footer .safirCustomMenu a {
color: #fff;
border-top: 0;
margin: 0 !important;
line-height: 1;
display: flex !important;
padding: 10px 0;
}
footer .safirCustomMenu .toggle {
top: 10px;
}
footer .safirCustomMenu .sub-menu a {
color: #ddd;
}
footer .safirCustomMenu .sub-menu a {
padding-left: 0 !important;
} .numberWidget .innerContainer {
position: relative;
}
.numberWidget .iconList {
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.numberWidget.imageBg .iconList {
margin-top: 60px;
}
.numberWidget .iconList .item-container {
width: 100%;
}
.numberWidget .iconList .item {
text-align: center;
}
.numberWidget .iconList .item .icon {
margin-bottom: 10px;
text-align: center;
position: relative;
border-radius: 50%;
height: 60px;
width: 60px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
color: #fff;
}
.numberWidget .iconList .item .icon svg {
width: 24px;
height: 24px;
}
.numberWidget .iconList .item .number {
font-size: 22px;
line-height: 25px;
font-weight: 600;
margin-bottom: 8px;
}
.numberWidget .iconList .item .number .counter {
margin: 0 3px;
}
.numberWidget .iconList .item .text {
font-weight: 500;
color: #121212;
padding: 0 5px;
}
.numberWidget.darkBg .iconList .item .text, .numberWidget.darkBg .iconList .item .number {
color: #f9f9f9;
}
@media all and (max-width:900px) {
.safirWidget.numberWidget .iconList {
flex-wrap: wrap;
}
.safirWidget.numberWidget .iconList .item-container {
width: 20%;
padding: 10px 0;
}
.safirWidget.numberWidget .iconList .item-container .icon:after {
display: none;
}
}
@media all and (max-width:600px) {
.safirWidget.numberWidget .iconList .item-container {
width: 25%;
}
}
@media all and (max-width:550px) {
.safirWidget.numberWidget .iconList .item-container {
width: 33.3333333333%;
}
}
@media all and (max-width:374px) {
.safirWidget.numberWidget .iconList .item-container {
width: 50%;
}
} .aboutWidget.subtleBg .widgetContent {
position: relative;
}
.aboutWidget.subtleBg .widgetContent:before {
display: block;
position: absolute;
width: 100%;
height: 100%;
content: "";
background: url(//tabelahane.com/wp-content/themes/tabelahane/images/subtleBg.png) 50% 40px no-repeat;
background-size: contain;
z-index: 1;
}
.aboutWidget.subtleBg.darkBg .widgetContent:before {
opacity: 0.025;
}
.aboutWidget .innerContent {
display: flex;
position: relative;
z-index: 2;
}
.aboutWidget.subtleBg .innerContent {
padding: 90px;
}
.aboutWidget .infoBlock {
line-height: 1.6;
font-size: 17px;
width: 100%;
}
.aboutWidget .description ul {
display: flex;
flex-wrap: wrap;
margin: -8px;
font-weight: 500;
}
.aboutWidget .description li {
width: 50%;
padding: 8px;
font-size: 16px;
overflow: hidden;
line-height: 20px;
}
.aboutWidget.noimage .description li {
width: 25%;
}
.aboutWidget .description li .icon {
float: left;
margin-right: 5px;
}
.aboutWidget .description h1, .aboutWidget .description h2, .aboutWidget .description h3, .aboutWidget .description p {
margin-bottom: 15px;
}
.aboutWidget .imageBlock {
width: 100%;
height: fit-content;
padding-left: 65px;
position: relative;
}
.aboutWidget .imageBlock .image {
border-radius: 30px;
overflow: hidden;
}
.aboutWidget .imageBlock .aboutvideo {
display: block;
position: absolute;
right: 10px;
bottom: 10px;
border-radius: 30px;
padding: 20px;
transition: all .3s;
color: #fff;
}
.aboutWidget.subtleBg .imageBlock .aboutvideo {
right: -20px;
bottom: -20px;
}
.aboutWidget .imageBlock .aboutvideo .icon {
transition: all .3s;
margin: 0;
}
.aboutWidget .imageBlock .aboutvideo .icon svg {
width: 30px;
height: 30px;
margin: 0;
}
.aboutWidget .imageBlock .aboutvideo:hover .icon {
transform: scale(1.25);
}
.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;
}
@media all and (max-width:900px) {
.aboutWidget .innerContent {
flex-direction: column;
}
.aboutWidget.subtleBg .innerContent {
padding: 0;
}
.aboutWidget .description li {
width: 50%;
}
.aboutWidget.noimage .description li {
width: 25%;
}
.aboutWidget .imageBlock {
margin-top: 20px;
padding-left: 0;
}
.aboutWidget.subtleBg .imageBlock .aboutvideo {
right: 10px;
bottom: 10px;
}
}
@media all and (max-width:600px) {
.aboutWidget .description li, .aboutWidget.noimage .description li {
width: 50%;
}
}
@media all and (max-width:450px) {
.aboutWidget .description li, .aboutWidget.noimage .description li {
width: 100%;
}
} .categoriesWidget .item {
overflow: hidden;
position: relative;
}
.categoriesWidget .item a {
color: #fff;
}
.categoriesWidget .item a:before {
display: block;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 30%;
z-index: 1;
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
}
.categoriesWidget .item .bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: all .4s ease-out;
transform: translate3d(0, 100%, 0);
}
.categoriesWidget .item .overlay {
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
position: absolute;
width: 100%;
top: 0;
z-index: 2;
transition: transform .4s ease-out;
transform: translate3d(0, 100%, 0);
}
.categoriesWidget .item .overlay .title {
transition: transform .4s ease-out;
transform: translate3d(0, -100%, 0);
padding: 25px;
font-size: 18px;
font-weight: 600;
position: relative;
}
.categoriesWidget .item .overlay .title span {
display: block;
line-height: 20px;
overflow: hidden;
}
.categoriesWidget .item .overlay .detail {
flex-grow: 1;
padding: 0 25px 25px;
position: relative;
z-index: 2;
}
.categoriesWidget .item .overlay .linktext {
display: inline-block;
background: #fff;
padding: 0 15px;
line-height: 30px;
font-size: 13px;
}
.categoriesWidget .item:hover .overlay,
.categoriesWidget .item:hover .overlay .title {
transform: translate3d(0, 0, 0);
}
.categoriesWidget .item:hover .bg {
transform: translate3d(0, 0, 0);
opacity: .9;
}
.categoriesWidget .item:hover .overlay .detail {
flex-grow: inherit;
} .categoriesWidget.detailSep .item a:before {
display: none;
}
.categoriesWidget.detailSep .item .bg {
display: none;
}
.categoriesWidget.detailSep .item .overlay {
display: block;
position: relative;
transform: none;
color: #111;
text-align: center;
}
.categoriesWidget.detailSep .item .overlay .title {
transform: none;
padding: 10px 0;
}
.categoriesWidget.detailSep .item .overlay .detail {
padding: 0;
}
.categoriesWidget.detailSep .item .overlay .linktext {
color: #fff;
transition: all .3s;
}
.categoriesWidget.detailSep .item .overlay .linktext:hover {
color: #fff;
}
.categoriesWidget.detailSep.darkBg .item .overlay .title {
color: #fff;
}
.categoriesWidget.detailSep.darkBg .item .overlay .linktext, .categoriesWidget.detailSep.darkBg .item .overlay .linktext:hover {
background: rgba(255,255,255,0.1);
} .sloganWidget .widgetSwitcher {
display: none;
}
.sloganWidget .widgetContent {
position: relative;
border-radius: 6px;
padding: 60px 100px;
display: flex;
align-items: center;
justify-content: center;
}
.sloganWidget .widgetContent:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(255,255,255,0.1) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(255,255,255,0.1) 100%);
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(255,255,255,0.1) 100%);
}
.sloganWidget .widgetContent:before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(//tabelahane.com/wp-content/themes/tabelahane/images/circles.svg) 50% 50%;
background-size: cover;
}
.sloganWidget .text {
z-index: 2;
color: #fff;
font-size: 28px;
line-height: 1.5;
font-weight: 500;
text-shadow: 0 0 5px rgba(0,0,0,0.7);
margin-right: 150px;
}
.sloganWidget .text a:hover {
color: #dedede;
}
.sloganWidget .button {
margin-left: auto;
flex-shrink: 0;
z-index: 2;
border-radius: 30px;
border: 5px solid rgba(255,255,255,0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.sloganWidget .button a {
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
line-height: 40px;
background: #fff;
white-space: nowrap;
border: 5px solid rgba(255,255,255,0.025);
}
footer .sloganWidget .button a, footer .sloganWidget .button a:hover {
color: #333 !important;
}
.sloganWidget .button svg {
margin-right: 10px;
}
.sidebarWidget.sloganWidget .widgetContent {
padding: 20px;
display: block;
overflow: hidden;
text-align: center;
}
.sidebarWidget.sloganWidget .widgetContent:before {
background-size: 200% 200%;
}
.sidebarWidget.sloganWidget .text {
margin-right: 0;
position: relative;
}
.sidebarWidget.sloganWidget .button {
display: inline-block;
position: relative;
margin-top: 15px;
}
@media all and (max-width: 900px) {
.safirWidget.sloganWidget .widgetContent {
padding: 20px;
}
.sloganWidget .text {
font-size: 20px;
margin-right: 10px;
}
}
@media all and (max-width: 768px) {
.sidebarWidget.sloganWidget {
margin-left: 10px;
margin-right: 10px;
}
}
@media all and (max-width: 500px) {
.safirWidget.sloganWidget .widgetContent {
flex-direction: column;
text-align: center;
}
.safirWidget.sloganWidget .button {
margin: 10px 0 0;
}
} .advancedPostsWidget1 .item {
text-align: center;
overflow: hidden;
background: #f9f9f9;
}
.advancedPostsWidget1 .item .postthumb {
position: relative;
}
.advancedPostsWidget1 .item .postthumb .text {
position: absolute;
left: 0;
top: 0;
color: #fff;
background: rgba(0, 0, 0, 0.4);
font-weight: 500;
padding: 5px 8px;
font-size: 12px;
z-index: 2;
}
.advancedPostsWidget1 .item .detail {
padding: 20px;
}
.advancedPostsWidget1 .item .title {
font-size: 16px;
font-weight: 500;
overflow: hidden;
line-height: 20px;
}
.advancedPostsWidget1 .item .title a {
color: #000;
transition: all .3s;
}
.advancedPostsWidget1.lightBg .item {
background: #fff;
}
.advancedPostsWidget1.darkBg .item {
background: rgba(255,255,255,0.025);
}
.advancedPostsWidget1.darkBg .item .title, .advancedPostsWidget1.darkBg .item .title a {
color: #f9f9f9;
}
.advancedPostsWidget1.darkBg .item:hover .title a {
color: #c9c9c9;
} .sidebarWidget.advancedPostsWidget1 .item .detail {
padding: 10px;
}
@media all and (max-width: 900px) {
.safirWidget.advancedPostsWidget1 .item .detail {
padding: 10px;
}
} .advancedPostsWidget2 .item {
overflow: hidden;
}
.advancedPostsWidget2 .item .postthumb {
float: left;
width: 250px;
position: relative;
}
.advancedPostsWidget2 .item .postthumb .text {
position: absolute;
left: 0;
bottom: 0;
line-height: 22px;
color: #000;
font-weight: 500;
background: rgba(255, 255, 255, 0.7);
padding: 0 8px;
font-size: 12px;
z-index: 2;
}
.advancedPostsWidget2 .item .date {
font-size: 12px;
font-weight: 500;
margin-bottom: 5px;
color: #999;
line-height: 20px;
}
.advancedPostsWidget2 .item .detail {
color: #000;
margin-left: 260px;
}
.advancedPostsWidget2 .item .detail .inner {
line-height: 20px;
max-height: 85px;
overflow: hidden;
}
.advancedPostsWidget2 .item .title {
font-size: 18px;
font-weight: 600;
transition: all .3s;
margin-bottom: 5px;
position: relative;
}
.advancedPostsWidget2 .item .title a {
color: #000;
transition: all .3s;
}
.advancedPostsWidget2 .item .readmore {
display: inline-block;
margin-top: 5px;
font-weight: 500;
line-height: 30px;
transition: all .3s;
}
.advancedPostsWidget2.darkBg .item .title, .advancedPostsWidget2.darkBg .item .title a {
color: #f9f9f9;
}
.advancedPostsWidget2.darkBg .item:hover .title a, .advancedPostsWidget2.darkBg .item .detail {
color: #a9a9a9;
}
.advancedPostsWidget2.darkBg .item .readmore {
color: #c0c0c0;
border-color: #c0c0c0;
}
.advancedPostsWidget2.darkBg .item .readmore:hover {
color: #909090;
border-color: #909090;
}
.sidebarWidget.advancedPostsWidget2 .item .postthumb {
width: 100%;
}
.sidebarWidget.advancedPostsWidget2 .item .detail {
margin: 10px 0 0 0;
}
@media all and (max-width: 900px) {
.safirWidget.advancedPostsWidget2 .item .postthumb {
float: none;
width: 100%;
}
.safirWidget.advancedPostsWidget2 .item .detail {
margin-left: 0;
}
} .crewWidget .item {
position: relative;
overflow: hidden;
border-radius: 6px;
}
.crewWidget .item .thumb {
position: relative;
overflow: hidden;
transition: all .3s;
}
.crewWidget .item .thumb .inner {
position: relative;
overflow: hidden;
transition: all .3s;
}
.crewWidget .item a {
display: block;
position: relative;
overflow: hidden;
transition: all .3s;
}
.crewWidget .item .icon {
background: rgba(0,0,0,0.5);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
color: #fff;
opacity: 0;
transition: all .3s;
}
.crewWidget .item:hover .icon {
opacity: 1;
}
.crewWidget .item .icon svg {
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
width: 30px;
height: 30px;
transform: scale(.1);
transition: all .3s;
}
.crewWidget .item:hover .icon svg {
transform: scale(1.1);
}
.crewWidget .item a {
display: block;
}
.crewWidget .item .info {
position: absolute;
bottom: 0;
left: 14px;
right: 14px;
border-radius: 6px 6px 0 0;
color: #fff;
line-height: 20px;
padding: 12px;
}
.crewWidget .item .title {
font-weight: 500;
font-size: 16px;
}
.crewWidget .item .detail {
color: #ddd;
font-size: 14px;
}
.crewModal {
display: none;
}
.crewModal.fancybox-content {
padding: 0;
max-width: 700px;
}
.crewModal .thumb {
float: left;
width: 300px;
}
.crewModal .info {
margin-left: 300px;
padding: 25px;
min-width: 300px;
}
.crewModal .info .topsection {
border-bottom: 1px solid #eee;
padding-bottom: 15px;
}
.crewModal .info .title {
font-size: 20px;
font-weight: bold;
}
.crewModal .info .position {
color: #454545;
font-weight: 500;
}
.crewModal .info .social {
overflow: hidden;
}
.crewModal .info .social li {
margin-top: 15px;
}
.crewModal .info .social li a svg {
width: 24px;
height: 24px;
}
.crewModal .info .detail {
line-height: 1.5;
font-size: 16px;
margin-top: 20px;
} .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 .thumb {
float: none;
width: 100%;
}
.crewModal .info {
margin-left: 0;
padding: 10px;
}
.crewModal .info .title {
font-size: 16px;
}
} .customerWidget {
background: 50% 0 no-repeat;
background-size: cover;
}
.customerWidget .widgetHeading .title {
color: #fff;
}
.customerWidget .images {
margin: auto;
max-width: 320px;
padding: 0 40px;
position: relative;
}
.customerWidget .images .item {
padding: 7%;
transition: all .4s;
opacity: .25;
}
.customerWidget .images .center .item {
opacity: 1;
}
.customerWidget .item .thumb {
border-radius: 50%;
overflow: hidden;
}
.customerWidget .item .safirthumb {
cursor: pointer;
background: none;
}
.customerWidget .owl-nav>div {
position: absolute;
top: 50%;
margin-top: -15px;
left: 0;
color: #d2d2d2;
border-color: #d2d2d2;
}
.customerWidget .owl-nav>div:hover {
color: #929292;
border-color: #929292;
}
.customerWidget .owl-nav .owl-next {
left: inherit;
right: 0;
}
.customerWidget .customerComments .item-container:not(:first-child) {
display: none;
}
.customerWidget .customerComments .item-container {
text-align: center;
color: #fff;
position: relative;
max-width: 900px;
margin: 20px auto 0;
font-size: 17px;
}
.customerWidget .customerComments .item .name {
font-weight: 600;
margin-top: 15px;
font-weight: 600;
}
.customerWidget .customerComments .item .name .title:before {
content: "/";
margin: 0 8px;
}
.customerWidget .customerComments .item .comment {
line-height: 1.7;
}
.customerWidget .customerComments .item .stars {
margin-top: 15px;
}
.customerWidget .customerComments .item .stars .icon {
display: inline-block;
margin: 0 3px;
color: #f8b321;
}
.customerWidget .customerComments .item .star1 .icon:nth-child(n+2),
.customerWidget .customerComments .item .star2 .icon:nth-child(n+3),
.customerWidget .customerComments .item .star3 .icon:nth-child(n+4),
.customerWidget .customerComments .item .star4 .icon:nth-child(n+5) {
opacity: .3;
} .referencesWidget .items a {
display: block;
padding: 10px;
background: #fafafa;
border-radius: 4px;
overflow: hidden;
}
.referencesWidget.lightBg .items a, .referencesWidget.darkBg .items a {
background: #fff;
border: 0;
}
.referencesWidget.notitle.owl .items {
padding: 0 50px;
position: relative;
}
.referencesWidget.notitle.owl .owl-nav {
margin: 0;
height: 0;
position: static;
}
.referencesWidget.notitle.owl .owl-nav>div {
position: absolute;
top: calc(50% - 16px);
}
.referencesWidget.notitle.owl .owl-nav .owl-prev {
left: 10px;
}
.referencesWidget.notitle.owl .owl-nav .owl-next {
right: 10px;
}
.referencesWidget.notitle.owl .owl-nav .owl-next:after {
display: none;
}
@media all and (max-width: 900px) {
.referencesWidget.notitle.owl .owl-nav>div {
top: calc(50% - 13px);
}
} .galleryWidget .innerContainer {
padding-bottom: 0 !important;
}
.galleryWidget .group {
width: 391px;
}
.galleryWidget .group.smalls {
width: 389px;
}
.galleryWidget .item-container {
padding: 1px;
}
.galleryWidget .item-container.big {
clear: both;
}
.galleryWidget .item-container.small {
width: 50%;
float: left;
}
.galleryWidget .item {
position: relative;
}
.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 a .icon, .wp-block-gallery a .icon {
background: rgba(0,0,0,0.5);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
color: #fff;
opacity: 0;
transition: all .3s;
}
.galleryWidget .item a:hover .icon, .wp-block-gallery a:hover .icon {
opacity: 1;
}
.galleryWidget .item a .icon svg, .wp-block-gallery a .icon svg {
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
width: 30px;
height: 30px;
transform: scale(.1);
opacity: 0;
transition: all .3s;
}
.galleryWidget .item a:hover .icon svg, .wp-block-gallery a:hover .icon svg {
transform: scale(1);
opacity: 1;
} .buttonWidget.homeWidget {
background: none;
}
.buttonWidget .widgetContent {
box-shadow: 0 0 5px rgba(0,0,0,0.05);
}
.buttonWidget {
transition: all .15s;
}
.buttonWidget a {
background: #fff;
display: block;
overflow: hidden;
border-radius: 4px;
color: #000;
padding: 15px;
}
.buttonWidget .icon {
float: left;
position: relative;
padding: 15px;
}
.buttonWidget .icon svg {
width: 40px;
height: 40px;
}
.buttonWidget .table {
display: table;
min-height: 70px;
}
.buttonWidget .cell {
display: table-cell;
vertical-align: middle;
}
.buttonWidget .header {
font-size: 17px;
font-weight: bold;
}
.buttonWidget .description {
margin-top: 5px;
color: #707070;
font-size: 13px;
}
.safirWidget.homeWidget.buttonWidget .innerContainer {
padding-bottom: 10px;
}
.safirWidget.homeWidget.buttonWidget + .safirWidget.homeWidget.buttonWidget .innerContainer {
padding-top: 10px;
}
footer .buttonWidget a {
padding: 5px;
}
footer .buttonWidget a:hover {
color: #000 !important;
}
@media all and (max-width: 900px) {
.safirWidget.buttonWidget {
margin: 5px 5px 0;
}
.buttonWidget a {
padding: 5px;
}
.safirWidget.homeWidget.buttonWidget .innerContainer {
padding: 5px;
}
} .contactWidget.safirWidget.homeWidget .innerContainer {
padding-top: 0;
padding-bottom: 0;
overflow: visible;
}
.contactWidget .topsection {
text-align: center;
background-size: cover;
color: #fff;
padding: 120px 0;
z-index: 1;
position: relative;
}	
.contactWidget .widgetHeading .title {
color: #fff;
}
.contactWidget .topsection .subtext {
color: rgba(255,255,255,0.65);
line-height: 1.4;
}
.contactWidget .bottomsection {
position: relative;
z-index: 2;
}
.contactWidget .bottomsection .blocks {
display: flex;
}
.contactWidget .map {
margin: -30px 0 20px 30px;
border-radius: 20px;
padding: 20px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
width: 100%;
background: #fff;
}
.contactWidget .map iframe {
width: 100%;
}
.contactWidget .infoBlock {
width: 100%;
overflow: hidden;
}
.contactWidget .infoBlock .item {
padding: 20px 0;
font-weight: 500;
border-top: 2px solid #f3f3f3;
color: #090909;
display: flex;
align-items: center;
}
.contactWidget .infoBlock .item:first-child {
border-top: 0;
}
.contactWidget .infoBlock .item .icon {
float: left;
border-radius: 50%;
border: 5px solid #e2ebf4;
color: #fff;
width: 64px;
margin-right: 10px;
}
.contactWidget .infoBlock .item .icon svg {
margin: 15px;
width: 24px;
height: 24px;
}
.contactWidget .infoBlock .item .first {
font-weight: 600;
font-size: 15px;
margin-bottom: 5px;
}
@media all and (max-width: 900px) {
.safirWidget.contactWidget .topsection {
padding: 60px 0;
}
}
@media all and (max-width: 768px) {
.contactWidget .bottomsection .blocks {
flex-direction: column;
}
.contactWidget .map {
margin: 0 0 10px;
padding: 0;
border-radius: 0;
box-shadow: none;
}
} .reading ul li {
padding: 15px;
margin: 0;
list-style: none;
background: #fafafa;
background: #e5e8ef;
background: -moz-linear-gradient(left, #f5f5f5 0%, #fafafa 50px, #fafafa 100%);
background: -webkit-linear-gradient(left, #f5f5f5 0%,#fafafa 50px, #fafafa 100%);
background: linear-gradient(to right, #f5f5f5 0%,#fafafa 50px, #fafafa 100%);
border: 1px solid #f5f5f5;
border-radius: 5px;
margin-bottom: 10px;
line-height: 16px;
}
.reading ul li[class] {
background: none;
border-radius: 0;
padding: 0;
border: 0;
}
.reading ul li[class]:before {
display: none;
}  #singleBlock.type1 {
margin: 0 0 30px;
}
#singleBlock .thumb {
position: relative;
overflow: hidden;
}
#singleBlock .text {
position: absolute;
left: 0;
top: 0;
color: #fff;
background: rgba(0, 0, 0, 0.4);
font-weight: 500;
padding: 10px 15px;
font-size: 12px;
z-index: 2;
}
#singleBlock.type3 .text {
position: relative;
float: left;
}
#singleBlock.type2 .thumb {
float: left;
width: 50%;
margin: 0 10px 5px 0;
} .postprice {
position: absolute;
color: #fff;
background: rgba(255,255,255,0.8);
z-index: 2;
font-weight: 600;
top: 0;
right: 0;
line-height: 30px;
padding: 0 10px 0 5px;
font-size: 15px;
font-weight: 500;
}
.postprice:before {
content: '';
position: absolute;
top: 0;
left: -10px;
width: 20px;
height: 30px;
transform: skew(20deg, 0);
z-index: -1;
}
.postprice span {
text-decoration: line-through;
font-weight: normal;
margin-right: 8px;
opacity: 0.75;
font-size: 15px;
}
#singleBlock.type3 {
overflow: hidden;
}
#singleBlock.type3 .postprice {
position: relative;
top: 0;
right: 0;
float: right;
margin-bottom: 20px;
} .metaBox {
overflow: hidden;
clear: both;
color: #181818;
border-top: 2px solid #f0f0f0;
margin: 30px -30px 0;
padding: 15px 30px 0;
}
.metaBox:first-child {
border-top: 0;
border-bottom: 2px solid #f0f0f0;
margin: -15px -30px 30px;
padding: 0 30px 15px;
}
#single.attachment .metaBox {
margin-bottom: -15px;
}
.metaBox .metas {
float: left;
overflow: hidden;
}
.metaBox .meta {
float: left;
font-size: 14px;
line-height: 34px;
margin-right: 20px;
}
.metaBox .meta a {
color: #181818;
}
.metaBox .meta a:hover {
color: #818181;
}
.metaBox .meta .icon {
float: left;
position: relative;
top: -1px;
display: flex;
height: 34px;
margin-right: 5px;
}
.metaBox .meta .icon svg {
width: 16px;
height: 16px;
}
.metaBox .share {
float: right;
overflow: hidden;
}
.metaBox .share a {
display: block;
float: left;
color: #fff;
margin: 2px;
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 a .icon svg {
width: 16px;
height: 16px;
}
.metaBox .share .facebook .icon {
background: #597AC7;
}
.metaBox .share .twitter .icon {
background: #5BBCEC;
}
.metaBox .share .whatsapp .icon {
background: #48A91F;
} #single .tags {
overflow: hidden;
position: relative;
margin: 15px -30px -30px;
padding: 15px 30px;
line-height: 20px;
overflow:hidden;
clear: both;
color: #818181;
border-top: 2px solid #f0f0f0;
}
#single .tags a {
display: inline-block;
border-radius: 3px;
background: #f3f3f3;
margin: 4px;
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;
}
#comments ol {
list-style: none;
}
#comments ol li {
clear: both;
line-height: 1.5;
overflow: hidden;
}
#comments ol li .comment-meta+p {
margin-top: 6px;
position: relative;
z-index: 1;
font-size: 15px;
}
#comments .comment-awaiting-moderation {
display: block;
}
#comments .reply {
position: absolute;
top: 25px;
right: 0;
}
#comments a.comment-reply-link {
display: inline-block;
line-height: 20px;
font-size: 13px;
margin-top: 5px;
}
#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-block;
line-height: 20px;
font-size: 13px;
padding-right: 70px;
}
.commentlist .comment-meta a {
color: #a4a4a4;
}
.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 .inputs p {
clear: none;
}
#respond .inputs {
overflow: hidden;
margin: 0 -10px;
}
#respond .inputs .item {
width: 50%;
float: left;
padding: 0 10px;
}
#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;
}
#comments.logged-in textarea {
margin-top: 10px;
}
#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;
}
#singleBlock .thumb .text {
top: 8px;
left: 8px;
}
#single .tags {
margin: 10px -10px -10px;
padding: 10px;
}
.metaBox {
margin: 10px -10px 0;
padding: 10px 10px 0;
}
.metaBox:first-child {
margin: 0 -10px 10px;
padding: 0 10px 10px;
}
#respond .inputs .item {
width: 100%;
}
#comments {
margin-top: 10px;
}
#respond {
margin-bottom: 0;
}
}
@media all and (max-width:550px) {
.metaBox .metas {
float: none;
}
.metaBox .share {
float: none;
margin: 5px 0 0 -5px;
}
.metaBox .share a {
margin: 0 5px;
}
#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%;
} #galleryContent .image {
margin-bottom: 15px;
position: relative;
}
#galleryContent .image img {
display: block;
margin: auto;
}
#galleryContent .navButton {
position: absolute;
width: 50%;
height: 100%;
display: block;
top: 0;
transition: all .3s;
opacity: 0.7;
}
#galleryContent .navButton:hover {
opacity: 1;
}
#galleryContent .navButton .icon {
position: absolute;
width: 60px;
height: 60px;
top: 50%;
margin-top: -30px;
color: #fff;
background: rgba(0,0,0,0.2);
padding: 15px;
}
#galleryContent .navButton .icon svg {
width: 30px;
height: 30px;
}
#galleryContent .navButton.prev {
left: 0;
}
#galleryContent .navButton.next {
right: 0;
}
#galleryContent .navButton.prev .icon {
left: 10px;
}
#galleryContent .navButton.next .icon {
right: 10px;
}
#single.attachment .gallery-nav {
text-align: center;
margin: 15px 0;
}
#single.attachment .reading p {
text-align: center;
}
#single.attachment .gallery-nav a {
display: inline-block;
color: #999;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.59);
background: #ECECEC;
padding: 7px 0;
width: 36px;
font-weight: 600;
text-align: center;
border: 1px solid #D8D8D8;
border-bottom: 1px solid #CCC;
border-radius: 3px;
overflow: visible;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 15px 14px rgba(255, 255, 255, 0.57);
margin: 2px;
transition:all .2s;
}
#single.attachment .gallery-nav a:hover, #single.attachment .gallery-nav a.active {
color: #888;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.69);
background: #ddd;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187);
} 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 #ededed;
background: #fff;
margin: 10px 0;
padding: 15px;
transition: all .25s;
color: #191919;
line-height: 20px;
font-weight: 500;
-webkit-appearance: none;
}
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-color: #dedede;
}
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;
-webkit-appearance: none;
}
form input[type=submit]:hover {
background: #333;
} div.wpcf7-validation-errors {
border:0 !important;
text-align: center !important;
}
div.wpcf7-response-output {
margin: 20px 0 0 0 !important;
padding: 10px !important;
background: #fafafa;
border-radius: 4px;
}
span.wpcf7-not-valid-tip {
position: absolute;
font-size: 12px !important;
line-height: 20px;
right: 15px;
top: 25px;
} .safirForm {
overflow: hidden;
}
.safirForm p.safiricon {
line-height: 1;
}
.safirForm input[type=text],
.safirForm input[type=password],
.safirForm input[type=tel],
.safirForm input[type=date],
.safirForm input[type=email],
.safirForm textarea,
.safirForm select {
padding-left: 40px;
}
.safirForm .safirLeft {
float: left;
width: 50%;
padding-right: 10px;
}
.safirForm .safirRight {
float: right;
width: 50%;
padding-left: 10px;
}
.safirForm .safirButton {
width: 100%;
margin-top: 10px;
}
.safirForm .safirButton:hover {
background: #000;
}
.safirForm .safirButton.inline {
width: inherit;
}
.safirForm p>span {
overflow: hidden;
position: relative;
}
.safirForm p.safiricon svg {
width: 16px;
height: 16px;
margin: 17px 7px;
z-index: 10;
position: absolute;
top: 10px;
left: 10px;
}
#comments .inputs p.safiricon svg {
left: 20px;
}
.safirForm p span.ajax-loader {
margin: 0;
display: block;
margin: 0;
position: absolute;
top: 25px;
left: 15px;
width: 20px;
height: 20px;
margin: 0;
background: url(//tabelahane.com/wp-content/themes/tabelahane/images/loading.svg) 50% 50% no-repeat;
background-size: 20px 20px;
}
.safirForm p span.ajax-loader:before {
display: none;
}
@media all and (max-width:900px) {
.safirForm .safirLeft {
padding-right: 5px;
}
.safirForm .safirRight {
padding-left: 5px;
}
form input[type=submit], #respond p.form-submit {
width: 100%;
float: none;
}
}
@media all and (max-width:600px) {
.safirForm .safirLeft, .safirForm .safirRight {
width: 100%;
padding: 0;
}
} .safirnavi {
overflow:hidden;
clear: both;
margin: 30px -30px -30px;
padding: 20px;
border-top: 2px solid #f3f3f3;
text-align: center;
}
.safirnavi span, .safirnavi a {
display: inline-block;
min-width: 28px;
padding: 0 15px;
text-align: center;
margin: 3px;
line-height: 35px;
border: 0;
color: #fff;
font-weight: 500;
border-radius: 2px;
transition: all .4s;
}
.safirnavi a:hover, .safirnavi .current {
background: #333;
}
@media all and (max-width: 900px) {
.safirnavi {
margin: 10px -10px -10px;
padding: 10px;
}
} footer {
clear: both;
position: relative;
z-index: 10;
color: #fff;
font-size: 15px;
}
footer a {
color: #fff;
}
footer a:hover {
color: #ddd !important;
}
footer .widgetHeading {
padding-bottom: 15px;
margin-bottom: 15px;
}
footer .widgetHeading:before {
position: absolute;
content: "";
display: block;
opacity: .3;
width: 80px;
height: 1px;
bottom: 0;
left: 0;
}
footer .widgetHeading .title {
font-weight: normal;
letter-spacing: normal;
font-size: 18px;
color: #fff;
}
footer .footerCols {
margin: 0 -30px;
display: flex;
flex-wrap: wrap;
}
footer .footerCol {
width: 100%;
max-width: 25%;
padding: 30px;
margin: 0;
}
footer .footerCol.about {
font-size: 14px;
line-height: 1.8;
}
footer .footerCol.about .logoBlock {
margin-bottom: 5px;
}
footer .footerCol.about .safirSocial a {
color: #fff;
}
footer .footerCol.about .widgetHeading {
margin-top: 40px;
}
footer .footerCol ul li>a {
margin: 5px 0;
display: inline-block;
}
footer .footerCol .menu .sub-menu {
margin-left: 20px;
}
footer .footerCol .textwidget, footer .footerCol .recentcomments {
line-height: 35px;
}
.safirTop {
position: fixed;
right: 40px;
bottom: 40px;
cursor: pointer;
z-index: -1;
opacity: 0;
border-radius: 50%;
transition: all .3s;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
transform: rotate(180deg);
}
.safirTop.show {
opacity: 1;
z-index: 200;
transform: rotate(0);
}
.safirTop svg {
width: 20px;
height: 20px;
margin: 15px;
transition: all .3s;
}
.footerCopyright {
padding: 20px 0;
border-top: 1px solid rgba(255,255,255,0.075);
color: #fff;
text-align: center;
}
.footerCopyright a {
color: #fff;
}
.footerCopyright a:hover {
color: #ddd;
}
@media all and (max-width: 1100px) {
footer .innerContainer {
padding: 0 10px;
}
}
@media all and (max-width:900px) {
footer .footerCols {
margin: 0 -10px;
}
footer .footerCol {
max-width: 25%;
padding: 10px;
}
}
@media all and (max-width:768px) {
footer .footerCol {
max-width: 50%;
}
}
@media all and (max-width: 500px) {
footer .footerCol.menu li {
width: 100%;
}
footer .footerCol {
max-width: 100%;
}
} .whatsappButton {
z-index: 15;
position: fixed;
left: 40px;
bottom: 40px;
border-radius: 50%;
background: #fff;
color: #48A91F;
cursor: pointer;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
transition: all .3s;
}
.whatsappButton:hover, #whatsappBlock.opened + .whatsappButton {
color: #fff;
background: #48A91F;
}
.whatsappButton .icon {
width: 50px;
height: 50px;
display: flex;
}
.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: 200;
}
#whatsappBlock .chat {
overflow: hidden;
}
#whatsappBlock .chat .header {
padding: 15px;
overflow: hidden;
background: #095e54;
color: #fff;
position: relative;
}
#whatsappBlock .chat .header .thumb {
float: left;
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 {
margin-left: 50px;
line-height: 40px;
font-weight: 500;
font-size: 15px;
}
#whatsappBlock .chat .header .close {
display: block;
position: absolute;
top: 10px;
cursor: pointer;
right: 10px;
}
#whatsappBlock .chat .header .close .icon {
float: left;
color: #82ada8;
}
#whatsappBlock .chat .header .close .icon svg {
width: 16px;
height: 16px;
}
#whatsappBlock .chat .message {
padding: 15px 10px 15px 20px;
background: url(//tabelahane.com/wp-content/themes/tabelahane/images/whatsapp-bg.jpg);
background-size: cover;
}
#whatsappBlock .chat .message .bubble {
background: #fff;
width: 75%;
padding: 10px;
position: relative;
border-radius: 0 5px 5px 5px;
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: 18px;
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(//tabelahane.com/wp-content/themes/tabelahane/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;
position: absolute;
z-index: 2;
top: 50%;
right: 0;
margin-top: -18px;
overflow: hidden;
}
#mobileButtons .mobileButton {
display: block;
float: left;
cursor: pointer;
margin-right: 5px;
border-radius: 50%;
background: #f3f3f3;
}
#mobileButtons .mobileButton .icon {
width: 36px;
height: 36px;
display: flex;
}
#mobileButtons .mobileButton .icon svg {
width: 18px;
height: 18px;
}
#mobileButtons .toggleMenu .icon {
color: #fff;
}
#mobileHeader .mobileSearch {
display: none;
}
#hamburgermenu .searchForm {
padding: 10px;
border-bottom: 2px 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;
}
.headerWhite #hamburgermenu .logoBlock {
background: #fff;
border-bottom: 2px solid #f0f0f0;
}
#mobileMenuContainer {
overflow: hidden;
}
#mobileMenuContainer #menu {
position: relative;
display: block;
float: none;
}
#mobileMenuContainer #menu a .themeicon {
display: none;
}
#mobileMenuContainer #menu li {
position: relative;
float: none;
margin: 0;
}
#mobileMenuContainer #menu a {
border-bottom: 2px solid #f0f0f0;
padding: 15px 10px;
line-height: 20px;
font-size: 16px;
color: #191919;
font-weight: 500;
border-radius: 0;
}
#mobileMenuContainer #menu>ul>li.active>a:after {
display: none;
}
#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 {
background: none;
}
#mobileMenuContainer #menu li span.icon {
margin: 0 5px 0 0;
}
#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;
}
#mobileMenuContainer #menu>ul>li.ozel:hover>a, #mobileMenuContainer #menu>ul>li.active.ozel>a {
background: inherit;
color: inherit;
}
#mobileSocial {
margin: 20px 10px;
float: right;
}
#mobileSocial .safirSocial li a:before {
width: 22px;
height: 22px;
line-height: 22px;
font-size: 22px;
}
#hamburgermenu .languageSelector {
margin: 10px 0 10px 8px;
text-align: center;
float: left;
border-radius: 2px;
background: #fafafa;
padding: 10px;
}
#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: 5px;
top: 10px;
border-radius: 50%;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
color: #fff;
}
.hamburgerMenuButton svg {
width: 14px;
height: 14px;
margin: 11px;
}
@media all and (max-width:1100px) {
#topbar, #menuGroup, #menuGroup-sticky-wrapper, #infoBlock {
display: none;
}
#mobileButtons {
display: block;
}
#header .innerContainer {
overflow: visible;
}
#mobileHeader {
box-shadow: 0 10px 5px -5px rgba(0,0,0,0.05);
min-height: 30px;
display: block;
}
#logo {
padding: 15px 10px;
}
#logo a {
float: none;
display: inline-block;
}
#logo img {
max-width: 100%;
} #mobileHeader .mobileSearch {
position: absolute;
top: 0;
left: 0;
z-index: 10;
height: 100%;
width: 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;
}
#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;
}
}