main {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #888888;
    --bs-body-color:#000000;

}

.desc {
    font-size: .9em;
}

#mainMenu {
    margin: 50px -10px 15px -10px;
    position: relative;
}



.navbar-brand {
    margin-bottom: auto;
    margin-left: -15px;
    margin-right: 32px;
}

    .navbar-brand img {
        max-width: 150px;
    }


.navbar {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.navbar-toggler.white {
    border: 1px solid #cccccc;
    background-color: #cccccc;
    border-radius: 1.7em;
    height: 2.8em;
}

.navbar-toggler.close {
    border: 1px solid #cccccc;
    background-color: #cccccc;
    border-radius: 1.7em;
    height: 2.8em
}


.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar-toggler-icon.white {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar-toggler-icon.close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M7 7L23 23M23 7L7 23'/></svg>");
}



.carousel-control-prev,
.carousel-control-next {
    width: 2.6rem;
}

.hdrbut {
    border: 1px solid rgba(217,218,218, 1);
    background-color: rgba(217,218,218, 1);
    padding: 0;
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    border-radius: 1.7em;
    height: 2.8em;
    width: 2.8em;
}


.cartbut {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: auto auto;
    vertical-align: middle;
    font-size: .9em;
}


.loginbut-icon {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11789.91 11792.97'><g><path fill='rgba(217,218,218, 1)' d='M10063.14 1726.62c-1067.33,-1064.09 -2539.36,-1726.62 -4168.25,-1726.62 -1628.86,0 -3100.92,662.54 -4168.25,1726.62 -1067.24,1067.4 -1726.64,2542.71 -1726.64,4171.57 0,1625.4 659.42,3100.92 1726.64,4168.16 1067.33,1064.12 2539.39,1726.62 4168.25,1726.62 1628.88,0 3100.92,-662.54 4168.25,-1726.62 1067.24,-1067.24 1726.76,-2542.76 1726.76,-4168.16 0,-1628.86 -659.51,-3104.14 -1726.76,-4171.57l0 -0.01z'/><ellipse fill='rgba(254, 254, 254,1)' cx='5894.96' cy='5492.78' rx='2720.91' ry='2708.87'/><path fill='rgba(254, 254, 254,1)' d='M3974.1 8751.39c1280.59,0 2561.18,0 3841.77,0 912.98,-51.94 1628.42,664.8 1888.31,1020.92 -979.92,963.52 -2324.36,1560.54 -3809.26,1560.54 -1484.86,0 -2829.28,-597 -3809.19,-1560.47 259.85,-356.09 975.32,-1072.94 1888.37,-1020.99z'/></g></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


.socbut {
    border: none;
    background-color: #ffffff;
    padding: 0;
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    border-radius: 1.5em;
    height: 2.5em;
    width: 2.5em;
}

.icon-fb {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='3800 6800 13800 16300'><g><path fill='rgba(217,218,218, 1)' d='M14987.7 10361.32c-1149.4,-1149.56 -2734.76,-1859.47 -4488.76,-1859.47 -1753.98,0 -3339.28,709.9 -4488.71,1859.44 -1149.43,1149.48 -1859.46,2734.71 -1859.46,4488.71 0,1753.92 710.04,3339.28 1859.47,4488.71 1149.43,1149.54 2734.71,1859.39 4488.71,1859.39 1754,0 3339.36,-709.85 4488.76,-1859.39 1149.42,-1149.43 1859.54,-2734.79 1859.54,-4488.71 0,-1753.98 -710.09,-3339.2 -1859.54,-4488.68l-0.01 0zm-347.9 8629.38c-1061.53,1058.15 -2523.97,1711.91 -4140.86,1711.91 -1616.84,0 -3079.19,-653.76 -4137.21,-1711.91 -1058.1,-1061.43 -1715.37,-2523.73 -1715.37,-4140.68 0,-1616.9 657.28,-3079.19 1715.37,-4137.21 1058.02,-1058.02 2520.37,-1715.43 4137.21,-1715.43 1616.9,0 3079.33,657.41 4140.86,1715.43 1058.02,1058.02 1711.8,2520.32 1711.8,4137.21 0,1616.95 -653.79,3079.25 -1711.8,4140.68z'/><path fill='rgba(43, 42, 41,1)' d='M11029.17 13032.74c0,-249.58 120.04,-352.32 239.74,-352.32l765.67 0 0 -1137.71 -1039.99 0c-1114.24,0 -1394.17,892.41 -1394.17,1426.76l0 504.7 -635 0 0 1270 635 0 0 3333.75 1428.75 0 0 -3333.75 865.32 0 42.2 -496.15 77.39 -773.85 -984.91 0 0 -441.43z'/></g></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.icon-tw {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='3800 6800 13800 16300'><g><path fill='rgba(217,218,218, 1)' d='M14987.7 10361.32c-1149.4,-1149.56 -2734.76,-1859.47 -4488.76,-1859.47 -1753.98,0 -3339.28,709.9 -4488.71,1859.44 -1149.43,1149.48 -1859.46,2734.71 -1859.46,4488.71 0,1753.92 710.04,3339.28 1859.47,4488.71 1149.43,1149.54 2734.71,1859.39 4488.71,1859.39 1754,0 3339.36,-709.85 4488.76,-1859.39 1149.42,-1149.43 1859.54,-2734.79 1859.54,-4488.71 0,-1753.98 -710.09,-3339.2 -1859.54,-4488.68l-0.01 0zm-347.9 8629.38c-1061.53,1058.15 -2523.97,1711.91 -4140.86,1711.91 -1616.84,0 -3079.19,-653.76 -4137.21,-1711.91 -1058.1,-1061.43 -1715.37,-2523.73 -1715.37,-4140.68 0,-1616.9 657.28,-3079.19 1715.37,-4137.21 1058.02,-1058.02 2520.37,-1715.43 4137.21,-1715.43 1616.9,0 3079.33,657.41 4140.86,1715.43 1058.02,1058.02 1711.8,2520.32 1711.8,4137.21 0,1616.95 -653.79,3079.25 -1711.8,4140.68z'/><path fill='rgba(43, 42, 41,1)' d='M13564.22 12582.28c-256.65,151.1 -544.86,260.09 -847.06,319.83 -239.4,-256.46 -587.06,-414.73 -973.8,-414.73 -731.15,0 -1328.84,587.06 -1328.84,1307.54 0,105.49 17.78,203.97 38.81,298.93 -1107.23,-52.78 -2088.01,-573.03 -2741.9,-1367.47 -112.45,196.85 -182.67,418.36 -182.67,657.36 0,456.96 261.41,857.65 612.85,1089.71 -217.83,-3.52 -446.22,-63.37 -578.51,-161.74l0 17.57c0,168.72 9.26,323.45 68.84,471.01 161.9,411.4 519.8,720.62 966.23,808.51 -116.18,31.67 -234.24,49.08 -357.19,49.08 -84.38,0 -171.56,-10.5 -252.57,-28.07 172.4,520.33 659.53,899.93 1239.68,913.95 -457.09,351.53 -1027.17,558.85 -1649.39,558.85 -109.17,0 -211.27,-7.01 -320.2,-17.52 590.42,369.07 1289.79,587.06 2038.59,587.06 2077.46,0 3353.99,-1437.77 3687.76,-2931.66 59.98,-267.04 81.54,-530.7 81.54,-790.81l0 -168.75c264.58,-186.29 491.44,-418.36 667.25,-678.44 -235.64,102.02 -489.03,172.32 -759.72,207.38 277.73,-165.13 491.65,-418.28 590.29,-727.58l0.01 -0.01z'/></g></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.icon-ig {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='3800 6800 13800 16300'><g><path fill='rgba(217,218,218, 1)' d='M14987.7 10361.32c-1149.4,-1149.56 -2734.76,-1859.47 -4488.76,-1859.47 -1753.98,0 -3339.28,709.9 -4488.71,1859.44 -1149.43,1149.48 -1859.46,2734.71 -1859.46,4488.71 0,1753.92 710.04,3339.28 1859.47,4488.71 1149.43,1149.54 2734.71,1859.39 4488.71,1859.39 1754,0 3339.36,-709.85 4488.76,-1859.39 1149.42,-1149.43 1859.54,-2734.79 1859.54,-4488.71 0,-1753.98 -710.09,-3339.2 -1859.54,-4488.68l-0.01 0zm-347.9 8629.38c-1061.53,1058.15 -2523.97,1711.91 -4140.86,1711.91 -1616.84,0 -3079.19,-653.76 -4137.21,-1711.91 -1058.1,-1061.43 -1715.37,-2523.73 -1715.37,-4140.68 0,-1616.9 657.28,-3079.19 1715.37,-4137.21 1058.02,-1058.02 2520.37,-1715.43 4137.21,-1715.43 1616.9,0 3079.33,657.41 4140.86,1715.43 1058.02,1058.02 1711.8,2520.32 1711.8,4137.21 0,1616.95 -653.79,3079.25 -1711.8,4140.68z'/><path fill='rgba(43, 42, 41,1)' d='M10498.99 12797.26c-1131.89,0 -2052.77,920.88 -2052.77,2052.77 0,1135.46 920.88,2052.9 2052.77,2052.9 1135.35,0 2052.77,-917.44 2052.77,-2052.9 0.03,-1131.89 -917.42,-2052.77 -2052.77,-2052.77zm0 3680.27c-896.33,0 -1623.99,-727.66 -1623.99,-1627.51 0,-896.33 727.63,-1627.51 1623.99,-1627.51 899.85,0 1627.48,731.18 1627.48,1627.51 0.03,899.85 -727.6,1627.51 -1627.48,1627.51z'/><path fill='rgba(43, 42, 41,1)' d='M12179.2 11675l-3356.82 0c-826.03,0 -1523.84,668.71 -1523.84,1498.41l0 3356.93c0,825.79 697.81,1415.29 1523.84,1415.29l3356.82 0c829.53,0 1522.26,-589.5 1522.26,-1415.29l0 -3356.93c0,-829.7 -692.73,-1498.41 -1522.26,-1498.41zm1151.84 4855.34c0,621.98 -529.64,1044.87 -1151.84,1044.87l-3356.82 0c-622.3,0 -1126.96,-422.89 -1126.96,-1044.87l0 -3356.93c0,-622.3 504.67,-1128 1126.97,-1128l3356.81 0.01c622.2,0 1151.84,505.69 1151.84,1127.99l0 3356.93z'/><path fill='rgba(43, 42, 41,1)' d='M12513.11 12519.58c-0.13,-0.01 -0.33,-0.01 -0.45,-0.01 -182.19,0 -329.94,147.75 -329.94,329.94 0,0.12 0,0.24 0,0.36 0,182.85 147.58,330.46 330.39,330.46 0.12,0.01 0.28,0.01 0.4,0.01 182.27,0 330.09,-147.82 330.09,-330.09 0,-0.12 0,-0.24 0,-0.36 0,-182.72 -147.72,-330.31 -330.49,-330.31z'/></g></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


.icon-pi {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='3800 6800 13800 16300'><g><path fill='rgba(217,218,218, 1)' d='M14987.7 10361.32c-1149.4,-1149.56 -2734.76,-1859.47 -4488.76,-1859.47 -1753.98,0 -3339.28,709.9 -4488.71,1859.44 -1149.43,1149.48 -1859.46,2734.71 -1859.46,4488.71 0,1753.92 710.04,3339.28 1859.47,4488.71 1149.43,1149.54 2734.71,1859.39 4488.71,1859.39 1754,0 3339.36,-709.85 4488.76,-1859.39 1149.42,-1149.43 1859.54,-2734.79 1859.54,-4488.71 0,-1753.98 -710.09,-3339.2 -1859.54,-4488.68l-0.01 0zm-347.9 8629.38c-1061.53,1058.15 -2523.97,1711.91 -4140.86,1711.91 -1616.84,0 -3079.19,-653.76 -4137.21,-1711.91 -1058.1,-1061.43 -1715.37,-2523.73 -1715.37,-4140.68 0,-1616.9 657.28,-3079.19 1715.37,-4137.21 1058.02,-1058.02 2520.37,-1715.43 4137.21,-1715.43 1616.9,0 3079.33,657.41 4140.86,1715.43 1058.02,1058.02 1711.8,2520.32 1711.8,4137.21 0,1616.95 -653.79,3079.25 -1711.8,4140.68z'/><path fill='rgba(43, 42, 41,1)' d='M10653.7 11612.64c-1820.73,0 -2745.24,1261.9 -2745.24,2319.95 0,196.8 21.09,386.66 70.3,558.88 108.98,397.19 344.49,717.07 717.13,864.79 87.82,38.58 168.65,0 189.73,-91.39 21.17,-66.83 59.66,-228.6 80.88,-298.85 28.13,-94.96 17.54,-126.5 -52.76,-207.38 -91.33,-109.03 -168.7,-232.07 -210.85,-386.72 -28.15,-101.94 -45.75,-214.42 -45.75,-344.43 0,-938.56 727.58,-1782.21 1894.65,-1782.21 1029.86,0 1599.38,608.12 1599.38,1423.67 0,242.62 -24.69,471.06 -70.38,688.95 -161.61,748.74 -583.41,1290.08 -1149.4,1290.08 -400.71,0 -706.54,-320.01 -608.07,-717.18 56.28,-221.27 137.03,-453.39 207.38,-678.37 73.82,-235.56 137.05,-463.97 137.05,-639.71 0,-309.35 -168.7,-558.88 -523.64,-558.88 -411.4,0 -741.73,414.79 -741.73,963 0,102.02 10.4,200.45 24.53,274.19 38.68,196.9 98.48,316.42 98.48,316.42 0,0 -421.77,1725.93 -492.15,2028.3 -147.61,604.47 -21.09,1339.08 -10.48,1412.95 3.52,42.07 63.18,52.71 91.41,21.03 38.6,-49.05 527.13,-629.23 695.91,-1216.16 42.17,-168.75 270.72,-1026.35 270.72,-1026.35 130.1,249.63 520.2,467.47 938.45,467.47 1001.69,0 1746.99,-727.63 1989.48,-1785.65 56.22,-239.08 84.38,-499.22 84.38,-766.26 0,-1107.31 -966.63,-2130.16 -2439.43,-2130.16l0.02 0.02z'/></g></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.icon-em {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='3500 5000 13500 14500'><g><path fill='rgba(217,218,218, 1)' d='M14500.56 7544.07c-1149.4,-1145.91 -2734.62,-1859.38 -4488.76,-1859.38 -1754.11,0 -3339.36,713.48 -4488.76,1859.39 -1149.3,1149.48 -1859.41,2738.23 -1859.41,4492.33 0,1750.38 710.12,3339.36 1859.41,4488.66 1149.4,1145.94 2734.65,1859.39 4488.76,1859.39 1754.13,0 3339.36,-713.48 4488.76,-1859.39 1149.3,-1149.3 1859.54,-2738.28 1859.54,-4488.66 0,-1754.11 -710.22,-3342.83 -1859.54,-4492.33l0 -0.01zm-351.42 8629.6c-1058.15,1058.02 -2520.45,1715.29 -4137.34,1715.29 -1616.89,0 -3079.19,-657.28 -4137.34,-1715.29 -1061.3,-1058.04 -1715.19,-2523.83 -1715.19,-4137.24 0,-1616.95 653.89,-3082.77 1715.19,-4140.78 1058.15,-1058.15 2520.45,-1711.85 4137.34,-1711.85 1616.89,0 3079.19,653.71 4137.34,1711.85 1061.43,1058.02 1715.06,2523.83 1715.06,4140.78 0,1613.4 -653.63,3079.17 -1715.06,4137.24z'/><path fill='rgba(43, 42, 41,1)' d='M12808.17 9938.07c-225.11,-197.17 -460.75,-213.73 -571.27,-229.6 -906.89,-66.73 -2267.16,-81.57 -2267.16,-81.57l-7.26 0c0,0 -1356.62,14.84 -2263.8,81.57 -109.3,14.86 -320.91,25.07 -531.89,187.23l2745.18 2003.51c39.87,29.1 149.48,39.62 190.06,13.87l2706.14 -1975.01zm-5920.87 372.65c-59.43,186.69 -76.64,368.61 -76.64,368.61 0,0 -44.98,552.08 -44.98,1093.39l0 516.73c0,548.38 44.95,1089.71 44.95,1089.71 0,0 55.59,467.49 249.03,674.82 246.01,270.64 564.09,260.14 711.6,288.21 516.81,52.81 2201.2,70.35 2201.2,70.35 0,0 1358.9,-7.04 2265.81,-70.35 122.93,-17.54 400,-17.54 645.87,-288.21 193.54,-207.33 240.82,-674.82 240.82,-674.82 0,0 43.64,-541.36 43.64,-1089.71l0 -516.76c0,-541.31 -44,-1089.66 -44,-1089.66 0,0 -14.92,-146.72 -62.07,-311.6l-2665.74 1945.53c-209.16,152.66 -559.96,146.41 -779.58,-13.87l-2729.91 -1992.37z'/></g></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

/*.icon- {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21000 29700'><g><path fill='rgba(217,218,218, 1)' d='M14987.7 10361.32c-1149.4,-1149.56 -2734.76,-1859.47 -4488.76,-1859.47 -1753.98,0 -3339.28,709.9 -4488.71,1859.44 -1149.43,1149.48 -1859.46,2734.71 -1859.46,4488.71 0,1753.92 710.04,3339.28 1859.47,4488.71 1149.43,1149.54 2734.71,1859.39 4488.71,1859.39 1754,0 3339.36,-709.85 4488.76,-1859.39 1149.42,-1149.43 1859.54,-2734.79 1859.54,-4488.71 0,-1753.98 -710.09,-3339.2 -1859.54,-4488.68l-0.01 0zm-347.9 8629.38c-1061.53,1058.15 -2523.97,1711.91 -4140.86,1711.91 -1616.84,0 -3079.19,-653.76 -4137.21,-1711.91 -1058.1,-1061.43 -1715.37,-2523.73 -1715.37,-4140.68 0,-1616.9 657.28,-3079.19 1715.37,-4137.21 1058.02,-1058.02 2520.37,-1715.43 4137.21,-1715.43 1616.9,0 3079.33,657.41 4140.86,1715.43 1058.02,1058.02 1711.8,2520.32 1711.8,4137.21 0,1616.95 -653.79,3079.25 -1711.8,4140.68z'/><path fill='rgba(43, 42, 41,1)' d=''/></g></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}*/

.shop-link {
    border: 1px solid #000000;
    width: 100%;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #000000;
    font-weight: 700;
    padding: .5em;
}

.bcr a {
    color: rgb(136, 136, 136);
    text-decoration: none;
}

.img-product-container {
    overflow: hidden;
    display: flex;
    justify-content: center;
    width: 100%;
}

    .img-product-container img {
        max-width:100%;
    }

    #slideNav .col:first-child {
	margin-left:calc(var(--bs-gutter-x) * -.5);	       
    }

    #slideNav .col:last-child {
	margin-right:calc(var(--bs-gutter-x) * -.5);	       
    }


    @media (max-width: 991px) {
        #mainMenu {
        margin-top: 16px;
    }

    .navbar {
        margin: 0px auto;
        min-height: 40px !important;
        height: auto;
        width: 100%;
        border-radius: 0;
        font-size: 14px;
    }

    .navbar-nav.white {
        background-color: #ffffff;
        padding: 0 0 20px 0;
    }

        .navbar-nav.white > li {
            padding-left: 0;
            color: #ffffff;
            min-height: 40px;
            font-size: 1.3em;
            font-weight: 400;
        }

            .navbar-nav.white > li a {
                color: #000000; /* #979695;*/
                display: block;
                padding: 9px 15px;
                text-decoration: none;
                text-transform: uppercase;
            }

                .navbar-nav.white > li a:hover {
                    color: #136fde; /*#000000;*/
                }

    .navbar-nav.white > li.active a {
        color: #136fde; /*#000000;*/
    }


    ul.submenu li a {
        text-transform: none !important;
        color: #000000!important; /* #979695;*/
    }

    ul.submenu li.active a {
        color: #136fde !important; /*#000000;*/
    }

    .navbar-brand {
        margin-right: 7px;
    }

    #slideNav {
        position: relative;
        margin: 2rem 0 0 0;
    }


        #slideNav button {
            background: none;
            width: 6px;
            height: 6px;
            border: solid 1px rgb(108, 117, 125);
            border-radius: 5px;
            margin: 0 5px;
        }

            #slideNav button.active {
                background-color: rgb(108, 117, 125);
                border: solid 1px #888888;
            }

            #slideNav button img {
                display: none;
            }


    .hdrbut {
        order: 0;
    }

        .img-product-container img {
            max-height: 40vh;
            max-width: none;
        }

}

