/** =====================================
*	Custom componenets
*	Extras
*	smcompany
*/
html :where(img[class*="wp-image-"]) {border-radius: 2rem;}
img.alignright {float:right; margin:0 1.5rem .5rem 0}
img.alignleft {float:left; margin:0 1.5rem .5rem 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 1.5rem .5rem 0}
a img.alignleft {float:left; margin:0 1.5rem .5rem 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
input,textarea {
	outline: none;
	border: 2px solid #e0dddd;
	border-radius: .3rem;
	background-color: #fff;
	padding: .4rem 1rem;
}
input.input-custom {
	background-color: #fff;
	border-radius: .5rem;
	color: black;
	width: 90%;
	display: inline-block;
	font-size: 1.2rem;
}input.input-custom:focus{
	border: 2px solid #f0a3a3
}input.input-custom::placeholder{
	color:#8d8d8d;
	font-style:italic;
	font-weight:500;
}.form-container {
	margin-bottom:1rem;
	display:block;
}.form-container:last-child{
	margin-bottom:0
}
.custom-bg-black {
	background-color: #000000;
	opacity: 0.9;
	background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #000000 6px ), repeating-linear-gradient( #1f1f1f55, #1f1f1f );
}
.b-dark {background-color:#2B2A29}
.b-white {background-color:#fff}
.c-black {color:#2B2A29}
.c-white {color:#fff}
.c-gray {color:#AEAFAF}
.c-yellow {color:#FFF383}
.c-red {color:#AC2A21}
.t-italic {font-style:italic!important}
.f-bold {font-weight:bold}
.f-bolder {font-weight:bolder}
.f-light {font-weight:400}
.f-normal {font-weight:500}
.filter-text {
	filter: saturate(200%);
}
i,.fa-solid {
	vertical-align:middle;
}
.btt {
	padding:.8rem 1.3rem;
	display: inline-block;
	background-color:#fff;
	color:black;
	font-weight:700;
	text-align:center;
	border-radius:5px;
	font-size:1.4rem;
	margin-right:.8rem;
}.btt:last-child {margin-right:0}
.btt:hover {
	opacity:0.9;
}
.btt-sm {
	padding:.3rem .4rem!important;
	font-size:.8rem;
}
.btt-link {
	padding:.3rem 1rem;
	display: inline-block;
	background-color:#fff;
	color:#2B2A29;
	font-weight:700;
	text-align:left;
	font-size:.8rem;
	margin-bottom: 1rem;
}
.btt-red {
	color:white!important;
	background-color:#AC2A21!important;
}
.btt-blue {
	color:white!important;
	background-color:#006BFF!important;
}
.btt-yellow {
	background-color:#FFF383!important;
	color:#2B2A29!important;
}
.btt-black {
	background:url(../img/btt-black.png) repeat repeat!important;
	background-repeat:repeat repeat;
	background-size: contain !important;
	color:#fff!important;
	border-bottom: 2px solid #5f5f5f;
}
/*
  button
*/
.btc {
	cursor: pointer;
	color: #FFFFFF;
	font-weight: 500;
	background: url('../img/box-orange.png') repeat;
	-webkit-border-radius: .5rem .5rem .8rem .5rem;
	-moz-border-radius: .5rem .5rem .8rem .5rem;
	-khtml-border-radius: .5rem .5rem .8rem .5rem;
	border-radius: .5rem .5rem .5rem .8rem .5rem;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
	display: inline-block;
	text-decoration: none;
	padding: .4rem 1rem;
}.btc:last-child {margin-right:0}
.btc-sm {
	padding: .2rem .5rem;
	font-size: smaller;
	-webkit-border-radius: .4rem .4rem .4rem .4rem;
	-moz-border-radius: .4rem .4rem .4rem .4rem;
	-khtml-border-radius: .4rem .4rem .4rem .4rem;
	border-radius: .4rem .4rem .4rem .4rem;
}
.btc-md {
	padding: .4rem .7rem;
	font-size: medium;
	-webkit-border-radius: .4rem .4rem .4rem .4rem;
	-moz-border-radius: .4rem .4rem .4rem .4rem;
	-khtml-border-radius: .4rem .4rem .4rem .4rem;
	border-radius: .4rem .4rem .4rem .4rem;
}
.btc-lg {
	padding: .9rem 1.4rem;
	font-size: large;
	-webkit-border-radius: .4rem .4rem .4rem .4rem;
	-moz-border-radius: .4rem .4rem .4rem .4rem;
	-khtml-border-radius: .4rem .4rem .4rem .4rem;
	border-radius: .4rem .4rem .4rem .4rem;
}
button.btc{
	border: 0;
}
a.btc:hover {
	color:#fff;
}
.btc > i, .btc > img {
	vertical-align: middle;
}
.btc > i{display:inline;}
.btc:hover {opacity: 0.8;}
.btc-blue {
	background: url('../img/box-blue.png') repeat !important;
}
.btc-gray {
	background: url('../img/box-gray.png') repeat !important;
	color:#000;
}
.btc-green {
	background: url('../img/box-green.png') repeat !important;
}
.btc-dark {
	background: url('../img/box-black.png') repeat !important;
}
.btc-red {
	background: url('../img/box-red.png') repeat !important;
}
.btc-link {
	background:transparent!important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/**
 * custom radio
 *
*/
.custom-radio {
  position: relative;
  background-color: #fff;
  border-radius: 3rem;
  padding: 0 .5rem;
  overflow:hidden;
  z-index:1;
  box-shadow: 0 5px 8px #ddd;
  border: 1px solid #008dd2;
}
.custom-radio:before {
    content: "";
    background-image: url(../img/crbg-1.png);
    background-position: center center;
    background-size: contain;
    width: 100%;
    height: 120px;
    position: absolute;
    background-repeat: no-repeat;
}
.custom-radio:after {
    content: "";
    background-image: url(../img/crbg-2.png);
    background-position: right center;
    background-size: contain;
    width: 100%;
    height: 90px;
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    right: -.3rem;
}
.custom-radio-image {
  position: relative;
  background-color: #fff;
  text-align: center;
  border: 1px solid #fff;
  display: inline-block;
  margin-top:.3rem;
}.custom-radio-image > img {width:55px; border-radius: 50%;}
.custom-radio-song {position:relative;z-index:1;display: block;}
.custom-radio-song > h6{margin:0;text-transform: capitalize;}
.custom-radio-button {cursor:pointer}
.custom-radio-sound {cursor:pointer}
.custom-radio-info {position:relative;z-index:1;display: block;}
.custom-radio-control {position:relative;z-index: 1;}
/*
  Alert
*/
.error,.success,.info {
	padding: 8px 10px 8px 33px;
	margin-bottom: 9px;
	color: #393939;
	display: block;
}
.error {
	background:#ffe1e1 url(../img/error.png) 10px center no-repeat;
	background-size:18px;
}
.info {
	background:#deebff url(../img/info.png) 10px center no-repeat;
	background-size:18px;
}
.success {
	background: #d6ffd6 url(../img/success.png) 10px center no-repeat;
	background-size: 18px;
}
.error-label{
	padding: .3rem .6rem;
	display: block;
	font-size: small;
	color: #ec0000;
	background-color: #fff5f5;
	border-bottom-left-radius: .5rem;
	border-bottom-right-radius: .5rem;
}

/**
 * contact form popup
 *
*/
.contact-form-content {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 1rem 0;
	text-align: center;
	background-color: var(--sm-color-dark-blue);
	color: var(--sm-color-white);
	border-radius: .5rem;
	z-index:99;
	display:none;
}
.contact-form-content .contact-form-content-title {
	display:block;
	margin-bottom:1.20rem;
}
.contact-form-content .contact-form-content-close {
	float:left;
	color: var(--sm-color-primary);
}
.form-content {
	display:block;
	margin-bottom:.7rem;
}.form-content > input, .form-content > textarea {width:95%}
/**
 * ios switch button
 *
*/
.form-ios-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  padding-left:0!important;
  font-size: smaller;
}
.form-ios-switch i {
  position: relative;
  display: inline-block;
  margin-right: .5rem;
  width: 46px;
  height: 26px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
  vertical-align: middle;
}
.form-ios-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 42px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}
.form-ios-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}
.form-ios-switch:active i::after {
  width: 28px;
  transform: translate3d(2px, 2px, 0);
}
.form-ios-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }
.form-ios-switch input { display: none; }
.form-ios-switch input:checked + i { background-color: #4BD763; }
.form-ios-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }
.form-ios-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }
/**
 * animation css
 *
*/
.sm-animate{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 2s all ease;
}
.sm-animate.sm-animate-active{
  transform: translateY(0);
  opacity: 1;
}
[data-animate] {
  opacity: 0;
  transition: all 1s ease-out;
}
[data-animate="bottom"] {
  transform: translate3d(0, 75px, 0);
}
[data-animate="top"] {
  transform: translate3d(0, -75px, 0);
}
[data-animate="left"] {
  transform: translate3d(75px, 0, 0);
}
[data-animate="right"] {
  transform: translate3d(75px, 0, 0);
}
.swiper-slide-active [data-animate] {
  opacity: 1;
  transform: none;
}
/**
 * swiper 
 *
*/
 .swiper {
  width: 100%;
  height: 100%;
 }
 .swiper-slide {
  position: relative;
  background-repeat:no-repeat;
  background-size:cover;
  background-color: #f9f9f9;
  width:100%;
  height: 400px !important;
 }
 .swiper-img {max-width:100%}
 .swiper-slide-caption {
	position: absolute;
	top: 40%;
	left: 5%;
	color: #fff;
	z-index: 999;
	transform: translateY(-40%);
 }
 .swiper-pagination {
	bottom:2rem!important
 }
 .swiper-button-next, .swiper-button-prev {
	background-color:#E31E24;
	padding:.3rem 1rem;
	color:#fff;
 }
 .swiper-button-next::after, .swiper-button-prev::after {
	 content:"";
	 font-size:1.3rem!important;
	 color:#fff;
 }
 .swiper-pagination-bullet {
  width: 10px!important;
  height: 5px!important;
  border-radius: 0!important;
 }.swiper-pagination-bullet-active {background:var(--sm-color-primary)!important}
 .swiper-button-next {right: 0rem!important;}
 .swiper-button-prev {left: 0rem!important;}
 .swiper-button-next, .swiper-button-prev {color:var(--sm-color-black)!important}
 .swiper-slide-active .site-boxed > .title {font-weight:bold;margin-bottom:1.5rem}
.swiper-slide-active .site-boxed > .description {font-weight:400;}
.swiper-slide-active .site-boxed > .title {transition-delay: 0.6s;}
.swiper-slide-active .site-boxed > .description {transition-delay: 1s;}
.swiper-thumb {
	display: block;
  position: absolute;
  bottom: 1rem;
  z-index: 1;
}.swiper-thumb > a{
	display:inline-block;
}
.swiper-thumb > a > img{
	width:100px;
}
/**
 * preloader css
 *
*/
.preloader {
	background:var(--sm-color-light-gray) url('../img/preloader.gif') no-repeat center center;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:5%;
	height:100vh;
	width:100%;
	position:fixed;
	z-index: 1001;
	transition: 0.3s;
}.preloader > span {
	position: relative;
	display: flex;
	align-items: center;
	left: 52.7%;
	font-size: medium;
	font-weight: 400;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.loaded-preloader .preloader{
  visibility: hidden;
  transform: translateY(-100%);
  transition-delay: 0.6s;
  transition: 0.3s;
}
.loaded-preloader .preloader{
  opacity: 0;
}

@media only screen and (max-width: 546px) { 
 .btt {
	 padding:.65rem .85rem;
	 font-size:1rem;
 }
 .swiper-button-next {left: 3.5rem!important;}
 .swiper-button-prev {left: 1rem!important;}
}