:root {
    --main_color: #fbd500;
    --second_color: #0c0c0c;
}

@font-face {
  font-family: Schabo;
  src: url(../fonts/schabo/SCHABO-Condensed.woff2);
}

.mh10p0 {
    min-height: 10px;
    padding: 0px;
    float: left;
}

.mh10p5 {
    min-height: 10px;
    padding: 5px;
    float: left;
}

.mh10p10 {
    min-height: 10px;
    padding: 10px;
    float: left;
}

.mh10p15 {
    min-height: 10px;
    padding: 15px;
    float: left;
}

.mh10p20 {
    min-height: 10px;
    padding: 20px;
    float: left;
}

.mh10p25 {
    min-height: 10px;
    padding: 25px;
    float: left;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.highlight {
	position: relative;
	background-position: left;
    background-size: 0% 100%;
    background-image: linear-gradient( #f60, rgb(255, 72, 0));
	background-repeat: no-repeat;
    transition: background-size 1s;
	padding: 4px;
}

.in-view .highlight {
	background-size: 100% 100%;
    color: #fff;
}

/* Menu */

.menu_outer
{
    width:100%;
    height:90px;
    float:left;
    position:relative;
    z-index:9;
}

.menu_inner
{
    width:100%;
    height:90px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
}

.menu_logo_outer
{
    width:250px;
    height:90px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}

.menu_logo_outer img
{
    width:100%;
    height:58px;
    float:left;
    object-fit: contain;
    object-position:left;
}

.menu_boxes_outer
{
    flex:1;
    height:90px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:30px;
}

.menu_box
{
    min-width:10px;
    height:35px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family: 'Gemunu Libre', sans-serif;
    text-transform: uppercase;
    color:#fff;
    font-size:16px;
    font-weight:400;
    letter-spacing: 3px;
    padding-bottom:2px;
    cursor:pointer;
    text-decoration: none;
    position:relative;
    transition: all 0.3s ease;
}

.menu_box:before
{
    content:'';
    width:0%;
    height:1px;
    background-color:var(--main_color);
    position:absolute;
    left:0px;
    bottom:0px;
    transition: all 0.3s ease;
}

.menu_box:hover::before
{
    width:100%;
}

.menu_box:hover
{
    color:var(--main_color);
}

.mouse_circle
{
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
    pointer-events: none;
    position: fixed;
    top: -10rem;
    left: -10rem;
    height: 6rem;
    width: 6rem;
    transition: transform 0.4s, background 0.4s;
    z-index:999;
    font-size:48px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.mouse_circle.big
{
    transform: scale(2) rotate(-30deg);
    border: 1px solid #fbd500aa;
    box-shadow: 0 0 10px #fbd500ad;
}

.mouse_circle dotlottie-player
{
    display:none;
    opacity: 0.5;
}

.mouse_circle.big dotlottie-player
{
    display:block;
    width:65%;
    height:65%;
    position:absolute;
    margin-top:-5px;
    margin-left:-5px;
}

.menu_btn_outer
{
    min-width:10px;
    height:40px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0px 20px;
    font-family: 'Teko', sans-serif;
    font-size:18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-top:2px;
    border:1px solid #fff;
    color:#fff;
    cursor:pointer;
    overflow:hidden;
    position:relative;
    text-decoration: none;
    transition: all 0.3s ease;
}

.menu_btn_outer:before
{
    content:'';
    width:0%;
    height:40px;
    float:left;
    position:absolute;
    left:0px;
    top:0px;
    background-color:var(--main_color);
    z-index:-1;
    transition: all 0.3s ease;
}

.menu_btn_outer:hover:before
{
    width:100%;
}

.menu_btn_outer:hover
{
    color:var(--second_color);
    border-color:var(--second_color);
}

.mobile_menu_contents
{
    width:100%;
    position:fixed;
    left:0px;
    top:0px;
    z-index:9;
    background-color:var(--second_color);
    overflow:hidden;
    transition: all 0.6s ease;
    float:left;
}

.mobile_menu_contents_inner
{
    width:100%;
    height:100vh;
    background-color:rgba(0,0,0,0.6);
    position:relative;
    z-index:9;
    float:left;
}

.mobile_menu_contents_inner_boxes
{
    width:100%;
    height:100vh;
    overflow: auto;
    float:left;
    position:relative;
    z-index:99;
    padding-top:155px;
}

.mobile_menu_line_outer
{
    width:100%;
    min-height:20px;
    float:left;
    font-size:48px;
    color:#fff;
    font-weight:500;
    font-family: 'Teko', sans-serif;
    text-transform: uppercase;
    padding:0px 25px;
    position:relative;
    margin-bottom:15px;
    letter-spacing: 1px;
    color:var(--main_color);
    text-decoration: none!important;
    cursor:pointer;
}

.mobile_menu_line_counter
{
    width:35px;
    height:35px;
    float:left;
    font-family: 'Teko', sans-serif;
    display:flex;
    align-items:Center;
    justify-content:Center;
    font-size:25px;
    font-weight:200;
    color:#fff;
    padding-top:3px;
    letter-spacing: 2px;
    padding-left:1px;
    border:1px solid #fff;
    position:relative;
    z-index:-1;
    margin-right:-15px;
    opacity: 0.6;
}

/* Menu */

/* Slider */

.slider_outer
{
    width:100%;
    min-height:100vh;
    float:left;
    margin-top:-90px;
    position: relative;
    z-index:8;
}

.slider_contents
{
    width:100%;
    min-height:100vh;
    background-color:rgba(0,0,0,0.6);
    float:left;
    position:relative;
    z-index:2;
}

.slider_inner
{
    width:100%;
    min-height:100vh;
    float:left;
    padding-top:90px;
    padding-bottom:90px;
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
}

.slider_bg_outer
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.slider_bg_outer video
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    z-index: 1;
    float: left;
    filter: grayscale(100%);
}

.slider_contents_lines
{
    width:60%;
    height:100%;
    position:absolute;
    right:0px;
    top:0px;
    z-index:1;
}

.slider_contents_lines img
{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: left top;
    opacity: 0.15;
}

.slider_inner_contents
{
    width:100%;
    min-height:20px;
    float:left;
}

.slider_inner_contents h4
{
    width:100%;
    font-size:30px;
    letter-spacing: 3px;
    font-weight:200;
    float:left;
    color:#fff;
    font-family: 'Teko', sans-serif;
    text-transform:uppercase;
    margin-bottom:25px;
    position:relative;
}

.slider_inner_contents h4 span
{
    mix-blend-mode: difference;
}

.slider_inner_contents h4:before
{
    content:'';
    width:50px;
    height:25px;
    background-color:var(--main_color);
    float:left;
    position:absolute;
    left:-10px;
    top:-5px;
    z-index:-1;
}

.slider_inner_contents h3
{
    width:80%;
    font-size:97px;
    letter-spacing: 3px;
    font-weight:600;
    float:left;
    color:#fff;
    font-family: 'Teko', sans-serif;
    text-transform:uppercase;
    line-height:110px;
}

.slider_contents_btn
{
    min-width:10px;
    height:50px;
    float:left;
    margin-top:30px;
    border:1px solid var(--main_color);
    padding:0px 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family: 'Gemunu Libre', sans-serif;
    font-size:18px;
    font-weight:600;
    color:var(--main_color);
    text-transform: uppercase;
    letter-spacing: 4px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition: all 0.3s ease;
    text-decoration: none;
}

.slider_contents_btn:before
{
    content:'';
    width:0%;
    height:60px;
    background-color:var(--main_color);
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
    transition: all 0.4s ease;
}

.slider_contents_btn:hover:before
{
    width:100%;
}

.slider_contents_btn:hover
{
    color:#333;
}

.slider_bottom_line
{
    width:100%;
    height:80px;
    float:left;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:99;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
}

.slider_bottom_line span
{
    font-size:15px;
    text-transform: uppercase;
    color:#fff;
    font-family: 'Gemunu Libre', sans-serif;
    font-weight:200;
    letter-spacing: 4px;
}

.slider_bottom_line .mouse_effect:first-child
{
    margin-right:10px;
}

.mouse_effect
{
    width:17px;
    height:30px;
    border-radius:10px;
    float:left;
    border:1px solid #fff;
    display:flex;
    align-items:flex-start;
    justify-content:center;
}

.mouse_effect:before
{
    content:'';
    width:3px;
    height:3px;
    background-color:#fff;
    border-radius:50%;
    margin-top:5px;
    transition: all 0.3s ease;
    animation: sliderMouse 2s;
    animation-iteration-count: infinite;
}

@keyframes sliderMouse
{
    0% { margin-top:5px; }
    50% { margin-top:10px; }
    100% { margin-top:5px; }
}

/* Slider */

/* Footer */

.footer_outer
{
    width:100%;
    min-height:20px;
    background-color:var(--main_color);
    float:left;
    padding-top:60px;
}

.footer_inner
{
    width:100%;
    min-height:80px;
    float:left;
    padding:40px 0px;
}

.footer_logo_text
{
    width:100%;
    min-height:20px;
    float:left;
    font-family: 'Schabo', sans-serif;
    font-size:40px;
    color:#000;
    font-weight:700;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height:60px;
    padding-right:20px;
}

.footer_link
{
    width:100%;
    font-size:22px;
    text-transform: uppercase;
    font-weight: 400;
    color:#000;
    float:left;
    font-family: 'Teko', sans-serif;
    margin-bottom:10px;
    letter-spacing: 3px;
    cursor:pointer;
    text-decoration: none!important;
}

.footer_link:before
{
    content:'';
    width:0px;
    height:1px;
    background-color:var(--second_color);
    float:left;
    margin-top:14px;
    margin-right:5px;
    transition: all 0.3s ease;
}

.footer_link:hover:before
{
    width:13px;
}

.footer_social_outer
{
    width:100%;
    min-height:20px;
    float:left;
    margin-top:10px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
}

.footer_social_box
{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    color:var(--second_color);
    text-decoration: none!important;
    cursor:pointer;
}
.footer_form_title
{
    width:100%;
    font-size:35px;
    font-weight:500;
    color:var(--second_color);
    float:left;
    font-family: 'Teko', sans-serif;
    line-height:35px;
    margin-bottom:20px;
}

.footer_form_input_outer
{
    width:100%;
    height:50px;
    background-color:aqua;
    float:left;
    margin-bottom:10px;
}

.footer_form_input_outer input
{
    width:100%;
    height:50px;
    border:0px!important;
    outline:0px!important;
    box-shadow:none!important;
    float:left;
    background-color:#fff;
    padding:0px 15px;
    font-size:18px;
    font-weight:100;
    letter-spacing: 2px;
    font-family: 'Teko', sans-serif;
    color:var(--second_color);
    padding-top:2px;
}

.footer_form_input_outer button
{
    width:100%;
    height:50px;
    background-color:var(--second_color);
    float:left;
    border:0px!important;
    outline:0px!important;
    box-shadow:none!important;
    color:#fff;
    font-size:23px;
    font-weight:200;
    letter-spacing: 3px;
    padding-top:4px;
    color:#fff;
    text-transform: uppercase;
    font-family: 'Teko', sans-serif;
}

.footer_bottom_line_outer
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:var(--second_color);
}

.footer_bottom_line_inner
{
    width:100%;
    min-height:10px;
    float:left;
    padding:15px 25px;
    padding-bottom:12px;
}

.footer_bottom_line_inner span
{
    font-size:15px;
    letter-spacing: 2px;
    font-weight:200;
    color:#fff;
    font-family: 'Teko', sans-serif;
    float:left;
    margin:0px;
}

.footer_bottom_line_inner span:last-child
{
    float:right;
}

.footer_bottom_line_inner span a
{
    color:var(--main_color);
}

.footer_top_line_outer
{
    width:100%;
    min-height:80px;
    background-color:var(--second_color);
    float:left;
    position:relative;
    z-index:3;
}

.footer_top_line_inner
{
    width:100%;
    min-height:80px;
    float:left;
    position:relative;
    z-index:3;
}

.footer_top_line_inner h1
{
    width:100%;
    float:left;
    font-family: 'Schabo', sans-serif;
    font-size:60px;
    color:var(--main_color);
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align:center;
    margin-top:35px;
    margin-bottom:35px;
}

.footer_top_line_slider_outer
{
    width:100%;
    height:150px;
    background-color:#fff;
    float:left;
    margin-bottom:-80px;
}

/* Footer */

/* Homepage */

.dots::after{
    position: absolute;
    content: "";
    opacity: 0.2;
    border-radius: 50%;
}

.dots-1.dots:after  {
    animation: dots_animate 15s infinite;
}

.dots-1.dots:after  {
    width: 2px;
    height: 2px;
    background-position: 0 0;
    box-shadow: 1359px 1518px #fff, 1736px 358px #fff, 238px 1063px #fff, 370px 1495px #fff, 1094px 1433px #fff, 922px 1019px #fff, 1906px 646px #fff, 974px 1000px #fff, 1173px 1498px #fff, 731px 45px #fff, 1601px 976px #fff, 813px 704px #fff, 1121px 788px #fff, 1030px 1664px #fff, 554px 1216px #fff, 1903px 1694px #fff, 767px 833px #fff, 1470px 1456px #fff, 457px 1057px #fff, 1117px 1317px #fff, 746px 427px #fff, 556px 676px #fff, 1122px 852px #fff, 528px 1963px #fff, 973px 1102px #fff, 1980px 116px #fff, 821px 711px #fff, 1617px 1697px #fff, 1094px 1846px #fff, 672px 280px #fff, 1856px 499px #fff, 1500px 1561px #fff, 675px 1554px #fff, 1713px 238px #fff, 1845px 744px #fff, 1726px 1346px #fff, 878px 1063px #fff, 1481px 563px #fff, 282px 1584px #fff, 812px 288px #fff, 13px 1300px #fff, 389px 276px #fff, 1749px 229px #fff, 373px 922px #fff, 917px 550px #fff, 744px 1259px #fff, 1628px 878px #fff, 638px 1333px #fff, 821px 1555px #fff, 1114px 1443px #fff, 220px 672px #fff, 1817px 1075px #fff, 819px 737px #fff, 49px 633px #fff, 829px 1645px #fff, 67px 365px #fff, 187px 1868px #fff, 1798px 1199px #fff, 36px 460px #fff, 1689px 148px #fff, 768px 1536px #fff, 1329px 1158px #fff, 162px 510px #fff, 1098px 723px #fff, 1990px 1866px #fff, 1904px 277px #fff, 599px 1236px #fff, 231px 1518px #fff, 101px 1401px #fff, 65px 572px #fff, 1000px 1271px #fff, 1314px 186px #fff, 218px 1460px #fff, 154px 702px #fff, 1662px 146px #fff, 1508px 484px #fff, 513px 797px #fff, 199px 510px #fff, 1790px 266px #fff, 1487px 491px #fff, 7px 1846px #fff, 1981px 973px #fff, 1829px 1089px #fff, 713px 1556px #fff, 296px 567px #fff, 1532px 687px #fff, 729px 1940px #fff, 888px 1426px #fff, 1411px 1654px #fff, 1342px 1416px #fff, 928px 414px #fff, 618px 1977px #fff, 288px 583px #fff, 1303px 1562px #fff, 238px 657px #fff, 1304px 1483px #fff, 1182px 1502px #fff, 451px 112px #fff, 1177px 993px #fff, 506px 152px #fff, 1215px 1102px #fff, 1471px 817px #fff, 1398px 90px #fff, 1939px 1697px #fff, 798px 1748px #fff, 1746px 439px #fff, 675px 1780px #fff, 135px 414px #fff, 1348px 9px #fff, 1604px 880px #fff, 589px 1885px #fff, 344px 344px #fff, 1697px 368px #fff, 70px 1442px #fff, 1019px 297px #fff, 1383px 608px #fff, 1613px 447px #fff, 736px 836px #fff, 493px 926px #fff, 1786px 1323px #fff, 750px 429px #fff, 179px 1577px #fff, 989px 1502px #fff, 857px 1033px #fff, 350px 743px #fff, 87px 816px #fff, 98px 1078px #fff, 583px 17px #fff, 699px 282px #fff, 1889px 1165px #fff, 1599px 1273px #fff, 423px 266px #fff, 1311px 1913px #fff, 747px 759px #fff, 1220px 422px #fff, 1993px 1724px #fff, 680px 1474px #fff, 1649px 19px #fff, 1392px 1344px #fff, 1152px 1230px #fff, 1913px 144px #fff, 348px 1739px #fff, 448px 1193px #fff, 1160px 624px #fff, 462px 1060px #fff, 542px 1198px #fff, 754px 1836px #fff, 1368px 1025px #fff, 1117px 1353px #fff, 705px 1685px #fff, 1505px 1082px #fff, 930px 720px #fff, 828px 760px #fff, 1023px 945px #fff, 662px 1475px #fff, 102px 1362px #fff, 815px 1919px #fff, 654px 1079px #fff, 1837px 1576px #fff, 1636px 802px #fff, 77px 985px #fff, 383px 1557px #fff, 266px 638px #fff, 770px 1558px #fff, 986px 1213px #fff, 1123px 1548px #fff, 359px 1688px #fff, 57px 1159px #fff, 83px 1741px #fff, 1306px 1497px #fff, 1650px 707px #fff, 1890px 1654px #fff, 1892px 1898px #fff, 1162px 1510px #fff, 994px 1232px #fff, 1625px 1174px #fff, 1912px 1832px #fff, 803px 1259px #fff, 1644px 485px #fff, 582px 1936px #fff, 1828px 502px #fff, 376px 1366px #fff, 319px 907px #fff, 188px 1839px #fff, 195px 1055px #fff, 1193px 802px #fff, 349px 409px #fff, 1013px 813px #fff, 272px 474px #fff, 87px 1459px #fff, 309px 1246px #fff, 1619px 1637px #fff, 588px 1256px #fff, 103px 1046px #fff, 1576px 1279px #fff, 81px 1524px #fff, 609px 1023px #fff, 808px 1821px #fff, 1865px 859px #fff, 1057px 1319px #fff, 157px 2px #fff, 627px 649px #fff, 7px 1239px #fff, 1794px 1254px #fff, 1818px 17px #fff, 728px 1247px #fff, 1336px 1478px #fff, 972px 1396px #fff, 782px 1825px #fff, 1759px 639px #fff, 1159px 1024px #fff, 383px 22px #fff, 659px 1747px #fff, 1773px 1569px #fff, 1211px 1319px #fff, 1911px 1450px #fff, 1774px 557px #fff, 597px 1425px #fff, 495px 184px #fff, 1481px 810px #fff, 775px 403px #fff, 485px 591px #fff, 648px 1975px #fff, 661px 618px #fff, 1425px 353px #fff, 166px 1848px #fff, 1142px 535px #fff, 1289px 739px #fff, 1056px 1146px #fff, 70px 613px #fff, 486px 1283px #fff, 1877px 1401px #fff, 1889px 1895px #fff, 1664px 1953px #fff, 70px 1109px #fff, 1754px 487px #fff, 764px 1306px #fff, 1409px 263px #fff, 618px 1577px #fff, 197px 1142px #fff, 1196px 342px #fff, 275px 1673px #fff, 896px 669px #fff, 827px 1771px #fff, 1962px 1331px #fff, 300px 1921px #fff, 1366px 674px #fff, 639px 971px #fff, 337px 1660px #fff, 44px 832px #fff, 602px 1412px #fff, 1006px 1975px #fff, 1375px 229px #fff, 648px 1377px #fff, 819px 1427px #fff, 1871px 1520px #fff, 1560px 1152px #fff, 418px 1933px #fff, 15px 1963px #fff, 487px 1086px #fff, 727px 1916px #fff, 1057px 1923px #fff, 799px 1956px #fff, 1367px 68px #fff, 910px 1698px #fff, 1741px 198px #fff, 782px 432px #fff, 1687px 725px #fff, 1099px 1500px #fff, 1051px 1422px #fff, 246px 73px #fff, 1474px 1372px #fff, 826px 1992px #fff, 20px 1004px #fff, 369px 239px #fff, 290px 1031px #fff, 1433px 1363px #fff, 1971px 328px #fff, 1838px 1745px #fff, 1565px 836px #fff, 459px 1098px #fff, 1810px 1742px #fff, 1868px 291px #fff, 1653px 1705px #fff, 1409px 663px #fff, 282px 156px #fff, 1593px 984px #fff, 1223px 236px #fff, 1007px 1090px #fff, 492px 1025px #fff, 866px 1301px #fff, 1970px 66px #fff, 76px 696px #fff, 782px 1776px #fff, 885px 77px #fff, 1506px 785px #fff, 547px 1180px #fff, 1993px 334px #fff, 914px 861px #fff, 1251px 1594px #fff, 514px 1671px #fff, 175px 1203px #fff, 1440px 1022px #fff, 1750px 1300px #fff, 375px 396px #fff, 1481px 1118px #fff, 937px 641px #fff, 1375px 88px #fff, 1228px 230px #fff, 445px 1251px #fff, 1305px 673px #fff, 368px 382px #fff, 1644px 180px #fff, 132px 1606px #fff, 1103px 52px #fff, 719px 662px #fff, 827px 1602px #fff, 1718px 653px #fff, 618px 969px #fff, 155px 570px #fff, 63px 1939px #fff, 154px 343px #fff, 1844px 1228px #fff, 1049px 596px #fff, 1403px 1578px #fff, 1059px 308px #fff, 1438px 323px #fff, 458px 478px #fff, 798px 300px #fff, 1706px 1511px #fff, 1433px 966px #fff, 1397px 1640px #fff, 473px 138px #fff, 1692px 1516px #fff, 1979px 970px #fff, 743px 1326px #fff, 55px 1091px #fff, 1881px 1516px #fff, 1614px 1263px #fff, 43px 632px #fff, 290px 409px #fff, 1306px 60px #fff, 634px 1285px #fff, 1210px 1896px #fff, 1505px 1649px #fff, 581px 739px #fff, 1484px 1602px #fff, 1662px 750px #fff, 553px 1852px #fff, 868px 801px #fff, 297px 1286px #fff, 1289px 370px #fff, 850px 271px #fff, 1616px 677px #fff, 26px 1641px #fff, 700px 1148px #fff, 1386px 443px #fff, 121px 788px #fff, 145px 1188px #fff, 1210px 749px #fff, 1774px 672px #fff, 524px 107px #fff, 1959px 813px #fff, 721px 503px #fff, 1399px 334px #fff, 892px 1641px #fff, 1448px 242px #fff, 436px 849px #fff, 1171px 1960px #fff, 1634px 1100px #fff, 1231px 1777px #fff, 679px 1868px #fff, 1324px 616px #fff, 334px 1287px #fff, 1569px 1968px #fff, 424px 65px #fff, 1743px 558px #fff, 40px 430px #fff, 1110px 813px #fff, 1671px 832px #fff, 131px 497px #fff, 1995px 1755px #fff, 1275px 1681px #fff, 781px 219px #fff, 1110px 639px #fff, 1741px 226px #fff, 1974px 210px #fff, 765px 870px #fff, 1960px 1260px #fff, 1869px 556px #fff, 1627px 1406px #fff, 19px 809px #fff, 204px 574px #fff, 1619px 454px #fff, 773px 741px #fff, 1020px 1337px #fff, 556px 1140px #fff, 775px 1008px #fff, 506px 1987px #fff, 64px 711px #fff, 1261px 301px #fff, 1287px 1669px #fff, 1898px 1353px #fff, 224px 1816px #fff, 1887px 42px #fff, 395px 1556px #fff, 589px 441px #fff, 992px 1166px #fff, 1901px 1734px #fff, 1778px 1341px #fff, 1308px 502px #fff, 984px 26px #fff, 1732px 1653px #fff, 259px 735px #fff, 1797px 868px #fff, 79px 873px #fff, 258px 1030px #fff, 1443px 146px #fff, 719px 469px #fff, 1411px 971px #fff, 1307px 394px #fff, 1083px 712px #fff, 1920px 1472px #fff, 696px 1399px #fff, 968px 1955px #fff, 338px 1792px #fff, 1406px 1598px #fff, 1567px 1858px #fff, 1184px 37px #fff, 525px 885px #fff, 862px 441px #fff, 335px 553px #fff, 441px 225px #fff, 1471px 1825px #fff, 1876px 1698px #fff, 658px 947px #fff, 387px 192px #fff, 728px 1387px #fff, 220px 1905px #fff, 1865px 1986px #fff, 173px 63px #fff, 1257px 1240px #fff, 801px 971px #fff, 409px 1697px #fff, 639px 619px #fff, 1628px 1094px #fff, 534px 1275px #fff, 1117px 340px #fff, 1535px 820px #fff, 630px 1410px #fff, 1771px 1361px #fff, 324px 1772px #fff, 650px 1259px #fff, 1046px 1754px #fff, 847px 862px #fff, 335px 238px #fff, 285px 271px #fff, 307px 1496px #fff, 1759px 1833px #fff, 1727px 1471px #fff, 1790px 1263px #fff, 257px 221px #fff, 1378px 1406px #fff, 241px 88px #fff, 955px 1865px #fff, 55px 1837px #fff, 1404px 814px #fff, 61px 692px #fff, 999px 1073px #fff, 1234px 1829px #fff, 1638px 433px #fff, 1937px 1555px #fff, 1109px 1781px #fff, 1567px 1576px #fff, 522px 1288px #fff, 1842px 933px #fff, 1918px 1764px #fff, 52px 1971px #fff, 780px 735px #fff, 812px 742px #fff, 203px 617px #fff, 244px 1809px #fff, 1375px 1537px #fff, 1993px 11px #fff, 1825px 1271px #fff, 438px 1715px #fff, 968px 1001px #fff, 1574px 1518px #fff, 817px 638px #fff, 686px 724px #fff, 1073px 1513px #fff, 986px 1409px #fff, 335px 1975px #fff, 1595px 1323px #fff, 524px 222px #fff, 1602px 161px #fff, 1019px 1026px #fff, 436px 41px #fff, 514px 546px #fff, 1221px 1040px #fff, 281px 1660px #fff, 1386px 762px #fff, 309px 1155px #fff, 139px 1886px #fff, 1784px 1863px #fff, 517px 183px #fff, 1810px 1994px #fff, 607px 1884px #fff, 1647px 244px #fff, 571px 1487px #fff, 1270px 938px #fff, 1047px 1516px #fff, 1548px 470px #fff, 653px 51px #fff, 1974px 927px #fff, 314px 928px #fff, 1469px 901px #fff, 372px 486px #fff, 1795px 249px #fff, 12px 1683px #fff, 596px 940px #fff, 410px 1235px #fff, 1922px 1267px #fff, 1353px 968px #fff, 1914px 601px #fff, 1020px 1936px #fff, 1139px 1344px #fff, 443px 1943px #fff, 273px 1368px #fff, 1254px 13px #fff, 1700px 1301px #fff, 471px 840px #fff, 832px 1369px #fff, 639px 122px #fff, 873px 1678px #fff, 1623px 1733px #fff, 338px 1599px #fff, 1504px 8px #fff, 229px 69px #fff, 569px 1682px #fff, 229px 568px #fff, 949px 52px #fff, 528px 334px #fff, 1883px 1141px #fff, 1051px 125px #fff, 468px 1529px #fff, 7px 1748px #fff, 1627px 530px #fff, 108px 1302px #fff, 494px 4px #fff, 532px 1201px #fff, 1963px 163px #fff, 1141px 1458px #fff, 1265px 1200px #fff, 682px 1109px #fff, 1663px 161px #fff, 1254px 1038px #fff, 873px 1044px #fff, 201px 488px #fff, 23px 302px #fff, 692px 572px #fff, 328px 1825px #fff, 1576px 526px #fff, 466px 1718px #fff, 725px 604px #fff, 784px 1166px #fff, 1938px 1730px #fff, 1598px 1763px #fff, 1538px 836px #fff, 1978px 629px #fff, 1724px 1157px #fff, 1984px 832px #fff, 1613px 982px #fff, 1088px 1504px #fff, 1142px 1024px #fff, 951px 1521px #fff, 1160px 800px #fff, 165px 1173px #fff, 1151px 1966px #fff, 1830px 723px #fff, 1813px 1901px #fff, 463px 1932px #fff, 827px 974px #fff, 1247px 352px #fff, 118px 1863px #fff, 330px 635px #fff, 744px 1147px #fff, 174px 647px #fff, 824px 965px #fff, 548px 413px #fff, 1316px 1526px #fff, 1720px 1180px #fff, 164px 227px #fff, 32px 1323px #fff, 148px 778px #fff, 1068px 1682px #fff, 838px 214px #fff, 1268px 1693px #fff, 957px 1439px #fff, 1730px 765px #fff, 472px 1960px #fff, 26px 77px #fff, 1995px 1731px #fff, 1647px 1715px #fff, 82px 23px #fff, 1156px 1223px #fff, 352px 987px #fff, 203px 1866px #fff, 629px 454px #fff, 1482px 1590px #fff, 952px 218px #fff, 593px 1524px #fff, 658px 939px #fff, 1643px 1212px #fff, 1079px 124px #fff, 617px 550px #fff, 1762px 883px #fff, 1561px 475px #fff, 1358px 1913px #fff, 1856px 1255px #fff, 1181px 819px #fff, 98px 897px #fff, 1298px 1740px #fff, 1503px 1764px #fff, 1918px 1240px #fff, 996px 74px #fff, 1627px 1784px #fff, 233px 1729px #fff, 1151px 199px #fff, 32px 1972px #fff, 1954px 1816px #fff, 1641px 1249px #fff, 811px 588px #fff, 920px 1670px #fff, 51px 1554px #fff, 442px 610px #fff, 1615px 257px #fff, 862px 638px #fff, 1365px 344px #fff, 1672px 1009px #fff, 1219px 336px #fff, 1969px 1067px #fff, 1945px 1606px #fff, 1939px 1873px #fff, 491px 65px #fff, 775px 683px #fff, 1519px 104px #fff, 1178px 671px #fff, 1711px 1238px #fff, 1811px 725px #fff, 1782px 197px #fff, 1064px 444px #fff, 1549px 1974px #fff, 445px 1512px #fff, 288px 699px #fff, 1167px 348px #fff, 1140px 1089px #fff, 3px 1814px #fff, 1559px 1440px #fff, 1895px 465px #fff, 105px 1029px #fff, 1381px 692px #fff, 1872px 595px #fff, 690px 963px #fff, 382px 558px #fff, 151px 927px #fff, 1538px 1491px #fff, 1255px 1009px #fff, 697px 908px #fff, 732px 1968px #fff, 509px 960px #fff, 495px 228px #fff, 362px 234px #fff, 565px 1930px #fff, 935px 304px #fff, 1204px 372px #fff, 1918px 1145px #fff, 991px 8px #fff, 758px 566px #fff, 1462px 30px #fff, 283px 1916px #fff, 621px 1323px #fff, 387px 659px #fff, 745px 1172px #fff, 1705px 1197px #fff, 1059px 497px #fff, 1239px 712px #fff, 673px 1228px #fff, 575px 641px #fff, 1277px 210px #fff, 1870px 651px #fff, 942px 1090px #fff, 1275px 586px #fff, 1189px 1178px #fff, 962px 746px #fff, 2000px 1691px #fff, 1352px 1241px #fff, 554px 905px #fff, 206px 1878px #fff, 1858px 322px #fff, 2214px 322px #fff, 2304px 522px #fff;
}

.dots-2.dots:after {
    animation: dots_animate 18s infinite;
}

.dots-2.dots:after{
    width: 3px;
    height: 3px;
    background-position: 0 0;
    box-shadow: 68px 605px #fff, 547px 979px #fff, 347px 1251px #fff, 698px 32px #fff, 1465px 67px #fff, 213px 895px #fff, 665px 1943px #fff, 562px 1855px #fff, 366px 1187px #fff, 517px 877px #fff, 1174px 195px #fff, 639px 6px #fff, 1939px 1994px #fff, 1400px 1392px #fff, 501px 389px #fff, 1395px 826px #fff, 1126px 1345px #fff, 869px 515px #fff, 143px 1508px #fff, 890px 163px #fff, 1052px 137px #fff, 1099px 955px #fff, 766px 751px #fff, 1027px 1671px #fff, 1078px 1428px #fff, 1434px 1778px #fff, 611px 1635px #fff, 838px 1845px #fff, 1548px 499px #fff, 1742px 1545px #fff, 1606px 524px #fff, 780px 1818px #fff, 1465px 1016px #fff, 290px 568px #fff, 1717px 1324px #fff, 1123px 962px #fff, 1812px 1900px #fff, 769px 748px #fff, 1767px 1191px #fff, 1676px 1295px #fff, 683px 1033px #fff, 1664px 1835px #fff, 1219px 770px #fff, 255px 1105px #fff, 880px 858px #fff, 975px 76px #fff, 1537px 1794px #fff, 1983px 1173px #fff, 1449px 1833px #fff, 1114px 1761px #fff, 1080px 356px #fff, 1312px 515px #fff, 1262px 889px #fff, 652px 1438px #fff, 16px 343px #fff, 1732px 1203px #fff, 439px 1257px #fff, 428px 584px #fff, 1075px 1579px #fff, 1638px 1695px #fff, 1824px 526px #fff, 1320px 782px #fff, 439px 1431px #fff, 853px 1155px #fff, 1042px 1952px #fff, 1452px 880px #fff, 535px 1610px #fff, 1520px 1567px #fff, 1271px 433px #fff, 1293px 9px #fff, 1922px 1513px #fff, 1007px 289px #fff, 1926px 92px #fff, 843px 200px #fff, 544px 1504px #fff, 61px 895px #fff, 1978px 749px #fff, 729px 1831px #fff, 603px 1729px #fff, 1382px 1538px #fff, 771px 1957px #fff, 1769px 1957px #fff, 196px 75px #fff, 1317px 930px #fff, 1752px 1265px #fff, 845px 1674px #fff, 1317px 1642px #fff, 575px 803px #fff, 1841px 578px #fff, 1873px 1368px #fff, 1781px 771px #fff, 1920px 107px #fff, 99px 809px #fff, 965px 1290px #fff, 288px 443px #fff, 1927px 1303px #fff, 415px 1381px #fff, 167px 564px #fff, 493px 347px #fff, 540px 1811px #fff, 1089px 1925px #fff, 1329px 1308px #fff, 906px 1184px #fff, 1833px 924px #fff, 784px 917px #fff, 88px 1063px #fff, 1233px 1030px #fff, 1756px 320px #fff, 326px 25px #fff, 1359px 476px #fff, 880px 1906px #fff, 1120px 1281px #fff, 1434px 832px #fff, 1988px 232px #fff, 1037px 202px #fff, 594px 1284px #fff, 1227px 1145px #fff, 636px 1825px #fff, 1253px 1556px #fff, 308px 1408px #fff, 1366px 987px #fff, 4px 1083px #fff, 258px 1082px #fff, 272px 640px #fff, 1796px 1114px #fff, 1397px 391px #fff, 662px 44px #fff, 1087px 1128px #fff, 1905px 1616px #fff, 1623px 1938px #fff, 993px 1902px #fff, 348px 345px #fff, 422px 269px #fff, 966px 1743px #fff, 106px 1346px #fff, 1114px 838px #fff, 1px 664px #fff, 650px 546px #fff, 1736px 1294px #fff, 695px 190px #fff, 300px 59px #fff, 1971px 1045px #fff, 320px 477px #fff, 1195px 217px #fff, 729px 204px #fff, 1176px 229px #fff, 187px 1602px #fff, 146px 1891px #fff, 1137px 340px #fff, 1833px 1510px #fff, 1227px 1467px #fff, 232px 1851px #fff, 1940px 274px #fff, 549px 1317px #fff, 732px 469px #fff, 1549px 403px #fff, 832px 1815px #fff, 1052px 1020px #fff, 273px 1519px #fff, 384px 627px #fff, 46px 428px #fff, 920px 968px #fff, 1298px 779px #fff, 1480px 380px #fff, 1862px 534px #fff, 438px 1491px #fff, 555px 1432px #fff, 1813px 1825px #fff, 1248px 270px #fff, 907px 928px #fff, 1162px 845px #fff, 1332px 1903px #fff, 1487px 1187px #fff, 411px 1927px #fff, 872px 710px #fff, 924px 534px #fff, 1250px 31px #fff, 178px 1019px #fff, 386px 161px #fff, 1250px 724px #fff, 1535px 674px #fff, 1308px 1812px #fff, 177px 300px #fff, 1446px 571px #fff, 605px 1916px #fff, 1625px 1983px #fff, 1557px 1925px #fff, 1387px 1980px #fff, 1507px 1422px #fff, 149px 461px #fff, 937px 1046px #fff, 1797px 348px #fff, 1223px 777px #fff, 351px 1849px #fff, 104px 1353px #fff, 1652px 1635px #fff, 1687px 1420px #fff, 923px 1921px #fff, 1771px 1978px #fff, 828px 922px #fff, 2214px 322px #fff, 2304px 522px #fff;
}

.dots-3.dots:after {
    animation: dots_animate 21s infinite;
}

.dots-3.dots:after {
    width: 4px;
    height: 4px;
    background-position: 0 0;
    box-shadow: 854px 654px #fff, 1175px 1395px #fff, 1004px 348px #fff, 1000px 1258px #fff, 30px 683px #fff, 1244px 1826px #fff, 1406px 1193px #fff, 1775px 1242px #fff, 1309px 739px #fff, 136px 741px #fff, 1883px 1733px #fff, 1455px 1105px #fff, 1214px 126px #fff, 1387px 1936px #fff, 1312px 1476px #fff, 1156px 1375px #fff, 1562px 526px #fff, 1534px 1116px #fff, 756px 1202px #fff, 1989px 204px #fff, 904px 567px #fff, 934px 1989px #fff, 974px 1739px #fff, 1316px 102px #fff, 23px 98px #fff, 295px 982px #fff, 1640px 916px #fff, 915px 426px #fff, 1717px 1095px #fff, 202px 345px #fff, 629px 1634px #fff, 1676px 781px #fff, 1988px 1144px #fff, 1121px 131px #fff, 1973px 54px #fff, 104px 1878px #fff, 1341px 510px #fff, 833px 359px #fff, 1847px 982px #fff, 1685px 1839px #fff, 523px 446px #fff, 1072px 1946px #fff, 1132px 646px #fff, 193px 1146px #fff, 1116px 919px #fff, 326px 1815px #fff, 179px 1679px #fff, 480px 784px #fff, 1743px 1653px #fff, 1627px 758px #fff, 761px 694px #fff, 1470px 1271px #fff, 1655px 1780px #fff, 441px 1471px #fff, 1996px 489px #fff, 1555px 238px #fff, 1841px 875px #fff, 1338px 1986px #fff, 589px 1873px #fff, 428px 1142px #fff, 1428px 1078px #fff, 1034px 849px #fff, 1182px 457px #fff, 1620px 1362px #fff, 1367px 746px #fff, 1128px 1135px #fff, 1704px 767px #fff, 1245px 597px #fff, 1167px 983px #fff, 1574px 167px #fff, 1675px 849px #fff, 1807px 35px #fff, 1988px 1417px #fff, 128px 1728px #fff, 1419px 688px #fff, 334px 1797px #fff, 1156px 822px #fff, 1912px 1210px #fff, 812px 399px #fff, 1284px 664px #fff, 439px 1055px #fff, 751px 111px #fff, 369px 1664px #fff, 1757px 839px #fff, 425px 1745px #fff, 1864px 1495px #fff, 781px 1295px #fff, 1336px 171px #fff, 294px 1278px #fff, 1422px 1841px #fff, 1846px 1267px #fff, 1364px 1686px #fff, 1259px 1168px #fff, 8px 216px #fff, 1993px 1192px #fff, 1092px 563px #fff, 455px 805px #fff, 904px 1402px #fff, 1477px 207px #fff, 1352px 738px #fff;
}

@keyframes dots_animate {
    0% {top: 0}
    100% {top: -100%;}
}

.homepage_line_contents_outer
{
    width:100%;
    min-height:20px;
    background-color:var(--second_color);
    float:left;
    position:relative;
    overflow:hidden;
}


.customClockBox
{
    width:calc((100% / 5) - (40px / 5));
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    font-weight:500;
    color:#333;
    padding:9px;
    padding-bottom:12px;
    border:1px solid #333;
    cursor:pointer;
}

.customClockBoxSelect
{
    width:calc((100% / 5) - (40px / 5));
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    font-weight:500;
    background-color:#333;
    color:#fff;
    padding:9px;
    padding-bottom:12px;
    border:1px solid #333;
    cursor:pointer;
}

    .customClockBox {
        padding: 10px;
        margin: 5px;
        border: 1px solid #ccc;
        cursor: pointer;
    }
    
    .customClockBoxSelect {
        background-color: #4CAF50; 
        color: white; 
        border: 1px solid #4CAF50; 
    }


.customClocksOuter {
    width: 100%;
    min-height: 10px;
    float: left;
    padding: 15px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}
.customClockBoxDeleted
{
    width:calc((100% / 5) - (40px / 5));
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    font-weight:500;
    background-color:#333;
    color:#fff;
    padding:9px;
    padding-bottom:12px;
    border:1px solid #333;
    opacity:0.2;
}


.homepage_line_contents_inner
{
    width:100%;
    min-height:20px;
    float:left;
    padding:50px 0px;
    padding-bottom:20px;
}

.homepage_line_contents_inner h1
{
    width:100%;
    float:left;
    font-size:40px;
    font-weight:500;
    color:var(--main_color);
    text-transform: uppercase;
    font-family: 'Teko', sans-serif;
    text-align:center;
    letter-spacing: 1px;
    margin:0px;
    margin-bottom:40px;
    display:flex;
    align-items:Center;
    justify-content:Center;
    gap:25px;
}

.homepage_line_contents_inner h1:before
{
    content:'';
    flex:1;
    height:1px;
    background-color:#ffffff30;
}

.homepage_line_contents_inner h1:after
{
    content:'';
    flex:1;
    height:1px;
    background-color:#ffffff30;
}

.homepage_line_contents_inner h2
{
    width:100%;
    float:left;
    font-size:65px;
    font-weight:200;
    color:#fff;
    text-transform: uppercase;
    font-family: 'Teko', sans-serif;
    text-align:center;
    letter-spacing: 3px;
    margin:0px;
    line-height:80px;
}

.homepage_line_contents_inner p
{
    width:100%;
    float:left;
    font-size:23px;
    font-weight:200;
    color:#fff;
    font-family: 'Teko', sans-serif;
    text-align:center;
    letter-spacing: 3px;
    margin:0px;
    margin-top:20px;
}

.homepage_line_contents_inner p:last-child
{
    margin-bottom:40px;
}

.homepage_line_slider_outer
{
    width:100%;
    height:160px;
    float:left;
}

.homepage_line_slider_box
{
    min-width:10px;
    height:160px;
    font-size:115px;
    float:left;
    font-family: 'Schabo', sans-serif;
    text-transform: uppercase;
    letter-spacing: 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--main_color);
    margin-right:15px;
    opacity: 0.7;;
}

