/*
Theme Name:     Kallyas Child Theme
Theme URI:      http://kallyas.net/demo/
Description:    Child theme for the Kallyas theme
Author:         Hogash
Author URI:     http://themeforest.net/user/hogash
Template:       kallyas
Version:        1.0
Tags: dark, light, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
Text Domain:  zn_framework
*/

@media screen and (min-width: 320px) and (max-width: 1024px) {
	body.home h1.tbk__subtitle br:last-child {
		display: none;
	}

	.single-pro-btn-wrapper {
		margin: 30px 0px;
	}

	.single-pro-btn-wrapper a {
		margin: 0px 15px;
		padding: 10px 10px 14px !important;
	}

}

#header {
	display: none;
}

/* Customizer Code */
.site-content.shop_page {
	margin-bottom: 60px;
}

.image-boxes.imgbox-simple.th-instant-msg {
	display: inline-block;
	float: right;
	margin: 0px 20px;
}

.image-boxes.imgbox-simple.th-instant-msg:first-child {
	margin-right: 40px;
}

.nlbox--style-lined_dark .elm-nlbox__submit {
	color: #fff;
	font-size: 15px;
}

.elm-nlbox__input.btn--round, .elm-nlbox__submit.btn--round {
    border-radius: 5px !important;
}

form.elm-nlbox__form.js-mcForm.clearfix {
    margin-bottom: 20px;
}

.th-custom-footer-global p,
.znhg-gdpr-label {
	color: #454f59 !important;
}

.th-custom-footer-global .znhg-gdpr-label a {
	text-decoration: underline;
}

#eluid852f087a {
	margin: 0px 0 5px;
}

#form_eluidace1eff3 .col-sm-6:nth-child(even) {
	clear: both;
}

.th-custom-footer-global .znhg-gdpr-label {
	font-size: 12px;
}

.eluid852f087a {
	margin-bottom: 10px;
}

.site-header.style12 .logosize--contain .site-logo-img {
	max-height: 90px;
	height: 90px;
}

.site-header .site-header-main-right .sh-component:last-child {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

a.sh-component.ctabutton.cta-button-0.kl-cta-custom.btn.btn-fullcolor.btn-skewed.btn-md.zn_dummy_value.cta-icon--before.btn--round:hover:before {
	background-color: transparent;
	border: 2px solid #0db1c9;
}

a.sh-component.ctabutton.cta-button-0.kl-cta-custom.btn.btn-fullcolor.btn-skewed.btn-md.zn_dummy_value.cta-icon--before.btn--round:hover {
	color: #0db1c9;
}

a.sh-component.ctabutton.cta-button-1.kl-cta-custom.btn.btn-fullcolor.btn-skewed.btn-custom-color.btn-md.zn_dummy_value.cta-icon--before.btn--round:hover:before {
	background-color: transparent;
	border: 2px solid #202b30;
}

a.sh-component.ctabutton.cta-button-1.kl-cta-custom.btn.btn-fullcolor.btn-skewed.btn-custom-color.btn-md.zn_dummy_value.cta-icon--before.btn--round:hover {
	color: #202b30;
}

.eluid5650226c {
	display: inline-block;
	float: right;
}

@media screen and (min-width: 320px) and (max-width: 425px) {
	.eluidf5811b1c .tbk__title {
		font-size: 30px;
	}

	.tbk__subtitle {
		font-size: 15px;
	}

	.tbk-symbol--line_border.tbk-icon-pos--after-subtitle .tbk__subtitle {
		margin-bottom: 0px;
	}

	.eluidf5811b1c {
		padding-top: 0px;
		padding-bottom: 10px;
	}

	#eluid852f087a {
		margin: 0px;
		text-align: left;
	}

	ul#eluid852f087a li {
		display: inline-block;
		margin: 0 10px 0 0;
	}

	.image-boxes.imgbox-simple.th-instant-msg {
		margin: 0px;
	}

	.image-boxes.imgbox-simple.th-instant-msg:first-child {
		margin-right: 0px;
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	#instant-messaging .znColumnElement-innerContent {
		padding: 5px 0px 20px;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
	}

	.th-footer-terms,
	.th-social-icons {
		text-align: center !important;
	}

	.th-social-icons ul,
	.th-footer-terms {
		margin-bottom: 0px !important;
	}

	.th-footer-terms li {
		display: inline-block !important;
	}
}

