/*
 Theme Name:   Solteck Child
 Theme URI:    https://themewant.com/products/wordpress/soltech
 Description:  Solteck Child
 Author:       ReacThemes
 Author URI:   http://reactheme.com
 Template:     solteck
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

footer{
	background:#FFF;
}

.reactheme-breadcrumbs {
	display:none;
}

.btn-closer{
padding: 11px 45px !important;
    background: #dbcff7 !important;
    border-radius: 40px;
    color: #382e62 !important;
}

.btn-closeer:hover{
	color:#FFF;
}

.elementor-icon-list-icon{
float: left;
    display: block;
    width: 35px!important;
}

/* SWITCHER */
.inactiveMixin {
  content: "";
  position: absolute;
  display: block;
}
.beforeAnimation {
  -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
}
.afterAnimation {
  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
  -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
}
.toggleWrapper {
    margin: auto;
    padding: 20px;
    text-align: center;
    margin-bottom: 50px;
    font-size: 24px;
    font-weight: 700;
	border-radius: 10px;
    box-shadow: 0 0px 6px #c1c1c1;
    width: 50%;
}
.toggleWrapper span{
	margin: 0 20px;
    display: inline-block;
    color: #382e62;
}

.toggleWrapper input.mobileToggle {
  opacity: 0;
  position: absolute;
}
.toggleWrapper input.mobileToggle + label {
  position: relative;
  display: inline-block;
  user-select: none;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-tap-highlight-color: transparent;
  height: 30px;
  width: 50px;
  border: 1px solid #e4e4e4;
  border-radius: 60px;
}
.toggleWrapper input.mobileToggle + label:before {
  content: "";
  position: absolute;
  display: block;
  -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
  height: 30px;
  width: 51px;
  top: 0;
  left: 0;
  border-radius: 30px;
}
.toggleWrapper input.mobileToggle + label:after {
  content: "";
  position: absolute;
  display: block;
  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
  -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
  background: whitesmoke;
  height: 28px;
  width: 28px;
  top: 1px;
  left: 0px;
  border-radius: 60px;
}
.toggleWrapper input.mobileToggle:checked + label:before {
  background: #2ecc71;
  -moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
  -o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
  -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
  transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}
.toggleWrapper input.mobileToggle:checked + label:after {
  left: 24px;
}



.elementor-widget-rating .e-rating .e-icon-wrapper svg {
	    height: var(--e-rating-icon-font-size);
    width: auto;
    fill: #f0ad4e;
}

.features li a{
	padding:10px;
	border-radius:10px;
}

.features li a:hover{
	background-image: linear-gradient(180deg, #E5E1F5 0%, #e9e4fd 100%);
    border-radius: 10px;
	border-radius:10px;
}

footer .vertical_menu_active_icon{
	display:none;
}



.play:hover{
cursor:pointer;
}

.playing a{
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	border-radius:100px;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


#pay input[type="text"],
#pay input[type="email"]{
border: 1px solid #afafaf;
    color: #121212;
    font-size: 19px;
}


#pay #amount{
    font-size: 30px !important;
    font-weight: 600 !important;
    padding: 8px 13px;
    border: 1px solid #dbdbdb!important;
}

#pay .input-group-text{
background: none;
    border: 1px solid #dbdbdb;
    border-top-right-radius: 0;
    font-size: 31px;
    border-bottom-right-radius: 0;
    font-weight: 600;
    color: #7b7d82;
    padding: 7px 17px;
}

.payment svg{
	width:55px;
}

.payment svg:nth-child(1){
	fill:green;
}

.payment svg:nth-child(2){
        fill:blue;
}

.payment svg:nth-child(3){
        fill:red;
}

#contact textarea{
padding:15px;
}

#contact input{
	text-indent:15px;
}


.blog .reactheme-blog .blog-item .full-blog-content{
padding:20px!important;
}

.blog-item{
    border-radius: 10px!important;
    background:#FFF;
}


.blog-item .blog-title{
    font-size: 22px!important;
    line-height: 30px!important;
}

