/*

	Theme Name: Custom Theme

	Theme URI: 

	Description: Custom Theme

	Version: 1.3.3

	Author: http://wpserver6.com

	Author URI: http://wpserver6.com

	Tags: HTML5, CSS3

	

	License: MIT

	License URI: http://opensource.org/licenses/mit-license.php

*/



/*------------------------------------*\

    $HOME

\*------------------------------------*/

.menu-item-gtranslate{margin-top:-5px !important}
.mobiletranslate{text-align:center; display:none}
.greenbg{padding-top:40px; padding-bottom:40px; background-color:#e3dbb4}
.greenbg h1{margin-bottom:40px}
.serviceicon{margin-bottom:20px;text-align:center;font-size:40px;color: #014F41;}

.wp-block-image img {
    max-width: 100%;
    height: auto;
}

.topbar{background-color: #014f41;color:#FFF;text-align :right;padding:7px;font-size: 14px;}
.topbar a{color:#FFF; padding:0px 10px}

.maincontent{max-widht:1200px; margin:0px auto; padding:0px 20px}

.galleryContainer{
	min-height: 600px;
	height: 600px;
	position: relative;
}

.flexslider .slides > li {

	background-position: center;

	height: 100%;

	width: 100%;

	display: none;

	-webkit-backface-visibility: hidden;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}

ul.slides {

	margin: 0;

	padding: 0;

}

.flexslider-container, .flexslider .slides, .flex-viewport {

	height: 100%;

}

.flexslider {

	margin: 0;

	padding: 0;

	width: 100%;

	height: 100%;

	border: 0px;

	overflow: hidden;

    position: relative;

}

.galleryText{position: relative;z-index: 99;width: 60%;top: 40%;right: 4%;left: 4%;}

.galleryText h2 {font-family: 'Montserrat', sans-serif;font-size: 3vw;font-weight: 600;line-height:100%;color:#FFF;text-align: left;text-transform: uppercase;margin:0px 0px 0px 0px;text-shadow: 2px 2px 2px rgba(0,0,0,0.3);-moz-text-shadow: 2px 2px 2px rgba(0,0,0,0.3);-webkit-text-shadow: 2px 2px 2px rgba(0,0,0,0.3);}

.homeContainer{

    max-width: 1050px;

    margin: 60px auto;

	padding: 4em;

    position: relative;

}

.homeContainer:after,

.homeContainer:before {border: .1em solid #93b301;bottom: 0;content: '';position: absolute;top: 0;width: 5%;}

.homeContainer:after {

    border-left: none;

    right: 0;

}

.homeContainer:before {

    border-right: none;

    left: 0;

}

.homeContainer h1 {font-family: 'Montserrat', sans-serif;font-weight: 200;font-size:60px;line-height:140%;color: #014F41;padding:0px 0px 0px 0px;margin: 0px 0px 20px 0px;text-align:center;text-shadow: none;}

.homeContainer p {font-family: 'Libre Baskerville', serif;font-size: 15px;font-weight:400;color: #626262;line-height:210%;text-align: center;}

.bg1{width: 100%;margin: 0px auto;padding:80px 0px;position: relative;background-image: url(/wp-content/uploads/2021/12/bg1.jpg);background-position: center;background-attachment: fixed;}

.homeContainer2{

    max-width: 1050px;

    margin: 60px auto;

	padding:0px;

    position: relative;

}

.homeContainer2 .sm-link{

	font-family: 'Montserrat', sans-serif;

	font-size:28px;

	font-weight: 600;

	line-height:140%;

	color:#FFF;

	text-align: center;

	display: table;

	margin:0px auto;

	border: 5px solid rgba(255,255,255,0.15);

	text-shadow: 2px 2px 5px rgba(0,0,0,0.4);

    -moz-text-shadow: 2px 2px 5px rgba(0,0,0,0.4);

    -webkit-text-shadow: 2px 2px 5px rgba(0,0,0,0.4);

	--smLinkPadding: 10px 25px;

	--smLinkLineWeight: 5px;

	--smLinkLineColor: #FFF;

	--smLinkTextColor: #FFF;

	--smLinkTextColorHover: #FFF;

}



.homeContainer2 .sm-link_bg{

	--smLinkTextColorHover: #fff;

}

.homeContainer3{

    max-width: 1050px;

	height: 400px;

    margin: 60px auto;

	padding:0px;

    position: relative;

}

.leftImage{width: 60%;height: 400px;position: absolute;left: 0px;top: 0px;background-image: url(/wp-content/uploads/2021/12/beautiful-green-park.jpg);background-size: cover;}

.rightText{

	width: 45%;

	position: absolute;

	right: 0px;

	top: 45px;

	padding:30px 50px 30px 100px;

	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);

}

.rightText:after,

.rightText:before {

    border: .1em solid #DCDCDC; 

    bottom: 0;    

    content: '';

    position: absolute;

    top: 0;

    width: 5%;

}

.rightText:after {

    border-left: none;

    right: 0;

}

.rightText:before {

    border-right: none;

    left: 0;

}

h1.timeless {font-family: 'Montserrat', sans-serif;font-weight: 200;font-size:60px;line-height:140%;color: #3F3A35;padding:0px 0px 0px 0px;margin: 0px 0px 0px 0px;text-align:center;text-transform: uppercase;text-shadow: none;margin-bottom: 30px;}

h1.timeless span {font-weight: 600;color: #014F41;margin-bottom: 30px;}

/*------------------------------------*\

    $MAIN

\*------------------------------------*/



.sm-link1::before{

  transform: translate3d(-105%, 0, 0);

}



.sm-link1::after{

  transform: translate3d(105%, 0, 0);

}



.sm-link1 .sm-link__label::before{

  transform: translate3d(0%, -100%, 0);

}



.sm-link1 .sm-link__label::after{

  transform: translate3d(0%, 100%, 0);

}



.sm-link1::before,

.sm-link1::after,

.sm-link1 .sm-link__label::before,

.sm-link1 .sm-link__label::after{

	transition-timing-function: ease-out;

	transition-duration: .2s, .15s;

	transition-delay: 0s, .15s;

}



.sm-link1:hover::before,

.sm-link1:hover::after,

.sm-link1:hover .sm-link__label::before,

.sm-link1:hover .sm-link__label::after{

  transform: translate3d(0, 0, 0);

	opacity: 1;

	

	transition-duration: .25s;

	transition-delay: 0s;

}

.blocks-gallery-item__caption a{

	font-family: 'Montserrat', sans-serif;

	font-weight: 600;

	font-size: 14px;

	line-height: 140%;

	color: #FFF;

}

hr{

	height:2px;

	background-color:#FFF;

	color:#FFF;

	border:none;

	border-bottom:2px dotted #D7D7D7;

	margin: 20px auto;

}

*, *:after, *:before {	

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

    box-sizing:border-box;

	-webkit-font-smoothing:antialiased;

	-moz-font-smoothing:antialiased;

	-o-font-smoothing:antialiased;

	font-smoothing:antialiased;

	text-rendering:optimizeLegibility;

}

body {

	font-family: 'Libre Baskerville', serif;

	font-size:16px;

	color: #626262;

	background-color: #ffffff;

	margin: 0px 0px 0px 0px;

}

html {

  scroll-behavior: smooth;

}

h1 {

	font-family: 'Montserrat', sans-serif;

	font-weight: 300;

	font-size: 34px;

	line-height: 140%;

	color: #fff;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 0.08em;

	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);

    -moz-text-shadow: 2px 2px 2px rgba(0,0,0,0.3);

    -webkit-text-shadow: 2px 2px 2px rgba(0,0,0,0.3);

}

h2 {font-family: 'Montserrat', sans-serif;font-size: 40px;font-weight: 400;line-height: 140%;color: #014F41;margin: 0px;}

h2 strong {

	font-weight: 600;

}

h3 {

	font-family: 'Montserrat', sans-serif;

	font-size:22px;

	font-weight: 600;

	line-height:140%;

	color:#555;

	margin:0px;

}

h4, h5, h6 {

	font-family: 'Montserrat', sans-serif;

	font-weight:400;

	line-height:140%;

	color:#D31E20;

	margin:0px;

}

.clear {

	clear:both;

	display:block;

}



img {

	vertical-align:bottom;

	border:0px;

}



area {

	outline:none;

}



.clear {

	clear:both;

	display:block;

}



a {

	color:#626262;

	text-decoration:none;

	-webkit-transition: all 0.5s; /* For Safari 3.0 to 6.0 */

	transition: all 0.5s; /* For modern browsers */

}

a:hover {

	color:#666;

}

a:focus {

	outline:0;

}

a:hover, a:active {

	outline:0;

}

input:focus {

	outline:0;

	border:1px solid #04A4CC;

}

p {

	font-family: 'Libre Baskerville', serif;

	font-size:14px;

	font-weight:400;

	color: #626262;

	line-height:180%;

}

section li {

	font-family: 'Libre Baskerville', serif;

	font-size:14px;

	font-weight:400;

	color: #626262;	

	line-height:180%;

	margin-bottom:8px;

}

.imgright {

	border:2px #ffffff solid;	

	-moz-box-shadow:0px 4px 5px #000;

	-webkit-box-shadow:0px 4px 5px #000;

    box-shadow:0px 4px 5px #000;

	float:right;

	margin-left:15px;

	margin-bottom:10px;

}

.imgleft {

	border:2px #ffffff solid;	

	-moz-box-shadow:0px 4px 5px #000;

	-webkit-box-shadow:0px 4px 5px #000;

    box-shadow:0px 4px 5px #000;

	float:left;

	margin-right:15px;

	margin-bottom:10px;

}



/*------------------------------------*\

    $STRUCTURE

\*------------------------------------*/



.logo {

	float:left;

}

.logo img {width: 280px;height: auto;padding-top: 7px;padding-left:15px; padding-bottom:7px}

.wrapper {

	width:100%;

	margin:0 auto;

	position:relative;

}

header {width:100%;margin:0 auto;padding: 0px;position: relative;z-index:100;background-color: #1664a2;}

.headerContainer {max-width: 1200px;margin:0px auto;padding:0px;}

.headerContainer:after{

	display:block;

	clear:both;

	content:"";

}

.editorialImg {

    text-align: center;

    padding: 280px 50px 20px 50px;

    margin: -20px 0px 0px 0px;	

}

section, #primary {

	max-width:1100px;

	min-height:300px;

	margin:0px auto;

	padding: 20px 30px 20px 30px;

	background-color: #FFF;	

}

.grayBar {width:100%;margin:0px auto;padding:30px 20px;background-color: #014F41;text-align: center;}

.grayBar a{ color:#FFF; font-size:13px; padding:0px 15px}

.grayBar a img{

	display: inline-block;

	vertical-align: middle;

	margin: 5px 3px;

	width: 32px;

	height: auto;

}
footer {

	width:100%;

	margin:0px auto;

	padding:0px 0px 20px 0px!important;

	background-color: #FFF;

}

.footer {

	max-width:1100px;

	margin:0px auto;

}

p.copyright {

	font-family: 'Montserrat', sans-serif;

	font-size:11px;

	font-weight:400;

	line-height:140%;

	color:#000000;

	letter-spacing: 0.08em;

	text-align:center;

	text-transform: uppercase;

}

#sidebar {

	float: right;

	width:250px;

	margin-left:20px;

}



div#comments{

	width: 100%;

	border-bottom:2px dotted #e9e9e9;

	margin-bottom: 10px;

}

#comments ul{

	margin-left: -40px;

}

.comment {

	list-style-type: none;

}

div#comments p{

	margin: 20px auto;

	overflow: auto;

}

.comment-meta{

	color:#b76e79;

}

div#comments .avatar {

	float:left;

}





/*------------------------------------*\

    $PAGES

\*------------------------------------*/



.navi {

	float:right;

}

nav {

	list-style:none;

	margin-bottom:0px;

	float:left;

	text-decoration:none;

	margin-left:-40px;

	margin-right:-20px;

}

nav ul li {

	float: left;

	margin-right: 0px;

	padding: 0px 0px 0px 0px;

	position: relative;

	width: auto;

}

nav ul a {font-family: 'Montserrat', sans-serif;font-size: 15px;font-weight: 600;color: #FCC706;letter-spacing: 0.08em;display: block;padding: 22px 15px 10px 15px;margin: 2px 0px 0px 0px;text-decoration: none;text-transform: uppercase;-webkit-transition: all 0.5s;transition: all 0.5s;}

nav ul li a:hover {

	color:#93b301 !important; /* Hover on main menu */

}

nav ul li.current-menu-item a {text-decoration: none;color: #FFF;}

nav ul ul {

	list-style:none;

	position:absolute;

	left:-9999px;

	margin:0px 0px 0px 0px;

	background-color: rgba(17,17,17,0.78);

	padding:10px;

}

nav ul ul li {

	padding-top:1px;

	float:none;

}

nav ul ul a {

	font-family: 'Montserrat', sans-serif;

	font-size:15px;

	font-weight:400;

	text-transform:capitalize;

	white-space:nowrap;

	margin: 0px 0px 0px 0px;	

	padding: 3px 6px 3px 6px;

}

nav ul li:hover ul {

	left:0;

}

nav ul li:hover a {

	text-decoration:none;

	color: #D31E20; /* Hover on tab with drop down in the main menu */

}

nav ul li:hover ul a {

	text-decoration:none;

	color:#FFF; /* Color for the tabs in the drop down */

}

nav ul li ul li a:hover {

	color:#f4faff; /* Hover color for the tabs in the drop down */

	background-color: rgba(17,17,17,0.9);

	padding:3px 16px;

	margin:0px -10px;

}

#menu-primary-1  {

	max-width: 1200px;

	list-style:none;

	margin:20px auto 0px auto;

	text-decoration:none;
	text-align:center;

}

#menu-primary-1 li {

	display: inline-block;

	margin-right: 0px;

	padding: 0px 0px 0px 0px;

	position: relative;

	width: auto;

}

#menu-primary-1 a {

	font-family: 'Montserrat', sans-serif;

	font-size:12px;

	font-weight:400;

	color: #9b9b9b;

	letter-spacing: 0.08em;

	display: block;

	padding: 10px 10px 10px 10px;

	margin: 0px 0px 0px 0px;

	text-decoration: none;

	text-transform:uppercase;

	-webkit-transition: all 0.5s; /* For Safari 3.0 to 6.0 */

	transition: all 0.5s; /* For modern browsers */

}

#menu-primary-1 li a:hover {

	color:#93B301; /* Hover on main menu */

}



/*------------------------------------*\

    $FORM

\*------------------------------------*/



.wpcf7-form .left{

	float:left;

	width:30%;

	text-align:left;

	margin-bottom:10px;

}

.wpcf7-form .right{

	float:left;

	width:70%;

	margin-bottom:10px;

}

.wpcf7-form {

	font-family: 'Libre Baskerville', serif;

	font-size: 14px;

	color: #626262;

	text-align: left;

	max-width: 700px;

	margin: 20px auto;

}

.wpcf7-form p{

	font-family: 'Libre Baskerville', serif;

	font-size: 14px;

	color: #626262;

	text-align: left;

}

.wpcf7 input[type="text"], 

.wpcf7 input[type="email"], 

.wpcf7 input[type="tel"], 

.wpcf7 input[type="date"], 

.wpcf7 textarea,

.wpcf7 select {

	font-family: 'Libre Baskerville', serif;

	font-size:14px;

	width: 100%;

	padding:8px;

	border:#CCC 1px solid;

	-moz-border-radius:1px;

	-webkit-border-radius:1px;

	-khtml-border-radius:1px;

	border-radius:1px;

	behavior: url(http://ftpweblogin.com/images/border-radius.htc);

}

.wpcf7 textarea {

	height:100px;

}

span.wpcf7-list-item {

	display: block;

}

.wpcf7-submit {

	font-family: 'Montserrat', sans-serif;

	font-size: 16px;

	font-weight: 300;

	color: #FFF;

	letter-spacing: 0.08em;

	text-align: center;

	text-transform: uppercase;

	border:none;

	background-color:#3F3A35;

	padding:8px 30px;

	margin: 0px auto;

	display: table;

	-webkit-transition: background-color 0.5s; /* For Safari 3.0 to 6.0 */

	transition: background-color 0.5s; /* For modern browsers */

}

.wpcf7-submit:hover {

	background-color:#333;

}





/*------------------------------------*\

	$TYPOGRAPHY

\*------------------------------------*/







/*------------------------------------*\

    $RESPONSIVE

\*------------------------------------*/



@media only screen and (max-width: 600px) and (min-width: 300px){
	
	.mobiletranslate a{color:#FFF}
	.headerseparator{display:none}
	
	.galleryText {
    position: relative;
    z-index: 99;
    width: 80%;
    top: 40%;
    right: 10%;
    left: 10%;
}
	
	
	
	.mobiletranslate{text-align:center; display:block}
	.homeContainer h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
		font-size: 40px;}
	.homeContainer2 {
    max-width: 1050px;
    margin: 30px auto;
    padding: 20px;
	}

	.topbar a {display:block}
	.topbar {text-align:center}
	
	.grayBar a {
  
    display: block;
}

.galleryContainer{

    min-height: 400px;

    height: 400px;

}

.galleryText h2 {
    font-size: 30px;
    text-align: center;
}

.homeContainer {

	max-width: 90%;

	padding: 2em;

}

.homeContainer3 {

	height: auto;

}

.leftImage {

	width: 90%;

	height: 300px;

	position: relative;

	left: 0;

	right: 0;

	margin: 0px auto;

}

.rightText {

	width: 90%;

	position: relative;

	right: 0;

	top: 0px;

	padding: 30px;

	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);

	left: 0;

	margin: 0px auto;

}

h1.timeless {

	font-size: 40px;

}

.grayBar a img {

	margin: 5px 5px;

	width: 36px;

}

.footer ul {

	margin: 20px auto 0px -40px;

	text-align: center;

}

.footer ul li {

	display: block;

}

p.copyright {

	margin: 40px 0px;

}

.wpcf7-form .left{

	float:none;

	width:100%;

	text-align:left;

	margin-bottom:10px;

}



.wpcf7-form .right{

	float:none;

	width:100%;

	margin-bottom:10px;

}



.alignright,

.alignleft,

.aligncenter{

	width:100%;

	height:auto;

	float:none;

	display:block;

	margin:5px auto 5px auto;

}



}



/*------------------------------------*\

    LOOP PHP CONTENT

\*------------------------------------*/



img.attachment-120x120.size-120x120.wp-post-image {

    float: left;

    margin-right: 20px;

}



.date, .author, .comments{

	font-size:12px;

	margin-right:10px;

}



/*------------------------------------*\

    $MISC

\*------------------------------------*/



::selection {

	background: #3651ac;

	color: #FFF;

	text-shadow: none;

}

::-webkit-selection {

 background:#3651ac;

 color:#FFF;

 text-shadow:none;

}

::-moz-selection {

 background:#3651ac;

 color:#FFF;

 text-shadow:none;

}



/*------------------------------------*\

    $WORDPRESS CORE

\*------------------------------------*/

   

.alignnone {

	margin:5px 20px 20px 0;

}



.aligncenter, div.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}



.alignright {

	float:right;

	margin:5px 0 20px 20px;

}



.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}



.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}



a img.alignright {

	float:right;

	margin:5px 0 20px 20px;

}



a img.alignnone {

	margin:5px 20px 20px 0;

}



a img.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}