.homepage_line_contents_outer:after
{
    content:'';
    width:calc(60% + 25px);
    height:30px;
    background-color:#fff;
    float:left;
    clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 100%, 0% 100%);
    margin-bottom:-1px;
}

.homepage_video_contents_outer
{
    width:100%;
    min-height:50px;
    background-color:#fff;
    float:left;
    position:relative;
}

.homepage_video_contents_outer:after
{
    content:'';
    width:20px;
    height:100%;
    position:absolute;
    right:0px;
    top:0px;
    z-index:1;
    background-color:var(--main_color);
}

.homepage_video_contents_inner
{
    width:100%;
    min-height:50px;
    float:left;
    position:relative;
    z-index:3;
    padding:40px 0px;
}

.homepage_video_contents_inner h1
{
    width:80%;
    float:left;
    margin:0px;
    font-size:70px;
    color:var(--second_color);
    font-family: 'Teko', sans-serif;
    text-transform: uppercase;
    font-weight:600;
    line-height:85px;
    padding:0px 20px;
    margin-bottom:30px;
}

.homepage_video_contents_inner h1 span
{
    color:var(--main_color);
}

.homepage_video_contents_inner h3
{
    width:100%;
    float:left;
    margin:0px;
    font-size:40px;
    color:var(--second_color);
    font-family: 'Teko', sans-serif;
    font-weight:500;
    margin-bottom:20px;
}