@media (max-width: 767px) {
    .img-product-container-parent {
        width: 100vw;
        max-width: 100vw;
        padding: 0;
    }

    .img-product-container img {
        max-height: 100%;
        max-width: none;
    }
}


@media (min-width: 992px) {
    .navbar {
        margin: 0 auto 0 auto;
        min-height: 40px !important;
        height: auto;
        width: 100%;
        border-radius: 0;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 14px;
    }


    .navbar-nav > li {
        color: #ffffff;
        font-size: 1.15em;
        font-weight: 400;
    }

    .navbar-nav.white > li a {
        color: #000000; /*#979695;*/
        padding: 15px 0;
        margin: 0 10px;
        outline: none;
        text-decoration: none;
        text-transform: uppercase;
    }


        .navbar-nav.white > li a:hover {
            text-decoration: none;
            color: #136fde; /*#000000;*/
        }

    .navbar-nav.white > li.active a {
        color: #136fde; /*#000000;*/
        border-bottom: 2px solid #ffffff;
    }

    .navbar-nav.submenu {
        top: calc(100% + 15px);
        position: absolute;
        right: calc(-88px - 1rem + var(--bs-gutter-x) * .5);
        flex-direction: column;
        height: 400px;
        background-color: #000000;
        opacity: .5;
        min-width: 30%;
    }

        .navbar-nav.submenu > li {
            margin: 8px 16px 0 16px;
            display: block;
            opacity: 1;
        }

            .navbar-nav.submenu > li a {
                color: #d0d0d0;
                padding: 0;
                outline: none;
                text-decoration: none;
                text-transform: none;
            }

                .navbar-nav.submenu > li a:hover {
                    text-decoration: none;
                    /*color: #6666ff;*/
                    color: #136fde;
                    opacity: 1;
                }

            .navbar-nav.submenu > li.active a {
                /*color: #6666ff;*/
                color: #136fde;
                opacity: 1;
            }

    #slideNav {
        position: relative;
        margin: auto 0 0 0;
        justify-content: flex-start;
    }

        #slideNav button {
            background: none;
            width: 14%;
            height: auto;
        }

            #slideNav button.active {
                background: none;
            }



            #slideNav button img {
                display: block;
                max-width: 100%;
                opacity: .5
            }

            #slideNav button.active img {
                display: block;
                max-width: 100%;
                opacity: 1;
            }

    .hdrbut {
        order: 5;
        height: 2.2em;
        width: 2.2em;
    }
}

footer {
    background-color: #f1f1f1;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}



    footer a {
        color: #000000;
        text-decoration: none;
    }

        footer a:hover {
            color: #979695;
            text-decoration: none;
        }

.copyright {
    color: rgba(0,0,0,.5);
    font-size: 0.6em !important;
}


.himenu {
    position: relative;
    text-decoration: none;
}


    .himenu img {
        position: relative;
    }

    .himenu div {
        color: #000000;
        text-decoration: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .himenu div:hover {
            color: #979695;
            color: #136fde !important;
        }

    .himenu a {
        text-decoration: none;
    }

    .himenu.active div {
        text-decoration: none;
        color: #136fde !important;
    }


    .btn-toggle::before {
        width: 1.25em;
        line-height: 0;
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,1%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
        transition: transform .35s ease;
        transform-origin: .5em 50%;
        margin-left: -1rem;
    }

    .btn-toggle[aria-expanded="true"]::before {
        transform: rotate(90deg);
    }