a img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}



.wp-caption {

	background:#FFF;

	border:none;

	max-width:96%;

	padding:5px 3px 10px;

	text-align:center;

}



.wp-caption.alignnone {

	margin:5px 20px 20px 0;

}



.wp-caption.alignleft {

	margin:5px 20px 20px 0;

}



.wp-caption.alignright {

	margin:5px 0 20px 20px;

}



.wp-caption img {

	border:0 none;

	height:auto;

	margin:0;

	padding:0;

	width:auto;

}



.wp-caption .wp-caption-text, .gallery-caption {

	font-size:14px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}



.sticky {

}



.bypostauthor {

}



/*------------------------------------*\

    $PRINT

\*------------------------------------*/



@media print {



* {

	background:transparent !important;

	color:#000 !important;

	box-shadow:none !important;

	text-shadow:none !important;

}



a, a:visited {

	text-decoration:underline;

}



a[href]:after {

	content:" (" attr(href) ")";

}



abbr[title]:after {

	content:" (" attr(title) ")";

}



.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {

	content:"";

}



pre, blockquote {

	border:1px solid #999;

	page-break-inside:avoid;

}



thead {

	display:table-header-group;

}



tr, img {

}

 @page {

 margin:0.5cm;

}



p, h2, h3 {

	orphans:3;

	widows:3;

}



h2, h3 {

	page-break-after:avoid;

}



body {

	background-color: #00576a;

}

}