.homepage_video_contents_inner p
{
    width:100%;
    float:left;
    margin:0px;
    font-size:30px;
    color:var(--second_color);
    font-family: 'Teko', sans-serif;
    font-weight:200;
    opacity: 0.8;;
}

.homepage_half_contents_outer
{
    width:100%;
    min-height:50px;
    background-color:aqua;
    float:left;
    position:relative;
}

.homepage_half_contents_outer:before
{
    content:'';
    width:50%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    background-color:var(--main_color);
    z-index:1;
}

.homepage_half_contents_outer:after
{
    content:'';
    width:50%;
    height:100%;
    position:absolute;
    right:0px;
    top:0px;
    background-color:var(--second_color);
    z-index:1;
}

.homepage_half_contents_top
{
    width:calc(40% + 25px);
    height:30px;
    float:right;
    background-color:#fff;
    position:relative;
    z-index:2;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50px 100%);
    margin-top:-1px;
}

.homepage_half_contents_inner
{
    width:100%;
    min-height:80px;
    float:left;
    position:relative;
    z-index:2;
    margin-bottom:30px;
    padding:40px 0px;
}

.homepage_half_contents_inner div:first-child
{
    text-align:right;
    color:var(--second_color);
}

.homepage_half_contents_inner div:last-child
{
    text-align:left;
    color:#fff;
}