@media screen and (min-width: 430px) and (max-width: 767px) {
	#header .fxb-col.fxb-basis-auto .fxb-sm-half {
		flex-basis: auto !important;
	}
}

@media screen and (min-width: 320px) and (max-width: 429px) {
	#header .fxb-col.fxb-basis-auto .sh-component.main-menu-wrapper {
		display: block;
		width: 100%;
		text-align: right;
	}

	#header .fxb-col.fxb-basis-auto .fxb-sm-half {
		flex-basis: 20% !important;
	}

	.btn.kl-cta-custom.cta-button-0,
	.btn.kl-cta-custom.cta-button-1 {
		font-size: 14px;
		line-height: 16px;
		margin: 0 5px;
	}

	.single-pro-btn-wrapper {
		text-align: center;
	}

	.single-pro-btn-wrapper a {
		margin-left: 0px;
	}
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
	.btn.kl-cta-custom.cta-button-0 {
		margin-left: 0px;
		margin-right: 5px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#instant-messaging .znColumnElement-innerContent {
		display: flex !important;
		flex-direction: column-reverse !important;
		align-items: center !important;
	}

	.image-boxes.imgbox-simple.th-instant-msg:first-child {
		margin-right: 0px;
	}

	.image-boxes.imgbox-simple.th-instant-msg {
		float: right;
		margin: 0px 0px;
	}

	.eluid5650226c {
		margin-right: 0px;
		margin-top: 0px;
		font-size: 16px;
		margin-bottom: 10px
	}

	.eluid17ad51ec.image-boxes .image-boxes-img-wrapper,
	.eluid75b38156.image-boxes .image-boxes-img-wrapper {
		height: 48px;
	}
}

.th-instant-msg img {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

.th-instant-msg img:hover {
	opacity: 0.8;
	cursor: pointer;
	animation-name: bounce;
	-moz-animation-name: bounce;
}

@keyframes bounce {

	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

#instant-messaging .znColumnElement-innerContent {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}

span.qf-highlight {
	position: relative;
}

span.qf-highlight:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: -11px;
	height: 7px;
	width: 127%;
	border: solid 6px #0db1c9;
	border-color: #0db1c9 transparent transparent;
	border-radius: 50%;
	transform: rotate(353deg);
}

.tbk-symbol--line .tbk__symbol span {
	width: 200px;
}

span.qf-highlight-text {
	color: #0db1c9;
}

.process_steps--style2 .process_steps__intro:before {
	background-color: #202b30;
}

.single-pro-btn-wrapper a:hover:before {
	border: 2px solid #0db1c9 !important;
}

.single-pro-btn-wrapper a:hover span,
.process_steps--style2 .process_steps__step-title,
.process_steps--style2 .process_steps__intro-title strong {
	color: #0db1c9 !important;
}

/* .single-pro-btn-wrapper a {
	border: 2px solid #0db1c9 !important;
} */

.process_steps--style2 .process_steps__step-desc {
	color: #202b30 !important;
}
.process_steps--style2 .process_steps__intro:before {
    background-color: #000 !important;
}

.single-pro-laptop .cover-fit-img {
	object-position: top;
}

.statistic-box__iconimg {
	max-height: 140px !important;
}

#product-inquiry h2,
#hire-me h2 {
	font-family: "Ubuntu", Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 48px;
	font-weight: 700;
	color: #202b30;
	text-transform: capitalize;
}

.site-header.header--sticky {
	z-index: 40;
}

