:root{
	/*** Change Theme settings ***/
	--syrd-init-bg: #200122;
	--syrd-init-primary: #aeea00;
	--syrd-init-secondary: #0d5302;
	--syrd-init-tertiary: #7200DA;
	--syrd-init-primary-dark: #a1d900;
	--syrd-init-secondary-dark: #0a4201;
	--syrd-init-tertiary-dark: #6a02c9;
	--syrd-init-primary-btn-border: #94c700;
	--syrd-init-secondary-btn-border: #073000;
	--syrd-init-tertiary-btn-border: #6102b8;
	--syrd-init-primary-txt-color: #fff;
	--syrd-init-secondary-txt-color: #fff;
	--syrd-init-tertiary-txt-color: #fff;
	
	--syrd-init-primary-a50: #aeea0080;
	--syrd-init-secondary-a50: #0d530280;
	--syrd-init-tertiary-a50: #7200DA80;
	--syrd-init-primary-a85: #aeea00D9;
	--syrd-init-secondary-a85: #0d5302D9;
	--syrd-init-tertiary-a85: #7200DAD9;
	
	--syrd-body-font-size: 1rem;
	--syrd-body-font-family: 'Playfair Display', Times, Times New Roman, Georgia, serif;
	--syrd-body-font-weight: 400;
	--syrd-body-line-height: 1.45;
	--syrd-body-color: #666666;
	--syrd-body-text-align: left;
	--syrd-body-bg: #f2f2f2;
	
	--syrd-font-sans-serif: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	
	--syrd-box-shadow : 0 3px 8px 0;
	--syrd-box-shadow-sm: 0 0.125rem 0.25rem;
	--syrd-box-shadow-lg: 0 1rem 4rem;
	/*** STOP !!! Theme settings ***/
	
	--syrd-caret-down: url("data:image/svg+xml;charset=utf-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.33 7.03'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:rgba(255, 255, 255, 0.85);%7d%3c/style%3e%3c/defs%3e%3ctitle%3eSYRD.FR carret down%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Capa_1' data-name='Capa 1'%3e%3cpath class='cls-1' d='M6.17,7a.86.86,0,0,1-.61-.25L.25,1.47A.86.86,0,1,1,1.47.25L6.17,4.95,10.86.25a.86.86,0,0,1,1.22,1.22l-5.3,5.3A.86.86,0,0,1,6.17,7Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
	--syrd-caret-up : url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.5 9.41'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:rgba(255, 255, 255, 0.85);%7d%3c/style%3e%3c/defs%3e%3ctitle%3eSYRD.FR carret up%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Capa_1' data-name='Capa 1'%3e%3cpath class='cls-1' d='M8.25,0a1.15,1.15,0,0,1,.82.34l7.09,7.09a1.16,1.16,0,0,1-1.63,1.63L8.25,2.79,2,9.07A1.16,1.16,0,1,1,.34,7.43L7.43.34A1.15,1.15,0,0,1,8.25,0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
	--syrd-star-rating-bg-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFdElEQVR4nO2aXWxURRTH/2dut58Imho1SgStuit+vBo0BkgkRjDog+VBiJEXqJhKK21x+7EdUu5u2W1Uqi8Qo4YQY6gQDQlRn9RENGoMD0a7RCzGRCJGBLRF9mOOD+waKHe7e2f23mt0f4/zceY/Z2fmzJm7QI0aNWr8j6EgBu3sHG9oXHC2gxQvJ/CUhbpUPD5wMggtwv8hmZrmn3mHmF8G4XEm6s5R/kinlPP91xKAA7YN2A8CeHRW8eLmrOjwWwsQgAMYqs+xnLGls3O8wW89vjqgp1/eDWC1YyXhxqYFvz/ppx7AZwcIsnrmbMDUK6X0V5NfA/VJuRDgdWWa3Tmds1b5IqiAf97OUReAunLNCOx4RniFL/eALimvrs+KnwDMq6yHWJq0Bz/3VFRxJD8GabgY4iqcPABWvd6puRzPV4CUsnEmK6YA3OCiG1tKRRIJecwrXUU8XwHTGbEe7iYPAJQXYqsXeq4YyEvjUkoxkxXfAbhDo/uFOrYWxeMDv1Rb16V4ugJmctYa6E0eABpyItdZTT1OeLwFDEMa02YpZeWHpwaeOaBncOQhMJYamrnmvMdJUtXOgI0bd4daW0+25S0rAoV7iLiHgWqkuDkChjik9ibl8EmAuAo2/8G1A7ZKea24IMJkcQRAmJkiBIQBtAGwqiluNgScU4w0EU2CkWZSk8ycnleP76WUf2nadCYajbfmrfwDxIWJgiMAhQG06k7AQxSAEwAmiTnNRJMEMWkxpePx/lNzrRpHB7wwOLJcMR+Cm9vbv5cZAK81h1S3lFLNrnQ8BBVjF/4bkweAZgDPnc+IJ5wqS0QBDnsoKBAYdLtTubMDCF95qiYAhMUfOpY7FSqlOgCc9lSRjzDR86MjsS+d6hwdMBaX3zCrlQDOeKrMBwiIpnYMvVSqvuRNMBWXXwPiYQB/eKLMBxgY3mnHRudqM+dVOGkPfsEKjwCYrqoyHyAgnrKHRipoV57CveAwgCZjZT7AwFjKHuqr5Npc8VW4r3/7ShAdAuD7xwuXjCftoa5KcwZXuUDv4MgqYn4XQEhLmscw8+5UPPaMm4TJVTqc2jF0GERrAeRcq/MceqOlnje7zRa10uHege3tBHobgXxdvhIm7DuRjjw9MbE277av1gRS9vAEwE8BqGpurgVhf0ud2qAz+YvdDegb3L4BTK+b2DCBgffO/np9+549m7K6NoweMD795KOj9y9bcRsB95rY0SRTp+qW7drV/aeJEeM9TMzvm9rQg48mEv2/mVoxP8RYLDa2oYWor4oVYwuEu6qgQwOOtLfvN36DrEIY4yXmNrRobGv79hZTI0YOKPwCEVMRurBFxqvPyAGLw+lbEWBuoBCwAwhB7f/i+GS8/YwcwBzY/i8S7AoILgIUMY8EZluAzZegIY2Fc0gbbQdc9DwHFgGKCFZGP4K2AwoxuFGz+xkCehFSNxHzKoCO6uowjQRl/7dXCs0YnCXmVwWH7Evu8T9LKT+Yzoj1BNggLHRl0fAc0ncAiyVuHl8INKEI0aQdOz67rvDRcm9394sToabpLhBHAVxVkV02c4D2e0DfwMi+Cv76CoCPKEU9Y4nYZ5Xa7pHyOpEVwwA2oXzKfmHqWKRF90FEewVUkAMcZ/C2lB076PadbkzKUwCejUblK3kSO0FYM0fzhkXh9M0AptyMUcQkDJY6AE8D2NIcUktS9vABk7+0JBJyMhmPPcYKywEu9cGWQ3nrnO4Y2g5gYN+sogyIU5mQakvasXEpZUbX9mxSidjHzSG+jxjrAPx4eS29afIwor0FWkJq9HzOOsvMq5n5B0vx2OioPKFrrxyFg/ItKeXBmazoAGMFQEea6/MlP3zWqFGjRo0y/A3lxcMNXfCjjAAAAABJRU5ErkJggg==");
	
	/* default color */
	--syrd-blue: #045bc1;
	--syrd-indigo: #6610f2;
	--syrd-purple: #6f42c1;
	--syrd-pink: #e83e8c;
	--syrd-red: #d0021b;
	--syrd-orange: #fd7e14;
	--syrd-yellow: #f37f29;
	--syrd-green: #7ed321;
	--syrd-teal: #20c997;
	--syrd-cyan: #00d6ff;
	--syrd-white: #fff;
	--syrd-gray: #7F7F7F;
	--syrd-gray-100: #fafafa;
	--syrd-gray-200: #f2f2f2;
	--syrd-gray-300: #e1e1e1;
	--syrd-gray-400: #bebebe;
	--syrd-gray-500: #949494;
	--syrd-gray-600: #7F7F7F;
	--syrd-gray-700: #666666;
	--syrd-gray-800: #555555;
	--syrd-gray-900: #404040;
	--syrd-gray-1000: #2b2b2b;
	--syrd-gray-1100: #1c1c1c;
	--syrd-black: #000;
	--syrd-link-color: #045bc1;
	--syrd-link-hover-color: #03499a;
	
	--syrd-blue-a50: #045bc180;
	--syrd-indigo-a50: #6610f280;
	--syrd-purple-a50: #6f42c180;
	--syrd-pink-a50: #e83e8c80;
	--syrd-red-a50: #d0021b80;
	--syrd-orange-a50: #fd7e1480;
	--syrd-yellow-a50: #f37f2980;
	--syrd-green-a50: #7ed32180;
	--syrd-teal-a50: #20c99780;
	--syrd-cyan-a50: #00d6ff80;
	--syrd-white-a50: #ffffff80;
	--syrd-gray-a50: #7F7F7F80;
	--syrd-gray-100-a50: #fafafa80;
	--syrd-gray-200-a50: #f2f2f280;
	--syrd-gray-300-a50: #e1e1e180;
	--syrd-gray-400-a50: #bebebe80;
	--syrd-gray-500-a50: #94949480;
	--syrd-gray-600-a50: #7F7F7F80;
	--syrd-gray-700-a50: #66666680;
	--syrd-gray-800-a50: #55555580;
	--syrd-gray-900-a50: #40404080;
	--syrd-gray-1000-a50: #2b2b2b80;
	--syrd-gray-1100-a50: #1c1c1c80;
	--syrd-black-a50: #00000080;
	--syrd-link-color-a50: #045bc180;
	--syrd-link-hover-color-a50: #03499a80;
	
	--syrd-blue-a85: #045bc1D9;
	--syrd-indigo-a85: #6610f2D9;
	--syrd-purple-a85: #6f42c1D9;
	--syrd-pink-a85: #e83e8cD9;
	--syrd-red-a85: #d0021bD9;
	--syrd-orange-a85: #fd7e14D9;
	--syrd-yellow-a85: #f37f29D9;
	--syrd-green-a85: #7ed321D9;
	--syrd-teal-a85: #20c997D9;
	--syrd-cyan-a85: #00d6ffD9;
	--syrd-white-a85: #ffffffD9;
	--syrd-gray-a85: #7F7F7FD9;
	--syrd-gray-100-a85: #fafafaD9;
	--syrd-gray-200-a85: #f2f2f2D9;
	--syrd-gray-300-a85: #e1e1e1D9;
	--syrd-gray-400-a85: #bebebeD9;
	--syrd-gray-500-a85: #949494D9;
	--syrd-gray-600-a85: #7F7F7FD9;
	--syrd-gray-700-a85: #666666D9;
	--syrd-gray-800-a85: #555555D9;
	--syrd-gray-900-a85: #404040D9;
	--syrd-gray-1000-a85: #2b2b2bD9;
	--syrd-gray-1100-a85: #1c1c1cD9;
	--syrd-black-a85: #000000D9;
	--syrd-link-color-a85: #045bc1D9;
	--syrd-link-hover-color-a85: #03499aD9;
}

:root,:root.light,:root .light{
	--breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
	--syrd-btn-syrd-box-shadow: 0 0 0 1px rgba(43, 45, 80, 0.1), 0 2px 5px 0 rgba(43, 45, 80, 0.08), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
	--syrd-navbar-bg-linear: linear-gradient(0deg, var(--syrd-init-secondary), var(--syrd-init-primary));
}

*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}
body{
	margin:0;
	font-family:var(--syrd-body-font-family);
	font-size:var(--syrd-body-font-size);
	font-weight:var(--syrd-body-font-weight);
	line-height:var(--syrd-body-line-height);
	color:var(--syrd-body-color);
	text-align:var(--syrd-body-text-align);
	background-color:var(--syrd-body-bg);
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
small,.small{font-size:65%}
mark,.mark{padding:.2em;background-color:var(--syrd-init-secondary)}
section{position:relative; padding-top:4rem; padding-bottom:4rem}
a{color:var(--syrd-link-color);text-decoration:none}
a:hover{color:var(--syrd-link-hover-color);text-decoration:underline}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
a>code{color:inherit}
img,svg{vertical-align:middle}

.avatar {
    display: inline-block;
    position: relative;
    width: 3rem;
    height: 3rem;
    text-align: center;
    border: #dee2e6;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    line-height: 3rem;
}
.avatar.avatar-lg {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
}
.avatar.avatar-xs{
	width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
	padding: 0.1rem;
}
.icon {
    display: flex;
    width: 2.2rem;
    height: 2.2rem;
    flex-shrink: 0;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.icon.icon-xl {
    width: 5rem;
	height: 5rem;
}

.modal-xs{width:12.5rem}
.modal-open{overflow-y:scroll !important;padding-right:0 !important}

.br-0{border-radius: none;}
.br-1{border-radius: .5rem;}
.br-2{border-radius: .75rem;}
.br-3{border-radius: 1rem;}
.br-4{border-radius: 1.25rem;}
.br-5{border-radius: 1.5rem;}
.br-rounded, .rounded{ border-radius: 50%;}
.border,.border-0,.border-1,.border-2,.border-3,.border-4,.border-5{border-color:var(--syrd-init-primary) !important}
.border-white,.border-0,.border-1,.border-2,.border-3,.border-4,.border-5{border-color:#fff !important}
.border-primary,.border-0,.border-1,.border-2,.border-3,.border-4,.border-5{border-color:#045bc1 !important}
.border-secondary,.border-0,.border-1,.border-2,.border-3,.border-4,.border-5{border-color:#666 !important}
.border-success,.border-0,.border-1,.border-2,.border-3,.border-4,.border-5{border-color:#7ed321 !important}
.border-info,.border-0,.border-1,.border-2,.border-3,.border-4,.border-5{border-color:#00d6ff !important}
.border-warning,.border-0,.border-1,.border-2,.border-3,.border-4,.border-5{border-color:#f37f29 !important}
.border-danger,.border-0,.border-1,.border-2,.border-3,.border-4,.border-5{border-color:#d0021b !important}
.border-light,.border-0,.border-1,.border-2,.border-3,.border-4,.border-5{border-color:#fafafa !important}
.border-dark,.border-0,.border-1,.border-2,.border-3,.border-4,.border-5{border-color:#1c1c1c !important}

.shadow{-webkit-box-shadow:var(--syrd-box-shadow) var(--syrd-init-primary) !important; box-shadow:var(--syrd-box-shadow) var(--syrd-init-primary) !important;}
.shadow-sm{-webkit-box-shadow:var(--syrd-box-shadow-sm) var(--syrd-init-primary) !important; box-shadow:var(--syrd-box-shadow-sm) var(--syrd-init-primary) !important;}
.shadow-lg{-webkit-box-shadow:var(--syrd-box-shadow-lg) var(--syrd-init-primary) !important; box-shadow:var(--syrd-box-shadow-lg) var(--syrd-init-primary) !important;}
.shadow-white{-webkit-box-shadow:var(--syrd-box-shadow) rgba(255,255,255,.7) !important; box-shadow:var(--syrd-box-shadow) rgba(255,255,255,.7) !important;}
.shadow-sm-white{-webkit-box-shadow:var(--syrd-box-shadow-sm) rgba(255,255,255,.7) !important; box-shadow:var(--syrd-box-shadow-sm) rgba(255,255,255,.7) !important;}
.shadow-lg-white{-webkit-box-shadow:var(--syrd-box-shadow-lg) rgba(255,255,255,.7) !important; box-shadow:var(--syrd-box-shadow-lg) rgba(255,255,255,.7) !important;}
.shadow-black{-webkit-box-shadow:var(--syrd-box-shadow) rgba(0,0,0,.7) !important; box-shadow:var(--syrd-box-shadow) rgba(0,0,0,.7) !important;}
.shadow-sm-black{-webkit-box-shadow:var(--syrd-box-shadow-sm) rgba(0,0,0,.7) !important; box-shadow:var(--syrd-box-shadow-sm) rgba(0,0,0,.7) !important;}
.shadow-lg-black{-webkit-box-shadow:var(--syrd-box-shadow-lg) rgba(0,0,0,.7) !important; box-shadow:var(--syrd-box-shadow-lg) rgba(0,0,0,.7) !important;}
.shadow-none{-webkit-box-shadow:none !important;box-shadow:none !important}

.bg-holder{position:absolute;width:100%;min-height:100%;top:0;left:0;background-size:cover;background-position:center;overflow:hidden;will-change:transform,opacity,filter;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-repeat:no-repeat;z-index:0}
.bg-fixed{ background-attachment: fixed; }
.bg-top{ background-position: top; }
.bg-bottom{ background-position: bottom; }
.bg-center{ background-position: center; }
.bg-right{ background-position: right; }
.bg-left{ background-position: left; }
.bg-cover{ background-size: cover; }

.bg-overlay{position: relative;}
.bg-overlay:before{position:absolute;content:"";background:rgba(0,0,0,.25);top:0;bottom:0;left:0;right:0}
.bg-overlay-0:before{background:rgba(0,0,0,.7)}
.bg-overlay-1:before{background:rgba(0,0,0,.55)}
.bg-overlay-2:before{background:rgba(0,0,0,.4)}

.bg-gradient{ background-image:linear-gradient(120deg, var(--syrd-init-secondary) 0%, var(--syrd-init-primary) 150%) !important; }
.bg-primary{ background-color: var(--syrd-init-primary) !important; }
.bg-secondary{ background-color: var(--syrd-init-secondary) !important; }
.bg-tertiary{ background-color: var(--syrd-init-tertiary) !important; }
.bg-white{ background-color: var(--syrd-white); }
.bg-indigo{ background-color: var(--syrd-indigo); }
.bg-blue{ background-color: var(--syrd-blue); }
.bg-purple{ background-color: var(--syrd-purple); }
.bg-red{ background-color: var(--syrd-red); }
.bg-pink{ background-color: var(--syrd-pink); }
.bg-green{ background-color: var(--syrd-green); }
.bg-cyan{ background-color: var(--syrd-cyan); }
.bg-gray-100{ background-color: var(--syrd-gray-100); }
.bg-gray-200{ background-color: var(--syrd-gray-200); }
.bg-gray-300{ background-color: var(--syrd-gray-300); }
.bg-gray-400{ background-color: var(--syrd-gray-400); }
.bg-gray-500{ background-color: var(--syrd-gray-500); }
.bg-gray-600{ background-color: var(--syrd-gray-600); }
.bg-gray-700{ background-color: var(--syrd-gray-700); }
.bg-gray-800{ background-color: var(--syrd-gray-800); }
.bg-gray-900{ background-color: var(--syrd-gray-900); }
.bg-gray-1000{ background-color: var(--syrd-gray-1000); }
.bg-gray-1100{ background-color: var(--syrd-gray-1100); }
.bg-black{ background-color: var(--syrd-black);}

.bg-blur{ -webkit-backdrop-filter: saturate(180%) blur(15px);backdrop-filter: saturate(180%) blur(15px); background: none !important;}
.bg-blur.bg-blur-light{ -webkit-backdrop-filter: saturate(120%) blur(7px);backdrop-filter: saturate(120%) blur(7px);}
.bg-blur.bg-blur-strong{ -webkit-backdrop-filter: saturate(210%) blur(20px);backdrop-filter: saturate(210%) blur(20px);}
.bg-blur.bg-blur-xstrong{ -webkit-backdrop-filter: saturate(250%) blur(20px);backdrop-filter: saturate(250%) blur(20px);}
.bg-blur.bg-gradient{ background-image:linear-gradient(90deg, var(--syrd-init-primary-a50), var(--syrd-init-secondary-a50)) !important; }
.bg-blur.bg-primary{ background-color: var(--syrd-init-primary-a50) !important; }
.bg-blur.bg-secondary{ background-color: var(--syrd-init-secondary-a50) !important; }
.bg-blur.bg-tertiary{ background-color: var(--syrd-init-tertiary-a50) !important; }
.bg-blur.bg-white{ background-color: var(--syrd-white-a50) !important; }
.bg-blur.bg-indigo{ background-color: var(--syrd-indigo-a50) !important; }
.bg-blur.bg-blue{ background-color: var(--syrd-blue-a50) !important; }
.bg-blur.bg-purple{ background-color: var(--syrd-purple-a50) !important; }
.bg-blur.bg-red{ background-color: var(--syrd-red-a50) !important; }
.bg-blur.bg-pink{ background-color: var(--syrd-pink-a50) !important; }
.bg-blur.bg-green{ background-color: var(--syrd-green-a50) !important; }
.bg-blur.bg-cyan{ background-color: var(--syrd-cyan-a50) !important; }
.bg-blur.bg-gray-100{ background-color: var(--syrd-gray-100-a50) !important; }
.bg-blur.bg-gray-200{ background-color: var(--syrd-gray-200-a50) !important; }
.bg-blur.bg-gray-300{ background-color: var(--syrd-gray-300-a50) !important; }
.bg-blur.bg-gray-400{ background-color: var(--syrd-gray-400-a50) !important; }
.bg-blur.bg-gray-500{ background-color: var(--syrd-gray-500-a50) !important; }
.bg-blur.bg-gray-600{ background-color: var(--syrd-gray-600-a50) !important; }
.bg-blur.bg-gray-700{ background-color: var(--syrd-gray-700-a50) !important; }
.bg-blur.bg-gray-800{ background-color: var(--syrd-gray-800-a50) !important; }
.bg-blur.bg-gray-900{ background-color: var(--syrd-gray-900-a50) !important; }
.bg-blur.bg-gray-1000{ background-color: var(--syrd-gray-1000-a50) !important; }
.bg-blur.bg-gray-1100{ background-color: var(--syrd-gray-1100-a50) !important; }
.bg-blur.bg-black{ background-color: var(--syrd-black-a50) !important;}

.txt-primary{color: var(--syrd-init-primary);}
.txt-secondary{color: var(--syrd-init-secondary);}
.txt-tertiary{color: var(--syrd-init-tertiary);}
.txt-gradient, .txt-hover-gradient:hover{color: var(--syrd-init-secondary); background-image: linear-gradient(310deg, var(--syrd-init-primary), var(--syrd-init-secondary));-webkit-background-clip:text; background-clip: text;-webkit-text-fill-color: transparent; text-fill-color: transparent;}
.txt-indigo, .txt-hover-indigo:hover{ color: var(--indigo)!important; }
.txt-purple, .txt-hover-purple:hover{ color: var(--purple)!important; }
.txt-red, .txt-hover-red:hover{ color: var(--red)!important; }
.txt-pink, .txt-hover-pink:hover{ color: var(--pink)!important; }
.txt-green, .txt-hover-green:hover{ color: var(--green)!important; }
.txt-cyan, .txt-hover-cyan:hover{ color: var(--cyan)!important; }
.txt-white, .txt-hover-white:hover{ color: var(--syrd-white)!important; }
.txt-gray-100, .txt-hover-gray-100:hover{ color: var(--syrd-gray-100)!important; }
.txt-gray-200, .txt-hover-gray-200:hover{ color: var(--syrd-gray-200)!important; }
.txt-gray-300, .txt-hover-gray-300:hover{ color: var(--syrd-gray-300)!important; }
.txt-gray-400, .txt-hover-gray-400:hover{ color: var(--syrd-gray-400)!important; }
.txt-gray-500, .txt-hover-gray-500:hover{ color: var(--syrd-gray-500)!important; }
.txt-gray-600, .txt-hover-gray-600:hover{ color: var(--syrd-gray-600)!important; }
.txt-gray-700, .txt-hover-gray-700:hover{ color: var(--syrd-gray-700)!important; }
.txt-gray-800, .txt-hover-gray-800:hover{ color: var(--syrd-gray-800)!important; }
.txt-gray-900, .txt-hover-gray-900:hover{ color: var(--syrd-gray-900)!important; }
.txt-gray-1000, .txt-hover-gray-1000:hover{ color: var(--syrd-gray-1000)!important; }
.txt-gray-1100, .txt-hover-gray-1100:hover{ color: var(--syrd-gray-1100)!important; }
.txt-black, .txt-hover-black:hover{ color: var(--syrd-black)!important;}
.txt-smallcaps{font-variant:small-caps!important;}
.txt-superscript{vertical-align:super!important;}
.txt-word-break{word-break:break-word!important;}
.txt-truncate{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}

.font-base{font-family:"PT Serif",Times,"Times New Roman",Georgia,serif}
.font-sans-serif{font-family:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}
.fs--1{font-size:.75rem !important}
.fs-0{font-size:1rem !important}
.fs-1{font-size:1.333rem !important}
.fs-2{font-size:1.777rem !important}
.fs-3{font-size:2.369rem !important}
.fs-4{font-size:3.157rem !important}
.fs-5{font-size:4.199rem !important}
.fs-6{font-size:5.584rem !important}
.fs-7{font-size:7.427rem !important}
.fs-8{font-size:9.878rem !important}

h1, .h1{font-size: 2.5rem !important}
h2, .h2{font-size: 2rem !important}
h3, .h3{font-size: 1.75rem !important}
h4, .h4{font-size: 1.5rem !important}
h5, .h5{font-size: 1.25rem !important}
h6, .h6{font-size: 1rem !important}

.icon-quote-right:before {
    content: "\201D";
}
.icon-quote-left:before {
    content: "\201C";
}

.img-responsive{
	display: block;
	width: 100%;
	height: auto;
}
.img-gray-0{filter: grayscale(0);}
.img-gray-25{filter: grayscale(25%);}
.img-gray-50{filter: grayscale(50%);}
.img-gray-75{filter: grayscale(75%);}
.img-gray-100{filter: grayscale(100%);}
.list-inline, .list-unstyled{padding-left:0;list-style:none}
.list-inline-item{display:inline-block}
.list-inline-item:not(:last-child){margin-right:.5rem}

.overflow-hidden,.overflow-hidden-x{overflow-x:hidden !important;}
.overflow-hidden,.overflow-hidden-y{overflow-y:hidden !important;}
.overflow-auto{overflow:auto !important}
.overflow-visible{overflow:visible !important}
.overflow-scroll{overflow:scroll !important}

.min-vh-100{min-height: 100vh !important;}
.min-vh-50{min-height: 50vh !important;}
.min-vh-25{min-height: 25vh !important;}

.m-auto,.my-auto,.mt-auto{ margin-top:auto !important;}
.m-auto,.my-auto,.mb-auto{ margin-bottom:auto !important;}
.m-auto,.mx-auto,.mr-auto, .me-auto{margin-right:auto !important;}
.m-auto,.mx-auto,.ml-auto, .ms-auto{margin-left:auto !important;}
.m-0 ,.mt-0 {margin-top:0 !important}
.m-0 ,.mb-0 {margin-bottom:0 !important}
.m-0 ,.mr-0, .me-0 {margin-right:0 !important}
.m-0 ,.ml-0, .ms-0 {margin-left:0 !important}
.m-1 ,.mt-1 {margin-top:.25rem !important}
.m-1 ,.mb-1 {margin-bottom:.25rem !important}
.m-1 ,.mr-1, .me-1 {margin-right:.25rem !important}
.m-1 ,.ml-1, .ms-1 {margin-left:.25rem !important}
.m-2 ,.mt-2 {margin-top:.5rem !important}
.m-2 ,.mb-2 {margin-bottom:.5rem !important}
.m-2 ,.mr-2, .me-2 {margin-right:.5rem !important}
.m-2 ,.ml-2, .ms-2 {margin-left:.5rem !important}
.m-3 ,.mt-3 {margin-top:1rem !important}
.m-3 ,.mb-3 {margin-bottom:1rem !important}
.m-3 ,.mr-3, .me-3 {margin-right:1rem !important}
.m-3 ,.ml-3, .ms-3 {margin-left:1rem !important}
.m-4 ,.mt-4 {margin-top:1.8rem !important}
.m-4 ,.mb-4 {margin-bottom:1.8rem !important}
.m-4 ,.mr-4, .me-4 {margin-right:1.8rem !important}
.m-4 ,.ml-4, .ms-4 {margin-left:1.8rem !important}
.m-5 ,.mt-5 {margin-top:3rem !important}
.m-5 ,.mb-5 {margin-bottom:3rem !important}
.m-5 ,.mr-5, .me-5 {margin-right:3rem !important}
.m-5 ,.ml-5, .ms-5 {margin-left:3rem !important}
.m-6 ,.mt-6 {margin-top:4rem !important}
.m-6 ,.mb-6 {margin-bottom:4rem !important}
.m-6 ,.mr-6, .me-6 {margin-right:4rem !important}
.m-6 ,.ml-6, .ms-6 {margin-left:4rem !important}
.m-7 ,.mt-7 {margin-top:5rem !important}
.m-7 ,.mb-7 {margin-bottom:5rem !important}
.m-7 ,.mr-7, .me-7 {margin-right:5rem !important}
.m-7 ,.ml-7, .ms-7 {margin-left:5rem !important}
.m-8 ,.mt-8 {margin-top:7.5rem !important}
.m-8 ,.mb-8 {margin-bottom:7.5rem !important}
.m-8 ,.mr-8, .me-8 {margin-right:7.5rem !important}
.m-8 ,.ml-8, .ms-8 {margin-left:7.5rem !important}
.m-9 ,.mt-9 {margin-top:10rem !important}
.m-9 ,.mb-9 {margin-bottom:10rem !important}
.m-9 ,.mr-9, .me-9 {margin-right:10rem !important}
.m-9 ,.ml-9, .ms-9 {margin-left:10rem !important}
.m-10,.mt-10{margin-top:12.5rem !important}
.m-10,.mb-10{margin-bottom:12.5rem !important}
.m-10,.mr-10, .me-10{margin-right:12.5rem !important}
.m-10,.ml-10, .ms-10{margin-left:12.5rem !important}
.m-11,.mt-11{margin-top:15rem !important}
.m-11,.mb-11{margin-bottom:15rem !important}
.m-11,.mr-11, .me-11{margin-right:15rem !important}
.m-11,.ml-11, .ms-11{margin-left:15rem !important}

.p-0, .py-0, .pt-0{padding-top:0 !important}
.p-0, .px-0, .pr-0, .pe-0{padding-right:0 !important}
.p-0, .py-0, .pb-0{padding-bottom:0 !important}
.p-0, .px-0, .pl-0, .ps-0{padding-left:0 !important}
.p-1, .py-1, .pt-1{padding-top:.25rem !important}
.p-1, .px-1, .pl-1, .ps-1{padding-left:.25rem !important}
.p-1, .py-1, .pb-1{padding-bottom:.25rem !important}
.p-1, .px-1, .pr-1, .pe-1{padding-right:.25rem !important}
.p-2, .py-2, .pt-2{padding-top:.5rem !important}
.p-2, .px-2, .pr-2, .pe-2{padding-right:.5rem !important}
.p-2, .py-2, .pb-2{padding-bottom:.5rem !important}
.p-2, .px-2, .pl-2, .ps-2{padding-left:.5rem !important}
.p-3, .py-3, .pt-3{padding-top:1rem !important}
.p-3, .px-3, .pr-3, .pe-3{padding-right:1rem !important}
.p-3, .py-3, .pb-3{padding-bottom:1rem !important}
.p-3, .px-3, .pl-3, .ps-3{padding-left:1rem !important}
.p-4, .py-4, .pt-4{padding-top:1.8rem !important}
.p-4, .px-4, .pl-4, .ps-4{padding-left:1.8rem !important}
.p-4, .py-4, .pb-4{padding-bottom:1.8rem !important}
.p-4, .px-4, .pr-4, .pe-4{padding-right:1.8rem !important}
.p-5, .py-5, .pt-5{padding-top:3rem !important}
.p-5, .px-5, .pr-5, .pe-5{padding-right:3rem !important}
.p-5, .py-5, .pb-5{padding-bottom:3rem !important}
.p-5, .px-5, .pl-5, .ps-5{padding-left:3rem !important}
.p-6, .py-6, .pt-6{padding-top:4rem !important}
.p-6, .px-6, .pr-6, .pe-6{padding-right:4rem !important}
.p-6, .py-6, .pb-6{padding-bottom:4rem !important}
.p-6, .px-6, .pl-6, .ps-6{padding-left:4rem !important}
.p-7, .py-7, .pt-7{padding-top:5rem !important}
.p-7, .px-7, .pr-7, .pe-7{padding-right:5rem !important}
.p-7, .py-7, .pb-7{padding-bottom:5rem !important}
.p-7, .px-7, .pl-7, .ps-7{padding-left:5rem !important}
.p-8, .py-8, .pt-8{padding-top:7.5rem !important}
.p-8, .px-8, .pr-8, .pe-8{padding-right:7.5rem !important}
.p-8, .py-8, .pb-8{padding-bottom:7.5rem !important}
.p-8, .px-8, .pl-8, .ps-8{padding-left:7.5rem !important}
.p-9, .py-9, .pt-9{padding-top:10rem !important}
.p-9, .px-9, .pr-9, .pe-9{padding-right:10rem !important}
.p-9, .py-9, .pb-9{padding-bottom:10rem !important}
.p-9, .px-9, .pl-9, .ps-9{padding-left:10rem !important}
.p-10, .py-10, .pt-10{padding-top:12.5rem !important}
.p-10, .px-10, .pr-10, .pe-10{padding-right:12.5rem !important}
.p-10, .py-10, .pb-10{padding-bottom:12.5rem !important}
.p-10, .px-10, .pl-10, .ps-10{padding-left:12.5rem !important}
.p-11, .py-11, .pt-11{padding-top:15rem !important}
.p-11, .px-11, .pr-11, .pe-11{padding-right:15rem !important}
.p-11, .py-11, .pb-11{padding-bottom:15rem !important}
.p-11, .px-11, .pl-11, .ps-11{padding-left:15rem !important}

.align-items-end{}
.align-items-center{align-items: center;}
.align-items-baseline{align-items:baseline;}
.flex-row{flex-direction: row;}
.flex-column{flex-direction: column;}
.flex-column-reverse{flex-direction: column-reverse;}
.flex-reverse{flex-direction: row-reverse;}

.justify-content-center{justify-content:center !important;}
.justify-content-space-between{justify-content:space-between !important;}
.justify-content-space-evenly{justify-content:space-evenly !important;}
.justify-content-space-around{justify-content:space-around !important;}
.position-static, .pos-static{position:static !important}
.position-absolute, .pos-absolute{position:absolute !important}
.position-relative, .pos-relative{position:relative !important}
.position-fixed, .pos-fixed{position:fixed !important}
.position-sticky, .pos-sticky{position:-webkit-sticky !important;position:sticky !important}
.z-index-sticky{z-index: 1020 !important;}
.top-0{top:0 !important}
.top-50{top:50% !important}
.top-100{top:100% !important}
.bottom-0{bottom:0 !important}
.bottom-50{bottom:50% !important}
.bottom-100{bottom:100% !important}
.start-0, .left-0{left:0 !important}
.start-50, .left-50{left:50% !important}
.start-100, .left-100{left:100% !important}
.end-0, .right-0{right:0 !important}
.end-50, .right-50{right:50% !important}
.end-100, .right-100{right:100% !important}
.float-start, .float-left{float:left !important}
.float-end, .float-right{float:right !important}
.float-none{float:none !important}

.cursor-default{cursor:default}
.cursor-pointer{cursor:pointer}

.opacity-0, .alpha-0{opacity:0 !important}
.opacity-25, .alpha-25{opacity:.25 !important}
.opacity-50, .alpha-50{opacity:.5 !important}
.opacity-75, .alpha-75{opacity:.75 !important}
.opacity-85, .alpha-85{opacity:.85 !important}
.opacity-100, .alpha-100{opacity:1 !important}

.lead{font-size:calc(1.2583rem + 0.0996vw);font-weight:400}
.display-1{font-size:calc(2.1128rem + 10.3536vw);font-weight:900;line-height:1}
.display-2{font-size:calc(1.8677rem + 7.4124vw);font-weight:900;line-height:1}
.display-3{font-size:calc(1.6834rem + 5.2008vw);font-weight:900;line-height:1}
.display-4{font-size:calc(1.5449rem + 3.5388vw);font-weight:900;line-height:1}
.display-5{font-size:calc(1.4407rem + 2.2884vw);font-weight:900;line-height:1}
.display-6{font-size:calc(1.3619rem + 1.3428vw);font-weight:900;line-height:1}

/* buttons */
.btn-send{position: relative; color: #fff!important; background-color: none; border: none; outline: none; transition: all .3s ease-in-out;}
.btn-send:after{content:""; position: absolute; bottom: 0; left: 25%; width: 50%; height: 2px; background-color: #fff; transition: all .3s ease-in-out;}
.btn-send:before{content: "\2192"; opacity: 0; position: absolute; right:5%; color: #fff; transition: all .3s ease-in-out;}
.btn-send-dark{color:#000!important;}
.btn-send-dark:before{color:#000!important;}
.btn-send-dark:after{background-color:#000!important;}
.btn-send:hover{color: #606060!important;}
.btn-send:hover:before{opacity: 1; right:-1rem; color: #606060;}
.btn-send:hover:after{left:0; width: 100%; background-color: #606060;}
.btn-primary, .btn-primary.disabled,.btn-primary:disabled{color:var(--syrd-init-primary-txt-color) !important;background-color:var(--syrd-init-primary) !important;border-color:var(--syrd-init-primary) !important}
.btn-primary:hover{color:var(--syrd-init-primary-txt-color) !important;background-color:var(--syrd-init-primary-dark) !important;border-color:var(--syrd-init-primary-btn-border) !important}
.btn-primary.focus,.btn-primary:focus{color:var(--syrd-init-primary-txt-color) !important;background-color:var(--syrd-init-primary-dark) !important;border-color:var(--syrd-init-primary-btn-border) !important;box-shadow:0 0 0 .2rem var(--syrd-init-primary-a50) !important}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--syrd-init-primary-txt-color);background-color:var(--syrd-init-primary-btn-border);border-color:var(--syrd-init-primary-btn-border)}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem var(--syrd-init-primary-a50) !important}
.btn-secondary, .btn-secondary.disabled,.btn-secondary:disabled{color:var(--syrd-init-secondary-txt-color) !important;background-color:var(--syrd-init-secondary) !important;border-color:var(--syrd-init-secondary) !important}
.btn-secondary:hover{color:var(--syrd-init-secondary-txt-color) !important;background-color:var(--syrd-init-secondary-dark) !important;border-color:var(--syrd-init-secondary-btn-border) !important}
.btn-secondary.focus,.btn-secondary:focus{color:var(--syrd-init-secondary-txt-color) !important;background-color:var(--syrd-init-secondary-dark) !important;border-color:var(--syrd-init-secondary-btn-border) !important;box-shadow:0 0 0 .2rem var(--syrd-init-secondary-a50) !important}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:var(--syrd-init-secondary-txt-color);background-color:var(--syrd-init-secondary-btn-border);border-color:var(--syrd-init-secondary-btn-border)}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem var(--syrd-init-secondary-a50) !important}
.btn-tertiary, .btn-tertiary.disabled,.btn-tertiary:disabled{color:var(--syrd-init-tertiary-txt-color) !important;background-color:var(--syrd-init-tertiary) !important;border-color:var(--syrd-init-tertiary) !important}
.btn-tertiary:hover{color:var(--syrd-init-tertiary-txt-color) !important;background-color:var(--syrd-init-tertiary-dark) !important;border-color:var(--syrd-init-tertiary-btn-border) !important}
.btn-tertiary.focus,.btn-tertiary:focus{color:var(--syrd-init-tertiary-txt-color) !important;background-color:var(--syrd-init-tertiary-dark) !important;border-color:var(--syrd-init-tertiary-btn-border) !important;box-shadow:0 0 0 .2rem var(--syrd-init-tertiary-a50) !important}
.btn-tertiary:not(:disabled):not(.disabled).active,.btn-tertiary:not(:disabled):not(.disabled):active,.show>.btn-tertiary.dropdown-toggle{color:var(--syrd-init-tertiary-txt-color);background-color:var(--syrd-init-tertiary-btn-border);border-color:var(--syrd-init-tertiary-btn-border)}
.btn-tertiary:not(:disabled):not(.disabled).active:focus,.btn-tertiary:not(:disabled):not(.disabled):active:focus,.show>.btn-tertiary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem var(--syrd-init-tertiary-a50) !important}

.btn-outline-primary{color:var(--syrd-init-primary) !important;border-color:var(--syrd-init-primary) !important}
.btn-outline-primary:hover{color:var(--syrd-init-primary-txt-color) !important;background-color:var(--syrd-init-primary)!important;border-color:var(--syrd-init-primary)!important}
.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem var(--syrd-init-primary-a50) !important}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:var(--syrd-init-primary) !important;background-color:transparent}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:var(--syrd-init-primary-txt-color) !important;background-color:var(--syrd-init-primary)!important;border-color:var(--syrd-init-primary)!important}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem var(--syrd-init-primary-a50) !important}
.btn-outline-secondary{color:var(--syrd-init-secondary) !important;border-color:var(--syrd-init-secondary) !important}
.btn-outline-secondary:hover{color:var(--syrd-init-secondary-txt-color) !important;background-color:var(--syrd-init-secondary)!important;border-color:var(--syrd-init-secondary)!important}
.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem var(--syrd-init-secondary-a50) !important}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:var(--syrd-init-secondary) !important;background-color:transparent}
.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:var(--syrd-init-secondary-txt-color) !important;background-color:var(--syrd-init-secondary)!important;border-color:var(--syrd-init-secondary)!important}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem var(--syrd-init-secondary-a50) !important}
.btn-outline-tertiary{color:var(--syrd-init-tertiary) !important;border-color:var(--syrd-init-tertiary) !important}
.btn-outline-tertiary:hover{color:var(--syrd-init-tertiary-txt-color) !important;background-color:var(--syrd-init-tertiary)!important;border-color:var(--syrd-init-tertiary)!important}
.btn-outline-tertiary.focus,.btn-outline-tertiary:focus{box-shadow:0 0 0 .2rem var(--syrd-init-tertiary-a50) !important}
.btn-outline-tertiary.disabled,.btn-outline-tertiary:disabled{color:var(--syrd-init-tertiary) !important;background-color:transparent}
.btn-outline-tertiary:not(:disabled):not(.disabled).active,.btn-outline-tertiary:not(:disabled):not(.disabled):active,.show>.btn-outline-tertiary.dropdown-toggle{color:var(--syrd-init-tertiary-txt-color) !important;background-color:var(--syrd-init-tertiary)!important;border-color:var(--syrd-init-tertiary)!important}
.btn-outline-tertiary:not(:disabled):not(.disabled).active:focus,.btn-outline-tertiary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-tertiary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem var(--syrd-init-tertiary-a50) !important}

/* forms */
.form-control:focus { color: #495057; background-color: #fff; border-color: var(--syrd-init-primary); outline: 0; box-shadow: 0 0 0 0.2rem var(--syrd-init-primary-a50) !important;}

/* remember */
[hidden]{display:none !important}
.clearfix::after{display:block;clear:both;content:""}

/* LTR adaptation */
[dir=rtl] .modal-open{padding-left:0 !important}

/* Animation */
.bg-animate{background-size: 200% 200%; -webkit-animation: bganimate 5s ease infinite; -moz-animation: bganimate 5s ease infinite; animation: bganimate 5s ease infinite;}
.bounce{ animation: bounce 1s ease infinite; }
.heartbeat{ animation: heartbeat 2s infinite; }
.waves {
    position: relative;
    width: 100%;
    height: 8vh;
}
.moving-waves>use {
    animation: waves 40s cubic-bezier(.55,.5,.45,.5) infinite;
	fill: var(--syrd-init-tertiary);
	opacity: 0.4;
}
.moving-waves>use:first-child {
    animation-delay: -2s;
    animation-duration: 11s;
}
.moving-waves>use:nth-child(2) {
    animation-delay: -4s;
    animation-duration: 13s;
	opacity: 0.32;
	fill: var(--syrd-init-primary);
}
.moving-waves>use:nth-child(3) {
    animation-delay: -3s;
    animation-duration: 15s;
	opacity: 0.25;
	fill: var(--syrd-init-secondary);
}
.moving-waves>use:nth-child(4) {
    animation-delay: -3.95s;
    animation-duration: 20s;
	opacity: 0.20;
}
.moving-waves>use:nth-child(5) {
    animation-delay: -4.25s;
    animation-duration: 25s;
	opacity: 0.15;
}
.moving-waves>use:nth-child(6) {
    animation-delay: -3s;
    animation-duration: 30s;
	opacity: 0.59;
}

.wave-txt{
	position: relative;
}
.wave-txt span{
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	animation-name: wave-txt;
	animation-duration: 3s;
	animation-delay: calc(.24s * var(--i));
	animation-direction: normal;
    animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

.fade-in-txt span{
	display: inline-block;
	opacity: 0;
	filter: blur(4px);
	animation: fade-in-txt 1.5s calc(.1s * var(--i)) forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.gradient-border {
  position: relative;
}
.gradient-border::after {
    position: absolute;
    content: "";
    top: calc(-1 * var(--border-width));
    left: calc(-1 * var(--border-width));
    z-index: -1;
    width: calc(100% + var(--border-width) * 2);
    height: calc(100% + var(--border-width) * 2);
    background: linear-gradient(
      60deg,
      hsl(224, 85%, 66%),
      hsl(269, 85%, 66%),
      hsl(314, 85%, 66%),
      hsl(359, 85%, 66%),
      hsl(44, 85%, 66%),
      hsl(89, 85%, 66%),
      hsl(134, 85%, 66%),
      hsl(179, 85%, 66%)
    );
    background-size: 300% 300%;
    background-position: 0 50%;
    border-radius: calc(2 * var(--border-width));
	filter: blur(var(--border-width));
    animation: move-background 4s alternate infinite;
  }

.hide{display:none;}

/**************************/
/* screen size adaptation */
@media(max-width: 575px){/*xs - extra-small*/
	.hide-xs{display:none;}
	h1, .h1{font-size: 2.15rem !important}
	h2, .h2{font-size: 1.5rem !important}
	h3, .h3{font-size: 1.3rem !important}
	h4, .h4{font-size: 1rem !important}
	h5, .h5{font-size: 0.8rem !important}
	h6, .h6{font-size: 0.55rem !important}
}
@media(min-width: 576px){/*sm - small*/
	.hide-sm{display:none;}
}
@media(min-width: 768px){/*md - Medium*/
	.hide-md{display:none;}
}
@media(min-width: 992px){ /*lg - Large*/
	.hide-lg{display:none;}
	section{padding-top:7.5rem;padding-bottom:7.5rem}
}
@media(min-width: 1200px){ /*xl - extra large*/
	.hide-xl{display:none;}
	.lead{font-size:1.333rem}
	.display-1{font-size:9.878rem}
	.display-2{font-size:7.427rem}
	.display-3{font-size:5.584rem}
	.display-4{font-size:4.199rem}
	.display-5{font-size:3.157rem}
	.display-6{font-size:2.369rem}
}
@media(min-width: 1540px){/*xxl - extra extra large*/
	.hide-xxl{display:none;}
}
@media(prefers-reduced-motion: no-preference){
	:root{scroll-behavior:smooth}
}

/**********************/
/* keyframe Animation */
@keyframes heartbeat{
	0%{transform: scale( 1 );}
	40%{transform: scale( 1 );}
	45%{transform: scale( 1.2 );}
	50%{transform: scale( 1 );}
	55%{transform: scale( 1.2 );}
	60%{transform: scale( 1 );}
	100%{transform: scale( 1 );}
}
@keyframes bounce{
	from {bottom: 5px;}
	50%  {bottom: 20px;}
	to   {bottom: 5px;}
}
@keyframes waves{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}
@keyframes bganimate { 
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}

@keyframes wave-txt {
  0%,40%,100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-20px)
  }
}

@keyframes fade-in-txt {
	100% {
		opacity: 1;
		filter: blur(0);
	}
}

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