.homepage_half_contents_inner h1
{
    width:100%;
    font-size:50px;
    font-weight:700;
    font-family: 'Teko', sans-serif;
    text-transform: uppercase;
    margin-bottom:40px;
}

.homepage_half_contents_inner p
{
    width:100%;
    font-size:30px;
    font-weight:400;
    font-family: 'Teko', sans-serif;
    text-transform: uppercase;
    margin:0px;
    margin-bottom:25px;
    display:flex;
    align-items:Center;
    gap:15px;
}

.homepage_half_contents_inner p span
{
    flex:1;
}

.homepage_half_contents_inner p:last-child
{
    margin-bottom:0px;
}

.homepage_half_contents_inner div:first-child p
{
    justify-content:flex-end;
}

.homepage_half_contents_inner div:last-child p
{
    justify-content:flex-start;
}

.homepage_half_contents_inner div:first-child p:after
{
    content:'';
    width:10px;
    height:10px;
    clip-path: polygon(0 50%, 100% 100%, 100% 0);
    background-color:var(--second_color);
    float:right;
}

.homepage_half_contents_inner div:last-child p:before
{
    content:'';
    width:10px;
    height:10px;
    clip-path: polygon(100% 50%, 0 100%, 0 0);
    background-color:#fff;
    float:left;
}

.homepage_white_text_outer
{
    width:100%;
    min-height:50px;
    background-color:#fff;
    float:left;
}

.homepage_white_text_inner
{
    width:100%;
    min-height:50px;
    float:left;
    padding:40px 0px;
}

