.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;
}@font-face{font-display:swap;font-family:koza;src:url(//www.ikizlerhafriyat.com/wp-content/themes/koza/fonts/koza.eot);src:url(//www.ikizlerhafriyat.com/wp-content/themes/koza/fonts/koza.eot?#iefix) format("embedded-opentype"),url(//www.ikizlerhafriyat.com/wp-content/themes/koza/fonts/koza.woff) format("woff"),url(//www.ikizlerhafriyat.com/wp-content/themes/koza/fonts/koza.ttf) format("truetype"),url(//www.ikizlerhafriyat.com/wp-content/themes/koza/fonts/koza.svg#koza) format("svg");font-weight:400;font-style:normal}
@font-face{font-display:swap;font-family:kurumsal-line;src:url(//www.ikizlerhafriyat.com/wp-content/themes/koza/fonts/kurumsal-line.eot);src:url(//www.ikizlerhafriyat.com/wp-content/themes/koza/fonts/kurumsal-line.eot?#iefix) format("embedded-opentype"),url(//www.ikizlerhafriyat.com/wp-content/themes/koza/fonts/kurumsal-line.woff) format("woff"),url(//www.ikizlerhafriyat.com/wp-content/themes/koza/fonts/kurumsal-line.ttf) format("truetype"),url(//www.ikizlerhafriyat.com/wp-content/themes/koza/fonts/kurumsal-line.svg#kurumsal-line) format("svg");font-weight:400;font-style:normal}
.safiricon:before {
font-family: "kurumsal-line" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
line-height: inherit;
float: left;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.safirSocial a:before, #topbar .topsearch button:before,
.iconMenuWidget .item:after, .aboutWidget .description li:before,
.advancedPostsWidget2 .item .date:before, .customerWidget .customerComments .item:before, .customerWidget .customerComments .item:after, footer .column.posts .item .detail .date:before, .metaBox .share a:before, #mobileHeader .mobileSearch .searchform button:before, #mobileHeader .mobileSearch .close:before, #overlay .close:before,
#whatsappBlock .chat .header .close:before,
.wp-block-gallery a .icon:before,
#galleryContent .navButton:before,
#search .searchButton:before,
#search button:before,
.safirCustomMenu .title:before,
.safirCustomMenu .toggle.icon:before,
.whatsappButton:before,
#hamburgermenu span.close:before,
#hamburgermenu .searchForm button:before,
#mobileMenuContainer #menu .mobilearrow:before,
#menu li.menu-item-has-children span.arrow:before,
.safirTop:before,
.crewWidget .item .icon:before,
.galleryWidget .items a .icon:before,
.owl-nav div:before, .contactWidget .infoBlock .item .icon:before, .metaBox .icon:before, .commentlist .comment-meta a:before, #comments a.comment-reply-link:before, #comments ol.children li .comment-body:before, .safir-faq .openclose:before{
font-family: "koza" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
line-height: inherit;
float:left;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} *, *: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: 14px "Poppins", sans-serif;
color: #000;
}
input, select, textarea, button {
font:14px "Poppins",sans-serif;
}
a:hover {
color: #222;
} rs-fullwidth-wrap i {
vertical-align: middle;
}
.shiftTop {
margin-top: 30px;
}
.widgetHeading {
margin-bottom: 20px;
position: relative;
font-size: 26px;
font-weight: 600;
color: #111;
overflow: hidden;
}
.widgetHeading.center {
text-align: center;
}
.widgetHeading .slogan {
font-size: 13px;
color: #757575;
}
.widgetHeading .slogan .inner {
display: inline-block;
border-bottom: 1px solid #cacaca;
padding-bottom: 10px;
margin-bottom: 10px;
}
.widgetHeading .title {
display: flex;
align-items: center;
}
.widgetHeading.center .title {
justify-content: center;
}
.widgetHeading .icon {
font-size: 20px;
margin-right: 5px;
}
.darkBg .widgetHeading, .imageBg .widgetHeading {
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 {
font-size: 16px;
margin-bottom: 10px;
}
.stickyMenu #wpadminbar {
z-index: 9999;
}
.innerContainer {
max-width: 1190px;
margin: auto;
overflow: hidden;
padding: 0 10px;
}
.safirBox {
position: relative;
overflow: hidden;
background: #fff;
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%;
}
.reading, .reading p, .reading li {
line-height: 1.8;
text-align: justify;
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 .icon {
font-size: 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+.safirBox {
margin-top: 10px;
}
} .safirthumb {
position: relative;
overflow: hidden;
background: #ffffff;
}
.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% 50%;
background-size: cover;
color: #fff;
text-align: center;
padding: 40px 0;
}
.picHeader .title {
font-size: 40px;
font-weight: bold;
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;
}
.picHeader .title {
font-size: 28px;
}
} #topbar {
background: #f3f3f3;
color: #384c58;
z-index: 40;
position: relative;
}
#topbar .share {
float: left;
padding: 10px 0;
}
#topbar .rightGroup {
float: right;
}
#topbar .topsearch {
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
position: relative;
float: left;
}
#topbar .topsearch input {
background: none;
border: 0;
color: #384c58;
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:before {
display: block;
content: "\E000";
margin: 12px;
width: 16px;
height: 16px;
line-height: 16px;
font-size: 13px;
text-align: center;
color: #384c58;
} .languageSelector {
float: left;
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;
z-index: 40;
padding: 25px 0;
background: #fff;
}
#logo {
display: table-cell;
vertical-align: middle;
z-index: 100;
text-align: left;
}
#logo a {
display: block;
float: left;
}
#logo img {
max-width: inherit;
display: block;
}
#logo h1, #logo span {
display: block;
} #infoBlock {
display: table-cell;
vertical-align: middle;
position: relative;
text-align: right;
}
#infoBlock .item {
display: inline-table;
min-height: 30px;
margin-left: 30px;
text-align: left;
overflow: hidden;
vertical-align: middle;
}
#infoBlock .item:first-child {
margin-left: 0;
}
#infoBlock .item .icon {
display: table-cell;
vertical-align: middle;
}
#infoBlock .item .icon:before {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 20px;
margin-right: 10px;
border: 1px solid #d5dfec;
border-radius: 50%;
}
#infoBlock .item .text {
margin-left: 40px;
display: table-cell;
vertical-align: middle;
}
#infoBlock .item .text span {
display: block;
}
#infoBlock .item .text .title {
font-size: 14px;
font-weight: 500;
}
#infoBlock .item .text .data {
font-size: 15px;
font-weight: 600;
max-width: 300px;
} .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 li a:before {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 20px;
text-align: center;
}
.safirSocial li.facebook a:before {
content: "\E015";
}
.safirSocial li.twitter a:before {
content: "\E019";
}
.safirSocial li.instagram a:before {
content: "\E017";
}
.safirSocial li.linkedin a:before {
content: "\E018";
}
.safirSocial li.youtube a:before {
content: "\E016";
}
.safirSocial li.pinterest a:before {
content: "\E01C";
}
.safirSocial li.whatsapp a:before {
content: "\E01A";
}
.safirSocial li.rss a:before {
content: "\E01B";
}
.safirSocial a {
opacity: 1;
overflow: hidden;
}
.safirSocial a:before {
width: 24px;
height: 24px;
line-height: 24px;
font-size: 24px;
}
.safirSocial a:hover {
opacity: 0.8;
}
.safirSocial .facebook a {
color: #597AC7;
}
.safirSocial .twitter a {
color: #5BBCEC;
}
.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 {
position: relative;
z-index: 20;
box-shadow: 0 8px 4px -4px rgba(0,0,0,0.08);
}
#menuGroup-sticky-wrapper {
max-height: 60px;
}
#menuGroup .innerContainer {
overflow: visible;
}
#menu {
position:relative;
}
#menu li {
float: left;
position: relative;
transition: all .3s;
}
#menu a {
display: flex;
position: relative;
font-weight: 500;
font-size: 16px;
line-height: 20px;
padding: 20px;
color: #fff;
transition: all .15s;
}
#menu>ul>li:hover>a {
background: rgba(255,255,255,0.05);
}
#menu>ul>li.active>a:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
display: block;
}
#menu .icon {
float: left;
margin-right: 5px;
}
#menu .icon:before {
width: 18px;
height: 18px;
line-height: 18px;
font-size: 18px;
display: block;
}
#menu .text {
float: left;
}
#menu li.menu-item-has-children>a {
padding-right: 35px;
}
#menu li.menu-item-has-children span.arrow {
width: 10px;
height: 10px;
display: block;
position: absolute;
right: 20px;
top: 50%;
margin-top: -5px;
}
#menu li.menu-item-has-children span.arrow:before {
display: block;
font-size: 8px;
line-height: 10px;
content: "\E00F";
}
#menu .sub-menu {
text-align: left;
position: absolute;
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);
display: none;
}
#menu li:hover>.sub-menu {
display: block;
}
#menu .sub-menu li {
float:none;
padding: 0;
margin: 0;
border: 0;
border-top: 1px solid #ededed;
position: relative;
}
#menu .sub-menu li.menu-item-has-children>a {
padding-right: 15px;
}
#menu .sub-menu a {
transition: all .3s;
border-radius: 0;
width: auto;
min-width: 200px;
line-height: 20px;
padding: 15px;
margin:0;
border: 0;
color: #111;
font-size: 14px;
}
#menu .sub-menu a:hover {
background: #f9f9f9;
}
#menu .sub-menu .icon:before {
margin: 0;
}
#menu .sub-menu .sub-menu {
left:100%;
top: 0;
margin: -1px 0 0 0;
border-left: 1px solid #ededed;
}
#menu .sub-menu span.icon {
width: 16px;
height: 16px;
display: inline-block;
float: none;
margin-right: 5px;
}
#menu .sub-menu span.icon:before {
font-size: 16px;
line-height: 16px;
margin: 0;
display: block;
}
#menu li.menu-item-has-children li.menu-item-has-children span.arrow {
position: absolute;
right: 5px;
top: 50%;
margin-top: -5px;
}
#menu li.menu-item-has-children li.menu-item-has-children span.arrow:before {
color: #666;
content: "\E008";
font-size: 8px;
} #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;
}
.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;
}
.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%;
}
} .archive.advancedPostsWidget1 .item {
background: none;
}
.archive.advancedPostsWidget1 .item .postthumb {
border-radius: 4px;
overflow: hidden;
position: relative;
}
.archive.advancedPostsWidget1 .item .detail {
padding: 10px 0 0;
}
.archive.advancedPostsWidget2 .item .readmore {
border: 0;
} .safirWidget.homeWidget {
background: #fff;
transition: all .2s;
}
.safirWidget .widgetContent {
position: relative;
}
aside .widgetContent {
padding: 15px;
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.05);
}
aside .widgetContent.nobg {
padding: 0;
background: none;
box-shadow: none;
}
aside .widgetContent.nopad {
padding: 0px;
}
.safirWidget.homeWidget.lightBg {
background: #ddd;
}
.safirWidget.homeWidget.darkBg {
background: #222222;
color: #f9f9f9;
}
.safirWidget.homeWidget.darkBg .mainHeading {
color: #edf0f7;
}
.safirWidget.homeWidget .innerContainer {
padding: 40px 10px;
}
.safirWidget.sidebarWidget .innerContainer {
padding: 0;
overflow: visible;
}
.sidebarWidget {
margin-top: 30px;
}
.sidebarWidget:first-child {
margin-top: 0;
}
aside .nativeWidget li {
border-bottom:1px solid #ededed;
padding-bottom: 10px;
margin-bottom: 10px;
}
aside .nativeWidget ul.menu .sub-menu {
padding-left: 15px;
} .safirOwlButtons .owl-nav {
position: absolute;
bottom: 5px;
right: 0;
}
.safirOwlButtons .owl-nav.disabled {
display: none;
}
.safirOwlButtons.notitle .owl-nav {
margin-bottom: 20px;
}
.owl-nav div {
display: block;
float: left;
transition: all .3s;
color: #a9a9a9;
border: 1px solid #a9a9a9;
border-radius: 50%;
cursor: pointer;
}
.owl-nav div:hover {
color: #333;
border-color: #333;
}
.darkBg .owl-nav div:hover {
color: #656565;
border-color: #656565;
}
.owl-nav div:before {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
display: block;
text-align: center;
}
.owl-nav .owl-prev:before {
content: "\E028";
}
.owl-nav .owl-next:before {
content: "\E027";
}
.safirOwlButtons .owl-nav .owl-next {
margin-left: 40px;
position: relative;
}
.safirOwlButtons .owl-nav .owl-next:after {
content: "";
display: block;
position: absolute;
left: -30px;
top: 15px;
width: 20px;
height: 1px;
background: #a9a9a9;
}
.sidebarWidget.safirOwlButtons .owl-nav,
.safirOwlButtons.notitle .owl-nav {
position: relative;
top: 0;
right: 0;
margin: 15px auto 0;
width: 104px;
height: 32px;
}
.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;
}
.owl-nav div:before {
width: 24px;
height: 24px;
line-height: 24px;
font-size: 12px;
display: block;
text-align: center;
}
.safirOwlButtons .owl-nav .owl-next:after {
left: -30px;
top: 12px;
}
.safirOwlButtons.notitle .owl-nav {
position: relative;
top: 0;
right: 0;
margin: 15px auto 0;
width: 92px;
height: 26px;
}
.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;
}
} .revSliderWidget+.iconMenuWidget {
position: relative;
background: none;
margin-top: -65px;
z-index: 2;
}
.revSliderWidget+.iconMenuWidget .innerContainer {
padding-top: 0;
overflow: visible;
}
.iconMenuWidget .items {
display: flex;
flex-wrap: wrap;
margin: -15px;
align-items: center;
justify-content: center;
}
.iconMenuWidget .item-container {
width: 25%;
padding: 15px;
}
.iconMenuWidget .item {
border-radius: 40px 6px 6px;
position: relative;
overflow: hidden;
background-size: cover;
transition: all .15s;
box-shadow: 0px 10px 20px 0px rgba(101, 132, 169, 0.41);
}
.desktop .iconMenuWidget.homeWidget .item:hover {
transform: translateY(-5px);
}
.iconMenuWidget .item .container {
padding: 20px;
display: block;
position: relative;
}
.iconMenuWidget .item.nobg:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(255,255,255,0.075);
z-index: 1;
}
.iconMenuWidget .item a, .iconMenuWidget .item .icon, .iconMenuWidget .item .text {
position: relative;
z-index: 2;
}
.iconMenuWidget .item .icon {
border-radius: 50%;
float: left;
margin-right: 10px;
}
.iconMenuWidget .item .icon:before {
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 24px;
}
.iconMenuWidget .item .table {
display: table;
}
.iconMenuWidget .item .cell {
display: table-cell;
vertical-align: middle;
color: #fff;
font-size: 16px;
height: 60px;
}
.iconMenuWidget .item .title {
line-height: 20px;
text-shadow: 0 0 5px rgba(0,0,0,0.4);
}
.iconMenuWidget .item .cell:first-line {
font-size: 20px;
font-weight: 600;
}
.iconMenuWidget .item:after {
content: "";
display: block;
width: 40px;
height: 34px;
line-height: 34px;
text-align: center;
position: absolute;
right: 0;
bottom: 0;
content: "\E008";
font-size: 12px;
color: #fff;
opacity: 0.35;
border-radius: 20px 0 0 0;
transition: all .4s;
}
.iconMenuWidget .item:hover:after {
opacity: 0.55;
} .iconMenuWidget.sidebarWidget .item-container {
width: 100%;
}
@media all and (max-width:1100px) {
.iconMenuWidget.safirWidget .innerContainer {
padding-left: 10px;
padding-right: 10px;
}
.iconMenuWidget .item-container {
width: 33.333333333333%;
}
.iconMenuWidget.safirWidget .items {
margin: -5px;
}
.iconMenuWidget.safirWidget .item-container {
padding: 5px;
}
}
@media all and (max-width:900px) {
.revSliderWidget+.iconMenuWidget {
margin-top: 0px;
}
.revSliderWidget+.iconMenuWidget .innerContainer {
padding-top: 10px;
}
.iconMenuWidget.safirWidget .item-container {
width: 50%;
}
.iconMenuWidget .item {
border-radius: 6px;
}
.iconMenuWidget .item .container {
padding: 10px;
}
}
@media all and (max-width:450px) {
.iconMenuWidget.safirWidget .item-container {
width: 100%;
}
} .priceWidget .item-container {
text-align: center;
}
.priceWidget .item {
background: #fafafa;
border-radius: 4px 4px 0 0;
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;
color: #fff;
}
.priceWidget .item .price {
font-weight: 300;
font-size: 48px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}
.priceWidget .item .slogan {
padding: 10px;
font-weight: 500;
font-size: 15px;
}
.priceWidget .item .desc {
opacity: .65;
padding: 0 10px;
}
.priceWidget .item .specs {
background: #f5f5f5;
color: #111;
}
.priceWidget .item .specs.left {
text-align: left;
}
.priceWidget .item .spec {
padding: 10px;
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 a.link {
display: block;
color: #fff;
padding: 10px;
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 {
background: #fff;
}
.priceWidget.lightBg .item .spec {
border-color: #f0f0f0;
} .safirCustomMenu .widgetHeading {
padding: 15px;
margin: 0;
}
.safirCustomMenu li {
position: relative;
}
.safirCustomMenu a {
display: block;
color: #181818;
border-top: 2px solid #f3f3f3;
position: relative;
z-index: 1;
font-size: 14px;
font-weight: 500;
line-height: 50px;
}
.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 .inner {
overflow: hidden;
}
.safirCustomMenu a .title {
display: block;
transition: all .2s;
}
.safirCustomMenu a .title:before {
display: inline-block;
content: "\E02C";
float: left;
width: 10px;
margin: -1px 10px 0 15px;
font-size: 10px;
color: #999;
}
.safirCustomMenu .sub-menu a .title:before {
display: none;
}
.safirCustomMenu .toggle.icon {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: block;
position: absolute;
right: 10px;
top: 17px;
font-size: 9px;
color: #999;
background: #f0f0f0;
cursor: pointer;
border-radius: 3px;
z-index: 10;
}
.safirCustomMenu .toggle.icon:before {
content: "\E00F";
display: block;
line-height: 20px;
width: 20px;
text-align: center;
}
.safirCustomMenu .toggle.icon.active:before {
content: "\E009";
font-size: 7px;
}
.safirCustomMenu .sub-menu {
display: none;
}
.safirCustomMenu .sub-menu a {
padding-left: 35px;
color: #686868;
}
.safirCustomMenu .sub-menu .sub-menu a {
padding-left: 55px;
}
.safirCustomMenu .sub-menu .sub-menu .sub-menu a {
padding-left: 75px;
} .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;
}
.numberWidget .iconList .item .icon:before {
display: block;
z-index: 2;
position: relative;
background: #fff;
border-radius: 50%;
padding: 10px;
margin: auto;
float: none;
height: 60px;
width: 60px;
font-size: 24px;
line-height: 40px;
border: 1px solid #d9d9d9;
}
.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.homeWidget.imageBg {
background: #162a61 url(//www.ikizlerhafriyat.com/wp-content/themes/koza/images/numbersbg.png) 50% 0 no-repeat;
background-size: 1920px 476px;
}
.numberWidget.whiteBg .iconList .item .icon:before {
background: #fafafa;
}
.numberWidget.darkBg .iconList .item .text, .numberWidget.darkBg .iconList .item .number, .numberWidget.imageBg .iconList .item .text, .numberWidget.imageBg .iconList .item .number  {
color: #f9f9f9;
} .sidebarWidget.numberWidget .iconList {
flex-wrap: wrap;
margin: 10px 0;
}
.sidebarWidget.numberWidget .iconList .item-container {
width: 50%;
padding: 10px 0;
}
.sidebarWidget.numberWidget .iconList .item-container:nth-child(2n+1) .icon:after {
width: 50%;
left: 50%;
}
.sidebarWidget.numberWidget .iconList .item-container:nth-child(2n) .icon:after {
width: 50%;
}
@media all and (max-width:900px) {
.numberWidget.homeWidget.imageBg {
background-image: none;
}
.numberWidget.homeWidget.imageBg .iconList {
margin-top: 0;
}
.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 .innerContent {
overflow: hidden;
}
.aboutWidget .infoBlock {
line-height: 1.6;
font-size: 17px;
float: left;
width: 50%;
}
.aboutWidget.noimage .infoBlock {
width: 100% !important;
}
.aboutWidget .description a {
font-weight: 500;
}
.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:before {
display: block;
float: left;
content: "\E025";
height: 20px;
line-height: 20px;
font-size: 20px;
margin-right: 5px;
}
.aboutWidget .description h1, .aboutWidget .description h2, .aboutWidget .description h3, .aboutWidget .description p {
margin-bottom: 15px;
}
.aboutWidget .imageBlock {
width: 50%;
float: right;
padding-left: 65px;
position: relative;
}
.aboutWidget .imageBlock .image {
border-radius: 64px 0px 3px 0px;
overflow: hidden;
}
.aboutWidget .imageBlock .aboutvideo {
display: block;
position: absolute;
right: 0;
top: 0;
border-radius: 6px 0 0 0;
padding: 10px;
color: #fff;
font-weight: 500;
line-height: 20px;
font-size: 16px;
transition: all .3s;
}
.aboutWidget .imageBlock .aboutvideo:before {
margin-right: 5px;
}
.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;
} .sidebarWidget.aboutWidget .infoBlock {
width: 100%;
}
.sidebarWidget.aboutWidget .imageBlock {
width: 100%;
padding: 0;
margin-bottom: 10px;
}
.sidebarWidget.aboutWidget .imageBlock .image {
border-radius: 2px;
}
.sidebarWidget.aboutWidget .description li {
width: 100%;
}
.sidebarWidget.aboutWidget .infoBlock {
font-size: 15px;
}
@media all and (max-width:900px) {
.safirWidget.aboutWidget .infoBlock {
float: left;
width: 60%;
font-size: 15px;
}
.safirWidget.aboutWidget .imageBlock {
float: right;
width: 40%;
padding-left: 20px;
}
.safirWidget.aboutWidget .imageBlock .image {
border-radius: 2px;
}
.safirWidget.aboutWidget .description li {
width: 50%;
}
.safirWidget.aboutWidget.noimage .description li {
width: 25%;
}
}
@media all and (max-width:600px) {
.safirWidget.aboutWidget .infoBlock {
width: 100%;
}
.safirWidget.aboutWidget .imageBlock {
width: 100%;
padding-left: 0;
margin-bottom: 10px;
}
.safirWidget.aboutWidget .description li, .safirWidget.aboutWidget.noimage .description li {
width: 50%;
}
}
@media all and (max-width:450px) {
.safirWidget.aboutWidget .description li, .safirWidget.aboutWidget.noimage .description li {
width: 100%;
}
} .categoriesWidget .item {
overflow: hidden;
text-align: center;
border-radius: 4px;
}
.categoriesWidget .item .detail {
color: #000;
transition: all .3s;
}
.categoriesWidget .item .inner {
padding: 20px 20px 40px;
background: #fafafa;
border-radius: 0 0 4px 4px;
}
.categoriesWidget .item .title {
font-size: 18px;
font-weight: 600;
position: relative;
line-height: 20px;
}
.categoriesWidget .item .safirButton {
display: table;
margin: -20px auto 0;
}
.categoriesWidget.lightBg .item .inner {
background: #fff;
}
.categoriesWidget.darkBg .item .inner {
background: rgba(255,255,255,0.025);
}
.categoriesWidget.darkBg .item .detail {
color: #e9e9e9;
} .sloganWidget .widgetSwitcher {
display: none;
}
.sloganWidget .widgetContent {
background-color: #232323;
background-position: 50% 50%;
background-size: cover;
text-align: center;
padding: 20px;
color: #fff;
}
.sloganWidget .text {
color: #fff;
font-size: 28px;
line-height: 1.5;
font-weight: 500;
text-shadow: 0 0 5px rgba(0,0,0,0.7);
}
.sloganWidget .text a:hover {
color: #dedede;
}
.sloganWidget .safirButton {
margin-top: 20px;
}
.sloganWidget .safirButton:before {
margin-right: 5px;
}
@media all and (max-width: 900px) {
.sloganWidget .text {
font-size: 20px;
}
} .advancedPostsWidget1 .item {
text-align: center;
overflow: hidden;
border-radius: 4px;
background: #f9f9f9;
}
.advancedPostsWidget1 .item .postthumb {
position: relative;
}
.advancedPostsWidget1 .item .postthumb .text {
position: absolute;
left: 0;
bottom: 0;
color: #000;
background: rgba(255, 255, 255, 0.7);
font-weight: 500;
padding: 5px 8px;
font-size: 12px;
border-radius: 0 4px 0 4px;
z-index: 2;
}
.advancedPostsWidget1 .item .detail {
padding: 20px;
background: #eee;
}
.advancedPostsWidget1 .item .title {
font-size: 16px;
font-weight: 500;
overflow: hidden;
line-height: 25px;
}
.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 .postthumb {
position: relative;
border-radius: 4px;
overflow: hidden;
margin-bottom: 10px;
}
.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;
border-radius: 0 4px 0 4px;
z-index: 2;
}
.advancedPostsWidget2 .item .date {
font-size: 12px;
font-weight: 500;
margin-bottom: 10px;
color: #9aa5b4;
line-height: 20px;
}
.advancedPostsWidget2 .item .date:before {
content: "\E026";
display: block;
float: left;
line-height: 18px;
margin-right: 5px;
font-size: 14px;
}
.advancedPostsWidget2 .item .detail {
color: #252525;
}
.advancedPostsWidget2 .item .detail .inner {
line-height: 25px;
max-height: 155px;
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;
border-bottom: 1px solid;
transition: all .3s;
}
.advancedPostsWidget2 .item .readmore:hover {
border-color: #222;
}
.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;
} .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: #333;
opacity: 0;
transition: all .3s;
}
.crewWidget .item:hover .icon {
opacity: 1;
}
.crewWidget .item .icon:before {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
text-shadow: 0 0 4px rgba(0,0,0,.3);
width: 30px;
height: 30px;
line-height: 30px;
font-size: 30px;
text-align: center;
content: "\E000";
color: #fff;
transform: scale(.1);
opacity: 0;
transition: all .3s;
}
.crewWidget.pagelink .item .icon:before, .crewWidget.attachment .item .icon:before {
content: "\E00E";
}
.crewWidget .item:hover .icon:before {
transform: scale(1.1);
opacity: 1;
}
.crewWidget .item a {
display: block;
}
.crewWidget .item .info {
background: #fff;
line-height: 20px;
padding: 20px;
}
.crewWidget .item .title {
font-weight: 600;
font-size: 16px;
}
.crewWidget .item .detail {
color: #222;
font-size: 14px;
}
.crewWidget.whiteBg .item .info {
background: #f9f9f9;
}
.crewWidget.darkBg .item .info {
background: rgba(255,255,255,0.02);
}
.crewWidget.darkBg .item a {
color: #f9f9f9;
}
.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 .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:before {
width: 24px;
height: 24px;
line-height: 24px;
font-size: 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 .images {
margin: auto;
max-width: 420px;
padding: 0 30px;
position: relative;
}
.customerWidget .images .item {
padding: 15%;
transition: all .4s;
}
.customerWidget .images .center .item {
padding: 0;
}
.customerWidget .item .safirthumb {
border-radius: 50%;
cursor: pointer;
}
.customerWidget .owl-nav div {
position: absolute;
top: 50%;
margin-top: -15px;
left: 0;
}
.customerWidget .owl-nav .owl-next {
left: inherit;
right: 0;
}
.customerWidget .customerComments .item-container:not(:first-child) {
display: none;
}
.customerWidget .customerComments .item-container {
border-radius: 5px;
background: #f7f7f7;
padding: 30px 60px;
text-align: center;
position: relative;
max-width: 900px;
margin: 30px auto 0;
}
.customerWidget .customerComments .item-container:before {
content: "";
display: block;
border-radius: 5px;
background: #f7f7f7;
position: absolute;
top: -7px;
left: 50%;
width: 20px;
height: 20px;
margin-left: -10px;
transform: rotate(45deg);
}
.customerWidget .customerComments .item:before, .customerWidget .customerComments .item:after {
display: block;
position: absolute;
width: 30px;
height: 30px;
color: #cacaca;
font-size: 30px;
}
.customerWidget .customerComments .item:before {
content: "\E029";
top: 50px;
left: 20px;
}
.customerWidget .customerComments .item:after {
content: "\E02A";
bottom: 30px;
right: 20px;
}
.customerWidget .customerComments .item .name {
font-weight: 600;
margin-bottom: 10px;
font-size: 16px;
}
.customerWidget .customerComments .item .title {
color: #666;
font-weight: 500;
}
.customerWidget .customerComments .item .name .title:before {
content: "—";
margin: 0 8px;
}
.customerWidget .customerComments .item .comment {
color: #323232;
font-size: 15px;
line-height: 1.7;
}
.customerWidget.lightBg .customerComments .item-container, .customerWidget.lightBg .customerComments .item-container:before {
background: #fff;
}
.customerWidget.darkBg .customerComments .item-container, .customerWidget.darkBg .customerComments .item-container:before {
background: #2B2B2B;
}
.customerWidget.darkBg .customerComments .item-container .name, .customerWidget.darkBg .customerComments .item-container .comment {
color: #a2a2a2;
} .sidebarWidget.customerWidget .customerComments .item-container {
margin-top: 20px;
padding: 10px;
}
.sidebarWidget.customerWidget .customerComments .item:before, .sidebarWidget.customerWidget .customerComments .item:after {
display: none;
}
@media all and (max-width:900px) {
.customerWidget .owl-nav div {
margin-top: -13px;
}
.safirWidget.customerWidget .customerComments .item-container {
margin-top: 20px;
padding: 15px 40px;
}
.safirWidget.customerWidget .customerComments .item:before, .safirWidget.customerWidget .customerComments .item:after {
display: block;
}
.safirWidget.customerWidget .customerComments .item:before, .safirWidget.customerWidget .customerComments .item:after {
width: 20px;
height: 20px;
font-size: 20px;
}
.safirWidget.customerWidget .customerComments .item:before {
top: 50px;
left: 10px;
}
.safirWidget.customerWidget .customerComments .item:after {
bottom: 10px;
right: 10px;
}
} .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.homeWidget .innerContainer {
padding-bottom: 0;
}
.homeWidget.galleryWidget .group {
width: 390px;
}
.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: #333;
opacity: 0;
transition: all .3s;
}
.galleryWidget .item a:hover .icon, .wp-block-gallery a:hover .icon {
opacity: 1;
}
.galleryWidget .item a .icon:before, .wp-block-gallery a .icon:before {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
text-shadow: 0 0 4px rgba(0,0,0,.3);
width: 30px;
height: 30px;
line-height: 30px;
font-size: 30px;
text-align: center;
content: "\E00E";
color: #fff;
transform: scale(.1);
opacity: 0;
transition: all .3s;
}
.galleryWidget .item a:hover .icon:before, .wp-block-gallery a:hover .icon:before {
transform: scale(1);
opacity: 1;
}
.galleryWidget .item a[href$= ".jpg"] .icon:before,
.galleryWidget .item a[href$= ".jpeg"] .icon:before,
.galleryWidget .item a[href$= ".png"] .icon:before,
.galleryWidget .item a[href$= ".gif"] .icon:before,
.wp-block-gallery a[href$= ".jpg"] .icon:before,
.wp-block-gallery a[href$= ".jpeg"] .icon:before,
.wp-block-gallery a[href$= ".png"] .icon:before,
.wp-block-gallery a[href$= ".gif"] .icon:before {
content: "\E014";
} .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;
color: #282828;
padding: 15px;
}
.buttonWidget .icon {
float: left;
position: relative;
padding: 15px;
}
.buttonWidget .icon:before {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 36px;
}
.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-top: 5px;
padding-bottom: 5px;
}
.safirWidget.homeWidget.buttonWidget:first-child .innerContainer {
padding-top: 10px;
}
.safirWidget.homeWidget.buttonWidget + .safirWidget.homeWidget.buttonWidget {
margin-bottom: 10px;
}
@media all and (max-width: 900px) {
.safirWidget.buttonWidget {
margin: 5px 5px 0;
}
.buttonWidget a {
padding: 5px;
}
.safirWidget.homeWidget.buttonWidget .innerContainer {
padding: 5px;
}
} .contactWidget.homeWidget .innerContainer {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.contactWidget .map {
position: relative;
overflow: hidden;
z-index: 1;
}
.contactWidget .map iframe {
width: 100%;
}
.contactWidget .infoBlock {
width: 300px;
position: absolute;
z-index: 2;
top: 30px;
right: 10px;
border-radius: 8px;
background: rgba(255,255,255,0.95);
box-shadow: 0 0 10px rgba(0,0,0,0.1);
overflow: hidden;
}
.contactWidget .infoBlock .logo {
padding: 20px;
border-bottom: 2px solid;
}
.contactWidget .infoBlock .logo img {
max-height: 40px;
display: block;
}
.contactWidget .infoBlock .item {
padding: 15px;
font-size: 13px;
font-weight: 500;
border-top: 2px solid #f3f3f3;
overflow: hidden;
}
.contactWidget .infoBlock .item:first-child {
border-top: 0;
}
.contactWidget .infoBlock .item .icon {
float: left;
width: 30px;
height: 30px;
}
.contactWidget .infoBlock .item .icon:before {
display: block;
width: 20px;
height: 20px;
font-size: 20px;
text-align: center;
line-height: 20px;
margin: 5px;
}
.contactWidget .infoBlock .item.address .icon:before {
content: "\E013";
}
.contactWidget .infoBlock .item.email .icon:before {
content: "\E010";
}
.contactWidget .infoBlock .item.phone .icon:before {
content: "\E011";
}
.contactWidget .infoBlock .item.cell .icon:before {
content: "\E012";
}
.contactWidget .infoBlock .item .table {
display: table;
min-height: 30px;
}
.contactWidget .infoBlock .item .table .row {
display: table-row;
}
.contactWidget .infoBlock .item .table .data {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
color: #090909;
} .sidebarWidget.contactWidget .infoBlock {
width: 100%;
position: relative;
top: inherit;
right: inherit;
border-radius: 0;
background: none;
box-shadow: none;
}
@media all and (max-width: 900px) {
.safirWidget.contactWidget .infoBlock {
width: 100%;
position: relative;
top: inherit;
right: inherit;
border-radius: 0;
background: none;
box-shadow: none;
}
.contactWidget.homeWidget .innerContainer {
position: relative;
}
.safirWidget.contactWidget .infoBlock .item, .safirWidget.contactWidget .infoBlock .logo {
padding-left: 0;
padding-right: 0;
}
} .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;
top: 15px;
left: 15px;
line-height: 36px;
color: #fff;
background: rgba(0,0,0,0.8);
padding: 0 20px;
font-size: 13px;
font-weight: 500;
z-index: 2;
}
#singleBlock.type3 .text {
position: relative;
top: 0;
left: 0;
float: left;
}
#singleBlock.type2 .thumb {
float: left;
width: 50%;
margin: 0 10px 5px 0;
} .postprice {
position: absolute;
top: 15px;
right: 0;
line-height: 36px;
color: #fff;
background: rgba(255,255,255,0.8);
padding: 0 15px;
z-index: 2;
font-size: 17px;
font-weight: 600;
}
.postprice:before, .postprice:after {
content: '';
position: absolute;
left: -8px;
width: 8px;
}
.postprice:before {
top: 0;
border-top: 18px solid;
border-left: 8px solid transparent !important;
}
.postprice:after {
bottom: 0;
border-bottom: 18px solid;
border-left: 8px solid transparent !important;
}
.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;
}
.safirWidget .postprice {
top: 10px;
line-height: 30px;
padding: 0 10px;
font-size: 15px;
font-weight: 500;
}
.safirWidget .postprice :before, .safirWidget .postprice  .postprice:after {
left: -5px;
width: 5px;
}
.safirWidget .postprice :before {
border-top: 15px solid;
border-left: 5px solid transparent !important;
}
.safirWidget .postprice :after {
border-bottom: 15px solid;
border-left: 5px solid transparent !important;
} .metaBox {
overflow:hidden;
clear: both;
color: #818181;
background: -moz-linear-gradient(left, #f9f9f9 0%, transparent 100%);
background: -webkit-linear-gradient(left, #f9f9f9 0%,transparent 100%);
background: linear-gradient(to right, #f9f9f9 0%, transparent 100%);
margin: 20px 0 0;
border-radius: 3px;
padding-left: 15px;
}
.metaBox:first-child {
margin: 0 0 20px;
}
.metaBox .metas {
float: left;
overflow: hidden;
}
.metaBox .meta {
float: left;
font-weight: 500;
font-size: 12px;
line-height: 34px;
margin-right: 20px;
}
.metaBox .meta a {
color: #818181;
}
.metaBox .meta a:hover {
color: #212121;
}
.metaBox .icon {
float: left;
position: relative;
top: -1px;
}
.metaBox .icon:before {
display: block;
font-size: 16px;
width: 20px;
height: 34px;
line-height: 34px;
}
.metaBox .category .icon:before {
content: "\E002";
}
.metaBox .date .icon:before {
content: "\E026";
}
.metaBox .hit .icon:before {
content: "\E005";
}
.metaBox .comment .icon:before {
content: "\E020";
}
.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:before {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 16px;
}
.metaBox .share .facebook:before {
content: "\E02D";
background: #597AC7;
}
.metaBox .share .twitter:before {
content: "\E02E";
background: #5BBCEC;
}
.metaBox .share .whatsapp:before {
content: "\E00A";
background: #48A91F;
} #single .tags {
overflow: hidden;
position: relative;
margin: 20px -30px -30px;
padding: 20px 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 .title {
margin-right: 5px;
font-weight: bold;
} #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: 20px;
right: 0;
}
#comments a.comment-reply-link {
display: inline-block;
line-height: 20px;
font-size: 13px;
margin-top: 5px;
}
#comments a.comment-reply-link:before {
content: "\E00D";
line-height: 20px;
margin-right: 4px;
font-size: 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:before {
display: block;
content: "\E00C";
line-height: 20px;
font-size: 14px;
position: absolute;
top: 60px;
left: 45px;
font-size: 18px;
}
#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:first-child:before {
content: "\E026";
margin-right: 2px;
line-height: 20px;
font-size: 14px;
} #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 0 0;
padding-left: 10px;
}
.metaBox:first-child {
margin: 0 0 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 10px -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;
}
} 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:before {
position: absolute;
width: 60px;
height: 60px;
display: block;
top: 50%;
margin-top: -30px;
line-height: 60px;
text-align: center;
font-size: 40px;
color: #fff;
text-shadow: 0 0 20px #000;
}
#galleryContent .navButton.prev {
left: 0;
}
#galleryContent .navButton.next {
right: 0;
}
#galleryContent .navButton.prev:before {
content: "\E007";
left: 10px;
}
#galleryContent .navButton.next:before {
content: "\E008";
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=date],
form input[type=email],
form textarea,
form select {
font-family: "Poppins", sans-serif;
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=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:before {
width: 30px;
height: 50px;
line-height: 50px;
z-index: 10;
font-size: 16px;
text-align: center;
margin: 0;
position: absolute;
top: 10px;
left: 10px;
display: block;
}
#comments .inputs p.safiricon:before {
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(//www.ikizlerhafriyat.com/wp-content/themes/koza/images/loading.gif) 50% 50% no-repeat;
background-size: contain;
}
@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;
}
}
.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;
}
.safirTop {
position: fixed;
right: 0;
bottom: -50px;
cursor: pointer;
z-index: 200;
opacity: .9;
border-radius: 4px 0 0 0;
transition: all .3s;
color: #fff;
}
.safirTop.show {
bottom: 0;
}
.safirTop:before {
display: block;
content: "\E02B";
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
font-size: 16px;
transition: all .3s;
} .whatsappButton {
z-index: 15;
position: fixed;
left: 40px;
bottom: 40px;
border-radius: 50%;
color: #fff;
background: #48A91F;
cursor: pointer;
box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.whatsappButton:before {
display: block;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 25px;
content: "\E00A";
text-align: center;
transition: all .3s;
}
.whatsappButton:hover:before {
font-size: 29px;
color: #000;
}
#whatsappBlock {
bottom: 110px;
left: 40px;
position: fixed;
width: 300px;
transition: all .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: 15;
}
#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:before {
display: block;
float: left;
width: 16px;
height: 16px;
line-height: 16px;
font-size: 14px;
text-align: center;
content: "\E009";
color: #82ada8;
}
#whatsappBlock .chat .message {
padding: 15px 10px 15px 20px;
background: url(//www.ikizlerhafriyat.com/wp-content/themes/koza/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(//www.ikizlerhafriyat.com/wp-content/themes/koza/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;
width: 100%;
display: table;
background: #fff;
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:before {
display: block;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 18px;
text-align: center;
}
#mobileButtons .toggleMenu:before {
color: #fff;
font-size: 14px;
}
#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: #fff;
cursor: pointer;
}
#hamburgermenu .searchForm button:before {
content: "\E000";
color: #222;
display: block;
margin: 12px;
width: 16px;
height: 16px;
font-size: 16px;
line-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 ;
border-bottom: 2px solid #f0f0f0;
}
#mobileMenuContainer {
overflow: hidden;
}
#mobileMenuContainer #menu {
position: relative;
display: block;
float: none;
}
#mobileMenuContainer #menu .icon:before {
margin: 0;
}
#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 .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:before {
display: block;
line-height: 20px;
width: 20px;
height: 20px;
text-align: center;
font-size: 10px;
content: "\E00F";
}
#mobileMenuContainer #menu .mobilearrow.active:before {
content: "\E009";
font-size: 8px;
}
#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 .sub-menu li span.icon {
margin: 2px 5px 2px 0;
}
#mobileMenuContainer #menu li span.icon:before {
width: 20px;
height: 20px;
float: left;
margin: 0 4px 0 0;
font-size: 16px;
text-align: center;
line-height: 20px;
}
#mobileMenuContainer #menu li.menu-item-has-children span.arrow {
display: none;
}
#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;
}
#overlay .close:before {
content: "\E009";
display: block;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 16px;
text-align: center;
color: #fff;
}
.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);
}
.hamburgerMenuButton:before {
display: block;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
color: #fff;
font-size: 14px;
}
@media all and (max-width:1100px) {
#topbar, #menuGroup, #menuGroup-sticky-wrapper, #infoBlock {
display: none;
}
#mobileButtons {
display: block;
}
#header {
padding: 0;
background: #fff;
}
#header .innerContainer {
overflow: visible;
}
#mobileHeader {
box-shadow: 0 10px 5px -5px rgba(0,0,0,0.05);
min-height: 30px;
display: block;
}
#logo {
display: block;
width: 100%;
padding: 10px;
}
#logo a {
float: none;
}
#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:before {
display: block;
content: "\E000";
width: 50px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 20px;
cursor: pointer;
}
#mobileHeader .mobileSearch .close {
position: absolute;
top: 0;
right: 0;
z-index: 10;
background: #f3f3f3;
height: 100%;
width: 60px;
}
#mobileHeader .mobileSearch .close:before {
display: block;
content: "\E009";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 30px;
line-height: 30px;
margin-top: -15px;
text-align: center;
font-size: 20px;
cursor: pointer;
}
} footer {
clear: both;
position: relative;
z-index: 10;
color: #fff;
border-top: 3px solid;
background: #222;
}
footer .footerHeading {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 2px solid #434343;
font-size: 17px;
font-weight: bold;
}
footer .columns {
overflow: hidden;
margin: 30px -20px;
}
footer .column {
float: left;
width: 25%;
padding: 0 20px;
}
footer .column.about .columnContent {
font-size: 14px;
line-height: 1.8;
}
footer .column.menu ul {
margin: -5px;
overflow: hidden;
}
footer .column.menu ul .sub-menu {
display: none;
}
footer .column.menu li {
padding: 5px;
width: 100%;
line-height: 25px;
}
footer .column.menu a {
color: #fff;
transition: all .3s;
}
footer .column.menu a .text {
display: inline;
}
footer .column.menu a:hover {
color: #dedede;
}
footer .column.menu .icon {
width: 20px;
float: left;
}
footer .column.contact .contactItem {
margin-bottom: 10px;
}
footer .column.contact .contactItem .item {
overflow: hidden;
}
footer .column.contact .contactItem .icon {
float: left;
width: 40px;
height: 40px;
border-radius: 3px;
background: #1d1d1d;
}
footer .column.contact .contactItem .icon:before {
display: block;
width: 20px;
height: 20px;
font-size: 20px;
text-align: center;
line-height: 20px;
margin: 10px;
}
footer .column.contact .contactItem .address .icon:before {
content: "\E01D";
}
footer .column.contact .contactItem .mail .icon:before {
content: "\E01A";
}
footer .column.contact .contactItem .phone .icon:before {
content: "\E01B";
}
footer .column.contact .contactItem .gsm .icon:before {
content: "\E01C";
}
footer .column.contact .contactItem .social .icon:before {
content: "\E012";
}
footer .column.contact .contactItem .table {
display: table;
min-height: 40px;
}
footer .column.contact .contactItem .table .row {
display: table-row;
}
footer .column.contact .contactItem .table .data {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
color: #eee;
font-size: 13px;
}
footer .column.contact .contactItem .table .data a {
color: #eee;
}
footer .column.contact .contactItem .safirSocial li {
margin: 3px;
}
@media all and (max-width: 768px) {
footer .columns {
margin: 0;
}
footer .column {
width: 100%;
padding: 30px 10px;
}
footer .column.menu li {
float: left;
width: 50%;
}
}
@media all and (max-width: 500px) {
footer .column.menu li {
width: 100%;
}
}