#review-basket .step-0,
#review-basket #step1,
#review-basket #step2,
#review-basket #step3,
#review-basket .premium{
	display:none!important;
}

.blog-title{
	font-size:50px;
}

.cta-sm{
font-weight: 700;
    color: #624eb7;
}

#premium{
background: linear-gradient(135deg, #cabfff, #5677c3)!important;
}

.e-off-canvas__overlay:hover{
	cursor:pointer;
}

#auth{
	background:#ffdc76;
	color:#382e62;
	font-size: 16px;
    font-weight: 500;
}

#auth:hover{
background-color: #FFD55A;
}

#basket{
background:#fffaf1;
}

.more-posts h3 a{
color: #382e62;
    font-size: 19px;
    line-height: 20px;
}

.more-posts p{
	font-size:17px;
}

.text-center{
	text-align:center!important;
}

.text-start{
	text-align:left!important;
}

.w-25{
	width:25%;
}

.w-50{
	width:50%;
}

.w-75{
	width:75%;
}

.w-100{
	width:100%;
}

.main-contain{
	background:#EEEAE3;
}

#reactheme-header{
padding:0!important;
}

.question svg{
	fill:#FFF;
}

.question .btn{
    font-size: 25px;
    color: #FFF;
    display: block;
    background: #382e62;
    width: 100%;
    margin: 0 auto;
    padding: 45px;
    border-radius: 25px;
}


.category-blog .blog-img{
	overflow:hidden;
	max-height:200px;
}

.make-payment{
        border-radius:40px!important;
        background:#382e62!important;
}


.notify{
position: fixed;
    z-index: 999;
    bottom: 20px;
    right: 50px;
    padding: 30px;
    border-radius: 20px;
    color: #382e62;
    width: 400px;
}

.notify-div-icon{
	float:left;
	width:20%
}

.notify-div-txt{
	float:left;
	width:65%;
	font-size: 17px;
	line-height: 25px;
}

.notify-div-close{
	float:left;
	width:15%;
}

.notify-close i{
	font-size: 35px!important;
	color: #382e62;
}

.notify_header b{
	color:#382e62;
}

.notify-txt{
	font-size:18px;
	line-height:22px;
}

.notify-close{
	float:right;
}

.notify-success{
background: linear-gradient(to bottom,  #a9db80 0%,#96c56f 100%);

}

.notify-fail{
	background:#ffb8b8;
}

.question p,
.answer p{
	color:#3e3e3e;
}

.li-arrow{
color: #677fd3;
    font-family: Manrope;
    font-weight: 700;
    font-size: 28px;
    position: relative;
    top: 2px;
    left: -2px;
}

.ul-custom{
	margin: 15px 0 30px 0;
}

.ul-custom li{
	padding:0;
}

.page-numbers{
	color:#382e62!important;
}

.page-numbers.current{
	background:#382e62!important;
	color:#FFF!important;
}

.page-numbers:hover:not(.dots){
        background:#594b96!important;
        color:#FFF!important;
}




@media (max-width: 1245px) {

	#menu-header-main-menu .main-menu-item{
		padding:0 8px!important;
	}

}


@media (max-width: 1170px) {

	#menu-header-main-menu a{
		font-size:16px;
	}

        #menu-header-main-menu .main-menu-item{
                padding:0 4px!important;
        }

	#auth{
		padding:10px 15px!Important;
	}

}

@media (max-width: 1024px) {
	#auth{
		display:none!important;
	}
}


@media (max-width: 767px) {


	#login .btn-login,
	#login .btn-closer{
        width: 100%;
        margin-bottom: 20px;
        display: block;
        text-align: center;
        padding: 10px;
	}

#login .btn-login{
	padding:15px 18px!Important;
}

.forgot{
top: 190px!important;
    right: 20px;
    font-size: 17px!Important;
}

	body{
		border-top:100px solid #382e62;
	}

	.main-contain{
		padding:10px!Important;
	}

	#header_menu{
		position: fixed;
		top: 0;
		z-index: 100;
		left: 0;
		height:100px;
	}



}