.shipping-calculator-form{width:230px;}



.woocommerce-breadcrumb{ display:none;}



div.wpcf7-response-output {color: black;}



/*

* core styles

*/



.sm-link{

	--uismLinkDisplay: var(--smLinkDisplay, inline-flex);	

	--uismLinkTextColor: var(--smLinkTextColor);

	--uismLinkTextColorHover: var(--smLinkTextColorHover);	

	

	display: var(--uismLinkDisplay);

	color: var(--uismLinkTextColor);

	position: relative;

	overflow: hidden;

}



a.sm-link{

	text-decoration: none;

}



.sm-link__label{

  display: block;

}

.greenbg .sm-link__label{ color:#3F3A35; font-weight:400; text-shadow:none; font-size:18px}

/* sm-link_padding-all */ 



.sm-link_padding-all{

	--uismLinkLineWeight: var(--smLinkLineWeight, 2px);

	--uismLinkLineColor: var(--smLinkLineColor, #000);

	--uismLinkPadding: var(--smLinkPadding, 5px);

	

	padding: var(--uismLinkPadding);

}



.sm-link_padding-all::before, 

.sm-link_padding-all::after{

  width: 100%;

  height: var(--uismLinkLineWeight);

  left: 0;

}



.sm-link_padding-all::before{

  top: 0;

}



.sm-link_padding-all::after{

  bottom: 0;

}



.sm-link_padding-all .sm-link__label::before,

.sm-link_padding-all .sm-link__label::after{

  width: var(--uismLinkLineWeight);

  height: 100%;

  top: 0;

}



.sm-link_padding-all .sm-link__label::before{

  left: 0;

}



.sm-link_padding-all .sm-link__label::after{

  right: 0;

}



.sm-link_padding-all::before,

.sm-link_padding-all::after,

.sm-link_padding-all .sm-link__label::before,

.sm-link_padding-all .sm-link__label::after{

  content: "";     

	background-color: var(--uismLinkLineColor);

  position: absolute; 

	opacity: 0;

	

	will-change: transform, opacity;

	transition-property: transform, opacity;

}



.sm-link_padding-all:hover::before,

.sm-link_padding-all:hover::after,

.sm-link_padding-all:hover .sm-link__label::before,

.sm-link_padding-all:hover .sm-link__label::after{

	opacity: 1;

}



/* sm-link_padding-bottom */ 



.sm-link_padding-bottom{

	--uismLinkLineWeight: var(--smLinkLineWeight, 2px);

	--uismLinkLineColor: var(--smLinkLineColor, #000);	

	

	padding-bottom: var(--uismLinkLineWeight);	

	position: relative;

}



.sm-link_padding-bottom::after{

  content: "";

  width: 100%;

  height: var(--uismLinkLineWeight);

	background-color: var(--uismLinkLineColor);

	

  position: absolute;

  left: 0;

  bottom: 0;

}



/* sm-link_bg */ 



.sm-link_bg {

	--uismLinkLineColor: var(--smLinkLineColor, #000);	

	--uismLinkTextColorHover: var(--smLinkTextColorHover, #fff);	

	--uismLinkPadding: var(--smLinkPadding, 5px);

	

	padding: var(--uismLinkPadding);

	transition: color .3s ease-out;

}



.sm-link_bg::before, 

.sm-link_bg::after{

  content: "";

	background-color: var(--uismLinkLineColor);	

  opacity: 0;

  position: absolute;

	

	transition: transform .2s ease-out, opacity .2s ease-out .03s;

}



.sm-link_bg .sm-link__label{

  position: relative;

  z-index: 2;

}



.sm-link_bg:hover::before, 

.sm-link_bg:hover::after{

  opacity: 1;

	transition-duration: .35s, .35s;

	transition-delay: 0s, 0s;

}



.sm-link_bg:hover{

	color: var(--uismLinkTextColorHover);

}



/* sm-link_text */ 



.sm-link_text::before{

  content: attr(data-sm-link-text);

	color: var(--uismLinkTextColorHover);

  position: absolute;

}



.sm-link_text::before, 

.sm-link_text .sm-link__label{

  transition-property: transform;

	transition-timing-function: cubic-bezier(.86, .6, .08, 1.01); 

	transition-duration: .3s;

}



.sm-link_text:hover::before,

.sm-link_text:hover .sm-link__label{

	transition-duration: .4s;

}