.homepage_white_text_inner h1
{
    width:100%;
    float:left;
    font-size:50px;
    font-weight:500;
    color:var(--second_color);
    text-transform: uppercase;
    font-family: 'Teko', sans-serif;
    text-align:center;
    letter-spacing: 1px;
    margin:0px;
    margin-bottom:40px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.homepage_white_text_inner h3
{
    width:100%;
    float:left;
    font-size:20px;
    font-weight:500;
    color:var(--main_color);
    text-transform: uppercase;
    font-family: 'Teko', sans-serif;
    text-align:center;
    letter-spacing: 4px;
    margin:0px;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.product_card_outer
{
    width:100%;
    min-height:90px;
    background-color:var(--second_color);
    float:left;
    cursor:pointer;
    margin-top:30px;
}

.product_card_outer:before
{
    content:'';
    width:calc(60% + 15px);
    height:40px;
    float:left;
    background-color:#fff;
    clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0% 100%);
    margin-top:-1px;
    margin-left:-1px;
}

.product_card_image_outer
{
    width:100%;
    min-height:50px;
    float:left;
    margin-top:-80px;
    position:relative;
    z-index:2;
    margin-bottom:5px;
    transition: all 0.5s ease;
}

.product_card_image_outer img
{
    width:100%;
    height:200px;
    object-fit: contain;
    object-position: center;
    float:left;
    transition: all 0.5s ease;
}

.product_mask
{
    width:100%;
    height:200px;
    position:absolute;
    z-index:3;
    left:0px;
    top:0px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    overflow:hidden;
}

.product_mask div
{
    content:'';
    width: 100%;
    height: 80px;
    background-image: linear-gradient(0deg,rgba(255, 255, 255, 0) 0,#ffffff 99%,rgba(255,255,255,0));
    top:-80px;
    position:absolute;
    animation: gradiend_mask 6s cubic-bezier(.6,.6,0,1) infinite;
    opacity:0.4;
}

@keyframes gradiend_mask
{
    30%, 35%
    {
        top:-80px;
    }
    34%, 91%
    {
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, #ffffff 99%, rgba(255, 255, 255, 0));
    }
    35%, 90%
    {
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #ffffff 99%, rgba(255, 255, 255, 0));
    }
    90%
    {
        top:calc(100% + 80px);
    }
}

.video_product_tag
{
    max-width:calc(50% - 15px)!important;
    margin-right:15px;
}

.product_card_categories_box
{
    min-width:10px;
    height:30px;
    background-color:var(--main_color);
    max-width:100%;
    float:left;
    color:var(--second_color);
    padding:0px 10px;
    line-height:33px;
    text-transform: uppercase;
    font-family: 'Teko', sans-serif;
    font-size:18px;
    font-weight:500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_card_name_outer
{
    width:100%;
    height:60px;
    overflow:hidden;
    float:left;
    text-transform: uppercase;
    font-family: 'Teko', sans-serif;
    color:var(--main_color);
    font-size:25px;
    line-height:30px;
    margin-top:15px;
}

.product_card_price_outer
{
    width: 60%;
    height: 40px;
    background-color: #fff;
    float: left;
    margin-top: 15px;
    clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0% 100%);
    margin-bottom: -40px;
    font-size: 25px;
    color: var(--second_color);
    font-family: 'Teko', sans-serif;
    line-height: 44px;
    letter-spacing: 1px;
    padding: 0px 10px;
}

.product_card_bottom_btn
{
    content:'';
    width:calc(40% + 15px);
    height:40px;
    float:right;
    margin-right:-1px;
    background-color:#fff;
    clip-path: polygon(30px 0, 100% 0, 100% 100%, 0% 100%);
    overflow:hidden;
    margin-bottom:-1px;
}

.product_card_bottom_btn_inner
{
    width:0%;
    height:40px;
    float:left;
    background-color:var(--main_color);
    text-align:right;
    font-size: 22px;
    color: var(--second_color);
    font-family: 'Teko', sans-serif;
    line-height: 44px;
    letter-spacing: 1px;
    text-transform: uppercase;
    overflow:hidden;
    transition: all 0.5s ease;
    text-decoration: none!important;
}

.product_card_bottom_btn_inner i
{
    font-size: 17px;
    float: right;
    margin-top: 12px;
    margin-left: 5px;
    margin-right:10px;
}

.product_card_outer:hover * .product_card_bottom_btn_inner
{
    width:100%;
}

.product_card_outer:hover .product_card_image_outer
{
    transform: rotate(-10deg) scale(1.15);
}

.homepage_cotents_bottom_line
{
    width:100%;
    min-height:20px;
    float:left;
    margin-top:30px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.homepage_cotents_bottom_line_btn
{
    min-width:10px;
    height:50px;
    float:left;
    margin-top:30px;
    border:1px solid var(--second_color)!important;
    padding:0px 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family: 'Gemunu Libre', sans-serif;
    font-size:18px;
    font-weight:600;
    color:var(--second_color);
    text-transform: uppercase;
    letter-spacing: 4px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition: all 0.3s ease;
    text-decoration: none;
    padding-bottom:2px;
    background-color:#fff;
}

.homepage_cotents_bottom_line_btn span
{
    position:relative;
    z-index:2;
    transition: all 0.3s ease;
}

.homepage_cotents_bottom_line_btn:before
{
    content:'';
    width:0%;
    height:60px;
    background-color:var(--second_color);
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
    transition: all 0.4s ease;
}

.homepage_cotents_bottom_line_btn:hover:before
{
    width:100%;
}

.homepage_cotents_bottom_line_btn:hover span
{
    color:var(--main_color);
}

.video_card_image_outer
{
    width:100%;
    min-height:40px;
    float:left;
    padding:20px;
    padding-bottom:10px;
    position:relative;
    z-index:9;
    transition: all 0.5s ease;
}

.video_card_image_outer img
{
    width:100%;
    height:250px;
    object-fit: cover;
    object-position: center;
    margin-top:-80px;
}

.product_card_outer:hover .video_card_image_outer
{
    transform: rotate(-5deg) scale(1.05);
}

.referances_box_outer
{
    min-width:10px;
    height:150px;
    float:left;
    margin-right:45px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.referances_box_outer img
{
    width:auto;
    height:55px;
    float:left;
}

.video_card_image_tag
{
    min-width: 10px;
    height: 30px;
    background-color: var(--main_color);
    float: left;
    position: absolute;
    left: 35px;
    top: -45px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--second_color);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Teko', sans-serif;
    text-transform: uppercase;
    padding: 0px 10px;
    padding-top: 3px;
}

.video_card_image_tag i
{
    font-size: 13px;
    float: left;
    margin-right: 5px;
    margin-top: -3px;
}

.video_card_image_tag_animation:before
{
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid var(--main_color);
    position: absolute;
    margin-top: -4px;
    animation: videoCardBefore 2s infinite;
}

@keyframes videoCardBefore
{
    0% {
        width: 100%;
        height: 100%;
    }
    90% {
        width: calc(100% + 30px);
        height: calc(100% + 30px);
    }
    100% {
        width: calc(100% + 30px);
        height: calc(100% + 30px);
        opacity: 0;
    }
}

.video_card_image_tag_animation:after {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid var(--main_color);
    position: absolute;
    margin-top: -4px;
    animation: videoCardAfter 2s infinite;
}

@keyframes videoCardAfter {
    0% {
        width: 100%;
        height: 100%;
    }
    90% {
        width: calc(100% + 15px);
        height: calc(100% + 15px);
    }
    100% {
        width: calc(100% + 15px);
        height: calc(100% + 15px);
        opacity: 0;
    }
}

/* Homepage */

/* About */

.page_top_line_outer
{
    width:100%;
    min-height:90px;
    background-color:var(--second_color);
    float:left;
    position:relative;
    z-index:1;
    margin-top:-90px;
}

.page_top_line_inner
{
    width:100%;
    min-height:90px;
    float:left;
    padding-top:90px;
    position:relative;
    z-index:2;
    background-color: rgba(0,0,0,0.6);
}

.page_top_line_content_outer
{
    width:100%;
    min-height:10px;
    float:left;
    border-top:1px solid #ffffff14;
}

.page_top_line_content
{
    width:100%;
    min-height:60px;
    position:relative;
    z-index:4;
    float:left;
    padding:30px 0px;
}

.page_top_line_content h1
{
    width:100%;
    font-size:80px;
    float:left;
    font-family: 'Teko', sans-serif;
    text-align:center;
    margin:0px;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: 7px;
}

.page_top_line_content p
{
    width:100%;
    text-align:center;
    float:left;
    font-family: 'Teko', sans-serif;
    font-size:18px;
    color:var(--main_color);
    text-transform: uppercase;
    letter-spacing: 7px;
    margin-top:15px;
    margin-bottom:0px;
}

.page_content_outer
{
    width:100%;
    min-height:50px;
    float:left;
}

.page_content_inner
{
    width:100%;
    min-height:50px;
    float:left;
    padding:40px 20px;
    border-left:1px solid #dadada;
    border-right:1px solid #dadada;
}

.page_content_inner h5
{
    width:100%;
    font-size:20px;
    font-weight:400;
    color:var(--main_color);
    font-family: 'Teko', sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom:15px;
}

.page_content_inner h4
{
    width:100%;
    font-size:60px;
    font-weight:900;
    color:var(--second_color);
    font-family: 'Teko', sans-serif;
    text-transform: uppercase;
    line-height:70px;
    margin-bottom:25px;
}

.page_content_inner p
{
    width:100%;
    font-size:20px;
    color:var(--second_color);
    font-family: 'Teko', sans-serif;
    text-transform: uppercase;
    margin-bottom:25px;
}

/* About */

/* Custom Contact */

.contact_form_outer
{
    width:100%;
    float:left;
    position:relative;
    border:1px solid #dadada;
}

.contact_form_inputs
{
    width:60%;
    min-height:50px;
    float:left;
    padding:10px;
}

.contact_form_image
{
    width:40%;
    height:100%;
    position:absolute;
    right:0px;
    top:0px;
    float:left;
    background-size:cover;
    background-position:center;
    border-left:1px solid #dadada;
}

.contact_form_image iframe
{
    width:100%;
    height:100%;
    float:left;
    border:0px;
}

.contact_form_inputs h5 {
    width: 100%;
    font-size: 32px;
    font-weight: 300;
    color: var(--main_color);
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0px;
    margin-bottom: 10px;
    font-family: 'Teko', sans-serif;
}

.contact_form_inputs h3 {
    width: 100%;
    float: left;
    font-size: 42px;
    font-weight: 300;
    color: var(--second_color);
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 3px;
    margin-bottom: 10px;
    font-family: 'Teko', sans-serif;
}

.contact_input_outer
{
    width:100%;
    min-height:10px;
    float:left;
}

.contact_input_outer p
{
    width:100%;
    float:left;
    margin:0px;
    font-size:20px;
    font-weight:400;
    margin-bottom:5px;
    letter-spacing: 2px;
    font-family: 'Teko', sans-serif;
    color:var(--second_color);
}

.contact_input_outer input
{
    width:100%;
    float:left;
    height:45px;
    border:1px solid #dadada;
    outline:0px!important;
    box-shadow: none!important;
    padding:0px 10px;
    font-size:20px;
    font-family: 'Teko', sans-serif;
    font-weight:300;
    padding-top:2px;
    color:var(--second_color);
    letter-spacing: 1px;
}

.contact_input_outer textarea
{
    width:100%;
    float:left;
    height:145px;
    resize:none!important;
    border:1px solid #dadada;
    outline:0px!important;
    box-shadow: none!important;
    padding:10px 10px;
    font-size:20px;
    font-family: 'Teko', sans-serif;
    font-weight:300;
    color:var(--second_color);
    letter-spacing: 1px;
}

.contact_input_outer button
{
    border:0px!important;
    outline:0px!important;
}

.contact_boxes_outer
{
    width:100%;
    min-height:20px;
    float:left;
    border-top:1px solid #dadada;
    margin-top:-1px;
}

.contact_boxes_inner
{
    width:100%;
    min-height:20px;
    border-left:1px solid #dadada;
    border-right:1px solid #dadada;
    display:-webkit-inline-flex;
    float:left;
}

.contact_box_outer
{
    flex:1;
    height:auto;
    float:left;
    border-right:1px solid #dadada;
    padding:20px;
}

.contact_box_outer:last-child
{
    border-right:0px;
}

.contact_box_outer h3
{
    width:100%;
    float:left;
    font-size:28px;
    margin:0px;
    font-weight:400;
    color:var(--main_color);
    text-align:center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom:5px;
    font-family: 'Teko', sans-serif;
}

.contact_box_outer p
{
    width:100%;
    float:left;
    font-size:16px;
    margin:0px;
    font-weight:300;
    color:var(--second_color);
    text-align:center;
    margin-top:10px;
    font-family: 'Teko', sans-serif;
}

@media only screen and (max-width: 900px)
{
    .contact_form_image
    {
        width:100%;
        height:250px;
        border-left:0px;
        border-bottom:1px solid #dadada;
        float:left;
        position:relative;
    }

    .contact_form_inputs
    {
        width:100%;
    }

    .contact_boxes_inner
    {
        display:block;
    }

    .contact_box_outer
    {
        border-right:0px;
        border-bottom:1px solid #dadada;
    }

    .contact_box_outer:last-child
    {
        border-bottom:0px;
    }
}

/* Custom Contact */

/* Login */

.login_page_outer
{
    width:100%;
    height:100vh;
    background-color:var(--second_color);
    position:fixed;
    left:0px;
    top:0px;
    z-index:99;
}

.login_page_inner
{
    width:100%;
    height:100vh;
    position:absolute;
    left:0px;
    top:0px;
    z-index:2;
    background-color:rgba(0,0,0,0.6);
    display:flex;
    align-items:center;
    justify-content:center;
}

.login_page_back_btn
{
    width:45px;
    height:45px;
    position:absolute;
    left:20px;
    top:20px;
    z-index:99;
    border-radius:40px;
    cursor:pointer;
    border:1px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:20px;
    transform: rotate(45deg);
    overflow:hidden;
    transition: all 0.3s ease;
    text-decoration: none!important;
}

.login_page_back_btn:before
{
    content:'';
    width:0%;
    height:45px;
    position:absolute;
    left:0px;
    top:0px;
    background-color:var(--main_color);
    z-index:-1;
    transition: all 0.3s ease;
}

.login_page_back_btn:hover
{
    color:var(--second_color);
    transform: rotate(0deg);
    border-color:var(--main_color);
}

.login_page_back_btn:hover:before
{
    width:100%;
}

.login_page_contents
{
    width:100%;
    min-height:20px;
    max-height:100vh;
    overflow:auto;
    float:left;
    display:flex;
    align-items:flex-start;
    justify-content:Center;
}

.login_page_contents::-webkit-scrollbar {
  width: 0px;
}

.login_page_contents .container
{
    float:left;
}

.login_box_outer
{
    width:40%;
    min-height:50px;
    background-color:#ffffff18;
    float:left;
    margin:50px 30%;
    border-radius:0px 25px 25px 25px;
    padding:30px;
}

.login_box_outer h1
{
    width:100%;
    font-size:40px;
    text-align:center;
    font-family: 'Teko', sans-serif;
    color:#fff;
    letter-spacing: 2px;
    margin:0px;
    margin-bottom:10px;
}

.login_box_outer h3
{
    width:100%;
    font-size:20px;
    text-align:center;
    font-family: 'Teko', sans-serif;
    font-weight:200;
    color:var(--main_color);
    letter-spacing: 4px;
    margin-bottom:30px;
}

.login_input_outer
{
    width:100%;
    min-height:20px;
    float:left;
}

.login_input_outer p
{
    width:100%;
    font-size:18px;
    font-weight:200;
    letter-spacing: 2px;
    color:#fff;
    float:left;
    margin:0px;
    font-family: 'Teko', sans-serif;
    margin-bottom:5px;
}

.login_input_box
{
    width:100%;
    height:45px;
    background-color:#fff;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:15px;
}

.login_input_icon
{
    width:45px;
    height:45px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    color:var(--second_color);
    text-decoration: none!important;
}

.login_input_box input
{
    flex:1;
    height:45px;
    float:left;
    background-color:transparent;
    border:0px!important;
    outline:0px!important;
    box-shadow: none!important;
    font-family: 'Teko', sans-serif;
    font-size:20px;
    font-weight:200;
    color:var(--second_color);
    letter-spacing: 1px;
    padding-top:3px;
}

.login_input_right
{
    width:0px;
    height:45px;
    float:left;
    background-color:var(--main_color);
    transition: all 0.3s ease;
}

.login_input_box input:focus ~ .login_input_right
{
    width:10px;
}

.login_link_outer
{
    width:100%;
    height:25px;
    float:left;
    margin-top:-7px;
}

.login_link_outer a
{
    float:right;
    font-size:18px;
    font-weight:300;
    color:var(--main_color);
    font-family: 'Teko', sans-serif;
    letter-spacing: 2px;
    text-decoration: none;
}

.login_link_outer label
{
    float:left;
    font-size:18px;
    font-weight:300;
    color:#fff;
    font-family: 'Teko', sans-serif;
    letter-spacing: 2px;
    text-decoration: none;
    cursor:pointer;
}

.login_link_outer label a
{
    float:none!important;
    color:var(--main_color);
}

.custom_check
{
    width:18px;
    height:18px;
    background-color:#ffffff3e;
    float:left;
    margin-right:7px;
    margin-top:3px;
}

.custom_check input
{
    display:none;
}

.custom_check_inner
{
    width:18px;
    height:18px;
    background-color:var(--main_color);
    display:flex;
    align-items:Center;
    justify-content:Center;
    font-size:13px;
    color:var(--second_color);
    padding-left:3px;
    opacity: 0;
    transition: all 0.3s ease;
}

.custom_check input:checked ~ .custom_check_inner
{
    opacity: 1;
}

.login_input_outer button
{
    width:100%;
    height:50px;
    float:left;
    border:1px solid var(--main_color);
    padding:0px 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family: 'Gemunu Libre', sans-serif;
    font-size:18px;
    font-weight:400;
    color:var(--main_color);
    text-transform: uppercase;
    letter-spacing: 4px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition: all 0.3s ease;
    text-decoration: none;
    padding-bottom:2px;
    background:transparent;
    margin-top:35px;
}

.login_input_outer button span
{
    position:relative;
    z-index:2;
    transition: all 0.3s ease;
}

.login_input_outer button:before
{
    content:'';
    width:0%;
    height:60px;
    background-color:var(--main_color);
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
    transition: all 0.4s ease;
}

.login_input_outer button:hover:before
{
    width:100%;
}

.login_input_outer button:hover span
{
    color:var(--second_color);
}

.login_bottom_text
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:25px;
}

.login_bottom_text a
{
    float:left;
    font-size:18px;
    letter-spacing: 1px;
    font-weight:200;
    color:#fff;
    font-family: 'Teko', sans-serif;
    text-decoration: none;
}

.login_bottom_text span
{
    color:var(--main_color);
}

/* Login */

/* Products */

.products_list_outer
{
    width:100%;
    min-height:50px;
    float:left;
}

.product_list_inner
{
    width:100%;
    min-height:50px;
    float:left;
    border-left:1px solid #dadada;
    border-right:1px solid #dadada;
}

.product_list_top_line
{
    width:100%;
    min-height:10px;
    float:left;
    border-bottom:1px solid #dadada;
    padding:15px 10px;
    font-family: 'Teko', sans-serif;
    font-weight:400;
    font-size:18px;
    color:var(--second_color);
    letter-spacing: 2px;
    padding-bottom:12px;
    background-color:#fff;
}

.product_list_top_line i
{
    font-size: 15px;
    float: left;
    margin-top: 5px;
    margin-right: 4px;
    color:var(--main_color);
}

.product_list_left_outer
{
    width:260px;
    min-height:250px;
    float:left;
    border-right:1px solid #dadada;
    padding:10px;
}

.product_list_right_outer
{
    width:calc(100% - 259px);
    min-height:250px;
    float:left;
    border-left:1px solid #dadada;
    margin-left:-1px;
}

.product_list_right_outer * .product_card_image_outer img
{
    height:160px;
}

.product_list_right_outer * .product_mask
{
    height:160px;
}

.product_list_right_outer * .product_card_price_outer
{
    font-size:20px;
}

.product_list_right_outer * .product_card_bottom_btn_inner
{
    font-size:17px;
}

.product_list_top_contents
{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height: 30px;
    background-color:var(--second_color);
    float:left;
    margin-bottom:20px;
    padding:10px 15px;
}

.product_list_top_contents span
{
    flex:1;
    color:#fff;
    font-family: 'Teko', sans-serif;
    font-size:18px;
    font-weight:200;
    letter-spacing: 1px;
}
.product_list_top_contents select
{
    width:250px;
    height:40px;
    background-color:#fff;
    float:left;
    font-size:18px;
    font-weight:400;
    color:var(--second_color);
    letter-spacing: 1px;
    font-family: 'Teko', sans-serif;
    margin-right:-5px;
    padding:0px 10px;
    padding-top:2px;
}

.product_list_left_search_outer
{
    width:100%;
    height:60px;
    float:left;
}

.product_list_left_search_outer p
{
    width:100%;
    float:left;
    font-size:16px;
    font-weight:400;
    color:var(--second_color);
    font-family: 'Teko', sans-serif;
    letter-spacing: 2px;
    margin:0px;
    text-transform: uppercase;
}

.product_list_left_search_line
{
    width:100%;
    height:36px;
    background-color:var(--second_color);
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
}

.product_list_left_search_line button
{
    width:36px;
    height:36px;
    background-color:var(--main_color);
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0px!important;
    outline:0px!important;
    box-shadow:none!important;
    font-size:15px;
    color:var(--second_color);
}

.product_list_left_search_line input
{
    flex:1;
    height:26px;
    float:left;
    font-size:16px;
    letter-spacing: 1px;
    font-weight:400;
    color:#fff;
    font-family: 'Teko', sans-serif;
    background:transparent;
    border:0px!important;
    outline:0px!important;
    box-shadow:none!important;
    padding-left:10px;
}

.product_left_dropdown_btn
{
    width:100%;
    min-height:20px;
    background-color:var(--second_color);
    float:left;
    padding:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.product_left_dropdown_btn_icon
{
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    color:#fff;
}

.product_left_dropdown_btn_text
{
    flex:1;
    font-size:17px;
    font-weight:400;
    letter-spacing: 2px;
    color:#fff;
    float:left;
    font-family: 'Teko', sans-serif;
    margin-top:2px;
}

.product_left_dropdown_btn_text_right
{
    min-width:10px;
    font-size:16px;
    font-weight:200;
    letter-spacing: 1px;
    color:#fff;
    float:left;
    font-family: 'Teko', sans-serif;
    margin-top:2px;
}

.product_left_dropdown_contents
{
    width:100%;
    min-height:20px;
    float:left;
    border:1px solid var(--second_color);
    border-top:0px;
    padding:0px 5px;
}

.product_left_dropdown_contents_line
{
    width:100%;
    min-height:20px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px 5px;
    border-bottom:1px solid #dadada;
    cursor:pointer;
}

.product_left_dropdown_contents_line:last-child
{
    border-bottom:0px;
    padding-bottom:15px;
}

.product_left_dropdown_contents_line .custom_check
{
    background-color:#dadada;
}

.product_left_dropdown_contents_line p
{
    flex:1;
    font-size:15px;
    font-weight:400;
    letter-spacing: 1px;
    color:var(--second_color);
    float:left;
    font-family: 'Teko', sans-serif;
    margin:0px;
    margin-top:5px;
}

.product_left_dropdown_contents_line p i
{
    font-size: 13px;
    float: left;
    margin-top: 3px;
    margin-right: 7px;
}

.product_left_dropdown_contents_line_right
{
    min-width:10px;
    font-size:15px;
    font-weight:400;
    letter-spacing: 1px;
    color:var(--second_color);
    float:left;
    font-family: 'Teko', sans-serif;
    margin:0px;
    margin-top:5px;
}

.product_left_dropdown_contents .product_detail_contents
{
    margin:0px;
}

.products_bottom_counter_outer
{
    width:100%;
    min-height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px;
    margin-top:15px;
    float:left;
    gap:10px;
}

.products_bottom_counter_btn
{
    width:35px;
    height:35px;
    background-color:#f5f5f5;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:19px;
    color:var(--second_color);
    text-decoration: none!important;
    font-family: 'Teko', sans-serif;
    padding-top:3px;
}

.products_bottom_counter_btn i
{
    font-size:13px;
    margin-top:-4px;
}

.products_bottom_counter_btn_select
{
    background-color:var(--main_color);
}

/* Products */

/* Product Detail */

.product_detail_title_outer
{
    width:100%;
    min-height:20px;
    float:left;
    font-size:30px;
    font-weight:400;
    color:var(--second_color);
    letter-spacing: 1px;
    padding:5px 15px;
    border-bottom:1px solid #dadada;
    padding-bottom:15px;
    margin-bottom:7px;
    font-family: 'Teko', sans-serif;
}

.product_detail_images_outer
{
    width:100%;
    height:300px;
    float:left;
    border:1px solid #dadada;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.product_detail_images_outer img
{
    width:100%;
    height:260px;
    object-fit: contain;
    object-position: center;
}

.product_detail_right_outer
{
    width:100%;
    min-height:20px;
    float:left;
    padding:10px;
}

.product_right_iconbox
{
    width:calc(100% / 3);
    height:90px;
    float:left;
    padding:5px;
}

.product_right_iconbox_image
{
    width:100%;
    height:40px;
    float:left;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;

}

.product_right_iconbox_image:before
{
    content:'';
    display:block;
    padding-bottom:100%;
}

.product_right_iconbox p
{
    width:100%;
    height:30px;
    font-size:15px;
    color:var(--second_color);
    font-family: 'Teko', sans-serif;
    text-align:center;
    margin:0px;
    line-height:15px;
    margin-top:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding-top:2px;
    text-transform: uppercase;
}

.product_right_content_text
{
    width:100%;
    min-height:10px;
    float:left;
    font-size:15px;
    font-weight:400;
    color:var(--second_color);
    font-family: 'Teko', sans-serif;
    padding:10px;
}

.product_detail_mini_images_outer
{
    width:100%;
    min-height:20px;
    float:left;
    margin-top:10px;
}

.product_detail_mini_image
{
    width:calc((100% / 4) - 24px);
    height:auto;
    float:left;
    margin:12px;
    cursor:pointer;
    object-fit: contain;
    object-position: center;
}

.product_detail_mini_image:before
{
    content:'';
    display:block;
    padding-bottom:100%;
}

.product_detail_contents
{
    width:100%;
    min-height:10px;
    float:left;
    margin-bottom:20px;
}

.product_detail_contents h3
{
    width: 100%;
    font-size:25px;
    font-weight:400;
    letter-spacing: 1px;
    color:var(--second_color);
    float:left;
    margin:0px;
    font-family: 'Teko', sans-serif;
    margin-bottom:10px;
}

.product_detail_contents p
{
    width: 100%;
    font-size:16px;
    font-weight:400;
    letter-spacing: 1px;
    color:var(--second_color);
    float:left;
    margin:0px;
    font-family: 'Teko', sans-serif;
    opacity: 0.8;
}

.product_detail_contents p b
{
    font-weight:550;
}

.product_detail_basket_line_outer
{
    width:100%;
    min-height:20px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    margin-top:15px;
}

.product_detail_basket_line_outer .homepage_cotents_bottom_line_btn
{
    margin:0px;
}

.product_counter_outer
{
    min-width:10px;
    height:50px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--second_color);
}

.product_counter_outer input
{
    width:60px;
    height:48px;
    float:left;
    border:0px;
    outline:0px;
    box-shadow: none;
    text-align:center;
    font-size:16px;
    font-weight:400;
    color:var(--second_color);
    padding-bottom:2px;
}


.product_counter_outer input::-webkit-outer-spin-button,
.product_counter_outer input::-webkit-inner-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

.product_counter_btn
{
    width:50px;
    height:48px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:500;
    color:var(--second_color);
    cursor:pointer;
    position:relative;
    overflow:hidden;
}

.product_counter_btn i {
    position: relative;
    z-index: 3;
    transition: all 0.3s ease;
}

.product_counter_btn:before {
    content: '';
    width: 0%;
    height: 50px;
    background-color: var(--second_color);
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.3s ease;
    z-index: 1;
}

.product_counter_btn:hover::before {
    width: 100%;
}

.product_counter_btn:hover i {
    color: var(--main_color);
}

.product_counter_btn:hover i {
    color: var(--main_color)!important;
}

.product_counter_btn:hover {
    border-color: var(--main_color);
}

.product_counter_btn:first-child
{
    border-right:1px solid var(--second_color);
}

.product_counter_btn:last-child
{
    border-left:1px solid var(--second_color);
}

.product_detail_price_line
{
    flex:1;
    min-height:10px;
    float:left;
    font-family: 'Teko', sans-serif;
    font-size:30px;
    color:var(--second_color);
    letter-spacing: 1px;
}

.product_detail_user_outer
{
    width:100%;
    min-height:20px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    gap:15px;
    padding:15px 0px;
    border-top:1px solid #dadada;
    border-bottom:1px solid #dadada;
    padding-bottom:12px;
}

.product_detail_user_image
{
    width:45px;
    height:45px;
    float:left;
    background-color:#dadada;
    border-radius:7px;
    object-fit:cover;
    object-position:center;
    margin-top:-4px;
}

.product_detail_user_contents
{
    flex:1;
    min-height:20px;
    float:left;
}

.product_detail_user_contents h3
{
    width:100%;
    float:left;
    font-weight:400;
    font-size:20px;
    color:var(--second_color);
    font-family: 'Teko', sans-serif;
    margin:0px;
    letter-spacing: 1px;
}

.product_detail_user_contents p
{
    width:100%;
    float:left;
    font-weight:400;
    font-size:15px;
    color:var(--second_color);
    font-family: 'Teko', sans-serif;
    margin:0px;
    letter-spacing: 1px;
}

.training_appointment_outer
{
    width:100%;
    min-height:10px;
    float:left;
    background-color:aqua;
}

.training_appointment_top
{
    width:100%;
    height:45px;
    float:left;
    background-color:var(--second_color);
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:2px solid #fff;
}

.training_appointment_top_btn
{
    width:45px;
    height:45px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:#fff;
    text-decoration: none;
    cursor:pointer;
}

.training_appointment_top_btn:first-child
{
    border-right:2px solid #fff;
}

.training_appointment_top_btn:last-child
{
    border-left:2px solid #fff;
}

.training_appointment_top_center
{
    flex:1;
    height:40px;
    float:left;
    font-size:23px;
    font-weight:200;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family: 'Teko', sans-serif;
    letter-spacing: 2px;
    padding-top:2px;
}

.training_appointment_calendar_days
{
    width:100%;
    min-height:20px;
    float:left;
    border-top:2px solid var(--second_color);
    border-left:2px solid var(--second_color);
}

.training_appointment_calendar_day
{
    width:calc(100% / 7);
    height:auto;
    float:left;
    background-color:#fff;
    border-right:2px solid var(--second_color);
    border-bottom:2px solid var(--second_color);
    position: relative;
    text-decoration: none;
    cursor:pointer;
}

.training_appointment_calendar_day:before
{
    content:'';
    display:block;
    padding-bottom:100%;
}

.training_appointment_calendar_day span
{
    position:absolute;
    right:15px;
    top:5px;
    color:var(--second_color);
    font-family: 'Teko', sans-serif;
    font-size:25px;
}

.training_appointment_calendar_day span i
{
    color:rgb(0, 175, 0);
    font-size:10px;
    float:left;
    margin-top:12px;
    margin-right:6px;
}

.oof_day
{
    background-color:#e9e9e9;
}

.oof_day span
{
    opacity: 0.3;
}

.day_select
{
    background-color:var(--second_color);
}

.day_select span
{
    color:var(--main_color);
}

/* Product Detail */

/* Basket */


.basket_outer
{
    width:100%;
    min-height:20px;
    float:left;
}

.basket_inner
{
    width:100%;
    min-height:80px;
    border-left:1px solid #dadada;
    border-right:1px solid #dadada;
    float:left;
    padding:10px;
}

.basket_right_outer
{
    width:100%;
    min-height:80px;
    background-color:var(--second_color);
    border-radius:7px;
    float:left;
    padding:20px;
}

.basket_right_outer h3
{
    width:100%;
    font-size:25px;
    color:var(--main_color);
    float:left;
    font-weight:200;
    margin:0px;
    text-transform: uppercase;
    margin-bottom:5px;
    font-family: 'Teko', sans-serif;
    letter-spacing: 3px;
}

.basket_right_sellers
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-bottom:10px;
}

.basket_right_sellers_image
{
    width:31px;
    height:31px;
    border-radius:50%;
    float:left;
    background-color:#dadada;
    background-size:cover;
    background-position:center;
}

.basket_right_sellers_name_outer
{
    flex:1;
    float:left;
    font-size:18px;
    font-weight:300;
    color:#fff;
    letter-spacing: 2px;
    font-family: 'Teko', sans-serif;
}

.basket_right_sellers_price_outer
{
    flex:1;
    float:left;
    font-size:18px;
    font-weight:300;
    color:#fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align:right;
    font-family: 'Teko', sans-serif;
}

.basket_right_group
{
    width:100%;
    min-height:20px;
    border-bottom:1px solid #dadada34;
    float:left;
    margin-top:15px;
}

.basket_right_btn
{
    width:100%;
    height:40px;
    background-color:var(--main_color);
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:15px;
    border-radius:4px;
    text-transform: uppercase;
    color:#333;
    font-size:20px;
    letter-spacing: 2px;
    font-weight:500;
    cursor:pointer;
    border:0px;
    outline:0px;
    box-shadow: none;
    font-family: 'Teko', sans-serif;
    padding-top:3px;
    text-decoration: none;
}

.basket_right_bottom_text
{
    width:100%;
    min-height:10px;
    float:left;
    text-align:center;
    font-size:19px;
    font-weight:100;
    color:#fff;
    letter-spacing: 2px;
    margin-top:15px;
    font-family: 'Teko', sans-serif;
}

.basket_right_bottom_text a
{
    color:var(--main_color);
    text-decoration: none;
}

.basket_top_dropdown_outer
{
    width:100%;
    min-height:20px;
    float:left;
    overflow:hidden;
    border-radius:4px;
    background-color:var(--second_color);
    margin-bottom:16px;
}

.basket_top_dropdown_title
{
    width:100%;
    min-height:10px;
    display:flex;
    align-items:center;
    justify-content: center;
    padding:13px 15px;
}

.basket_top_dropdown_title_text
{
    flex:1;
    font-size:20px;
    font-weight:300;
    color:#fff;
    letter-spacing: 2px;
    font-family: 'Teko', sans-serif;
    padding-top:2px;
    text-transform: uppercase;
}

.basket_top_dropdown_title_icon
{
    min-width:5px;
    font-size:13px;
    color:#fff;
}

.basket_top_dropdown_contents
{
    width:100%;
    border-top:1px solid #dadada35;
    overflow:hidden;
    transition: all 0.5s ease;
}

.basket_top_dropdown_contents * .custom_inner_input_outer
{
    margin:0px;
}

.basket_top_dropdown_contents * .custom_inner_input_outer input
{
    color:#fff;
}

.basket_top_dropdown_contents * .custom_inner_input_outer p
{
    font-size:11px;
    letter-spacing:2px;
}

.basket_right_group * .custom_inner_input_outer
{
    margin:0px;
}

.basket_right_group * .custom_inner_input_outer input
{
    color:#fff;
}

.basket_right_group * .custom_inner_input_outer p
{
    font-size:11px;
    letter-spacing:2px;
}

.basket_line_outer
{
    width:100%;
    min-height:20px;
    float:left;
    border-top:1px solid #dadada;
    padding:15px 0px;
    margin-bottom:15px;
}

.basket_line_outer * .basket_right_sellers_name_outer
{
    color:#333;
    font-weight:400;
    font-size:20px;
    font-family: 'Teko', sans-serif;
}

.basket_line_outer * .basket_right_sellers_price_outer
{
    color:#333;
    font-weight:500;
    font-size:18px;
    font-family: 'Teko', sans-serif;
}

.basket_line_outer .basket_right_sellers
{
    padding-bottom:15px;
    border-bottom:1px solid #dadada;
    margin-bottom:0px;
}

.basket_line_products_outer
{
    width:100%;
    min-height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding-top:15px;
    padding-bottom:15px;
    border-bottom:1px solid #dadada;
}

.basket_line_products_image
{
    width:90px;
    height:90px;
    float:left;
    border-radius:10px;
    background-size:contain;
    background-position:center;
    background-repeat: no-repeat;
}

.basket_line_products_delete
{
    width:25px;
    height:25px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:25px;
    padding-top:2px;
    color:var(--second_color);
    text-decoration: none;
}

.basket_line_products_contents
{
    width:calc(100% - 135px);
    min-height:20px;
    float:left;
}

.basket_line_products_contents h3
{
    width:100%;
    font-size:23px;
    float:left;
    color:var(--second_color);
    margin:0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:7px;
    font-family: 'Teko', sans-serif;
    letter-spacing: 1px;
}

.basket_line_products_contents h4
{
    width:100%;
    font-size:20px;
    float:left;
    color:#333;
    font-weight:300;
    margin:0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:10px;
    font-family: 'Teko', sans-serif;
    letter-spacing: 1px;
}

.basket_line_products_contents h5
{
    width:100%;
    font-size:20px;
    float:left;
    color:#333;
    font-weight:500;
    margin:0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Teko', sans-serif;
    letter-spacing: 1px;
}

.basket_line_products_contents h5 i
{
    font-size:12px;
    float:left;
    margin-top:4px;
    margin-right:6px;
}

.custom_inner_input_outer {
    width: 100%;
    min-height: 20px;
    float: left;
}

.basket_right_group_title
{
    width:100%;
    font-size:19px;
    letter-spacing: 2px;
    font-weight:300;
    color:#fff;
    text-transform: uppercase;
    float:left;
    padding-bottom:10px;
    border-bottom:1px solid #dadada34;
    font-family: 'Teko', sans-serif;
}

.custom_inner_input_outer p {
    width: 100%;
    float: left;
    font-size: 17px;
    font-weight: 400;
    color: #dadada;
    letter-spacing: 2px;
    margin-bottom: 7px;
    font-family: 'Teko', sans-serif;
}

.custom_inner_input_outer input {
    width: 100%;
    height: 40px;
    border: 1px solid #5c5c5c70;
    outline: 0px !important;
    box-shadow: 0px !important;
    background-color: #323232b3;
    font-size: 18px;
    font-weight: 300;
    padding: 0px 10px;
    padding-top: 2px;
    letter-spacing: 2px;
    color:#fff;
    font-family: 'Teko', sans-serif;
}

.custom_inner_input_outer input[type=file] {
    width: 100%;
    height: 40px;
    border: 1px solid #5c5c5c70;
    outline: 0px !important;
    box-shadow: 0px !important;
    background-color: #323232b3;
    font-size: 13px;
    font-weight: 300;
    padding: 7px;
    padding-bottom: 1px;
    color:#fff;
    font-family: 'Teko', sans-serif;
}

.custom_inner_input_outer select {
    width: 100%;
    height: 40px;
    border: 1px solid #5c5c5c70;
    background-color: #323232b3;
    outline: 0px !important;
    box-shadow: 0px !important;
    font-size: 13px;
    font-weight: 300;
    padding: 0px 10px;
    padding-bottom: 1px;
    border-radius: 5px;
    appearance: none;
    color: #e1e1e1;
    font-family: 'Teko', sans-serif;
}

.custom_inner_input_outer textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #5c5c5c70;
    background-color: #323232b3;
    outline: 0px !important;
    box-shadow: 0px !important;
    font-size: 18px;
    font-weight: 300;
    padding: 5px 10px;
    padding-bottom: 1px;
    border-radius: 5px;
    color:#fff;
    resize: none;
    letter-spacing: 2px;
    font-family: 'Teko', sans-serif;
}

.price_type_btn_outer
{
    width:100%;
    height:40px;
    background-color:rgba(255, 255, 255, 0.169);
    float:left;
    display:flex;
    align-items:center;
    justify-content:Center;
    border-radius:4px;
    font-size:13px;
    font-weight:300;
    letter-spacing: 2px;
    color:#fff;
    text-transform: uppercase;
    cursor:pointer;
    text-decoration: none;;
}

/* Basket */

/* User Profile */

.custom_profile_sidebar {
    width: 100%;
    min-height: 20px;
    background-color: var(--second_color);
    float: left;
    padding: 20px;
    border-radius: 5px;
}

.custom_profile_sidebar_image {
    width: 80px;
    height: 80px;
    background-color: #dadada;
    border-radius: 50px;
    float: left;
    margin: 0px calc(50% - 40px);
    background-size: cover;
    background-position: center;
}

.custom_profile_sidebar_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
}

