/* Fonts */
:root {
  --font-default: Open Sans, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --font-primary: Montserrat, sans-serif;
  --font-secondary: Raleway, sans-serif;
}

/* Colors */
:root {
  --color-default: #2b180d;
  --color-primary: #56b8e6;
  --color-secondary: #1b2f45;
}

/* Smooth scroll behavior */
:root {
  scroll-behavior: smooth;
}

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900");
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400,400i,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


img { max-width: 100%; height: auto; }

/* font family */
.alt-font { font-family: 'Poppins', sans-serif; }
.main-font { font-family: 'Roboto', sans-serif !important; }
.font_10 { font-family: "Lato", sans-serif; }






/* heading size */
h1, h2, h3, h4, h5, h6 { margin:0 0 25px 0; padding:0; letter-spacing: -0.5px; font-weight: inherit; }
h1 { font-size:5rem; line-height: 5rem; }
h2 { font-size:3.9rem; line-height:4.2rem; }
h3 { font-size:3.4rem; }
h4 { font-size:2.85rem; line-height:3.4rem; }
h5 { font-size:2.30rem; line-height:3rem; }
h6 { font-size:1.80rem; line-height:2.5rem; }

.display-1 { font-size: 102px; }
.display-2 { font-size: 93px; }
.display-3 { font-size: 76px; }
.display-4 { font-size: 59px; }

p { font-size: 17px;  margin-bottom: 16px; line-height: 1.55; }


h1, h2, h3, h4, h5, h6 { font-weight: 200; letter-spacing: -.05em; margin: 0; -webkit-font-smoothing: antialiased; }
h1 { font-size: 2.6em; line-height: 44px; }
h2 { font-size: 2.2em; font-weight: 300; }
h3 { font-size: 1.8em; font-weight: 400; }
h4 { font-size: 1.4em; font-weight: 600; line-height: 27px; }
h5 { font-size: 1em; font-weight: 600; line-height: 18px; text-transform: uppercase; }
/*h6 { font-size: 1em; color: #333; font-weight: 400; line-height: 18px; } */

