.iconsociaf {
	font-size: 32px !important;
}

.swiper-pagination-bullet {
	margin-left: 5px;
}

.navbar-nav .nav-link:hover {
	color: #000000;
}

.slider .main-slider .swiper-slide .container a:hover {
	background: #ec5353;
	border: 2px solid #ec5353;
}

.navbar .navbar-button a {
	color: #000000;
	border: 2px solid #000000;
}

.navbar .navbar-button a:hover {
	color: #000000;
}

.price-list-price {
	color: #000000;
}

.price-list-separator {
	border-bottom-color: #000000;
}

.custom-button {
	background: #000000;
}

.counter-box h6:after {
	display: none;
}

.hamburger-menu span {
	background: #000000;
}

.cardContent h2 {
	background: #000000;
}

.custom-button:hover {
	background: #ec5353;
}

.custom-button12 {
	background: #000000;
}

.iconsocia:hover {
	color: #000000;
}

.wpcf7-validates-as-date {
	border-bottom: 0.3rem solid #000000;
	font-size: 18px;
	border-radius: 23rem;
}

.side-widget .address a {
	border: 1px solid #000000;
	border-radius: 23rem;
}

.side-widget .address a:hover {
	border: 1px solid #000000;
}

.custom-button12:hover {
	background: #ec5353;
}

.custom-button-form {
	border-bottom: 0.3rem solid #000000;
}

.preloader figure:after {
	border-top: 1px solid #000000;
}

.menueffect a:hover {
	color: #ec5353;
}

.slider .button-prev {
	color: #ffffff;
	border: 2px solid #fff;
}

.slider .button-next {
	color: #ffffff;
	border: 2px solid #fff;
}

.slider .button-prev:hover {
	background: #ec5353;
	color: #fff;
	border: 2px solid #ec5353;
}

.slider .button-next:hover {
	background: #ec5353;
	color: #fff;
	border: 2px solid #ec5353;
}

.content-section {
	background: #000000;
}

input#wp-block-search__input-1 {
	border-bottom: 0.3rem solid #000000;
}

.content-section.bottom-dark-spacing:after {
	background: #000000;
}

.section-title h2 {
	color: #000000;
}

.image-box .time {
	color: #000000;
}

.menueffect a:before {
	background-color: #ec5353;
}

.side-content form button[type="submit"] {
	color: #000000;
}

.side-image .side-timetable li b {
	color: #000000;
}

.side-member figcaption {
	background: #000000;
}

.custom-progress span {
	color: #000000;
}

.custom-progress .progress-bar .progress {
	background: #000000;
}

.tab-wrapper .tab-nav li.active a {
	background: #000000;
}

.tab-wrapper .tab-nav li.active a:hover {
	background: #ec5353;
}

.tab-wrapper .tab-item .tab-inner {
	background: #000000;
}

.tab-wrapper .tab-item .tab-inner ul li span {
	color: #000000;
}

.service-box {
	background: #000000;
}

.service-box:before {
	background: #000000;
}

.image-overlap-box figure {
	background: #000000;
}

.image-overlap-box .content a:hover {
	color: #ec5353;
}

.video {
	background: #000000;
}

.video a {
	color: #000000;
}

.class-box figure {
	background: none;
}

.text-box h5 {
	color: #000000;
}

.recent-news figure {
	background: #000000;
}

.recent-news .content h3 a {
	color: #000000;
}

.recent-news .content small span {
	background: #000000;
}

.blog-box figure {
	background: #000000;
}

.blog-box .content h3 a {
	color: #000000;
}

.blog-box .content blockquote {
	color: #000000;
}

.sidebar .widget .widget-title {
	color: #000000;
}

.sidebar .widget .widget-title:before {
	background: #000000;
}

.sidebar .widget form input[type="submit"] {
	background: #000000;
}

.sidebar .widget .categories li a {
	color: #000000;
}

.branch-box h6 {
	color: #000000;
}

.branch-box a {
	color: #000000;
}

.member-box figcaption {
	background: #000000;
}

