/*!
Theme Name: kamron-theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kamron-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

kamron-theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */



.page-id-13  h4, .page-id-28 h4 {
	margin: 15px 0;
}


/********************************/



.blog-list { padding:70px 0 }

.blog-list .item img{ width:100%; height:auto; box-shadow:1px 1px 15px rgb(0, 0, 0, 0.2); }
.blog-list .post-thumbnail { display:block; margin-bottom:25px; }
.blog-list  .item  {  margin-bottom:50px; }

.navigation-page {	text-align: center;	width: 100%; }
.navigation-page ul { margin:0px; padding:0px; }
.navigation-page ul li { list-style:none;  display:inline-block; margin:0 4px; }
.navigation-page ul li a{ padding:3px 10px; background:#f1f1f1; display:block; }



.blog-list .post-thumbnail img {	width: 100%; height: 100%; box-shadow:1px 1px 15px rgb(0, 0, 0, 0.2);}
.single-list { padding:70px 0 }
.single-list .entry-header {	text-align: center;	padding: 0 0 40px;}
.single-list ul {	margin: 0;	padding: 0; position: relative;}
.single-list ul li { list-style:none; }


.single-list .single-post-dv  ul { padding:0 0 20px; }
.single-list .single-post-dv  ul li  {		padding: 0;	list-style: none;	font-size: 16px;	line-height: 22px; position: relative; padding-left: 30px; margin-bottom: 10px;}
.single-list .single-post-dv  ul li::before {	content: '\e906';	font-size: 10px;	font-family: 'dentco';	position: absolute;	left: 0;	top: 1px;	color: #00AFF0;}
.button-blog-n-b {	padding: 30px 0 0;}

.post-nav {	background: #fff;	padding: 25px;	box-shadow: 1px 1px 20px rgba(0,0,0,0.1);	border-radius: 10px;	margin: 40px 0 0;}
.post-nav h4 { padding:0px; margin:0px; position:relative; padding:0 0 15px; margin-bottom:30px; }
.post-nav h4:after { content:''; position:absolute; width:40px; height:5px; background:#00AFF0; left:0px; bottom:0px; border-radius:5px; }
.post-nav li a {	display: block;	font-size: 14px;}
.post-nav li { border-top:#d5d5d5 solid 1px; padding:7px 0 } 
.post-nav li:first-child{ border-top:none; padding-top:0px; }



.location-page ul  { padding:0 0 20px; }
.location-page ul  li  {		padding: 0;	list-style: none;	font-size: 16px;	line-height: 22px; position: relative; padding-left: 30px; margin-bottom: 10px;}
.location-page ul   li::before {	content: '\e906';	font-size: 10px;	font-family: 'dentco';	position: absolute;	left: 0;	top: 1px;	color: #00AFF0;}
.button-blog-n-b {	padding: 30px 0 0;}



.right_form {	background: #fff;	padding: 25px;	box-shadow: 1px 1px 20px rgba(0,0,0,0.1);	border-radius: 10px;	margin: 0px 0 0; }

.right_form h4 { padding:0px; margin:0px; position:relative; padding:0 0 15px; margin-bottom:30px; }
.right_form h4:after { content:''; position:absolute; width:40px; height:5px; background:#00AFF0; left:0px; bottom:0px; border-radius:5px; }
.right_form input[type=text], .right_form input[type=email], .right_form input[type=tel]   { width:100%; height:45px; padding:0 20px; border-radius:5px; border:#ccc solid 1px; }
.right_form .wpcf7-form-control-wrap { display:block; margin-bottom:15px; }
.right_form br { display:none; }
.right_form textarea { width:100%; height:45px; padding:15px 20px; border-radius:5px; border:#ccc solid 1px; height:100px }


.right_form .wpcf7-submit {	width: 100%;	height: 55px; box-shadow: 1px 1px 20px rgba(0,0,0,0.1); background: #00aff0; border: none;}
.right_form .wpcf7-spinner { position:absolute; left:0px; }
.right_form p { margin:0px; padding:0px;}

.right_form .date_blk {	background: #f2f2f2;	padding: 5px 15px;	display: inline-block;	margin: 0 0 14px;}


@media( max-width:767px ) {
.single-list {
	padding: 40px 0;
}

}

.location-page { padding:70px 0 }
.location-page .request_callback_text_blog {	position: sticky;	top: 70px;}

 .contact-form .wpcf7-submit {	font-size: 12px;	line-height: 16px;	padding: 9px 22px;	border-radius: 18px;	border-width: 1px;	box-shadow: inset 0 0 0 1px #00AFF0; background: #00AFF0; width: 126px;
border: none;height: 46px; border-radius: 25px;}

.previous-button, .next-button {	background: #111;	padding: 8px 18px;	text-align: center;}
.previous-button a, .next-button a {  color:#fff }
.previous-button { margin-right:10px; }

.page-content-product .prd { position:relative; overflow:hidden;  }

.page-content-product .prd article {	position: absolute;	width: 100%;	left: 0;	top: 0;	right: 0;	display: flex;	justify-content: center;	align-items: center;	background: #00aff0;	color: ; margin: 0px; height: 100%;
top: -150%; -webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;padding: 25px;}
.page-content-product .prd:hover article{ top:0px; }  
.page-content-product .prd article p {  color:#fff; }

.division-img {	border: 3px solid #00AFF0;	background: #fff;	text-align: center;	padding: 8px 15px;}
.division-img img { width:100%; }

  .in-blk {	position: relative;}
  .in-blk i {	position: absolute;	z-index: 1;	top: 12px;	width: 35px;	text-align: center; color: #00AFF0;}
 
  .in-blk .form-control { padding-left:45px; }
  .modal-form textarea.form-control { height:75px; }
  .modal-form .wpcf7-form-control.has-spinner.wpcf7-submit {	width: 150px;	height: 45px;	background: #00AFF0;	border: none;	color: #fff;	border-radius: 50px;	cursor: pointer;}


  	.custom-tab { margin-bottom:50px; }
	.con_blk {	display: none;}
	.tabs-content .con_blk:first-child{ display:block; }  
	.downloads-menu  li { float:left; }
	

ul.downloads-menu { overflow:hidden; }
ul.downloads-menu li {	margin: 0 8px 0 0;	padding: 0;	float: left; cursor:pointer; }
ul.downloads-menu li.active-tab {  color:#fff }
ul.downloads-menu li:hover {  color:#fff; }
ul.downloads-menu li a{ display:block; padding:8px 25px; }

ul.downloads-menu li.active-tab a {	background: #404296;	border: 1px solid #404296;}

.padd-in.download-form {	padding: 25px;}
.padd-in.download-form .in-blk { width:100%; display:block; margin-bottom:12px; }

@media(max-width:767px) {
ul.downloads-menu li {
	width: 100%;
	margin: 0 0 3px;
}
}

 .download-form .wpcf7-form-control.has-spinner.wpcf7-submit {	width: 150px;	height: 45px;	background: #00AFF0;	border: none;	color: #fff;	border-radius: 50px;	cursor: pointer;}

.tabs-content .modal .close {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	opacity: 1;
	text-shadow: 0;
	padding: 12px 12px;
	background: #c1c1c1;
	width: 40px !important; z-index: 10 !important;
}

/*******404****/
.error-tab { overflow:hidden; clear: both;}
.not-found  .intro.intro-small { display:none;}
.not-found {	padding: 0px 0 110px;	text-align: center;	color: #fff;	width: 100%;	float: left;	margin-bottom: 0px;	font-size: 20px;	text-transform: uppercase;	font-weight: 700;}
.not-found .not-four {	display: block;	font-size: 250px;	line-height: 1.2;	color: #00aff0;	font-weight: 900;	text-shadow: 1px 19px 46px rgba(0,0,0,0.4);	padding: 90px 0 0; }
.not-found  p, .error-404  a  { color:#222; font-size:16px; text-transform:uppercase; display:block; padding-top:20px;}
.not-foundh1 { color:#222;}
.not-found h1 { color:#222 !important; background: none;}
@media(max-width:767px) {
.not-found .not-four { font-size:140px;}
.not-found { font-size:16px;}
.not-found  p, .not-found  a  { font-size:14px;}

.call-now-img {
	display: none;
}
}

.footer-menu {
	margin: 0;
	padding: 0;
}

.footer-menu li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-menu li a {
	background: no-repeat !important;
	color: #000;
	padding: 2px 0;
	border: none !important;
}


.wmpci-popup-wrp .wmpci-popup-body {	max-width: 600px;}
.wmpci-popup-wrp  .in-blk {	margin: 20px 0 9px;	text-align: left;}
.wpcf7-form-control.wpcf7-textarea.form-control {	height: 60px;}
.wmpci-clearfix.wmpci-popup-bar-wrp {
	display: none;
}

.wmpci-popup-wrp input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 100%;
    color: #ffff !important;
    background: #000;
    padding: 13px 0;
    border: none !important;
}

.wmpci-popup-wrp span.wpcf7-spinner {
    display: none;
}


.wmpci-popup-wrp input.wpcf7-form-control.has-spinner.wpcf7-submit {
	width: 100%;
	color: #ffff !important;
	background: #00AFF0;
	padding: 13px 0;
	border: none !important;
	border-radius: 30px;
	max-width: 150px;
}

/********************/

.footer_bt {	width: 100%;	position: fixed;	bottom: 0;	height: 70px;	background: #fff;	box-shadow: 0 -2px 8px 0 rgba(0,0,0,.2);	z-index: 1000;}
.footer_bt .m-btn {	float: none;	margin: 11px auto 0;	display: table;	width: calc(100% - 160px);}
.footer_bt .m-btn a {	display: inline-block;	background: #00AFF0;	height: 50px;	line-height: 50px;	padding: 0 17px;	color: #fff;	text-decoration: none;	font-size: 17px;	font-weight: 700;	text-transform: uppercase;	width: 100%;	text-align: center;	border-radius: 6px;	display: inline-block;	background: #28b2ed;	height: 50px;	line-height: 50px;	padding: 0 17px;	color: #fff;	text-decoration: none;	font-size: 17px;	font-weight: 700;	text-transform: uppercase;	width: 100%;
	text-align: center;	border-radius: 6px;}
.whatsapp_sticky {	bottom: 8px;	width: 50px;	height: 50px;	right: 16px;	z-index: 10000;	font-size: 27px;	text-align: center;	border-radius: 100%;	
	padding: 11px 0 0;}

.single-list .b_left p a {
	color: #00aff0;
}
/******************/


@media(min-width: 768px) {
.fo_ring  { display: none; }
}
.fo_ring {   position: fixed;    bottom: -66px;    transform: scale(0.6);    transform-origin: 0;    z-index: 10000;    left: -16px;}
.coccoc-alo-ph-circle {     width: 160px;    height: 160px;    top: 20px;    left: 20px;    position: absolute;    background-color: transparent;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid rgba(30, 30, 30, 0.4);    opacity: .1;    -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;}
.coccoc-alo-phone {    background-color: transparent;    width: 200px;    height: 200px;    cursor: pointer;    z-index: 200000 !important;    -webkit-backface-visibility: hidden;    -webkit-transform: translateZ(0);    -webkit-transition: visibility .5s;    -moz-transition: visibility .5s;    -o-transition: visibility .5s;    transition: visibility .5s;    right: 150px;    top: 30px;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {    background-color: rgba(0, 175, 242, 0.5);    opacity: .75 !important;}
.coccoc-alo-ph-circle-fill {    width: 100px;    height: 100px;    top: 50px;    left: 50px;    position: absolute;    background-color: #000;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid transparent;    opacity: .1;    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;}
.coccoc-alo-ph-img-circle {    width: 60px;    height: 60px;    top: 70px;    left: 70px;    position: absolute;    background: rgba(30, 30, 30, 0.1) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==') no-repeat center center;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid transparent;    opacity: .7;    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {    background-color: #00aff2;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {    border-color: #00aff2;    opacity: .5;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {    border-color: #75eb50;    opacity: .5;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {    background-color: rgba(117, 235, 80, 0.5);    opacity: .75 !important;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {    background-color: #75eb50;}
@-moz-keyframes coccoc-alo-circle-anim {
0% {
transform: rotate(0) scale(.5) skew(1deg);
opacity: .1
}
30% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .5
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .1
}
}
@-webkit-keyframes coccoc-alo-circle-anim {
0% {
transform: rotate(0) scale(.5) skew(1deg);
opacity: .1
}
30% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .5
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .1
}
}
@-o-keyframes coccoc-alo-circle-anim {
0% {
transform: rotate(0) scale(.5) skew(1deg);
opacity: .1
}
30% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .5
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .1
}
}
@keyframes coccoc-alo-circle-anim {
0% {
transform: rotate(0) scale(.5) skew(1deg);
opacity: .1
}
30% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .5
}
100% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .1
}
}
@-moz-keyframes coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-webkit-keyframes coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-o-keyframes coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@keyframes coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-moz-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@-webkit-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@-o-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}



/**** DP *********/


a {
	color: #00aff0;
}

.footer a {
	color: #000;
}

.footer ul.icn-list, .footer ul.icn-list .phone {
	color: #000;
}



/*************/


.settings-panel > *:nth-child(1) .settings-panel-btn {
    width: 109px;
    text-align: center;
    padding: 9px 0;
    transform: rotate(-90deg);
    transform-origin: 0;
    left: 18px;
}

.settings-panel > *:nth-child(1) .settings-panel-btn img {
    display: none;
}

.settings-panel {    top: calc(50% - 0px);}