a { text-decoration: none; }
/*a:not(.btn-01):hover { text-decoration: underline; }*/
a { color: #0088CC; }
a:hover { color: #0099e6; text-decoration: none; }
a:focus { color: #0099e6; }
a:active { color: #0077b3; }


/* Weights */
.font-weight-100 { font-weight: 100 !important; }
.font-weight-200 { font-weight: 200 !important; }
.font-weight-300 { font-weight: 300 !important; }
.font-weight-400 { font-weight: 400 !important; }
.font-weight-500 { font-weight: 500 !important; }/*medium*/
.font-weight-600 { font-weight: 600 !important; }/*semibold*/
.font-weight-700 { font-weight: 700 !important; }/*bold*/
.font-weight-800 { font-weight: 800 !important; }/*extrabold*/
.font-weight-900 { font-weight: 900 !important; }



/* text color, link color and link hover color */
.text-white, .btn-link.text-white, a.text-white-hover:hover { color:#fff; }
.text-black, .btn-link.text-black,  a.text-black-hover:hover { color:#000; }
.text-extra-dark-gray, .btn-link.text-extra-dark-gray, a.text-extra-dark-gray-hover:hover { color:#232323; }
.text-dark-gray, .btn-link.text-dark-gray, a.text-dark-gray-hover:hover { color:#626262; }
.text-extra-medium-gray, .btn-link.text-extra-medium-gray, a.text-extra-medium-gray-hover:hover { color: #757575; }
.text-medium-gray, .btn-link.text-medium-gray, a.text-medium-gray-hover:hover { color:#939393; }
.text-extra-light-gray, .btn-link.text-extra-light-gray, a.text-extra-light-gray-hover:hover { color:#b7b7b7; }
.text-light-gray, .btn-link.text-light-gray, a.text-light-gray-hover:hover { color:#d6d5d5; }
.text-very-light-gray, .btn-link.text-very-light-gray, a.text-very-light-gray-hover:hover { color:#ededed; }
.text-fast-blue, .btn-link.text-fast-blue, a.text-fast-blue-hover:hover { color: #0038e3; }
.text-neon-blue, .btn-link.text-neon-blue, a.text-neon-blue-hover:hover { color: #3452ff; }
.text-light-pink, .btn-link.text-light-pink, a.text-light-pink-hover:hover { color: #f18c8c; }
.text-red, .btn-link.text-red, a.text-red-hover:hover { color: #fe0127; }
.text-dark-red, .btn-link.text-dark-red, a.text-dark-red-hover:hover { color: #d23134; }
.text-parrot-green, .btn-link.text-parrot-green, a.text-parrot-green-hover:hover { color: #cee002; }
.text-green, .btn-link.text-green, a.text-green-hover:hover { color: #27AE60; }
.text-olivine-green, .btn-link.text-olivine-green, a.text-olivine-green-hover:hover { color: #8bb867; }
.text-dark-charcoal, .btn-link.text-dark-charcoal, a.text-dark-charcoal-hover:hover { color: #2f2f2f; }
.text-penguin-white, .btn-link.text-penguin-white, a.text-penguin-white-hover:hover { color: #f1edea; }
.text-orange, .btn-link.text-orange, a.text-orange-hover:hover { color: #fd961e; }
.text-dark-orange, .btn-link.text-dark-orange, a.text-dark-orange-hover:hover { color: #ff6437; }
.text-neon-orange, .btn-link.text-neon-orange, a.text-neon-orange-hover:hover { color: #ff7a56; }
.text-light-orange, .btn-link.text-light-orange, a.text-light-orange-hover:hover { color: #e8bf47; }
.text-dark-red, .btn-link.text-dark-red, a.text-dark-red-hover:hover { color: #e12837; }
.text-radical-red, .btn-link.text-radical-red, a.text-radical-red-hover:hover { color: #fb4f58; }
.text-golden, .btn-link.text-golden, a.text-golden-hover:hover { color: #ca943d; }
.text-golden-yellow, .btn-link.text-golden-yellow, a.text-golden-yellow-hover:hover { color: #FF9C00; }
.text-dark-golden-yellow, .btn-link.text-dark-golden-yellow, a.text-dark-golden-yellow-hover:hover { color: #cb933d; }
.text-golden-brown, .btn-link.text-golden-brown, a.text-golden-brown-hover:hover { color: #cd9452; }
.text-slate-blue, .btn-link.text-slate-blue, a.text-slate-blue-hover:hover { color: #262b35; }
.text-slate-blue-light, .btn-link.text-slate-blue-light, a.text-slate-blue-light-hover:hover { color: #8890a4; }
.text-medium-slate-blue, .btn-link.text-medium-slate-blue, a.text-medium-slate-blue-hover:hover { color: #374162; }
.text-dark-slate-blue, .btn-link.text-dark-slate-blue, a.text-dark-slate-blue-hover:hover { color: #1f232c; }
.text-brown, .btn-link.text-brown, a.text-brown-hover:hover { color: #986248; }
.text-blue-wood, .btn-link.text-blue-wood, a.text-blue-wood-hover:hover { color: #373a63; }
.text-purple, .btn-link.text-purple, a.text-purple-hover:hover { color: #502e95; }
.text-medium-purple, .btn-link.text-medium-purple, a.text-medium-purple-hover:hover { color: #3a285e; }
.text-dark-purple, .btn-link.text-dark-purple, a.text-dark-purple-hover:hover { color: #333045; }
.text-very-light-desert-storm, .btn-link.text-very-light-desert-storm, a.very-light-desert-storm:hover { color: #faf6f3; }
.text-yellow-ochre, .btn-link.text-yellow-ochre, a.text-yellow-ochre-hover:hover { color: #c89965; }
.text-yellow-ochre-light, .btn-link.text-yellow-ochre-light, a.text-yellow-ochre-light-hover:hover { color: #c3964e; }
.text-fast-yellow, .btn-link.text-fast-yellow, a.text-fast-yellow-hover:hover { color: #F4D956; }
.text-yellow, .btn-link.text-yellow, a.text-yellow-hover:hover { color: #ffeb04; }
.text-salmon-rose, .btn-link.text-salmon-rose, a.text-salmon-rose-hover:hover { color: #ea9d8d; }
.text-tussock, .btn-link.text-tussock, a.text-tussock-hover:hover { color: #bf8c4c; }
.text-greenish-slate, .btn-link.text-greenish-slate, a.text-greenish-slate-hover:hover { color: #445a58; }
.text-seashell, .btn-link.text-seashell, a.text-seashell-hover:hover { color: #f9f6f3; }
.text-shamrock-green, .btn-link.text-shamrock-green, a.text-shamrock-green-hover:hover { color: #2ed47c; }
.text-light-brownish-orange, .btn-link.text-light-brownish-orange, a.text-light-brownish-orange-hover:hover { color: #e6994e; }
.text-greenish-gray, .btn-link.text-greenish-gray, a.text-greenish-gray-hover:hover { color: #969896; }
.text-light-greenish-gray, .btn-link.text-light-greenish-gray, a.text-light-greenish-gray-hover:hover { color: #9fa29f; }
.text-yellowish-green, .btn-link.text-yellowish-green, a.text-yellowish-green-hover:hover { color: #c7da26; }
.text-copper-red, .btn-link.text-copper-red, a.text-copper-red-hover:hover { color: #cc754c; }
.text-sunglow, .btn-link.text-sunglow, a.text-sunglow-hover:hover { color: #ffcc2e; }
.text-orange-zest, .btn-link.text-orange-zest, a.text-orange-zest-hover:hover  { color: #CA7741; }
.text-dark-tussock, .btn-link.text-dark-tussock, a.text-dark-tussock-hover:hover  { color: #BD884C; }
.text-echo-blue, .btn-link.text-echo-blue, a.text-echo-blue-hover:hover  { color: #abadb7; }
.text-violet, .btn-link.text-violet, a.text-violet-hover:hover  { color: #89af44; }
.text-iris-blue, .btn-link.text-iris-blue, a.text-iris-blue-hover:hover  { color: #00B8B8; }
.text-very-light-gray-transparent, .btn-link.text-very-light-gray-transparent, a.text-very-light-gray-transparent-hover:hover { color:rgba(237, 237, 237, 0.22); }
.text-extra-dark-gray-transparent, .btn-link.text-extra-dark-gray-transparent, a.text-extra-dark-gray-transparent-hover:hover { color: rgba(46,46,46,0.15); }
.text-dark-gray-transparent, .btn-link.text-dark-gray-transparent, a.text-dark-gray-transparent-hover:hover { color: rgba(98,98,98,0.1); }
.text-white-transparent, .btn-link.text-white-transparent, a.text-white-transparent-hover:hover { color: rgba(255,255,255,0.7); }
.text-medium-white-transparent, .btn-link.text-medium-white-transparent, a.text-very-light-white-transparent-hover:hover { color: rgba(255,255,255,0.5); }
.text-very-light-white-transparent, .btn-link.text-very-light-white-transparent, a.text-very-light-white-transparent-hover:hover { color: rgba(255,255,255,0.3); }


/* letter spacing minus */
.letter-spacing-minus-1-half { letter-spacing: -0.50px; }
.letter-spacing-minus-1px { letter-spacing: -1px; }
.letter-spacing-minus-2px { letter-spacing: -2px; }
.letter-spacing-minus-3px { letter-spacing: -3px; }
.letter-spacing-minus-4px { letter-spacing: -4px; }
.letter-spacing-minus-5px { letter-spacing: -5px; }
.letter-spacing-minus-6px { letter-spacing: -6px; }
.letter-spacing-minus-7px { letter-spacing: -7px; }
.letter-spacing-minus-8px { letter-spacing: -8px; }
.letter-spacing-minus-9px { letter-spacing: -9px; }
.letter-spacing-minus-10px { letter-spacing: -10px; }
.letter-spacing-inherit { letter-spacing: inherit; }
.white-space-normal { white-space: normal; }








/* ===================================
    04. Background color
====================================== */

.bg-white { background-color:#FFF; }
.bg-black { background-color:#000; }
.bg-smoky-black { background-color:#101010; }
.bg-dark-gray { background-color:#757575; }
.bg-extra-dark-gray { background-color:#232323; }
.bg-extra-dark-gray-2 { background-color:#060606; }
.bg-extra-medium-gray { background-color:#939393; }
.bg-medium-gray { background-color:#e4e4e4; }
.bg-extra-light-gray { background-color:#cfcfcf; }
.bg-medium-light-gray { background-color:#ededed; }
.bg-very-light-gray { background-color:#fafafa; }
.bg-nero-gray { background-color:#141414; }
.bg-light-gray { background-color:#f7f7f7; }
.bg-bright-red { background-color: #98272a; }
.bg-fast-blue { background-color: #0038e3; }
.bg-neon-blue { background-color: #3452ff; }
.bg-transparent { background-color: transparent; }
.bg-sky-blue { background-color: #2e94eb; }
.bg-green { background-color: #27ae60; }
.bg-olivine-green { background-color: #8bb867; }
.bg-orange { background-color: #fd961e; }
.bg-dark-orange { background-color: #ff6437; }
.bg-neon-orange { background-color: #ff7a56; }
.bg-very-light-orange{ background-color: #fff9f6; }
.bg-dark-red { background-color: #e12837; }
.bg-red { background-color: #fe0127; }
.bg-dark-red { background-color: #d23134; }
.bg-light-pink { background-color: #f74961; }
.bg-very-light-pink{ background-color: #f7edee; }
.bg-parrot-green { background-color: #cee002; }
.bg-slate-blue { background-color: #262b35; }
.bg-medium-slate-blue { background-color: #374162; }
.bg-extra-medium-slate-blue { background-color: #23262d; }
.bg-dark-slate-blue { background-color: #1f232c; }
.bg-light-peach{ background-color: #ffd7c4; }
.bg-brown{ background-color: #986248; }
.bg-blue-wood{ background-color: #373a63; }
.bg-purple { background-color: #502e95; }
.bg-medium-purple { background-color: #3a285e; }
.bg-dark-purple { background-color: #333045; }
.bg-dark-purple-2 { background-color: #241526; }
.bg-yellow-ochre { background-color: #c89965; }
.bg-light-desert-storm { background-color: #f8f2eb; }
.bg-medium-desert-storm { background-color: #eee7de; }
.bg-yellow-ochre-light { background-color: #c3964e; }
.bg-yellow { background-color: #ffeb04; }
.bg-very-light-desert-storm { background-color: #faf6f3 ; }
.bg-light-blue { background-color: #F7F8FC; }
.bg-penguin-white { background-color: #f1edea; }
.bg-tussock { background-color: #bf8c4c; }
.bg-greenish-slate{ background-color: #445a58; }
.bg-seashell { background-color: #f9f6f3; }
.bg-shamrock-green { background-color: #2ed47c; }
.bg-light-orange { background-color: #ffded8;}
.bg-light-cream { background-color: #f8f4f0;}
.bg-golden { background-color: #ca943d;}
.bg-light-brownish-orange { background-color: #e6994e;}
.bg-greenish-gray { background-color: #969896;}
.bg-fast-yellow { background-color: #F4D956;}
.bg-light-greenish-gray { background-color: #f0f2f0;}
.bg-cod-gray { background-color: #131313;}
.bg-yellowish-green { background-color: #c7da26; }
.bg-copper-red { background-color: #cc754c; }
.bg-sunglow { background-color: #ffcc2e; }
.bg-orange-zest { background-color: #CA7741; }
.bg-dark-tussock { background-color: #BD884C; }
.bg-golden-brown { background-color: #cd9452; }
.bg-solitude { background-color: #f4f5f9; }
.bg-east-bay { background-color: #4c505f; }
.bg-quartz { background-color: #e1e2e9; }
.bg-iris-blue { background-color: #00B8B8; }
.bg-light-iris-blue { background-color: #F0F9F9; }
.bg-dark-iris-blue { background-color: #048C8C; }
.bg-denek { background-color: #ea4e3d; }


.bg-darkmode-00 { background-color: #121212; }
.bg-darkmode-01 { background-color: #ce93d8; }
.bg-darkmode-02 { background-color: #f48fb1; }
.bg-darkmode-03 { background-color: #ef9a9a; }
.bg-darkmode-04 { background-color: #90caf9; }
.bg-darkmode-05 { background-color: #9fa8da; }
.bg-darkmode-06 { background-color: #b39ddb; }
.bg-darkmode-07 { background-color: #80cbc4; }
.bg-darkmode-08 { background-color: #80deea; }
.bg-darkmode-09 { background-color: #81d4fa; }
.bg-darkmode-10 { background-color: #e6ee9c; }
.bg-darkmode-11 { background-color: #c5e1a5; }
.bg-darkmode-12 { background-color: #a5d6a7; }
.bg-darkmode-13 { background-color: #ffcc80; }
.bg-darkmode-14 { background-color: #ffe082; }
.bg-darkmode-15 { background-color: #fff59d; }
.bg-darkmode-16 { background-color: #eeeeee; }
.bg-darkmode-17 { background-color: #bcaaa4; }
.bg-darkmode-18 { background-color: #ffab91; }







/* background gradient color */
.bg-gradient-magenta-orange { background-image: linear-gradient(to right top, #e42464, #ed3c5f, #f44f5c, #fa6259, #ff7357); }
.bg-gradient-magenta-orange-2 { background-image: linear-gradient(to right top, #ec606c, #ee6362, #ee6757, #ed6c4d, #eb7242); }
.bg-gradient-purple-magenta { background-image: linear-gradient(to right top, #502970, #7f2977, #ac2775, #d42d6b, #f34259); }
.bg-gradient-light-purple-light-orange { background-image: linear-gradient(to right top, #b783ff, #e37be0, #fa7cc1, #ff85a6, #ff9393); }
.bg-gradient-sky-blue-pink { background-image: linear-gradient(to right top, #556fff, #b263e4, #e05fc4, #f767a6, #ff798e); }
.bg-gradient-peacock-blue-crome-yellow { background-image: linear-gradient(to right top, #36c1e1, #28ccc0, #74cf8e, #bac962, #feb95b); }
.bg-gradient-fast-blue-purple { background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); }
.bg-gradient-orange-pink { background-image: linear-gradient(to right top, #ff6557, #ff5a5f, #ff4e68, #ff4271, #ff367c); }
.bg-gradient-light-orange-light-pink {background-image: linear-gradient(to right top, #f5bb8d, #feb399, #ffaea8, #fdaab9, #f3aaca);}
.bg-gradient-white-light-gray { background-image: linear-gradient(to bottom, #ffffff, #fdfdfd, #fbfbfb, #f9f9f9, #f7f7f7); }
.bg-gradient-solitude-white { background-image: linear-gradient(to top, #f4f5f9, #f4f5f9, #fbfbfd, #ffffff, #ffffff); }
.bg-gradient-light-gray-white { background-image: linear-gradient(to bottom, #f7f7f7, #f9f9f9, #fbfbfb, #fdfdfd, #ffffff); }
.bg-gradient-tan-geraldine { background-image: linear-gradient(to right top, #fb7f87, #fc8a82, #fb957f, #fa9f7f, #f7aa80); }
.bg-gradient-white-light { background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0.66), hsla(0, 0%, 0%, 0.4), rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.1)) }
.bg-gradient-black-transparent { background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); }
.bg-gradient-tan-geraldine-2 { background-image: linear-gradient(to right, #ff788d, #FF8286, #FE8681, #FE8D7D, #ff9578);  }
.bg-gradient-dark-slate-blue { background-image: linear-gradient(to right, #252c3e, rgba(37, 44, 62, 0.66), rgba(37, 44, 62, 0.42), rgba(37, 44, 62, 0.1), rgba(37, 44, 62, 0)) }
.bg-gradient-light-violet-light-orange { background-image: linear-gradient(to right top, #2f0959, #3b1059, #5c2359, #b85457, #fd7956); }
.bg-gradient-tussock-greenish-slate { background: linear-gradient(40deg, rgba(191,140,76,1) 0%, rgba(68,90,88,1) 100%); }
.bg-gradient-black-blue { background: linear-gradient(30deg, rgba(4,5,6,1) 0%, rgba(19,14,62,1) 100%); }
.bg-gradient-shamrock-green-light-orange { background-image: linear-gradient(20deg, rgba(46,212,124,1) 0%, rgba(232,191,71,1) 100%);}
.bg-gradient-dark-slate-blue-transparent { background: rgba(31,35,44,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(31,35,44,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(31,35,44,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); }
.bg-gradient-light-purple-light-red { background-image: linear-gradient(to right top, #bb85f9, #c887e5, #da8bca, #eb8fb0, #fb9398); }
.bg-gradient-white-light-greenish-gray { background-image: linear-gradient(to bottom, #ffffff, #f0f2f0); }
.bg-gradient-yellowish-green-turquoise { background-image: linear-gradient(to right top, #d0e51b, #a5e850, #7ce878, #58e49a, #3edfb6); }
.bg-gradient-extra-dark-gray-transparent { background: rgba(35,35,35,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(30%, rgba(0,0,0,0)), color-stop(100%, rgba(35,35,35,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 30%, rgba(35,35,35,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#232323', GradientType=0 ); }
.bg-gradient-peacock-blue-crome-yellow-2 { background-image: linear-gradient(to right top, #5dcaa3, #84c685, #a8bf6d, #cab561, #e7a965); }
.bg-gradient-midium-dark-gray-transparent { background: rgba(20,20,20,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(20,20,20,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#141414', GradientType=0 ); }
.bg-gradient-midium-gray-transparent { background: rgba(20,20,20,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(150%, rgba(20,20,20,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 150%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#141414', GradientType=0 ); }
.bg-gradient-extra-midium-gray-transparent { background: rgba(20,20,20,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); background: -webkit-gradient(left top, left bottom, color-stop(50%, rgba(0,0,0,0)), color-stop(150%, rgba(20,20,20,.6))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); background: -o-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(20,20,20,.6) 150%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#141414', GradientType=0 ); }
.bg-gradient-red-violet-purple { background-image: linear-gradient(to right top, #b93c90, #a92a96, #951a9d, #7b10a5, #5412ae); }
.bg-gradient-turquoise-green-yellowish { background-image: linear-gradient(to right top, #3edfb6, #58e49a, #7ce878, #a5e850, #d0e51b); }

/* ===================================
    07. Border
====================================== */

.border-all { border: 1px solid #DADADA !important; }
.border-top { border-top: 1px solid #DADADA !important; }
.border-bottom { border-bottom: 1px solid #DADADA !important; }
.border-left { border-left: 1px solid #DADADA !important; }
.border-right { border-right: 1px solid #DADADA !important; }
.border-lr { border-left: 1px solid; border-right: 1px solid !important; }
.border-tb { border-top: 1px solid; border-bottom: 1px solid !important; }




/* border width */
.border-width-1px { border-width:1px !important; }
.border-width-2px { border-width:2px !important; }
.border-width-3px { border-width:3px !important; }
.border-width-4px { border-width:4px !important; }
.border-width-5px { border-width:5px !important; }
.border-width-6px { border-width:6px !important; }
.border-width-7px { border-width:7px !important; }
.border-width-8px { border-width:8px !important; }
.border-width-9px { border-width:9px !important; }
.border-width-10px { border-width:10px !important; }
.border-width-11px { border-width:11px !important; }
.border-width-12px { border-width:12px !important; }
.border-width-13px { border-width:13px !important; }
.border-width-14px { border-width:14px !important; }
.border-width-15px { border-width:15px !important; }
.border-width-16px { border-width:16px !important; }
.border-width-17px { border-width:17px !important; }
.border-width-18px { border-width:18px !important; }
.border-width-19px { border-width:19px !important; }
.border-width-20px { border-width:20px !important; }




/* border color */
.border-color-white { border-color: #fff !important; }
.border-color-black { border-color: #000 !important; }
.border-color-sky-blue { border-color: #2e94eb !important; }
.border-color-extra-dark-gray { border-color: #232323 !important; }
.border-color-medium-dark-gray { border-color: #363636 !important; }
.border-color-dark-gray { border-color: #939393 !important; }
.border-color-extra-medium-gray { border-color: #dbdbdb !important; }
.border-color-medium-gray { border-color: #e4e4e4 !important; }
.border-color-medium-light-gray { border-color: #757575 !important; }
.border-color-extra-light-gray { border-color: #ededed !important; }
.border-color-light-gray { border-color: #f5f5f5 !important; }
.border-color-light-pink { border-color: #ff85a6 !important; }
.border-color-fast-blue { border-color: #0038e3 !important; }
.border-color-light-peach { border-color: #ffd7c4 !important; }
.border-color-neon-orange { border-color: #ff7a56 !important; }
.border-color-green { border-color: #27ae60 !important; }
.border-color-olivine-green { border-color: #8bb867 !important; }
.border-color-shamrock-green { border-color: #2ed47c !important; }
.border-color-light-brownish-orange {border-color: #e6994e !important;}
.border-color-golden-brown {border-color: #CD9452 !important;}


/* transparent border */
.border-color-transparent { border-color: transparent !important; }
.border-color-black-transparent { border-color: rgba(0,0,0,.1) !important; }
.border-color-white-transparent { border-color: rgba(255,255,255,.1) !important; }
.border-color-golden-transparent { border-color: rgba(202, 148, 61, 0.4) !important; }
.border-color-pink-transparent { border-color: rgba(255, 33, 79, 0.45) !important; }
.border-color-dark-white-transparent { border-color: rgba(255,255,255,0.2) !important; }
.border-color-medium-white-transparent { border-color: rgba(255,255,255,0.4) !important; }
.border-color-full-dark-white-transparent { border-color: rgba(255,255,255,0.05) !important; }
.border-color-light-white-transparent { border-color: rgba(255,255,255,0.1) !important; }
.border-color-nero-transparent { border-color: rgba(25,25,25,0.1) !important; }
.border-color-extra-medium-gray-transparent { border-color: rgba(219,219,219,.04) !important; }
.border-color-copper-red-transparent { border-color: rgba(204,117,76,.3) !important; }

/* border gradient */
.border-gradient-magenta-orange { border-image: linear-gradient(to right top, #e42464, #ed3c5f, #f44f5c, #fa6259, #ff7357); border-image-slice: 1;  }
.border-gradient-purple-magenta { border-image: linear-gradient(to right top, #502970, #7f2977, #ac2775, #d42d6b, #f34259); border-image-slice: 1; }
.border-gradient-light-purple-light-orange { border-image: linear-gradient(to right top, #b783ff, #e37be0, #fa7cc1, #ff85a6, #ff9393); border-image-slice: 1; }
.border-gradient-sky-blue-pink { border-image: linear-gradient(to right top, #556fff, #b263e4, #e05fc4, #f767a6, #ff798e); border-image-slice: 1; }
.border-gradient-peacock-blue-crome-yellow { border-image: linear-gradient(to right top, #36c1e1, #28ccc0, #74cf8e, #bac962, #feb95b); border-image-slice: 1; }
.border-gradient-fast-blue-purple { border-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); border-image-slice: 1; }
.border-gradient-light-purple-light-red { border-image: linear-gradient(to right top, #bb85f9, #c887e5, #da8bca, #eb8fb0, #fb9398); border-image-slice: 1; }
.border-gradient-light-brownish-orange-black { border-image: linear-gradient(to right top, #e79e57, #9d9049, #62794c, #405c4c, #353d3c); border-image-slice: 1; }
.border-gradient-red-violet-purple { border-image: linear-gradient(to right, #b93d90, #a92b95, #951b9c, #7a11a4, #5412ad); border-image-slice: 1; }

/* border style */
.border-dotted { border-style: dotted !important; }
.border-dashed { border-style: dashed !important; }
.border-solid { border-style: solid !important; }
.border-double { border-style: double !important; }
.border-groove { border-style: groove !important; }
.border-ridge { border-style: ridge !important; }
.border-inset { border-style: inset !important; }
.border-outset { border-style: outset !important; }
.border-none { border-style: none !important; }
.border-hidden { border-style: hidden !important; }
.border-transperent { border-color: transparent !important; }

/* no border */
.no-border { border:0 !important; }
.no-border-top { border-top:0 !important; }
.no-border-bottom { border-bottom:0 !important; }
.no-border-right { border-right:0 !important; }
.no-border-left { border-left:0 !important; }
.no-border-top-bottom { border-top:0 !important; border-bottom: 0 !important; }
.no-border-left-right { border-left:0 !important; border-right: 0 !important; }

/* border radius */
.border-radius-0px { border-radius: 0; }
.border-radius-1px { border-radius:1px; }
.border-radius-2px { border-radius:2px; }
.border-radius-3px { border-radius:3px; }
.border-radius-4px { border-radius:4px; }
.border-radius-5px { border-radius:5px; }
.border-radius-6px { border-radius:6px; }
.border-radius-7px { border-radius:7px; }
.border-radius-8px { border-radius:8px; }
.border-radius-9px { border-radius:9px; }
.border-radius-10px { border-radius:10px; }
.border-radius-20px { border-radius:20px; }
.border-radius-30px { border-radius:30px; }
.border-radius-40px { border-radius:40px; }
.border-radius-50px { border-radius:50px; }
.border-radius-100px { border-radius:100px; }
.border-radius-50 { border-radius:50%; }
.border-radius-100 { border-radius:100%; }
.no-border-radius { border-radius:0 !important; }



/*    this is porto      border  css leri  */


.border-top-light { border-top: 1px solid rgba(0, 0, 0, 0.06) !important; }
.border-bottom-light { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }
.border-left-light { border-left: 1px solid rgba(0, 0, 0, 0.06) !important; }
.border-right-light { border-right: 1px solid rgba(0, 0, 0, 0.06) !important; }
.border-all-light { border: 1px solid rgba(0, 0, 0, 0.06) !important; }
.border-white { border-color: #FFF !important; }
.border-color-transparent-hover { transition: all 0.2s; }
.border-color-transparent-hover:hover { border-color: transparent !important; }
.border-color-light-2 { border-color: rgba(255, 255, 255, 0.3) !important; }

.border-color-light-3 {
    border-color: rgba(255, 255, 255, 0.05) !important;
}

.border-color-light-4 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.border-color-light-5 {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.border-color-grey-1 {
    border-color: #e9e9e9 !important;
}

.border-color-success {
    border-color: #0cc485 !important;
}

/* Border Radius */
.border-radius-0 {
    border-radius: 0 !important;
}

.border-width-1 { border-width: 1px !important; }
.border-width-2 { border-width: 2px !important; }
.border-width-3 { border-width: 3px !important; }
.border-width-4 { border-width: 4px !important; }
.border-width-5 { border-width: 5px !important; }
.border-width-6 { border-width: 6px !important; }
.border-width-7 { border-width: 7px !important; }
.border-width-8 { border-width: 8px !important; }
.border-width-9 { border-width: 9px !important; }
.border-width-10 { border-width: 10px !important; }

@media (max-width: 767px) {
    .border-sm-none {
        border: 0 !important;
    }
}



/* buttons --------------porto  cssleri--------------------------------------------------------*/




/* Rounded */
.btn-rounded {
    border-radius: 35px;
}

/* Outline */
.btn-outline {
    border-width: 2px;
    padding: 7.728px 14.928px;
    padding: 0.483rem 0.933rem;
}

.btn-outline.btn-xs {
    padding: 2.4px 8px;
    padding: 0.15rem 0.5rem;
}

.btn-outline.btn-sm {
    padding: 4px 10.4px;
    padding: 0.25rem 0.65rem;
}

.btn-outline.btn-lg {
    padding: 7.2px 16px;
    padding: 0.45rem 1rem;
}

.btn-outline.btn-xl {
    padding: 12px 32px;
    padding: 0.75rem 2rem;
}

.btn-outline.btn-outline-thin {
    border-width: 1px;
}

.btn-primary {
    background-color: #0088CC;
    border-color: #0088CC #0088CC #006699;
    color: #FFF;
    --color: #0088CC;
    --hover: #00a1f2;
    --disabled: #0088CC;
    --active: #006ea6;
}

.btn-primary:hover,
.btn-primary.hover {
    background-color: #00a1f2;
    border-color: #00aaff #00aaff #0088CC;
    color: #FFF;
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: #006ea6;
    border-color: #006699 #006699 #004466;
    color: #FFF;
    box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #0088CC;
    border-color: #0088CC #0088CC #006699;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #006ea6 !important;
    background-image: none !important;
    border-color: #006699 #006699 #004466 !important;
}

.btn-secondary {
    background-color: #e36159;
    border-color: #e36159 #e36159 #dc372d;
    color: #FFF;
    --color: #e36159;
    --hover: #e9807a;
    --disabled: #e36159;
    --active: #dd4238;
}

.btn-secondary:hover,
.btn-secondary.hover {
    background-color: #e9807a;
    border-color: #ea8b85 #ea8b85 #e36159;
    color: #FFF;
}

.btn-secondary:focus,
.btn-secondary.focus {
    background-color: #dd4238;
    border-color: #dc372d #dc372d #b7281f;
    color: #FFF;
    box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #e36159;
    border-color: #e36159 #e36159 #dc372d;
}

.btn-secondary:active,
.btn-secondary.active {
    background-color: #dd4238 !important;
    background-image: none !important;
    border-color: #dc372d #dc372d #b7281f !important;
}

.btn-tertiary {
    background-color: #2BAAB1;
    border-color: #2BAAB1 #2BAAB1 #218388;
    color: #FFF;
    --color: #2BAAB1;
    --hover: #34c6ce;
    --disabled: #2BAAB1;
    --active: #248c92;
}

.btn-tertiary:hover,
.btn-tertiary.hover {
    background-color: #34c6ce;
    border-color: #3fc9d0 #3fc9d0 #2BAAB1;
    color: #FFF;
}

.btn-tertiary:focus,
.btn-tertiary.focus {
    background-color: #248c92;
    border-color: #218388 #218388 #175b5f;
    color: #FFF;
    box-shadow: 0 0 0 3px rgba(43, 170, 177, 0.5);
}

.btn-tertiary.disabled,
.btn-tertiary:disabled {
    background-color: #2BAAB1;
    border-color: #2BAAB1 #2BAAB1 #218388;
}

.btn-tertiary:active,
.btn-tertiary.active {
    background-color: #248c92 !important;
    background-image: none !important;
    border-color: #218388 #218388 #175b5f !important;
}

.btn-quaternary {
    background-color: #383f48;
    border-color: #383f48 #383f48 #22262b;
    color: #FFF;
    --color: #383f48;
    --hover: #49525e;
    --disabled: #383f48;
    --active: #272c32;
}

.btn-quaternary:hover,
.btn-quaternary.hover {
    background-color: #49525e;
    border-color: #4e5865 #4e5865 #383f48;
    color: #FFF;
}

.btn-quaternary:focus,
.btn-quaternary.focus {
    background-color: #272c32;
    border-color: #22262b #22262b #0b0d0f;
    color: #FFF;
    box-shadow: 0 0 0 3px rgba(56, 63, 72, 0.5);
}

.btn-quaternary.disabled,
.btn-quaternary:disabled {
    background-color: #383f48;
    border-color: #383f48 #383f48 #22262b;
}

.btn-quaternary:active,
.btn-quaternary.active {
    background-color: #272c32 !important;
    background-image: none !important;
    border-color: #22262b #22262b #0b0d0f !important;
}

.btn-success {
    background-color: #28a745;
    border-color: #28a745 #28a745 #1e7e34;
    color: #FFF;
}

.btn-success:hover, .btn-success.hover {
    background-color: #2fc652;
    border-color: #34ce57 #34ce57 #28a745;
    color: #FFF;
}

.btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
    background-color: #28a745;
    border-color: #28a745 #28a745 #1e7e34;
}

.btn-success:active, .btn-success.active,
.show > .btn-success.dropdown-toggle {
    background-color: #218838;
    background-image: none;
    border-color: #1e7e34 #1e7e34 #145523;
}

.btn-outline.btn-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

.btn-outline.btn-success:hover, .btn-outline.btn-success.hover {
    color: #FFF;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline.btn-success:focus, .btn-outline.btn-success.focus {
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5);
}

.btn-outline.btn-success.disabled, .btn-outline.btn-success:disabled {
    color: #28a745;
    background-color: transparent;
}

.btn-outline.btn-success:active, .btn-outline.btn-success.active,
.show > .btn-outline.btn-success.dropdown-toggle {
    color: #FFF;
    background-color: #28a745;
    border-color: #28a745;
}
.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545 #dc3545 #bd2130;
    color: #FFF;
}

.btn-danger:hover, .btn-danger.hover {
    background-color: #e25663;
    border-color: #e4606d #e4606d #dc3545;
    color: #FFF;
}

.btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
    background-color: #dc3545;
    border-color: #dc3545 #dc3545 #bd2130;
}

.btn-danger:active, .btn-danger.active,
.show > .btn-danger.dropdown-toggle {
    background-color: #c82333;
    background-image: none;
    border-color: #bd2130 #bd2130 #921925;
}

.btn-outline.btn-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

.btn-outline.btn-danger:hover, .btn-outline.btn-danger.hover {
    color: #FFF;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline.btn-danger:focus, .btn-outline.btn-danger.focus {
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
}

.btn-outline.btn-danger.disabled, .btn-outline.btn-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}

.btn-outline.btn-danger:active, .btn-outline.btn-danger.active,
.show > .btn-outline.btn-danger.dropdown-toggle {
    color: #FFF;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-warning {
    background-color: #ffc107;
    border-color: #ffc107 #ffc107 #d39e00;
    color: #FFF;
}

.btn-warning:hover, .btn-warning.hover {
    background-color: #ffcb2d;
    border-color: #ffce3a #ffce3a #ffc107;
    color: #FFF;
}

.btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
    background-color: #ffc107;
    border-color: #ffc107 #ffc107 #d39e00;
}

.btn-warning:active, .btn-warning.active,
.show > .btn-warning.dropdown-toggle {
    background-color: #e0a800;
    background-image: none;
    border-color: #d39e00 #d39e00 #a07800;
}

.btn-outline.btn-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
}

.btn-outline.btn-warning:hover, .btn-outline.btn-warning.hover {
    color: #FFF;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline.btn-warning:focus, .btn-outline.btn-warning.focus {
    box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5);
}

.btn-outline.btn-warning.disabled, .btn-outline.btn-warning:disabled {
    color: #ffc107;
    background-color: transparent;
}

.btn-outline.btn-warning:active, .btn-outline.btn-warning.active,
.show > .btn-outline.btn-warning.dropdown-toggle {
    color: #FFF;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8 #17a2b8 #117a8b;
    color: #FFF;
}

.btn-info:hover, .btn-info.hover {
    background-color: #1bc0da;
    border-color: #1fc8e3 #1fc8e3 #17a2b8;
    color: #FFF;
}

.btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
    background-color: #17a2b8;
    border-color: #17a2b8 #17a2b8 #117a8b;
}

.btn-info:active, .btn-info.active,
.show > .btn-info.dropdown-toggle {
    background-color: #138496;
    background-image: none;
    border-color: #117a8b #117a8b #0c525d;
}

.btn-outline.btn-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

.btn-outline.btn-info:hover, .btn-outline.btn-info.hover {
    color: #FFF;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline.btn-info:focus, .btn-outline.btn-info.focus {
    box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
}

.btn-outline.btn-info.disabled, .btn-outline.btn-info:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline.btn-info:active, .btn-outline.btn-info.active,
.show > .btn-outline.btn-info.dropdown-toggle {
    color: #FFF;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.btn-light {
    background-color: #FFF;
    border-color: #FFF #FFF #e6e6e6;
    color: #777;
    --color: #FFF;
    --hover: #ffffff;
    --disabled: #FFF;
    --active: #ececec;
}

.btn-light:hover,
.btn-light.hover {
    background-color: #ffffff;
    border-color: #ffffff #ffffff #FFF;
    color: #777;
}

.btn-light:focus,
.btn-light.focus {
    background-color: #ececec;
    border-color: #e6e6e6 #e6e6e6 #cccccc;
    color: #777;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
    background-color: #FFF;
    border-color: #FFF #FFF #e6e6e6;
}

.btn-light:active,
.btn-light.active {
    background-color: #ececec !important;
    background-image: none !important;
    border-color: #e6e6e6 #e6e6e6 #cccccc !important;
}

html body .btn-light,
html body .btn-outline.btn-light {
    border-color: #d9d9d9 #d9d9d9 #bfbfbf;
    color: #777;
}

html body .btn-light.btn-outline-light-opacity-2,
html body .btn-outline.btn-light.btn-outline-light-opacity-2 {
    border-color: rgba(255, 255, 255, 0.2);
}

html body .btn-light:hover, html body .btn-light.hover,
html body .btn-outline.btn-light:hover,
html body .btn-outline.btn-light.hover {
    background-color: #f2f2f2;
    border-color: #e6e5e5 #e6e5e5 #cccccc;
    color: #777;
}

html body .btn-light:focus, html body .btn-light.focus,
html body .btn-outline.btn-light:focus,
html body .btn-outline.btn-light.focus {
    box-shadow: 0 0 0 3px rgba(191, 191, 191, 0.5);
}

html body .btn-light.disabled, html body .btn-light:disabled,
html body .btn-outline.btn-light.disabled,
html body .btn-outline.btn-light:disabled {
    border-color: #bfbfbf #bfbfbf #bfbfbf;
}

html body .btn-light:active, html body .btn-light.active,
.show > html body .btn-light.dropdown-toggle,
html body .btn-outline.btn-light:active,
html body .btn-outline.btn-light.active,
.show >
html body .btn-outline.btn-light.dropdown-toggle {
    border-color: #bfbfbf #bfbfbf #bfbfbf;
}

html .btn-dark {
    background-color: #212529;
    border-color: #212529 #212529 #0a0c0d;
    color: #FFF;
    --color: #212529;
    --hover: #32383e;
    --disabled: #212529;
    --active: #101214;
}

html .btn-dark:hover,
html .btn-dark.hover {
    background-color: #32383e;
    border-color: #383f45 #383f45 #212529;
    color: #FFF;
}

html .btn-dark:focus,
html .btn-dark.focus {
    background-color: #101214;
    border-color: #0a0c0d #0a0c0d #000000;
    color: #FFF;
    box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
}

html .btn-dark.disabled,
html .btn-dark:disabled {
    background-color: #212529;
    border-color: #212529 #212529 #0a0c0d;
}

html .btn-dark:active,
html .btn-dark.active {
    background-color: #101214 !important;
    background-image: none !important;
    border-color: #0a0c0d #0a0c0d #000000 !important;
}


html .btn-outline.btn-primary {
    color: #0088CC;
    background-color: transparent;
    background-image: none;
    border-color: #0088CC;
}

html .btn-outline.btn-primary:hover,
html .btn-outline.btn-primary.hover {
    color: #FFF;
    background-color: #0088CC;
    border-color: #0088CC;
}

html .btn-outline.btn-primary:focus,
html .btn-outline.btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5);
}

html .btn-outline.btn-primary.disabled,
html .btn-outline.btn-primary:disabled {
    color: #0088CC;
    background-color: transparent;
}

html .btn-outline.btn-primary:active,
html .btn-outline.btn-primary.active {
    color: #FFF !important;
    background-color: #0088CC !important;
    border-color: #0088CC !important;
}

html .show > .btn-outline.btn-primary.dropdown-toggle {
    color: #FFF !important;
    background-color: #0088CC !important;
    border-color: #0088CC !important;
}

html .btn-outline.btn-secondary {
    color: #e36159;
    background-color: transparent;
    background-image: none;
    border-color: #e36159;
}

html .btn-outline.btn-secondary:hover,
html .btn-outline.btn-secondary.hover {
    color: #FFF;
    background-color: #e36159;
    border-color: #e36159;
}

html .btn-outline.btn-secondary:focus,
html .btn-outline.btn-secondary.focus {
    box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5);
}

html .btn-outline.btn-secondary.disabled,
html .btn-outline.btn-secondary:disabled {
    color: #e36159;
    background-color: transparent;
}

html .btn-outline.btn-secondary:active,
html .btn-outline.btn-secondary.active {
    color: #FFF !important;
    background-color: #e36159 !important;
    border-color: #e36159 !important;
}

html .show > .btn-outline.btn-secondary.dropdown-toggle {
    color: #FFF !important;
    background-color: #e36159 !important;
    border-color: #e36159 !important;
}

html .btn-outline.btn-tertiary {
    color: #2BAAB1;
    background-color: transparent;
    background-image: none;
    border-color: #2BAAB1;
}

html .btn-outline.btn-tertiary:hover,
html .btn-outline.btn-tertiary.hover {
    color: #FFF;
    background-color: #2BAAB1;
    border-color: #2BAAB1;
}

html .btn-outline.btn-tertiary:focus,
html .btn-outline.btn-tertiary.focus {
    box-shadow: 0 0 0 3px rgba(43, 170, 177, 0.5);
}

html .btn-outline.btn-tertiary.disabled,
html .btn-outline.btn-tertiary:disabled {
    color: #2BAAB1;
    background-color: transparent;
}

html .btn-outline.btn-tertiary:active,
html .btn-outline.btn-tertiary.active {
    color: #FFF !important;
    background-color: #2BAAB1 !important;
    border-color: #2BAAB1 !important;
}

html .show > .btn-outline.btn-tertiary.dropdown-toggle {
    color: #FFF !important;
    background-color: #2BAAB1 !important;
    border-color: #2BAAB1 !important;
}

html .btn-outline.btn-quaternary {
    color: #383f48;
    background-color: transparent;
    background-image: none;
    border-color: #383f48;
}

html .btn-outline.btn-quaternary:hover,
html .btn-outline.btn-quaternary.hover {
    color: #FFF;
    background-color: #383f48;
    border-color: #383f48;
}

html .btn-outline.btn-quaternary:focus,
html .btn-outline.btn-quaternary.focus {
    box-shadow: 0 0 0 3px rgba(56, 63, 72, 0.5);
}

html .btn-outline.btn-quaternary.disabled,
html .btn-outline.btn-quaternary:disabled {
    color: #383f48;
    background-color: transparent;
}

html .btn-outline.btn-quaternary:active,
html .btn-outline.btn-quaternary.active {
    color: #FFF !important;
    background-color: #383f48 !important;
    border-color: #383f48 !important;
}

html .show > .btn-outline.btn-quaternary.dropdown-toggle {
    color: #FFF !important;
    background-color: #383f48 !important;
    border-color: #383f48 !important;
}

html .btn-outline.btn-dark {
    color: #212529;
    background-color: transparent;
    background-image: none;
    border-color: #212529;
}

html .btn-outline.btn-dark:hover,
html .btn-outline.btn-dark.hover {
    color: #FFF;
    background-color: #212529;
    border-color: #212529;
}

html .btn-outline.btn-dark:focus,
html .btn-outline.btn-dark.focus {
    box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
}

html .btn-outline.btn-dark.disabled,
html .btn-outline.btn-dark:disabled {
    color: #212529;
    background-color: transparent;
}

html .btn-outline.btn-dark:active,
html .btn-outline.btn-dark.active {
    color: #FFF !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
}

html .show > .btn-outline.btn-dark.dropdown-toggle {
    color: #FFF !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
}

html .btn-outline.btn-light {
    color: #FFF;
    background-color: transparent;
    background-image: none;
    border-color: #FFF;
}

html .btn-outline.btn-light:hover,
html .btn-outline.btn-light.hover {
    color: #777;
    background-color: #FFF;
    border-color: #FFF;
}

html .btn-outline.btn-light:focus,
html .btn-outline.btn-light.focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}

html .btn-outline.btn-light.disabled,
html .btn-outline.btn-light:disabled {
    color: #FFF;
    background-color: transparent;
}

html .btn-outline.btn-light:active,
html .btn-outline.btn-light.active {
    color: #777 !important;
    background-color: #FFF !important;
    border-color: #FFF !important;
}

html .show > .btn-outline.btn-light.dropdown-toggle {
    color: #777 !important;
    background-color: #FFF !important;
    border-color: #FFF !important;
}