.icon {
	background: #000000;
}

.iconsv {
	background: #000000;
}

.iconk {
	color: #f5f5f5;
}

li a:hover {
	color: #000000;
}

.iconk:hover {
	color: #ec5353;
}

.sidebar-service {
	background: #000000;
}

span.menu-service {
	background: #000000;
}

span.menu-service:hover {
	background: #ec5353;
}

span.menu-service.menuactive {
	background: #ec5353;
}

.iconleft {
	color: #000000;
}

.iconleft:hover {
	color: #ec5353;
}

a.menucolor {
	color: #000000;
}

a.menucolor:hover {
	color: #ec5353;
}

.pagination .page-item .page-link {
	color: #000000;
}

.footer .footer-info a {
	color: #000000;
}

.footer .footer-social li a:hover {
	background: #ec5353;
}

.iconk {
	color: #000000;
}

.iconk:hover {
	color: #ec5353;
}

.iconleft {
	color: #000000;
}

.iconk {
	color: #000000;
}

.iconk:hover {
	color: #ec5353;
}

.iconleft {
	color: #000000;
}

span.menu-service {
	color: #000000;
}

textarea#comment {
	border-bottom: 0.3rem solid #000000;
}

input#author {
	border-bottom: 0.3rem solid #000000;
}

input#email {
	border-bottom: 0.3rem solid #000000;
}

input#url {
	border-bottom: 0.3rem solid #000000;
}