.th-statistics-counter .statistic-box__title {
	font-weight: 600;
}

.th-statistics-counter .statistic-box__content {
	font-size: 15px;
}

del {
	font-weight: 600;
}

div.th-center-align {
	display: flex;
}

.acc--style3 .acc-tgg-button {
	font-size: 18px;
	text-decoration: none;
}

.th-faq-accordion {
	margin-bottom: 40px;
}

.prc-table-col-title .prc-table-col-titlePer,
.prc-table-col-title .prc-table-col-titlePeriod {
	display: none;
}

.pricing-table-element .plan-column .subscription-price .price {
	font-size: 36px !important;
}

/* Pricing Table */
.pricing-table-element {
	border: 1px solid rgba(32, 43, 48, 0.65) !important;
}

.pricing-table-element .features-column li:first-child .inner-cell {
	border-top: 1px solid rgba(32, 43, 48, 0.65) !important;
}

.pricing-table-element .features-column .inner-cell {
	border-bottom: 1px solid rgba(32, 43, 48, 0.65) !important;
	color: #202b30 !important;
}

.pricing-table-element .plan-column {
	border-left: 1px solid rgba(32, 43, 48, 0.65) !important;
}

.pricing-table-element .plan-column .inner-cell,
.pricing-table-element .features-column .inner-cell {
	padding-right: 15px;
	border-bottom: 1px solid rgba(32, 43, 48, 0.65) !important;
}

.pricing-table-element .plan-column.featured {
	border: 1px solid #0db1c9 !important;
}

.pricing-table-element .plan-column ul.prc-table-col-list li:last-child .inner-cell,
.pricing-table-element .features-column ul.prc-table-col-list li:last-child .inner-cell {
	border: 1px solid transparent !important;
}

.pricing-table-element .plan-column.featured .plan-title .inner-cell {
	height: 80px;
}

.pricing-table-element .plan-column.featured .plan-title .inner-cell::after {
	opacity: 1.9;
	color: #000;
}

.pricing-table-element .features-column .inner-cell {
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	padding: 0px !important;
}

.pricing-table-element .plan-column.featured .inner-cell {
	border-bottom: 1px solid #0db1c9 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	width: 24% !important;
	padding-right: 15px;
}

.woocommerce-account .woocommerce-MyAccount-content {
	width: 75% !important;
}

.mfp-close-btn-in .mfp-close {
	color: #0db1c9;
}

span.th-red-notice {
	color: #0db1c9;
	font-size: 0.8em;
}

#eluid29f08c1b .kl-iconbox--sh .kl-iconbox__inner .kl-iconbox__icon:after,
#eluid29f08c1b .kl-iconbox--sh:hover .kl-iconbox__inner img.kl-iconbox__icon {
	background-color: transparent;
	border: 2px solid #cd2122;
}

#eluid4604e3d4 {
	display: flex;
}

.th-partner-logo {
	padding: 25px 0px;
}

.ts-pt-partners.ts-pt-partners--y-title.clearfix {
	display: flex;
	align-items: center;
}

.ts-pt-partners__title {
	width: 22%;
	float: left;
	font-size: 26px;
	color: #202b30;
	opacity: 1;
	position: relative;
	line-height: 1.8;
	font-weight: 500;
	border-right: 2px solid;
}

.ts-pt-partners__title:after {
	background: #202b30;
	bottom: -5px;
}

span.th-dot-vertical {
	transform: rotate(90deg);
	display: inline-block;
	letter-spacing: 5px;
}

.woocommerce ul.products li.product .product-list-item.prod-layout-style2 .kw-details-title {
	margin: 0 0 10px;
	padding: 0;
	min-height: 40px;
	font-family: "Ubuntu", Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 34px;
	font-weight: 700;
	color: #202b30 !important;
	text-transform: capitalize;
}

.woocommerce ul.products li.product .product-list-item.prod-layout-style2 .price del {
	opacity: 0.8;
}