.custom_profile_sidebar h3 {
    width: 100%;
    font-size: 25px;
    font-weight: 300;
    color: var(--main_color);
    text-align: center;
    margin-top: 10px;
    float: left;
    margin-bottom: 15px;
    letter-spacing: 2px;
    font-family: 'Teko', sans-serif;
    letter-spacing: 3px;
}

.custom_sidebar_profile_btn {
    width: 100%;
    height: 40px;
    background-color: #ffffff1f;
    float: left;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    margin-bottom: 25px;
}

.custom_sidebar_profile_btn i {
    font-size: 14px;
    color: #fff;
}

.custom_sidebar_profile_btn span {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

.custom_profile_sidebar_group {
    width: 100%;
    min-height: 20px;
    float: left;
    border-bottom: 1px solid #dadada38;
    margin-bottom: 10px;
}

.custom_profile_sidebar_group h4 {
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: 300;
    color: var(--main_color);
    letter-spacing: 3px;
    margin-bottom: 15px;
    font-family: 'Teko', sans-serif;
}

.custom_profile_sidebar_group h5 {
    width: 100%;
    float: left;
    font-size: 12px;
    font-weight: 300;
    color: #dadadaab;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.custom_profile_sidebar_group p {
    width: 100%;
    float: left;
    font-size: 12px;
    font-weight: 300;
    color: #dadadaab;
    letter-spacing: 1px;
    margin: 0;
}

.custom_profile_sidebar_group h5:last-child {
    margin-bottom: 0px;
}

.custom_profile_sidebar_group h5 span {
    float: right;
}

.custom_profile_sidebar_group .menu_iconbox_line {
    width: calc(100% + 16px);
    margin-left: -8px;
    margin-right: -8px;
}

.custom_profile_sidebar_group .menu_iconbox_line_selected {
    width: calc(100% + 16px);
    margin-left: -8px;
    margin-right: -8px;
    padding-top:9px;
}

.custom_profile_sidebar_group:last-child {
    padding-bottom: 0px;
    border-bottom: 0px;
    margin-bottom: 0px;
}

.custom_profile_contents {
    width: 100%;
    min-height: 20px;
    float: left;
}

.custom_profile_contents_mini_title {
    width: 100%;
    font-size: 15px;
    font-weight: 300;
    color: #ff9b00;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.custom_profile_contents_title {
    width: 100%;
    float: left;
    font-size: 32px;
    font-weight: 300;
    color: #60210f;
    text-transform: uppercase;
    margin: 0px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    position: relative;
}

.custom_profile_contents_title .create_new_playlist_inner {
    float: right;
}

.menu_iconbox_line {
    width: 100%;
    height: 39px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    gap: 6px;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.menu_iconbox_line_selected {
    width: 100%;
    height: 39px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    gap: 6px;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: rgba(255, 255, 255, 0.2) !important;
    text-decoration: none;
}

.menu_iconbox_icon {
    width: 20px;
    height: 20px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    font-family: 'Teko', sans-serif;
}

.menu_iconbox_text {
    flex: 1;
    height: 20px;
    font-size: 17px;
    font-weight:200;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    font-family: 'Teko', sans-serif;
    letter-spacing: 2px;
}

/* User Profile */

/* User Profile Edit */

.custom_input_outer {
    width: 100%;
    min-height: 20px;
    float: left;
    margin-bottom: 10px;
}

.custom_input_outer p {
    width: 100%;
    float: left;
    font-size: 19px;
    font-weight: 400;
    color: var(--second_color);
    letter-spacing: 1px;
    margin-bottom: 0px;
    font-family: 'Teko', sans-serif;
}

.custom_input_outer input {
    width: 100%;
    height: 40px;
    border: 1px solid #dadada;
    outline: 0px !important;
    box-shadow: 0px !important;
    font-size: 19px;
    font-weight: 300;
    padding: 0px 10px;
    padding-top: 1px;
    letter-spacing: 1px;
    border-radius: 5px;
    font-family: 'Teko', sans-serif;
}

.custom_input_outer select {
    width: 100%;
    height: 40px;
    border: 1px solid #dadada;
    outline: 0px !important;
    box-shadow: 0px !important;
    font-size: 13px;
    font-weight: 300;
    padding: 0px 10px;
    padding-bottom: 1px;
    border-radius: 5px;
    appearance: none;
}

.custom_input_outer textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #dadada;
    outline: 0px !important;
    box-shadow: 0px !important;
    font-size: 13px;
    font-weight: 300;
    padding: 5px 10px;
    padding-bottom: 1px;
    border-radius: 5px;
    resize: none;
    margin:0px!important;
}

.login_box_outer button {
    width: 100%;
    height: 40px;
    background-color: #ffbc64;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 300;
    color: #60210f;
    border: 0px !important;
    outline: 0px !important;
    box-shadow: 0px !important;
    margin-top: 15px;
    float: left;
    padding-bottom: 2px;
}

.edit_profile_button_outer_area {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 35px;
}

.edit_profile_button_outer_area .login_button_outer button
{
    width:auto;
    padding-left: 25px;
    padding-right: 25px;
}

.user_edit_bottom_line
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:20px;
}