.paketler2__on--arkayazi-1 {
	background: linear-gradient(to right bottom, #000000, #ec5353d7);
}

.form__input {
	border-bottom: 0.3rem solid #000000;
	font-size: 18px;
	border-radius: 23rem;
}

.form__input:focus {
	border-bottom: 0.3rem solid #000000;
}

.form__input:focus:invalid {
	border-bottom: 0.3rem solid #000000;
}

.form__radio-buton {
	border: 0.5rem solid #000000;
}

.form__radio-buton::after {
	background-color: #000000;
	border-radius: 23rem;
}

.form-popup__input {
	border-bottom: 0.3rem solid #000000;
	border-radius: 23rem;
}

.form-popup__input:focus {
	border-bottom: 0.3rem solid #000000;
	border-radius: 23rem;
}

.form-popup__input:focus:invalid {
	border-bottom: 0.3rem solid #000000;
}

.hizmetler-kutu--icon {
	background-image: linear-gradient(to right, #000000, #ec5353);
}

.ozellik-kutu--icon {
	background-image: linear-gradient(to right, #000000, #ec5353);
}

.post-kutu--icon {
	background-image: linear-gradient(to right, #000000, #ec5353);
}

.yorum-kutu--icon {
	background-image: linear-gradient(to right, #000000, #ec5353);
}

.ozellik-kutu-iletisim--icon {
	background-image: linear-gradient(to right, #000000, #ec5353);
}

.baslik-4--icon {
	background-image: linear-gradient(to right, #000000, #ec5353);
}

.yukaricik {
	background-image: linear-gradient(to right bottom, #000000, #ec5353);
}

.footer-404 {
	background-image: linear-gradient(to right bottom, #000000, #ec5353);
}

.form-alani {
	background-image: linear-gradient(to right bottom, #000000, #ec5353);
}

.h2-baslik-hizmetler {
	background-image: linear-gradient(to right, #000000, #ec5353);
}

.h2-baslik-hizmetler__paragraf {
	color: #000000;
}

.h2-baslik-hizmetler-2 {
	background-image: linear-gradient(to right, #000000, #ec5353);
}

.side-widget small {
	color: #000000;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #a9a9a9;
}

::-webkit-scrollbar-thumb {
	background: #000000;
}

.custom-buttonw1 {
	border-bottom: 0.3rem solid #000000;
}

.iconsocia {
	color: #000000;
}

.paketler3__gorsel--1 {
	background-image: linear-gradient(to right bottom, #000000, #ec5353);
}

.paketler3__on--arkayazi-1 {
	background-image: linear-gradient(to right bottom, #000000, #ec5353);
}

p.countb {
	background: #000000;
}

.icontops {
	background: #000000;
}

p.footerp {
	color: #ffffff;
}

input#submit {
	background: #000000;
}

.custom-buttonw:hover {
	background: #000000;
}

.comment-meta.commentmetadata a:hover {
	color: #ec5353;
}

a.comment-edit-link:hover {
	color: #ec5353;
}

p.logged-in-as a:hover {
	color: #ec5353;
}

.menu-item a:hover {
	color: #ec5353;
}

li a {
	color: #000000;
}

.tag-cloud-link {
	color: #000000;
}

.tagcloud a:hover {
	color: #ec5353;
}

li#recent-posts-5 a:hover {
	color: #ec5353;
}

input#s {
	border-bottom: 0.3rem solid #ec5353;
}

.telh {
	background: #000000;
}

.iconsociai {
	color: #000000;
}

.iconsociai:hover {
	color: #000000;
}

::selection {
	background-color: #000000;
}

::-webkit-scrollbar-thumb {
	background-color: #ec5353;
}

.ozellik-kutu-yorumlar--icon {
	background-image: linear-gradient(to right, #000000, #ec5353);
}

.services-kutu1--icon {
	background-image: linear-gradient(to right, #000000, #ec5353);
}

.services-kutu2--icon {
	background-image: linear-gradient(to right, #000000, #ec5353);
}

.services-kutu3--icon {
	background-image: linear-gradient(to right, #000000, #ec5353);
}

b.fn a:hover {
	color: #ec5353;
}

li a:hover {
	color: #ec5353;
}

select {
	border-bottom: 0.3rem solid #000000;
	font-size: 18px;
	border-radius: 23rem;
}

.wp-block-latest-posts__list a:hover {
	color: #000000;
}

#tabs li {
	color: #ffffff;
	border-bottom: 4px solid #000000;
}

.custom-buttonf {
	background: #000000;
}

.custom-buttonf:hover {
	background: #ec5353;
}

.beer-slider {
	border: 4px solid #000000;
}

.button-next1 {
	color: #000000;
	border: 2px solid #000000;
	border-radius: 3rem;
}

.button-next1:hover {
	background: #000000;
}

.button-prev1 {
	color: #000000;
	border: 2px solid #000000;
	border-radius: 3rem;
}

.button-prev1:hover {
	background: #000000;
}

.footer .footer-social li a {
	background: #000000;
	border: 2px solid #ffffff;
}

.wp-post-image {
	height: 100%;
}

.services-kutu2--yazi1 {
	width: 100%;
}

.footer .footer-menu li a {
	color: #ffffff;
}

.footer .footer-menu li:before {
	background: #ec5353;
}

/* text primary */
.paragrafpp {
	font-family: Inter;
}

.cardContent h2 {
	font-family: Inter;
}

.component-systemTabs .cards .card .cardContent button {
	background: #000000;
	font-family: Inter;
}

.person {
	color: #000000;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.ozellik-kutu-iletisim--yazi {
	color: #000000;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.footer-info p {
	color: #ffffff;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

p {
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.h2-baslik-hizmetler-21__paragraf {
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.paketler3__icerik ul li {
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

body {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.paragraf {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.paragraf-info {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

ul.post-categories a {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
}

span.date {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
}

span.category {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
}

span.tt {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.paragraf-info a {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.paragraf-sol-beyaz a {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.paragraf-sol-beyaz-orta a {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.paragraf-ahp a {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.paragraf-pdetay a {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.paragraf-404 a {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.h2-baslik-hizmetler-yorum__yorum {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.testimon-text {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.post-kutu p {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.services-kutu2--yazi1 {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.h2-baslik-hizmetler-2__paragraf {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

.paragraf-popup {
	color: #212529;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
}

ul.post-categories {
	color: #000000;
	font-family: Inter;
	font-size: 16px;
}

.services-kutu2--yazi {
	font-family: Inter;
	font-size: 16px;
}

/* headings */
h2 {
	font-size: 25px;
	font-weight: 700;
}

.rtext {
	font-family: Inter;
}

.component-systemTabs .cards .card .cardContent h2 {
	color: #000000;
	font-family: Inter;
}

.countt {
	background: #ec5353;
	font-family: Inter;
}

.countb {
	background: #ec5353;
	font-family: Inter;
}

.h2-baslik-anasayfa {
	background-image: linear-gradient(to right, #000000, #ec5353);
	border-bottom: 0.1rem solid #000000;
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.h2-baslik-anasayfa-ozel {
	color: #000000;
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.h2-baslik-hizmetler-223 {
	color: #000000;
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.h2-baslik-anasayfa-blog {
	background-image: linear-gradient(to right, #000000, #ec5353);
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.h2-baslik-ahb {
	background-image: linear-gradient(to right, #000000, #ec5353);
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.h2-baslik-bottom {
	background-image: linear-gradient(to right, #000000, #ec5353);
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.h2-baslik-404 {
	background-image: linear-gradient(to right, #000000, #ec5353);
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.h2-baslik-footer {
	background-image: linear-gradient(to right, #000000, #ec5353);
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.h2-baslik-iletisim-ozel {
	background-image: linear-gradient(to right, #000000, #ec5353);
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.h2-baslik-popup {
	background-image: linear-gradient(to right, #000000, #ec5353);
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.baslik-3-h {
	color: #000000;
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.baslik-33 {
	color: #000000;
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.baslik-star {
	color: #000000;
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.h2-baslik-hizmetler-yorum {
	color: #000000;
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.baslik-3s {
	color: #000000;
	font-family: Inter;
}

.baslik-3white {
	font-family: Inter;
}

.baslik-orta {
	font-size: 23px;
	color: #000000;
	font-family: Inter;
	font-weight: 700;
}

.baslik-4 {
	color: #000000;
	font-family: Inter;
	font-weight: 700;
}

.slider .main-slider .swiper-slide .container h1 {
	font-family: Inter;
	color: #ffffff;
}

.slider .main-slider .swiper-slide .container p {
	font-family: Inter;
	color: #ffffff;
}

.slider .main-slider .swiper-slide .container a {
	font-family: Inter;
	background: none;
	border: 2px solid;
	color: #fff;
}

.custom-button {
	font-family: Inter;
}

.custom-buttonw {
	font-family: Inter;
}

.baslik-sol {
	font-family: Inter;
}

.member-box figcaption h6 {
	font-family: Inter;
}

.member-box figcaption p {
	font-family: Inter;
}

.h2-baslik-hizmetler-2 {
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.h2-baslik-hizmetler-21 {
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.h2-baslik-hizmetler-2111 {
	color: #000000;
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.baslik-3-service {
	font-family: Inter;
}

.paketler3__pr-yazi {
	font-family: Inter;
}

.paketler3__pr-degeri {
	font-family: Inter;
	font-size: 30px;
	font-weight: 700;
}

.baslik-3 {
	font-size: 23px;
	color: #000000;
	font-family: Inter;
}

.footer .widget-title {
	color: #ffffff;
	font-family: Inter;
	font-weight: 700;
}

.page-header .container h2 {
	color: #fff;
	font-family: Inter;
}

.page-header .container p {
	color: #fff;
	font-family: Inter;
}

.page-header .container a {
	color: #fff;
	font-family: Inter;
}

.page-header .container a:hover {
	color: #fff;
	font-family: Inter;
}

.navbar .site-menu ul li a {
	color: #000000;
	font-family: Inter;
	color: #000000;
}

.navbar .site-menu ul li a:hover {
	color: #000000;
}

.navbar-light .navbar-nav .nav-link {
	color: #000000;
}

/* text secondary */
ul.post-categories a:hover {
	color: #000000;
	font-family: Inter;
	font-size: 16px;
}

.reply a:hover {
	color: #000000;
}

cite.fn a:hover {
	color: #000000;
}

time:hover {
	color: #000000;
}

/* service background */
.footer {
	background: url(/wp-content/uploads/2022/06/footer-bg-1.jpg);
}

.serviceb-alani {
	background: transparent url(http://2105) center center/cover no-repeat scroll;
}

.yorumlar-alani-sayfa {
	background: #f7f7f7;
}

/*
responsive
*/

@media only screen and (min-width: 1199px), only screen and (max-width: 1199px) {
	.iconk {
		color: #000000;
	}

	.iconk:hover {
		color: #ec5353;
	}

	.iconleft {
		color: #000000;
	}

	.icon {
		background: #000000;
	}

	span.menu-service {
		color: #000000;
	}

	.iconk {
		color: #000000;
	}

	.iconk:hover {
		color: #ec5353;
	}

	.iconleft {
		color: #000000;
	}

	.icon {
		background: #000000;
	}
}

@media only screen and (min-width: 991px), only screen and (max-width: 1180px) {
	.iconk {
		color: #000000;
	}

	.iconk:hover {
		color: #ec5353;
	}

	.iconleft {
		color: #000000;
	}

	.icon {
		background: #000000;
	}

	span.menu-service {
		color: #000000;
	}

	.iconk {
		color: #000000;
	}

	.iconk:hover {
		color: #ec5353;
	}

	.iconleft {
		color: #000000;
	}

	.icon {
		background: #000000;
	}
}

@media only screen and (min-width: 767px), only screen and (max-width: 767px) {
	.iconk {
		color: #000000;
	}

	.iconk:hover {
		color: #ec5353;
	}

	.iconleft {
		color: #000000;
	}

	.icon {
		background: #000000;
	}

	span.menu-service {
		color: #000000;
	}

	.iconk {
		color: #000000;
	}

	.iconk:hover {
		color: #ec5353;
	}

	.iconleft {
		color: #000000;
	}

	.icon {
		background: #000000;
	}
}

@media (min-width: 820px) and (max-width: 820px) {
	.iconk {
		color: #000000;
	}

	.iconk:hover {
		color: #ec5353;
	}

	.iconleft {
		color: #000000;
	}

	.icon {
		background: #000000;
	}

	span.menu-service {
		color: #000000;
	}

	.iconk {
		color: #000000;
	}

	.iconk:hover {
		color: #ec5353;
	}

	.iconleft {
		color: #000000;
	}

	.icon {
		background: #000000;
	}
}

@media (min-width: 767px) and (max-width: 850px) {
	.iconk {
		color: #000000;
	}

	.iconk:hover {
		color: #ec5353;
	}

	.iconleft {
		color: #000000;
	}

	.icon {
		background: #000000;
	}

	span.menu-service {
		color: #000000;
	}

	.iconk {
		color: #000000;
	}

	.iconk:hover {
		color: #ec5353;
	}

	.iconleft {
		color: #000000;
	}

	.icon {
		background: #000000;
	}
}

@media (min-width: 1180px) and (max-width: 1200px) {
	.iconk {
		color: #000000;
	}

	.iconk:hover {
		color: #ec5353;
	}

	.iconleft {
		color: #000000;
	}

	.icon {
		background: #000000;
	}

	span.menu-service {
		color: #000000;
	}

	.iconk {
		color: #000000;
	}

	.iconk:hover {
		color: #ec5353;
	}

	.iconleft {
		color: #000000;
	}

	.icon {
		background: #000000;
	}
}

@media (min-width: 1180px) and (max-width: 1180px) {
	.info-or {
		padding: 15rem 0 30rem;
		background: #fbfbfb;
	}
}

@media (min-width: 667px) and (max-width: 667px) {
	.bosluk4h {
		margin-top: 33rem;
	}
}

@media (min-width: 768px) and (max-width: 896px) {
	.bosluk4h {
		margin-top: 33rem;
	}
}

.telh {
	font-size: 18px;
}

.iconp {
	font-size: 45px;
}

.contact-map iframe{
	width: 100% !important;
}

@media (max-width: 901px) {
	.galeri1{
		text-align: center;
	}

	.imagerotate{
		position: relative;
		margin: 0;
	}
}

@media (max-width: 576px) {
	.footer form,
	.footer .widget-title{
		display: none;
	}
}

 .hotline-fixed {
    position: fixed;
      left: 30px;
      bottom: 30px;
      background: rgba(213, 213, 213, .5);
      border: 1px solid #d5d5d5;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      z-index: 99999;
  }
  .hotline-fixed a {
    position: relative;
      display: block;
      padding: 10px 20px 10px 60px;
      font-size: 18px;
      line-height: 20px;
      font-weight: bold;
      color: #ff0000;
      -webkit-background-size: 30px;
      -moz-background-size: 30px;
      -ms-background-size: 30px;
      -o-background-size: 30px;
      background-size: 30px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
  }
  @media (min-width: 960px) {
    .hotline-fixed {
      left: 50px;
      bottom: 15px;
    }
  }
  @media (max-width: 959px) {
    .hotline-fixed a{
      border-color: transparent;
      background: transparent;
      padding: 0;
    }
    .hotline-fixed a> span{
      display: none;
    }

    .hotline-fixed {
      left: 50px;
      bottom: 30px;
    }
  }

  body{
  	position: relative;
  }

  .call-btn {
      position: absolute;
      margin: 0;
      padding: 0;
      left: 0px;
      top: 50%;
      left: -40px;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background: #fff;
      background-color: transparent;
      cursor: pointer;
      font-size: 0;
      width: 110px;
      height: 110px;
      z-index: 1000;
  }

  .call-btn .tada {
      background: var(--color-primary);
      border-radius: 100px;
      width: 40px;
      height: 40px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -20px;
      margin-left: -20px;
      animation-name: tada;
      animation-duration: 0.5s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
  }
  .call-btn:hover .tada {background: #ff0000;}

  .call-btn .tada .icon-a:before {
      content: "\f095";
      font-size: 25px;
      font-family: FontAwesome;
      text-decoration: none;
      color: #fff;
         margin-left: 8px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
  }


  @keyframes tada {
      from {
          transform: rotate(-20deg);
      }
      to {
          transform: rotate(20deg);
      }
  }

  .call-btn .pulse {
      width: 60px;
      height: 60px;
      background: var(--overlay-primary);
      border-radius: 100px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -30px;
      margin-left: -30px;
      animation-name: pulse;
      animation-duration: 0.5s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
      animation-timing-function: ease-in-out;
  }
  .call-btn:hover .pulse {background: rgba(255, 0, 0, .5);}

  @keyframes pulse {
      from {
          width: 55px;
          height: 55px;
          margin-top: -27.5px;
          margin-left: -27.5px;
      }
      to {
          width: 60px;
          height: 60px;
          margin-top: -30px;
          margin-left: -30px;
      }
  }
  .call-btn .zoomIn {
      width: 80px;
      height: 80px;
      border: 2px solid var(--color-primary);
      border-radius: 100px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -40px;
      margin-left: -40px;
      animation-name: zoomIn;
      animation-duration: 1s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-out;
  }
  .call-btn:hover .zoomIn {border: 2px solid #ff0000;}

  @keyframes zoomIn {
      from {
          width: 40px;
          height: 40px;
          margin-top: -20px;
          margin-left: -20px;
      }
      to {
          width: 80px;
          height: 80px;
          margin-top: -40px;
          margin-left: -40px;
      }
  }

  @media screen and (max-width: 549px) {
      .call-btn {
          width: 80px;
          height: 80px;
      }
      /*.call-btn .pulse {left: -30px;}*/
  }

  @media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    .side-widget .site-menu ul li ul {
        position: relative;
	    top: inherit;
	    left: inherit;
	    bottom: inherit;
	    margin: 0;
	    opacity: 0;
	    visibility: hidden;
	    height: 0;
    }

    .side-widget .site-menu ul li:hover>ul {
    	opacity: 1;
	    visibility: visible;
	    height: auto;
	    transaction: all ease-in-out 0.3s;
    }
}