.woocommerce ul.products li.product .product-list-item.prod-layout-style2 .price del span {
	color: #0db1c9;
	font-weight: 700;
}

.zn_badge_container {
	top: 10px;
	left: 10px;
}

.nav.hr-tabs-nav.nav-alignment--center {
	justify-content: center;
}

.process_steps--style2 .process_steps__step {
	vertical-align: top !important;
}

h3.zn_text_box-title {
	font-family: "Ubuntu", Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 48px;
	font-weight: 700;
	color: #202b30;
	font-style: normal;
	letter-spacing: 1px;
	text-transform: capitalize;
	text-decoration: none;
	margin-bottom: 20px;
}

.th-border-radius>div {
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
}

.th-social-icons .elm-social-icons .elm-sc-icon {
	color: #000 !important;
}

.th-social-icons .elm-social-icons .elm-sc-icon:hover,
.th-social-icons .elm-social-icons .elm-sc-icon:active,
.th-social-icons .elm-social-icons .elm-sc-icon:focus {
	opacity: 0.7 !important;
}

.th-main-bgcolor {
	background-color: #0db1c9;
}

a.th-main-color,
span.th-main-color {
	color: #0db1c9;
	font-weight: 600;
}

.mfp-close-btn-in .mfp-close {
	color: #0db1c9 !important;
	background-color: black;
	border-radius: 25px;
	position: absolute;
	top: 5px !important;
	right: 5px !important;
}

.container .process_steps--style2 .process_steps__intro {
	padding-left: 20px !important;
	padding-right: 40px !important;
}

.th-connect-list li a span,
.th-connect-list-2 li a span {
	width: 16px;
}
.th-connect-list li:nth-child(6) a span:first-child::before {
    content: url(https://tassawer.com/wp-content/uploads/2024/05/hire-seasoned-wordpress-developer-on-fiverr.png) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.th-connect-list li:nth-child(7) a span:first-child::before {
    content: url(https://tassawer.com/wp-content/uploads/2024/05/hire-seasoned-wordpress-developer-on-upwork.png) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#th-hide-heading,
.th-connect-list li:nth-child(6),
.th-connect-list li:nth-child(7) {
	visibility: hidden;
}
 
.kl-cta-custom span {
    vertical-align: baseline !important;
}

.site-header-main-right-top a[href="#hire-me"] {
	border: 2px solid #0db1c9 !important;
}

.site-header-main-right-top a[href="#hire-me"]:hover,
.site-header-main-right-top a[href="#hire-me"]:focus,
.site-header-main-right-top a[href="#hire-me"]:active {
	border: 2px solid #000 !important;
	color: #000 !important;
	background-color: transparent !important;
}

#eluidd48eaace #eluidd48eaace0 {
	border: 2px solid #0db1c9 !important;
}

#eluidd48eaace #eluidd48eaace1 {
	border: 2px solid  #000 !important;
}

#eluidd48eaace #eluidd48eaace0:hover,
#eluidd48eaace #eluidd48eaace0:focus,
#eluidd48eaace #eluidd48eaace0:active {
	border-color: #0db1c9 !important;
	color: #0db1c9 !important;
	background-color: transparent !important;
}

#eluidd48eaace #eluidd48eaace1:hover,
#eluidd48eaace #eluidd48eaace1:focus,
#eluidd48eaace #eluidd48eaace1:active {
	border-color: #202b30 !important;
	color: #202b30 !important;
	background-color: transparent !important;
}

div#eluid76d2c1a9 {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
}

.myskills-set a img {
    aspect-ratio: 3 / 2;
    width: 90%;
    object-fit: contain;
    mix-blend-mode: luminosity;
	padding: 0px 5%;
}

.myskills-set a:hover img,
.myskills-set a:active img,
.myskills-set a:focus img {
	mix-blend-mode: darken;
}

.myskills-set a:hover i,
.myskills-set a:active i,
.myskills-set a:focus i {
	display: none !important;
}