.user_edit_bottom_line .homepage_cotents_bottom_line_btn
{
    margin-top:0px;
    border:0px;
    height:45px;
    padding:0px 20px;
    padding-bottom:2px;
}

.user_edit_bottom_line .homepage_cotents_bottom_line_btn span
{
    font-size:17px;
}

.user_profile_contents_outer
{
    width:100%;
    min-height:20px;
    float:left;
}

.user_profile_contents_title
{
    width:100%;
    min-height:20px;
    float:left;
    margin-bottom:10px;
    padding:5px;
}

.user_profile_contents_title h4
{
    width:100%;
    float:left;
    font-size:24px;
    font-family: 'Teko', sans-serif;
    color:var(--main_color);
    font-weight:200;
    letter-spacing: 2px;
    margin:0px;
}

.user_profile_contents_title h3
{
    width:100%;
    float:left;
    font-size:30px;
    font-family: 'Teko', sans-serif;
    color:var(--second_color);
    font-weight:400;
    letter-spacing: 2px;
    margin:0px;
}

.notification_line_outer {
    width: 100%;
    min-height: 20px;
    padding: 15px;
    border-radius: 8px;
    float: left;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position:relative;
}

.notification_line_image {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    float: left;
    background-color: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    padding-top: 2px;
    padding-left:1px;
}

