/** =====================================
*	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}
/* wp admin bar */
@media screen and (max-width: 783px) and (min-width: 300px) {
	#wpadminbar {
	  position: fixed!important;
	  top: 0;
	}
}
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}
.c-blue {color:#006BFF}
.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;
	border-radius:2rem;
	text-align:center;
	font-size:1.4rem;
	margin-right:.8rem;
	margin-bottom: 1rem;
	box-shadow: 0 3px 10px rgba(40, 40, 40, 0.5);
}.btt:last-child {margin-right:0}
.btt:hover {
	opacity:0.9;
}
.btt-sm {
	padding:.75rem .75rem!important;
	font-size:1rem;
}
.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;
}
/*.alert-form {
  display: none;
  background-color: #ac2a21;
  width: auto;
  color: white;
  padding: .3rem .5rem;
  border-radius: 0;
  margin: 1rem auto;
  font-weight: 500;
  font-style: italic;
}
.alert-form-green {
	background-color:#599935!important;
}*/
#contact-form {position:relative}
#contact-form > .alert-form{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#ffffff;
	border-radius:1rem;
	top:0;
	z-index:1;
	align-items: center;
	justify-content: center;
	display:none;
}#contact-form > .alert-form > span.icon img {
	width:150px;
}
/**
 * custom radio
 *
*/
.custom-radio {
  position: relative;
  background-color: #fff;
  border-radius: 3rem;
  padding: .6rem 1rem;
  overflow:hidden;
  z-index:1;
}
.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;
}.custom-radio-image > img {width:60px; border-radius: 50%;}
.custom-radio-song {position:relative;z-index:1;display: block;}
.custom-radio-song > h6{margin:0;}
.custom-radio-info {position:relative;z-index:1;display: block;}
.custom-radio-control {position:relative;text-align:right;}
/**
 * wp-ballon 
 *
*/
.whatsapp-box {
	position: fixed;
	right: 1rem;
	width: 300px;
	background: transparent;
	border: 1px solid #81cf75;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	border-bottom-right-radius: 2rem;
	bottom: 5rem;
	z-index: 10;
	display:none;
}
.whatsapp-box > .wp-header {
	position: relative;
	background-color: #81cf75;
	display: block;
	text-align: center;
	border-top-left-radius: .4rem;
	border-top-right-radius: .4rem;
	padding:.8rem 0;
}
.whatsapp-box > .wp-header > .wp-close::after {
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid;
	border-right: 2px solid;
	transform: rotate(-45deg);
	right: 1rem;
	border-color: #fff;
	color: #fff;
	top: 1.20rem;
}
.whatsapp-box > .wp-header > .wp-logo{
	background-color: #fff;
	border-radius: 5rem;
	width: 32px;
	height: 32px;
	display: inline-block;
	/*line-height: 28px;*/
	padding: .3rem;
	margin-bottom: .5rem;
}.whatsapp-box > .wp-header > .wp-logo > img, .wp-footer > .wp-logo > img{width: 100%;object-fit: cover;}
.whatsapp-box > .wp-header > a > .wp-title {
	display: inline;
	color: #fff6f6;
	font-weight: 500;
}
.wp-footer {background-color:#fff;position:relative;display:block;padding: 1rem;overflow:hidden;border-bottom-right-radius: 2rem;}
.wp-footer > .wp-logo{
	background-color: #fff;
	border-radius: 5rem;
	width: 32px;
	height: 32px;
	float:left;
	/*line-height: 28px;*/
	padding: .3rem;
	margin: .6rem auto;
	overflow: hidden;
	margin-right: 1rem;
	border: 1px solid #7ccbcb;
}
.wp-footer > .wp-title-small {
	display:block;
	font-size:11px;
}.wp-footer > .wp-title { display:block;font-size:medium; font-style:500}
.wp-footer > .wp-online {
	color:#81cf75;
	display:block;
	font-size:11px;
}
.wp-footer > .wp-online:after {
	content: "";
	background-color: #81cf75;
	width: 6px;
	height: 6px;
	vertical-align: middle;
	display: inline-block;
	border-radius: .3rem;
	margin-left: .3rem;
}
.whatsapp-box-button {
	position: fixed;
	bottom: 1.70rem;
	padding: .7em 1rem;
	background-color: #76bc6b;
	border-radius: 2rem;
	color: white;
	z-index: 1;
	right: 1rem;
}
.whatsapp-box-button::after {
	content: "";
	position: absolute;
	background: url('../img/wpicon.png') no-repeat;
	width: 100%;
	background-size: 24px;
	height: 100%;
	right: 1rem;
}
/**
 * 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: 450px !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 {
	top: -.1rem !important;
    margin-top: 0 !important;
	background-color:#003337;
	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 {left: 16.5rem!important;}
 .swiper-button-prev {left: 14rem!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;}
/**
 * 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;
}

 /**
  * Table css
 */
.table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
}
.table td, .table th {
  padding: 8px;
}
.table tr:nth-child(even){background-color: #f4f4f4;}
.table tr:hover {background-color: #ddd;}
.table th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  background-color: #fffccf;
  color: #000;
}.table>:not(caption)>*>* {
	border-bottom:0;
}
@media only screen and (max-width: 760px) { 
.table i {
	height:auto!important;
}
}
 /**
  * Business Card
 */
.namecard{
  width:100%;
  min-height: 200px;
  max-height:100%;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  background-color: #ffffff;
  
  letter-spacing: 1px;
  color: black;
  overflow: hidden;
  border: solid 1px rgba(0,0,0,0.15);
  border-radius: 6px;
  font-weight: 100;
  
  transition-duration: 0.5s;
  
      position: relative;
}

.namecard:hover .circle1{
  bottom: -60px;
}

.namecard:hover .circle2{
  right: -20px; top: -20px;
}

.namecard:hover {
  transform: translateX(-5px) translateY(-5px);
  box-shadow: 15px 15px 25px rgba(134,146,150,0.3)
}
.namecard > small {
	font-style: italic;
    font-weight: 400;
}
.namecard h2{
  font-size: 25px;
  font-weight: 300;
}

.namecard h2 span{
  font-size: 12px;
  font-weight: 100;
}

.namecard h5{
  color: #003337;
  font-weight: 500;
  margin-bottom: 0;
}

.namecard p{
    font-size: 13px;
    line-height: normal;
    color: #000000;
    font-weight: 400;
}

.circle{
  width: 100px; height: 100px;
  border-radius: 100%;
  position: absolute;
}

.circle1{
  right: 100px;
  bottom: -80px;
  background-color: #003337;
  transition-duration: 1s;
}

.circle2{
  width: 60px; height: 60px;
  right: -30px;
  top: -30px;
  border: solid 3px #ac2a21;
  transition-duration: 1s;
}

.page_title{
  text-align: center;
  color: #243010;
  font-weight: 400;
}

.mark{
  font-size: 300px;
  position: absolute;
  bottom: 100px;
  font-weight: 100;
  color: rgba(36,48,16,0.1);
}

@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;}
}