.notification_line_right {
    width: 150px;
    height: 23px;
    float: left;
    font-size: 17px;
    color: #fff;
    text-align: right;
    font-weight: 400;
    letter-spacing: 2px;
    opacity: 0.7;
    font-family: 'Teko', sans-serif;
}

.notification_line_center {
    flex:1;
    min-height: 20px;
    float: left;
}

.notification_line_center h3 {
    width: 100%;
    float: left;
    margin: 0px;
    font-weight: 400;
    color: #fff;
    font-size: 18px;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align:left;
    font-family: 'Teko', sans-serif;
}

.notification_line_center h4 {
    width: 100%;
    float: left;
    margin: 0px;
    font-weight: 300;
    color: #fff;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 24px;
    font-family: 'Teko', sans-serif;
}

.notification_danger {
    background-color: #ff3a41;
}

.notification_info {
    background-color: #0066ff;
}

.notification_warning {
    background-color: #ff7b00;
}

.notification_success {
    background-color: #00ba57;
}

.notification_delete_btn
{
    width:40px;
    height:40px;
    background-color:#ff0000;
    position:absolute;
    righT:-10px;
    top:-10px;
    border-radius:50%;
    border:2px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:17px;
    padding-left:1px;
    padding-top:1px;
    cursor:pointer;
}

.video_training_outer
{
    width:100%;
    min-height:20px;
    background-color:#fafafa;
    float:left;
    border-radius:5px;
    padding:15px;
}

.video_training_video_box
{
    width:100%;
    height:450px;
    float:left;
    background-color:#dadada;
    border-radius:3px;
    overflow:hidden;
    margin-bottom:15px;
}

.video_training_video_box iframe
{
    width:100%;
    height:450px;
    float:left;
}

.video_training_outer * .product_left_dropdown_btn_text
{
    padding-left:10px;
}

.video_training_outer * .product_left_dropdown_btn
{
    margin-top:5px;
}

.video_training_outer h3
{
    width: 100%;
    float: left;
    font-size: 25px;
    font-family: 'Teko', sans-serif;
    color: var(--second_color);
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0px;
    margin-bottom:15px;
    margin-top:5px;
}

/* User Profile Edit */

/* Mobile */

.mobile_menu_outer
{
    flex:1;
    min-height:40px;
    float:left;
    display:none;
    align-items:center;
    justify-content:flex-end;
}

.mobile_menu_btn
{
    width:40px;
    height:40px;
    float:left;
    border:1px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:#fff;
    padding-left:1px;
}

@media only screen and (max-width: 950px)
{
    .menu_boxes_outer
    {
        display:none;
    }

    .slider_inner_contents h3
    {
        width:100%;
        font-size: 57px;
        line-height: 60px;
    }

    .slider_inner_contents h4
    {
        font-size: 18px;
    }

    .slider_inner_contents h4:before
    {
        left:-5px;
    }

    .slider_contents_btn
    {
        min-width: 10px;
        height: 45px;
        float: left;
        margin-top: 30px;
        border: 1px solid var(--main_color);
        padding: 0px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Gemunu Libre', sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: var(--main_color);
        text-transform: uppercase;
        letter-spacing: 4px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        transition: all 0.3s ease;
        text-decoration: none;
    }

    .slider_bottom_line
    {
        gap:15px;
    }

    .slider_bottom_line span
    {
        font-size:11px;
    }

    .menu_logo_outer
    {
        width:200px;
    }

    .menu_inner
    {
        padding:0px 15px;
    }

    .slider_inner
    {
        padding:0px 15px;
    }

    .mobile_menu_outer
    {
        display:flex;
    }

    .footer_bottom_line_inner span
    {
        width:100%;
        text-align:center;
    }

    .homepage_line_contents_inner h1
    {
        font-size:30px;
    }

    .homepage_line_contents_inner h2
    {
        font-size:45px;
        line-height:50px;
    }

    .homepage_line_contents_inner
    {
        padding:50px 20px;
        padding-bottom:20px;
    }

    .homepage_line_slider_outer
    {
        height:130px;
    }

    .homepage_line_slider_box
    {
        height:130px;
        font-size:55px;
    }

    .homepage_video_contents_inner h1
    {
        width:100%!important;
        font-size:40px;
        line-height:55px;
    }

    .homepage_video_contents_outer:after
    {
        width:5px;
    }

    .homepage_half_contents_outer:before
    {
        width:100%;
        z-index:2;
    }

    .homepage_half_contents_inner h1
    {
        text-align:center!important;
    }

    .homepage_half_contents_inner p
    {
        text-align:center!important;
    }

    .homepage_half_contents_inner p:after
    {
        display:none;
    }

    .homepage_half_contents_inner p:before
    {
        display:none;
    }

    .product_card_bottom_btn_inner
    {
        width:100%;
    }

    .page_top_line_content h1
    {
        font-size:50px;
    }

    .page_top_line_content p
    {
        font-size:12px;
    }

    .login_box_outer
    {
        width:100%;
        margin:50px 0px;
    }

    .product_list_left_outer
    {
        width:100%;
        border-right:0px;
        border-bottom:1px solid #dadada;
    }

    .product_list_right_outer
    {
        width:100%;
        border-right:0px;
    }

    .product_list_top_contents
    {
        display:block;
    }

    .product_list_top_contents span
    {
        width:100%;
        float:left;
        margin-bottom:15px;
        margin-top:5px;
    }

    .product_list_top_contents select
    {
        width:100%;
        float:left;
        margin-bottom:5px;
    }

    .product_detail_basket_line_outer
    {
        display:block;
    }

    .product_detail_basket_line_outer .product_detail_price_line
    {
        width:50%;
        height:50px;
        padding-top:3px;
    }

    .product_detail_basket_line_outer .product_counter_outer
    {
        width:50%;
    }

    .product_detail_basket_line_outer .homepage_cotents_bottom_line_btn
    {
        width:100%;
        margin-top:20px;
    }
}

/* Mobile */