* {
    font-family: "Poppins", sans-serif;
}

.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;
}

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

/* Preloader */

.preloader_outer {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preloader_outer:before {
    content: '';
    width: calc(50% + 101px);
    height: 100vh;
    background-color: #1f264a;
    position: absolute;
    left: 0px;
    top: 0px;
    clip-path: polygon(0 0, calc(100% - 200px) 0, 100% 100%, 0% 100%);
    z-index: 1;
    transition: all 1s ease;
}

.preloader_outer:after {
    content: '';
    width: calc(50% + 101px);
    height: 100vh;
    background-color: #1f264a;
    position: absolute;
    right: 0px;
    top: 0px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 200px 100%);
    z-index: 1;
    transition: all 1s ease;
}

.preloader_outer img {
    width: 250px;
    height: auto;
    float: left;
    position: relative;
    z-index: 2;
    transition: all 1s ease;
}

.preloader_opened:before {
    width: 0px;
}

.preloader_opened:after {
    width: 0px;
}

@media only screen and (max-width: 900px) {
    .preloader_outer img {
        width: 180px;
    }
}

/* Preloader */

/* Menu */

.menu_outer {
    width: 100%;
    height: 70px;
    float: left;
    border-top: 1px solid #ffffff24;
    border-bottom: 1px solid #ffffff24;
    position: relative;
    z-index: 9;
}

.menu_inner {
    width: 100%;
    height: 70px;
    float: left;
    padding: 10px 20px;
    border-left: 1px solid #ffffff24;
    border-right: 1px solid #ffffff24;
}

.menu_logo_outer {
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    float: left;
    margin-left:-10px;
    margin-top:-3px;
}

.menu_logo_outer img {
    height: 44px;
    width: auto;
    cursor: pointer;
}

.menu_btn
{
    min-width:10px;
    height:34px;
    float:right;
    display:flex;
    align-items:center;
    justify-content:Center;
    padding:0px 15px;
    margin:8px 0px;
    margin-right:10px;
    font-size:13px;
    color:#fff;
    border:1px solid #ffffff6f;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight:300;
    cursor:pointer;
    position:relative;
    transition: all 0.5s ease;
    overflow:hidden;
    text-decoration: none;
}

.menu_btn span {
    position: relative;
    z-index: 3;
    transition: all 0.5s ease;
}

.menu_btn:before {
    content: '';
    width: 0%;
    height: 34px;
    background-color: #fad300;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.5s ease;
    z-index: 1;
}

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

.menu_btn:hover span {
    color: #333;
}

.menu_btn:hover i {
    color: #333!important;
}

.menu_btn:hover {
    border-color: #fad300;
}

.menu_bars_outer {
    width: 50px;
    height: 50px;
    float: right;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    position: relative;
    z-index: 10;
    transition: all 2s ease;
}

.menu_bars_outer:before {
    content: '';
    width: 35px;
    height: 1px;
    background-color: #fff;
    margin-bottom: 10px;
}

.menu_bars_outer:after {
    content: '';
    width: 35px;
    height: 1px;
    background-color: #fff;
}

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

.menu_top_inner {
    width: 100%;
    height: 35px;
    float: left;
    border-left: 1px solid #ffffff24;
    border-right: 1px solid #ffffff24;
    padding: 0px 10px;
    text-decoration: none;
}

.menu_top_inner a {
    text-decoration: none;
}

.menu_top_social {
    width: 30px;
    height: 35px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
    opacity: 0.6;
    transition: all 0.5s ease;
    cursor: pointer;
}

.menu_top_social:hover {
    opacity: 1;
}

.menu_top_contents {
    min-width: 10px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    gap: 7px;
    font-size: 12px;
    font-weight: 200;
    color: #fff;
    margin-left: 10px;
    margin-right: 5px;
    transition: all 0.5s ease;
    opacity: 0.7;
    cursor: pointer;
}

.menu_top_contents i {
    font-size: 10px;
}

.menu_top_contents:hover {
    opacity: 1;
}

/* Menu */

/* Accordion Menu */

.menu_bars_close:before {
    margin-bottom: 5px;
    rotate: 45deg;
    animation: menu_bars_before 2s;
    animation-iteration-count: 1;
    transition: all 2s ease;
}

@keyframes menu_bars_before {
    0% {
        margin-bottom: 10px;
        rotate: 0deg;
    }

    50% {
        margin-bottom: 5px;
        rotate: 0deg;
    }

    50% {
        rotate: 45deg;
    }
}

.menu_bars_close:after {
    margin-top: -5px;
    rotate: -45deg;
    animation: menu_bars_after 2s;
    animation-iteration-count: 1;
    transition: all 2s ease;
}

@keyframes menu_bars_after {
    0% {
        margin-top: 0px;
        rotate: 0deg;
    }

    50% {
        margin-top: -5px;
        rotate: 0deg;
    }

    50% {
        rotate: -45deg;
    }
}

.menu_links_outer {
    width: 0%;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 7;
    display: none;
    transition: all 1s ease;
}

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

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

.menu_links_boxes {
    width: 100%;
    height: calc(100vh - 105px);
    float: left;
    margin-top: 105px;
    overflow: auto;
    border-left: 1px solid #ffffff24;
    border-right: 1px solid #ffffff24;
    text-decoration: none !important;
}

.menu_link_line {
    width: 100%;
    min-height: 10px;
    float: left;
    border-bottom: 1px solid #ffffff24;
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    text-decoration: none !important;
}

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

.menu_link_line:hover span {
    color: #1f264a;
    text-decoration: none !important;
}

.menu_link_line:hover .menu_link_mini_counter {
    color: #1f264a;
}

.menu_link_line:hover .menu_link_line_plus {
    color: #1f264a;
}

.menu_link_line:before {
    content: '';
    width: 0px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #fff;
    transition: all 0.5s ease;
}

.menu_link_line span {
    flex: 1;
    font-size: 24px;
    font-weight: 200;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    z-index: 3;
    transition: all 0.5s ease;
    text-decoration: none !important;
}

.menu_link_mini_counter {
    width: 30px;
    height: 20px;
    float: left;
    font-size: 14px;
    font-weight: 200;
    color: #fff;
    opacity: 0.8;
    margin-top: -8px;
    letter-spacing: 4px;
    margin-right: 10px;
    position: relative;
    z-index: 3;
    transition: all 0.5s ease;
}

.menu_link_line_plus {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    color: #fff;
    font-weight: 100;
    padding-top: 5px;
    position: relative;
    z-index: 3;
    transition: all 0.5s ease;
}

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

/* Accordion Menu */

/* Slider */

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

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

.slider_inner {
    width: 100%;
    height: 100vh;
    background-color: #000000b9;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    padding-top: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    flex-direction: column;
}

.slider_bottom_contents {
    width: 100%;
    height: auto;
    padding: 20px 0px;
    border-top: 1px solid #ffffff24;
    float: left;
}

.slider_bottom_contents_inner {
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.slider_bottom_contents_inner_text {
    flex: 1;
    font-size: 12px;
    font-weight: 200;
    color: #fff;
    line-height: 22px;
}

.slider_center_contents {
    width: 100%;
    flex: 1;
    padding: 20px 0px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider_center_contents_inner {
    width: 100%;
    height: auto;
    float: left;
}

.slider_center_contents_mini_title
{
    width:30%;
    margin:0px 35%;
    text-align:center;
    font-size:20px;
    text-transform: uppercase;
    font-weight:200;
    color:#fad300;
    letter-spacing: 13px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-bottom:15px;
    float:left;
}

.slider_center_contents_mini_title:before
{
    content:'';
    flex:1;
    height:1px;
    float:left;
    background-color:#fad40073;
}

.slider_center_contents_mini_title:after
{
    content:'';
    flex:1;
    height:1px;
    float:left;
    background-color:#fad40073;
}

.slider_center_contents_title
{
    width:50%;
    margin:0px 25%;
    text-align:center;
    font-size:35px;
    text-transform: uppercase;
    font-weight:200;
    color:#fff;
    letter-spacing: 2px;
    float:left;
}

.slider_center_contents_inputs
{
    width:70%;
    margin:0px 15%;
    min-height:20px;
    float:left;
    margin-top:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    float:left;
}

.slider_center_contents_inputs input
{
    flex:1;
    height:50px;
    background-color:#fff;
    float:left;
    border:0px!important;
    outline:0px!important;
    box-shadow:none!important;
    font-size:15px;
    font-weight:400;
    padding:0px 15px;
    padding-bottom:2px;
}

.slider_center_contents_inputs button
{
    width:auto;
    height:50px;
    background-color:#fad300;
    float:left;
    border:0px!important;
    outline:0px!important;
    box-shadow:none!important;
    font-size:15px;
    font-weight:500;
    padding:0px 25px;
    padding-bottom:2px;
    color:#333;
    letter-spacing: 2px;
}

.slider_center_mini_text
{
    width:50%;
    margin:0px 25%;
    text-align:center;
    font-size:12px;
    font-weight:200;
    color:#ffffffcc;
    letter-spacing: 2px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-top:15px;
    float:left;
}

.slider_bottom_contents_inner_btn {
    min-width: 10px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 400;
    color: #ffffffa9;
    border: 1px solid #ffffff6e;
    padding: 0px 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.5s ease;
    position: relative;
    cursor: pointer;
    float: left;
}

.slider_bottom_contents_inner_btn span {
    position: relative;
    z-index: 3;
    transition: all 0.5s ease;
}

.slider_bottom_contents_inner_btn:before {
    content: '';
    width: 0%;
    height: 40px;
    background-color: #fad300;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.5s ease;
    z-index: 1;
}

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

.slider_bottom_contents_inner_btn:hover span {
    color: #333;
}

.slider_bottom_contents_inner_btn:hover {
    border-color: #fad300;
}

.slider_center_contents_text {
    width: 100%;
    padding-right: 40%;
    height: auto;
    float: left;
    font-size: 45px;
    font-weight: 200;
    color: #fff;
    line-height: 70px;
    margin-bottom: 30px;
}

.slider_center_contents_inner_btn {
    min-width: 10px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 400;
    color: #1f264a;
    padding: 0px 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.5s ease;
    position: relative;
    padding-top: 1px;
    cursor: pointer;
    float: left;
    background-color: #fff;
    text-decoration: none;
}

.slider_center_contents_inner_btn span {
    position: relative;
    z-index: 3;
    transition: all 0.5s ease;
}

.slider_center_contents_inner_btn:before {
    content: '';
    width: 0%;
    height: 40px;
    background-color: #fad300;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.5s ease;
    z-index: 1;
}

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

.slider_center_contents_inner_btn:hover span {
    color: #333;
}

.slider_center_contents_inner_btn:hover {
    border-color: #fad300;
}

.yellow_line_slider_outer
{
    width:100%;
    height:20px;
    float:left;
}

.yellow_line_slider_image
{
    width:auto;
    height:20px;
    float:left;
}

.menu_btn i
{
    display:none;
}

@media only screen and (max-width: 900px)
{
    .slider_center_contents_mini_title
    {
        width:100%;
        margin-left:0px!important;
        margin-right:0px!important;
    }

    .slider_center_contents_title
    {
        width:100%;
        margin-left:0px!important;
        margin-right:0px!important;
    }

    .slider_center_contents_inputs
    {
        width:100%;
        margin-left:0px!important;
        margin-right:0px!important;
        display:block;
    }

    .slider_center_contents_inputs input
    {
        width:100%;
    }

    .slider_center_contents_inputs button
    {
        width:100%;
    }

    .slider_center_mini_text
    {
        width:100%;
        margin-left:0px!important;
        margin-right:0px!important;
    }

    .menu_btn
    {
        width:34px;
    }

    .menu_btn span
    {
        display:none;
    }

    .menu_btn i
    {
        display:block;
    }

    .menu_logo_outer
    {
        width:150px;
    }
}

/* Slider */

/* footer */
.custom_footer_outer {
    width: 100%;
    min-height: 20px;
    background-color: #fbfbfb;
    float: left;
    flex-direction: column;
    display: flex;
}

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

.custom_footer_top_text {
    width: 100%;
    min-height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-bottom: 40px;
}

.custom_footer_top_text:before {
    content: '';
    flex: 1;
    height: 1px;
    background-color: #333;
    opacity: 0.4;
}

.custom_footer_top_text:after {
    content: '';
    flex: 1;
    height: 1px;
    background-color: #333;
    opacity: 0.4;
}

.custom_footer_top_text span {
    font-size: 26px;
    font-weight: 200;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.custom_footer_contents_boxes {
    width: 100%;
    min-height: 20px;
    float: left;
    border-top: 1px solid #0000002c;
    display: -webkit-inline-box;
}

.custom_footer_content_box {
    border-right: 1px solid #0000002c;
    float: left;
    padding: 25px;
}

.custom_footer_content_box a {
    text-decoration: none;
}

.custom_footer_content_box:first-child {
    padding-left: 0px;
}

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

.custom_footer_content_box img {
    width: 60%;
    float: left;
    margin-bottom: 25px;
}

.custom_footer_content_box p {
    width: 100%;
    float: left;
    margin: 0px;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    line-height: 29px;
    opacity: 0.7;
}

.custom_footer_content_box h3 {
    width: 100%;
    font-size: 19px;
    font-weight: 300;
    color: #333;
    margin: 0px;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 2px;
    float: left;
}

.custom_footer_content_box a {
    width: 100%;
    font-size: 15px;
    font-weight: 300;
    color: #333 !important;
    margin: 0px;
    margin-bottom: 15px;
    float: left;
    opacity: 0.6;
    transition: all 0.5s ease;
    cursor: pointer;
}

.custom_footer_content_box a:hover {
    opacity: 1;
}

.footer_contanct_box {
    width: 100%;
    min-height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 15px;
    opacity: 0.8;
}

.footer_contanct_box i {
    width: 30px;
    height: 30px;
    font-size: 18px;
    color: #333;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_contanct_box_text {
    flex: 1;
    font-size: 13px;
    font-weight: 300;
    color: #333;
}

.footer_contanct_box_social {
    width: 100%;
    min-height: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
    opacity: 0.8;
    margin-top: 15px;
}

.footer_contanct_box_social i {
    width: 30px;
    height: 30px;
    font-size: 17px;
    color: #333;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.5s ease;
}

.footer_contanct_box_social i:hover {
    width: 30px;
    height: 30px;
    font-size: 28px;
    color: #333;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.5s ease;
    opacity: 1;
}

.copyright_outer {
    height: 50px;
    align-items: center;
    padding: 10px 0px;
    display: flex;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    background-color: #fad300;
}

.copyright_item {
    color: #333;
    float: left;
    font-size: 13px;
    font-weight: 400;
    opacity: 0.9;
}

.copyright_item i {
    font-size: 11px;
    opacity: 0.8;
    color: #333;
}

.copyright_item a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    cursor: pointer;
}

.contact_btn {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 5;
    width: 50px;
    height: 50px;
    background-color: rgb(7, 183, 7);
    border-radius: 50%;
    cursor: pointer;
}

.contact_btn i {
    color: #fff;
    font-size: 35px;
    margin-top: 3px;
}

.contact_btn a {
    text-decoration: none;
}

/* footer */
/* index */
.job_intro_outer {
    width: 100%;
    padding: 25px 0;
    margin-top: 30px;
    margin-bottom: 30px;
    float: left;
}

.job_intro_title_outer h3 {
    color: #1f264a;
    font-size: 35px;
    font-weight: 300;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.see_product_button {
    height: 50px;
    padding: 15px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #c8a454;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 2px solid transparent;
    transition: all 0.5s ease;
}

.see_product_button:hover {
    height: 50px;
    padding: 15px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #c8a454;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 2px solid #e0c190;
    transition: all 0.5s ease;

}

.job_intro_box {
    padding: 10px 20px;
    border-right: 1px solid #1f264a34;
    float: left;
    row-gap: 10px;
}

.job_intro_box:last-child {
    border-right: 1px solid transparent;
}

.job_intro_icon_frame {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border-right: 2px solid #c8a454;
    border-left: 2px solid #c8a454;
    display: flex;
    align-items: center;
    justify-content: center;
}

.job_intro_icon_frame i {
    color: #c8a454;
    font-size: 25px;
}

.job_intro_content {
    margin-top: 50px;
}

.job_intro_content .job_intro_word_text {
    color: #1f264a;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    letter-spacing: 1px;
    line-height: 28px;
}

.job_intro_content .job_intro_title_inner {
    color: #c8a454;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 2px;
}

/* index */

/* Homepage Icon Boxes */

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

.homepage_icons_boxes_inner {
    width: 100%;
    min-height: 20px;
    float: left;
    padding: 30px 0px;
}

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

.homepage_icons_boxes_title h3 {
    width: 100%;
    font-size: 35px;
    font-weight: 300;
    color: #1f264a;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.homepage_icons_boxes_title p {
    width: 100%;
    font-size: 17px;
    font-weight: 300;
    color: #ffa200;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 7px;
    margin: 0px;
    margin-bottom: 5px;
}

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

.homepage_icon_box {
    width: calc((100% / 3) - 20px);
    min-height: 20px;
    background-color: #f9f9f9;
    margin: 10px;
    float: left;
    padding: 20px;
    cursor: pointer;
    transition: all 0.5s ease;
}

.homepage_icon_box:hover {
    background-color: #1f264a;
}

.homepage_icon_box:hover .homepage_icon_box_image img:last-child {
    opacity: 1;
}

.homepage_icon_box:hover .homepage_icon_box_contents {
    color: #fff;
}

.homepage_icon_box_image {
    width: 70%;
    height: auto;
    float: left;
    position: relative;
    margin: 0px 15%;
}

.homepage_icon_box_image img {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
}

.homepage_icon_box_image img:last-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    opacity: 0;
    transition: all 0.5s ease;
}

.homepage_icon_box_contents {
    width: 100%;
    min-height: 135px;
    float: left;
    color: #333;
    transition: all 0.2s ease;
}

.homepage_icon_box_contents h3 {
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    float: left;
    margin: 0px;
    margin-bottom: 10px;
    transition: all 0.2s ease;
}

.homepage_icon_box_contents p {
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    float: left;
    margin: 0px;
    transition: all 0.2s ease;
}

/* Homepage Icon Boxes */

/* Footer Referances */

.footer_top_referances_outer {
    width: 100%;
    min-height: 20px;
    float: left;
    border-top: 1px solid #dadada;
    padding: 30px 0px;
    overflow: hidden;
}

.footer_top_referances_inner {
    width: 100%;
    min-height: 20px;
    background-color: red;
    float: left;
}

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

.referances_slider_box {
    width: 100%;
    height: 70px;
    float: left;
    padding: 10px;
}

.referances_slider_box img {
    width: 100%;
    height: 50px;
    object-fit: contain;
    float: left;
    filter: grayscale(100%);
    transition: all 0.2s ease;
    cursor: pointer;
}

.referances_slider_box:hover img {
    filter: grayscale(0%);
}

/* Footer Referances */

/* Homepage Line Content */

.homepage_line_content_outer {
    width: 100%;
    min-height: 30px;
    background-color: #232323;
    float: left;
    padding: 20px 0px;
}

.homepage_line_content_inner {
    width: 100%;
    min-height: 20px;
    border-top: 1px solid #ffffff2c;
    border-bottom: 1px solid #ffffff2c;
    float: left;
}

.homepage_line_content_inner_boxes {
    width: 100%;
    min-height: 20px;
    float: left;
    display: -webkit-inline-box;
}

.homepage_line_content_inner .container .col-lg-6 {
    padding: 20px;
    border-right: 1px solid #ffffff2c;
    float: left;
    position: relative;
}

.homepage_line_content_inner .container .col-lg-6 img {
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    float: left;
    object-fit: cover;
}

.homepage_line_content_inner .container .col-lg-6:first-child {
    border-left: 1px solid #ffffff2c;
}

.homepage_line_content_inner .container .col-lg-6 h3 {
    width: 100%;
    float: left;
    font-size: 25px;
    color: #fff;
    font-weight: 200;
    letter-spacing: 3px;
    line-height: 44px;
    margin-bottom: 10px;
}

.homepage_line_content_inner .container .col-lg-6 p {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #c7c7c7;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 32px;
    margin: 0px;
    margin-top: 15px;
}

.homepage_line_content_inner_boxes * .slider_center_contents_inner_btn:before {
    background-color: #fad300;
}

/* Homepage Line Content */

/* Homepage Top Contents */

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

.homepage_top_box_contnets_inner {
    width: 100%;
    min-height: 20px;
    float: left;
    padding: 30px 0px;
}

.homepage_top_box_contnets_inner * .homepage_icon_box_contents {
    margin: 0px;
    min-height: 10px;
}

.homepage_top_box_contnets_inner * .homepage_icon_box_contents h3 {
    text-align: center;
}

.homepage_top_box_contnets_inner * .homepage_icon_box_contents p {
    text-align: center;
}

/* Homepage Top Contents */

/* Homepage Top Text */

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

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

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

.homepage_top_text_title_outer .homepage_icons_boxes_title {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    margin-bottom: 0px;
    padding: 20px 0px;
}

.homepage_top_text_inner p {
    font-size: 15px;
    font-weight: 300;
    color: #333;
    float: left;
    line-height: 25px;
}

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

/* Homepage Top Text */

/* Mobile Settings */

@media only screen and (max-width: 900px) {
    .slider_center_contents_text {
        width: 100%;
        padding-right: 10%;
        height: auto;
        float: left;
        font-size: 25px;
        font-weight: 200;
        color: #fff;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .slider_center_contents {
        padding: 20px 10px;
    }

    .menu_top_contents {
        display: none;
    }

    .homepage_line_content_inner_boxes {
        display: block;
    }

    .custom_footer_contents_boxes {
        display: block;
    }

    .homepage_icon_box {
        width: calc(100% - 20px);
    }

    .slider_bottom_contents_inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .homepage_icons_boxes_title p {
        font-size: 13px;
    }

    .homepage_icons_boxes_title h3 {
        font-size: 27px;
    }

    .homepage_line_content_inner .container .col-lg-6 h3 {
        width: 100%;
        float: left;
        font-size: 22px;
        color: #fff;
        font-weight: 200;
        letter-spacing: 3px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .homepage_line_content_inner .container .col-lg-6 p {
        font-size: 13px;
    }

    .homepage_line_content_inner .container .col-lg-6 {
        min-height: 250px;
        border-left: 1px solid #ffffff2c;
    }

    .custom_footer_top_text span {
        width: 60%;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
    }

    .custom_footer_content_box:first-child {
        padding-left: 25px;
    }

    .custom_footer_content_box {
        border: 0px !important;
    }

    .copyright_inner {
        display: block !important;
    }

    .copyright_item {
        width: 100%;
        float: left;
        font-size: 12px;
        text-align: center;
        margin: 5px 0px;
    }

    .copyright_outer {
        height: auto;
    }

    .custom_footer_content_box a {
        font-size: 14px;
    }

    .custom_footer_content_box p {
        font-size: 14px;
    }

    .footer_contanct_box_text {
        font-size: 14px;
    }

    .menu_link_line span {
        font-size: 19px;
    }
}

/* Mobile Settings */

/* Page Top Title */

.page_title_outer {
    width: 100%;
    min-height: 150px;
    float: left;
    position: relative;
    z-index: 1px;
    margin-top: -105px;
}

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

.page_title_inner {
    width: 100%;
    min-height: 150px;
    float: left;
    position: relative;
    z-index: 2;
    padding-top: 120px;
    padding-bottom: 15px;
    background-color: #000000b9;
}

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

.page_title_top_line {
    width: 100%;
    min-height: 20px;
    float: left;
    font-size: 13px;
    font-weight: 200;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 20px;
}

.page_title_top_line a {
    text-decoration: none !important;
    color: #fff;
}

.page_title_top_line i:first-child {
    font-size: 12px;
    margin-right: -5px;
}

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

.page_title_text h3 {
    width: 100%;
    float: left;
    font-size: 35px;
    font-weight: 200;
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 5px;
}

.page_title_text p {
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    color: #ffa200;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin: 0px;
    margin-bottom: 2px;
}

.page_contents_outer {
    width: 100%;
    min-height: 250px;
    float: left;
}

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

/* Page Top Title */
/* About*/
.about_us_text {
    color: #1f264a;
    font-weight: 300;
}

/* About*/

/*Blog*/
.big_blog_outer {
    width: 100%;
    min-height: 50px;
    background-color: #f5f5f5;
    float: left;
    position: relative;
}

.big_blog_outer img {
    width: 40%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    left: 0px;
    top: 0px;
}

.big_blog_contents {
    width: 60%;
    min-height: 50px;
    float: right;
    padding: 20px;
}

.big_blog_contents h5 {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #ffa200;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0px;
    margin-bottom: 10px;
}

.big_blog_contents h3 {
    width: 100%;
    float: left;
    font-size: 28px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.big_blog_contents p {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin: 0px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

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

.blog_item {
    width: calc((100%/4) - 10px);
    min-height: 350px;
    margin-right: 13px;
    background-color: #f5f5f5;
    float: left;
}

.blog_box_outer {
    width: calc((100% / 4) - 20px);
    min-height: 20px;
    background-color: #f5f5f5;
    float: left;
    margin: 10px;
}

.blog_box_image_outer {
    width: 100%;
    min-height: 90px;
    background-color: #dadada;
    float: left;
    background-size: cover;
    background-position: center;
}

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

.blog_box_contents {
    width: 100%;
    min-height: 20px;
    padding: 15px;
    float: left;
    position: relative;
}

.blog_box_contents h5 {
    width: 100%;
    font-size: 11px;
    font-weight: 400;
    color: #ffa200;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0px;
    margin-bottom: 10px;
}

.blog_box_contents h3 {
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.blog_box_contents p {
    width: 100%;
    float: left;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    margin: 0px;
    letter-spacing: 1px;
    margin-bottom: 0px;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog_box_outer:hover .blog_box_contents .blog_box_btn_outer {
    height: 100%;
}

.blog_box_btn_outer {
    width: 100%;
    height: 0%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 9;
    background-color: #fad3007a;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all 0.5s ease;
}

.blog_box_btn_inner {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border: 1px solid #000000d9;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.blog_box_btn_inner .slider_center_contents_inner_btn:before {
    background-color: #fad300;
}

.paging_outer {
    width: calc(100% - 20px);
    min-height: 20px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px;
}

.paging_box_outer_active {
    width: 35px;
    height: 35px;
    border: 1px solid #f6d200;
    background-color: #f6d200;
    padding: 10px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    cursor: pointer;
}

.paging_box_outer {
    width: 35px;
    height: 35px;
    border: 1px solid #fff8d3;
    background-color: #fff8d3;
    padding: 10px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    cursor: pointer;
}

.paging_box_inner_active_text {
    color: #333;
    font-weight: 300;
    font-size: 15px;
}

.paging_box_inner {
    color: #9c5d00;
    font-weight: 300;
    font-size: 15px;
}

/*Blog*/
/*Blog Detay*/
.blog_detail_area {
    width: 100%;
    float: left;
    padding: 10px;
    min-height: 25px;
    margin-top: 10px;
}

.blog_detail_area h3 {
    width: 100%;
    float: left;
    font-size: 28px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 3px;
    margin-bottom: 20px;
    text-align: center;
}

.blog_detail_area h5 {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #ffa200;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0px;
    margin-bottom: 10px;
    text-align: center;
}

.blog_detail_area img {
    width: 100%;
    height: 650px;
    object-fit: cover;
    float: left;
    margin-bottom: 20px;
}

.blog_detail_area p {
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    margin: 0px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    line-height: 28px;
}

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

.similar_blog_list_inner {
    width: 100%;
    min-height: 250px;
    float: left;
}

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

/*Blog Detay*/
/*Galeri*/
.gallery_inner {
    width: 100%;
    min-height: 250px;
    float: left;
}

.picture_box_outer {
    width: calc((100% / 4) - 6px);
    min-height: 20px;
    float: left;
    margin: 3px;
    cursor: pointer;
}

.picture_box_outer img {
    width: 100%;
    height: 250px;
    background-color: #dadada;
    float: left;
    object-fit: cover;
}

/*Galeri*/
/*Referans*/
.referances_outer {
    width: 100%;
    min-height: 250px;
    float: left;
}

.referances_box_inner {
    width: calc((100%/4) - 22px);
    min-height: 70px;
    float: left;
    padding: 10px;
    margin: 11px;
    background-color: #f5f5f5;
}

.referances_box_inner img {
    width: 100%;
    height: 160px;
    object-fit: contain;
    float: left;
    filter: grayscale(100%);
    transition: all 0.2s ease;
    cursor: pointer;
}

.referances_box_inner:hover img {
    filter: grayscale(0%);
}

/*Referans*/
/*Ürünler*/
.product_box_outer {
    width: calc((100% / 4) - 20px);
    min-height: 20px;
    background-color: #f5f5f5;
    float: left;
    margin: 10px;
}

.product_box_image_outer {
    width: 100%;
    min-height: 90px;
    background-color: #dadada;
    float: left;
    background-size: cover;
    background-position: center;
}

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

.product_box_contents {
    width: 100%;
    min-height: 20px;
    padding: 15px;
    float: left;
    position: relative;
}

.product_box_contents h5 {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #ffa200;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0px;
    margin-bottom: 10px;
}

.product_box_contents h3 {
    width: 100%;
    float: left;
    font-size: 25px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.product_box_contents p {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin: 0px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product_box_outer:hover .product_box_contents .blog_box_btn_outer {
    height: 100%;
}

.filter_outer {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    margin-bottom: 15px;
}

.filter_inner {
    padding: 5px 25px;
    border: 1px solid #1f264a2f;
    cursor: pointer;
    float: left;
    padding-bottom:7px;
}

.filter_inner span {
    font-weight: 300;
    color: #1f264a;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size:13px;
}

.custom-select {
    position: relative;
    overflow: hidden;
    padding: 0px 10px;
    float: left;
    flex-direction: row;
    display: flex;
}

.custom-select select {
    box-shadow: none !important;
    padding: 0px 10px;
    border: 1px solid #1f264a2f;
    color: #1f264a;
    background-image: none;
    cursor: pointer;
    outline: none !important;
    font-family: 'Poppins' !important;
    font-weight: 300;
    letter-spacing: 1px;
    font-size:13px;
}

.custom-select input {
    box-shadow: none !important;
    padding: 0px 10px;
    border: 1px solid #1f264a2f;
    color: #1f264a;
    background-image: none;
    cursor: pointer;
    outline: none !important;
    font-family: 'Poppins' !important;
    font-weight: 300;
    letter-spacing: 1px;
    font-size:13px;
}

@media only screen and (max-width: 900px)
{
    .filter_outer
    {
        width:100%;
        float:left;
        display:block;
    }

    .custom-select
    {
        width:100%;
        float:left;
        padding:0px;
    }

    .custom-select input {
        width:100%;
        height:40px;
        margin-bottom:10px;
    }

    .custom-select select {
        width:100%;
        height:40px;
        margin-bottom:10px;
    }

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

/*Ürünler*/
/*İletişim*/
.contact_outer {
    width: 100%;
    min-height: 50px;
    background-color: #f5f5f5;
    float: left;
    position: relative;
}

.contact_outer img {
    width: 45%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    left: 0px;
    top: 0px;
}

.contact_content {
    width: 55%;
    min-height: 50px;
    float: right;
    padding: 20px;
    flex-direction: column;
    display: flex;
}

.contact_content h5 {
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    color: #ffa200;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0px;
    margin-bottom: 10px;
}

.contact_content h3 {
    width: 100%;
    float: left;
    font-size: 25px;
    font-weight: 300;
    color: #333;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 3px;
    margin-bottom: 30px;
}

.form_input {
    width: 100%;
    outline: none;
    margin-bottom: 15px;
    padding: 8px;
    border: 1px solid #1f264a4d;
    font-family: 'Poppins' !important;
    font-weight: 300;
    background-color: #f5f5f5;
    font-size: 16px;
}

.other_branches_outer {
    width: 100%;
    min-height: 50px;
    float: left;
    position: relative;
    padding: 50px 25px;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
}

.branches_info {
    width: calc((100% / 4) - 20px);
    margin: 10px;
    float: left;
}

.branches_title {
    font-weight: 300;
    letter-spacing: 2px;
    color: #1f264a;
    text-transform: uppercase;
    font-size: 22px;
    padding-left: 35px;
    margin-bottom: 10px;

}

.branch_contanct_box {
    width: 100%;
    min-height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 8px;
}

.branch_contanct_box i {
    width: 25px;
    height: 25px;
    font-size: 18px;
    color: #1f264a;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.branch_contanct_box_text {
    flex: 1;
    font-size: 13px;
    font-weight: 300;
    color: #1f264a;
}

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

.contact_content textarea {
    background-color: #F5F5F5;
    padding: 10px;
    border: 1px solid #1f264a4d;
    width: 100%;
    outline: none;
    height: 180px;
    resize: none;
    font-family: 'Poppins' !important;
    font-weight: 300;
}

/*İletişim*/
/*Problem Çözüm*/
.problem_count {
    width: 100%;
    float: left;
    display: flex;
    gap: 15px;
    padding: 20px 0 10px 0;
    float:left;
}

.problem_count_inner {
    width: 45px;
    height: 36px;
    background-color: #1f264a;
    color: #fff;
    font-weight: 200;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 18px;
    float: left;
}

.problem_count p {
    flex:1;
    font-weight: 200;
    font-size: 25px;
    text-transform: uppercase;
    float:left;
    margin:0px;
}

.line {
    width: 100%;
    border-bottom: 1px solid #dadada;
    margin: 20px 0;
    float:left;
}

.solve_text {
    color: #1f264a;
    font-weight: 300;
    padding: 20px;
    float:left;
    padding-left:60px;
    margin:0px;
}

/*Problem Çözüm*/
@media only screen and (max-width: 900px) {
    .product_box_outer {
        width: calc((100% / 2) - 20px);
    }

    .picture_box_outer {
        width: calc((100% / 2) - 6px);

    }

    .blog_box_outer {
        width: calc((100% / 2) - 20px);
    }

    .blog_detail_area img {
        height: 450px;
    }

    .branches_info {
        width: calc((100%/2) - 20px);
    }

    .big_blog_outer img
    {
        position:relative;
        width:100%;
        height:250px;
        float:left;
    }

    .big_blog_contents
    {
        width:100%;
        float:left;
    }
}

@media only screen and (max-width: 400px) {
    .product_box_outer {
        width: calc((100%) - 20px);
    }

    .blog_box_outer {
        width: calc((100%) - 20px);
    }

    .blog_detail_area img {
        height: 350px;
    }

}

@media only screen and (max-width: 500px) {
    .referances_box_inner {
        width: calc((100%/2) - 22px);
    }

    .branches_info {
        width: calc((100%) - 20px);
    }
}

/* 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_inputs h5 {
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    color: #ffa200;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0px;
    margin-bottom: 10px;
}

.contact_form_inputs h3 {
    width: 100%;
    float: left;
    font-size: 25px;
    font-weight: 300;
    color: #333;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

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

.contact_input_outer p
{
    width:100%;
    float:left;
    margin:0px;
    font-size:15px;
    font-weight:400;
    margin-bottom:5px;
}

.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:14px;
    color:#333;
}

.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:14px;
    color:#333;
}

.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;
}

.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:18px;
    margin:0px;
    font-weight:400;
    color:#333;
    text-align:center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom:5px;
}

.contact_box_outer p
{
    width:100%;
    float:left;
    font-size:13px;
    margin:0px;
    font-weight:300;
    color:#525252;
    text-align:center;
    margin-top:10px;
}

@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 */

/* Custom Gallery */

.custom_gallery_box_outer
{
    width:100%;
    height:100vh;
    background-color:#1f1f1f;
    position:fixed;
    left:0px;
    top:0px;
    z-index:99;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px;
    gap:10px;
    padding-top:45px;
}

.custom_gallery_box_arrow_outer
{
    width:40px;
    height:calc(100vh - 60px);
    background: rgb(97,97,97);
    background: linear-gradient(270deg, rgba(66,66,66,1) 0%, rgba(31,31,31,1) 100%);
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    color:#fff;
    cursor:pointer;
}

.custom_gallery_box_arrow_outer:first-child
{
    background: rgb(97,97,97);
    background: linear-gradient(90deg, rgb(66, 66, 66) 0%, rgba(31,31,31,1) 100%);
}

.custom_gallery_box_image_outer
{
    flex:1;
    height:calc(100vh - 60px);
    float:left;
    background-size:contain;
    background-position:center;
    background-repeat: no-repeat;
}

.custom_gallery_box_close
{
    width:30px;
    height:30px;
    position:absolute;
    top:10px;
    right:15px;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:20px;
    cursor:pointer;
}

/* Custom Gallery */

/* Login Page */

.login_page_outer
{
    width:100%;
    height:100vh;
    position:fixed;
    left:0px;
    top:0px;
    z-index:99;
    background-color:#fff;
}

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

.login_page_inner
{
    width:100%;
    height:100vh;
    background-color:rgba(0,0,0,0.8);
    position:relative;
    z-index:2;
}

.login_page_contents
{
    width:100%;
    height:100vh;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
}

.login_page_contents_inner
{
    width:100%;
    min-height:50px;
    max-height:100vh;
    overflow:auto;
    float:left;
}

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

.login_page_contents_box
{
    width:400px;
    min-height:30px;
    background-color:#fff;
    float:left;
    border-radius:4px;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.27);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.27);
    padding:20px 20px;
    margin:60px calc(50% - 200px);
}

.login_page_contents_box h3
{
    width:100%;
    float:left;
    font-size:24px;
    font-weight:500;
    color:#333;
    float:left;
    text-align:center;
    letter-spacing: 3px;
    margin-top:15px;
    margin-bottom:35px;
}

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

.login_inputs_outer p
{
    width:100%;
    font-size:12px;
    font-weight:500;
    color:#333;
    margin:0px;
}

.login_input_line_outer
{
    width:100%;
    height:45px;
    float:left;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid #dadada;
}

.login_input_line_icon
{
    width:35px;
    height:45px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    padding-top:1px;
    color:#b5b5b5;
}

.login_input_line_btn
{
    width:35px;
    height:45px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:14px;
    color:#333;
}

.login_input_line_outer input
{
    flex:1;
    height:45px;
    background-color:transparent;
    float:left;
    border:0px!important;
    outline:0px!important;
    box-shadow:0px!important;
    font-size:12px;
    font-weight:400;
    color:#333;
    padding-bottom:2px;
}

.login_input_bottom_line
{
    width:0%;
    height:1px;
    position:absolute;
    bottom:-1px;
    left:0px;
    background-color:#ffaa00;
    z-index:4;
}

.login_input_line_outer input:focus ~ .login_input_bottom_line
{
    width:100%;
    transition:0.7s;
}

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

.login_mini_link label
{
    font-size:12px;
    font-weight:300;
    color:#333;
    float:left;
    text-decoration: none;
    cursor:pointer;
}

.login_mini_link label input
{
    width:12px;
    height:12px;
    margin-right:5px;
    float:left;
    margin-top:2px;
}

.login_mini_link a
{
    font-size:12px;
    font-weight:300;
    color:#333;
    float:right;
    text-decoration: none;
}

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

.login_button_outer button
{
    width:100%;
    height:45px;
    background-color:#fad300;
    color:#333;
    border:0px!important;
    outline:0px!important;
    box-shadow:0px!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom:2px;
    font-weight:500;
}

.login_page_line_text
{
    width:100%;
    min-height:10px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    font-size:13px;
    font-weight:300;
    color:#333;
    margin:20px 0px;
    letter-spacing: 1px;
}

.login_page_line_text:before
{
    content:'';
    flex:1;
    height:1px;
    float:left;
    background-color:#333;
    float:left;
    opacity: 0.3;
}

.login_page_line_text:after
{
    content:'';
    flex:1;
    height:1px;
    float:left;
    background-color:#333;
    float:left;
    opacity: 0.3;
}

.login_link_btn
{
    width:100%;
    height:45px;
    float:left;
    background-color:#ececec;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    cursor:pointer;
    text-decoration: none;
}

.login_link_btn span {
    position: relative;
    z-index: 3;
    transition: all 0.5s ease;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#333;
    font-weight:500;
}

.login_link_btn:before {
    content: '';
    width: 0%;
    height: 45px;
    background-color: #fad300;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.5s ease;
    z-index: 1;
}

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

.login_link_btn:hover span {
    color: #333;
}

.login_page_back_btn
{
    width:40px;
    height:40px;
    background-color:#fad300;
    position:absolute;
    left:20px;
    top:20px;
    border-radius:50%;
    z-index:99;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    color:#333;
}

@media only screen and (max-width: 900px)
{
    .login_page_contents_box
    {
        width:100%;
        margin:60px 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: 12px;
    color: #fff;
    text-align: right;
    font-weight: 300;
    opacity: 0.7;
}

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

.notification_line_center h3 {
    width: 100%;
    float: left;
    margin: 0px;
    font-weight: 300;
    color: #fff;
    font-size: 13px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align:left;
}

.notification_line_center h4 {
    width: 100%;
    float: left;
    margin: 0px;
    font-weight: 200;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
}

.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;
}

/* Login Page */

/* Register Page */

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

.register_tab_btn
{
    flex:1;
    height:30px;
    font-size:12px;
    font-weight:500;
    color:#333;
    background-color:#f5f5f5;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor:pointer;
    transition: all 0.2s ease;
}

.register_tab_btn_select
{
    height:40px;
    background-color:#fad300;
    margin-top:-10px;
}

/* Register Page */

/* Homepage */

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

.market_card_outer
{
    width:100%;
    min-height:20px;
    float:left;
    position:relative;
}

.market_card_tags_outer
{
    width:100%;
    min-height:20px;
    position:absolute;
    left:0px;
    bottom:0px;
    padding:10px;
}

.market_card_tag
{
    min-width:10px;
    height:25px;
    background-color:#f6d200;
    float:left;
    margin-right:8px;
    margin-top:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0px 10px;
    font-size:11px;
    font-weight:500;
    color:#333;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.market_card_inner
{
    width:100%;
    min-height:20px;
    background-color:rgb(246, 246, 246);
    float:left;
    position:relative;
    z-index:2;
    border:1px solid #f1f1f1;
}

.market_card_image
{
    width:100%;
    height:250px;
    background-color:#dadada;
    float:left;
    background-size:cover;
    background-position:center;
    position:relative;
}

.market_card_contents
{
    width:100%;
    min-height:20px;
    float:left;
    padding:15px;
    border-bottom:1px solid #e1e1e1;
}

.market_card_contents h3
{
    width:100%;
    float:left;
    font-size:15px;
    font-weight:500;
    color:#333;
    text-align:center;
    margin:0px;
    margin-bottom:10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.market_card_contents p
{
    width:90%;
    height:40px;
    float:left;
    font-size:12px;
    font-weight:300;
    color:#333;
    text-align:center;
    margin:0px 5%;
    line-height:20px;
    overflow:hidden;
}

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

.market_card_bottom_btn
{
    width:120px;
    height:35px;
    float:left;
    background-color:#fad300;
    display:flex;
    align-items:center;
    justify-content:Center;
    font-size:12px;
    font-weight:500;
    color:#333;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top:1px;
    cursor:pointer;
    text-decoration: none;
}

.market_card_bottom_price
{
    flex:1;
    font-size:15px;
    font-weight:500;
    color:#333;
    float:left;
}

.market_bottom_shadow
{
    width:calc(100% - 20px);
    height:50px;
    float:left;
    position:absolute;
    left:10px;
    bottom:0px;
    z-index:1;
    filter: drop-shadow(-1px 10px 3px rgba(50, 50, 0, 0.2));
}

.market_bottom_shadow:before
{
    content:'';
    width:100%;
    height:50px;
    float:left;
    background-color:#fff;
    float:left;
    clip-path: polygon(100% 0, 100% 100%, 50% 70%, 0 100%, 0 0);
}

.homepage_bottom_btn_outer
{
    width:100%;
    height:45px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:30px 0px;
    text-decoration: none;
}

.homepage_bottom_btn
{
    min-width:10px;
    height:45px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0px 20px;
    text-transform: uppercase;
    font-size:14px;
    font-weight:400;
    color:#333;
    letter-spacing: 2px;
    background-color:#f5f5f5;
    cursor:pointer;
    position:relative;
    text-decoration: none;
}

.homepage_bottom_btn span {
    position: relative;
    z-index: 3;
    transition: all 0.5s ease;
}

.homepage_bottom_btn:before {
    content: '';
    width: 0%;
    height: 45px;
    background-color: #fad300;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.5s ease;
    z-index: 1;
}

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

.homepage_bottom_btn:hover span {
    color: #333;
}

.homepage_bottom_btn:hover {
    border-color: #fad300;
}

/* Homepage */

/* Product Detail */

.product_detail_images_outer
{
    width:100%;
    min-height:20px;
    background-color:pink;
    float:left;
}

.product_detail_images_outer .slick-prev
{
    left:10px;
    z-index:99;
}

.product_detail_images_outer .slick-next
{
    right:10px;
    z-index:99;
}

.product_detail_image_box
{
    width:100%;
    height:500px;
    background-color:#f5f5f5;
    float:left;
    background-size:cover;
    background-position:center;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.product_detail_image_box_bg
{
    width:110%;
    height:110%;
    position:absolute;
    background-color:orange;
    background-size:cover;
    background-position:center;
    z-index:1;
    filter: grayscale(100%) blur(5px);
    opacity: 0.5;
}

.product_detail_image_box_inner
{
    width:100%!important;
    height:100%!important;
    position:absolute!important;
    left:0px!important;
    top:0px!important;
    object-fit: contain!important;
    object-position: center!important;
    z-index:2!important;
}

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

.product_detail_contents_tabline_outer
{
    width:100%;
    height:50px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:5px;
    padding-top:10px;
}

.product_detail_tab
{
    min-width:10px;
    height:40px;
    background-color:#f5f5f5;
    float:left;
    padding:0px 20px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    font-size:13px;
    font-weight:500;
    color:#333;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor:pointer;
    transition: all 0.3s ease;
}

.product_detail_tab_select
{
    background-color:#fad300;
    height:50px;
    margin-top:-10px;
}

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

.product_detail_tab_contents p
{
    width:100%!important;
    float:left!important;
    margin:0px!important;
    font-size:14px!important;
    line-height:23px!important;
    color:#333!important;
    margin-bottom:10px!important;
}

.product_detail_tab_contents table
{
    width:100%;
    float:left;
}

.product_detail_tab_contents table tbody tr
{
    width:100%;
    float:left;
    background-color:#f5f5f5;
    border:2px solid #fff;
}

.product_detail_tab_contents table tbody tr td
{
    font-size:11px;
    color:#333;
    padding:15px;
    width:50%;
    float:left;
    font-weight:500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.product_detail_tab_contents table tbody tr td input
{
    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: 0px 10px;
    padding-bottom: 1px;
    color:#fff;
}

.product_detail_tab_contents table tbody tr td button
{
    min-width: 10px;
    height: 30px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    color: #333;
    letter-spacing: 2px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    border: 0px !important;
    outline: 0px !important;
    margin: -7px 0px;
}

.product_detail_tab_contents table tbody tr td button span {
    position: relative;
    z-index: 3;
    transition: all 0.5s ease;
}

.product_detail_tab_contents table tbody tr td button:before {
    content: '';
    width: 0%;
    height: 30px;
    background-color: #fad300;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.5s ease;
    z-index: 1;
}

.product_detail_tab_contents table tbody tr td button:hover::before {
    width: 100%;
}

.product_detail_tab_contents table tbody tr td button:hover span {
    color: #333;
}

.product_detail_tab_contents table tbody tr td button:hover {
    border-color: #fad300;
}

.product_detail_tab_contents table tbody tr td:last-child
{
    text-align:right;
    font-weight:300;
    text-transform:none;
    letter-spacing: 1px;
}

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

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

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

.product_detail_firmbox_top_texts
{
    flex:1;
    min-height:10px;
    float:left;
}

.product_detail_firmbox_top_texts h3
{
    width:100%;
    float:left;
    font-size:13px;
    font-weight:500;
    letter-spacing: 1px;
    color:#333;
    text-align:left;
    margin:0px;
    margin-bottom:6px;
}

.product_detail_firmbox_top_texts h4
{
    width:100%;
    float:left;
    font-size:12px;
    font-weight:400;
    letter-spacing: 1px;
    color:#333;
    text-align:left;
    margin:0px;
}

.product_detail_firmbox_text_outer
{
    width:100%;
    float:left;
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #dadada;
}

.product_detail_firmbox_text_outer h3
{
    width:100%;
    float:left;
    font-size:14px;
    font-weight:500;
    letter-spacing: 1px;
    color:#333;
    text-align:left;
    margin:0px;
    margin-bottom:13px;
}

.product_detail_firmbox_text_outer p
{
    width:100%;
    float:left;
    font-size:13px;
    font-weight:400;
    line-height:20px;
    letter-spacing: 0px;
    color:#333;
    text-align:left;
    margin:0px;
}

.product_detail_firmbox_outer .homepage_bottom_btn_outer
{
    width:100%!important;
    height:auto!important;
    float:left!important;
    padding:0px!important;
    margin:0px!important;
}

.product_detail_firmbox_outer .homepage_bottom_btn_outer .homepage_bottom_btn
{
    width:100%!important;
}

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

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

.product_counter_outer
{
    width:138px;
    height:40px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #dadada;
}

.product_counter_outer input
{
    width:60px;
    height:38px;
    float:left;
    border:0px;
    outline:0px;
    box-shadow: none;
    text-align:center;
    font-size:16px;
    font-weight:400;
    color:#333;
    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:40px;
    height:40px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:500;
    color:#333;
    cursor:pointer;
    position:relative;
    overflow:hidden;
}

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

.product_counter_btn:before {
    content: '';
    width: 0%;
    height: 40px;
    background-color: #fad300;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.5s ease;
    z-index: 1;
}

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

.product_counter_btn:hover i {
    color: #333;
}

.product_counter_btn:hover i {
    color: #333!important;
}

.product_counter_btn:hover {
    border-color: #fad300;
}

.product_counter_btn:first-child
{
    border-right:1px solid #dadada;
}

.product_counter_btn:last-child
{
    border-left:1px solid #dadada;
}

.product_detail_pricebox_price_number
{
    flex:1;
    font-size:14px;
    font-weight:500;
    color:#333;
}

.product_detail_pricebox_outer .homepage_bottom_btn_outer
{
    width:100%!important;
    height:auto!important;
    float:left!important;
    padding:0px!important;
    margin:0px!important;
    margin-top:15px!important;
}

.product_detail_pricebox_outer .homepage_bottom_btn_outer .homepage_bottom_btn
{
    width:100%!important;
}

@media only screen and (max-width: 900px)
{
    .product_detail_image_box
    {
        height:380px;
    }

    .page_contents_inner
    {
        padding:10px!important;
    }

    .product_detail_tab
    {
        font-size:12px;
        padding:0px 10px;
    }
}

/* 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:#232323;
    border-radius:7px;
    float:left;
    padding:20px;
}

.basket_right_outer h3
{
    width:100%;
    font-size:15px;
    color:#fff;
    float:left;
    font-weight:200;
    margin:0px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom:15px;
}

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

.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:12px;
    font-weight:300;
    color:#fff;
    letter-spacing: 2px;
}

.basket_right_sellers_price_outer
{
    flex:1;
    float:left;
    font-size:12px;
    font-weight:300;
    color:#fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align:right;
}

.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:#fad300;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:15px;
    border-radius:4px;
    text-transform: uppercase;
    color:#333;
    font-size:15px;
    letter-spacing: 1px;
    font-weight:500;
    cursor:pointer;
    border:0px;
    outline:0px;
    box-shadow: none;
}

.basket_right_bottom_text
{
    width:100%;
    min-height:10px;
    float:left;
    text-align:center;
    font-size:13px;
    font-weight:200;
    color:#fff;
    letter-spacing: 1px;
    margin-top:15px;
}

.basket_right_bottom_text a
{
    color:#fad300;
    text-decoration: none;
}

.basket_top_dropdown_outer
{
    width:100%;
    min-height:20px;
    float:left;
    overflow:hidden;
    border-radius:4px;
    background-color:#232323;
    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:13px;
    font-weight:300;
    color:#fff;
    letter-spacing: 1px;
}

.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:14px;
}

.basket_line_outer * .basket_right_sellers_price_outer
{
    color:#333;
    font-weight:500;
    font-size:14px;
}

.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;
    background-color:#dadada;
    float:left;
    border-radius:7px;
    background-size:cover;
    background-position:center;
}

.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;
}

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

.basket_line_products_contents h3
{
    width:100%;
    font-size:19px;
    float:left;
    color:#333;
    margin:0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:7px;
}

.basket_line_products_contents h4
{
    width:100%;
    font-size:13px;
    float:left;
    color:#333;
    font-weight:300;
    margin:0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:10px;
}

.basket_line_products_contents h5
{
    width:100%;
    font-size:16px;
    float:left;
    color:#333;
    font-weight:500;
    margin:0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

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

.custom_inner_input_outer p {
    width: 100%;
    float: left;
    font-size: 13px;
    font-weight: 400;
    color: #dadada;
    letter-spacing: 1px;
    margin-bottom: 7px;
}

.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: 13px;
    font-weight: 300;
    padding: 0px 10px;
    padding-bottom: 1px;
    color:#fff;
}

.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;
}

.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;
}

.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: 13px;
    font-weight: 300;
    padding: 5px 10px;
    padding-bottom: 1px;
    border-radius: 5px;
    color:#fff;
    resize: none;
}

.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 */

/* Messages */
.messages_contents_outer {
    width: 100%;
    min-height: calc(100vh - 130px);
    float: left;
    overflow: hidden;
    border-radius: 10px;
}

.messages_contents_left {
    width: 100%;
    min-height: calc(100vh - 130px);
    float: left;
    background-color: #1b1b1b;
    border-right: 1px solid #272727;
}

.messages_contents_right_title {
    width: 100%;
    height: 60px;
    background-color: #1b1b1b;
    float: left;
    font-size: 14px;
    font-weight: 200;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 15px;
    border-bottom: 1px solid #272727;
    letter-spacing: 2px;
}

.messages_contents_right_bottom {
    width: 100%;
    height: 60px;
    background-color: #1b1b1b;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    gap: 10px;
}

.messages_contents_right_center {
    width: 100%;
    height: calc(100vh - 250px);
    background-color: #0a0a09;
    float: left;
    overflow: auto;
    padding: 15px;
}

.messages_contents_left_title {
    width: 100%;
    height: 60px;
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 15px;
    border-bottom: 1px solid #272727;
    letter-spacing: 2px;
}

.messages_contents_left_bottom {
    width: 100%;
    height: calc(100vh - 190px);
    padding: 15px;
    float: left;
    overflow: auto;
}

.messages_contents_left_searchLine {
    width: 100%;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    float: left;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 5px;
}

.messages_contents_left_searchLine input {
    flex: 1;
    height: 40px;
    border: 0px !important;
    outline: 0px !important;
    box-shadow: 0px !important;
    color: #fff;
    background-color: transparent;
    font-size: 13px;
    padding-left: 10px;
}

.messages_contents_left_searchLine button {
    width: 40px;
    height: 40px;
    border: 0px !important;
    outline: 0px !important;
    box-shadow: 0px !important;
    color: #fff;
    background-color: transparent;
    font-size: 15px;
}

.messages_contents_left_line {
    width: 100%;
    min-height: 10px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 0px;
    border-top: 1px solid #2e2e2e;
    border-bottom: 1px solid #2e2e2e;
    margin-top: -1px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.messages_contents_left_line:hover {
    padding-left: 15px;
}

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

.messages_contents_left_line_btn {
    width: 25px;
    height: 25px;
    background-color: #0a0a09;
    float: left;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 13px;
    color: #ffffffbb;
    padding-left: 1px;
}

.messages_contents_left_line_center {
    width: calc(100% - 90px);
    min-height: 10px;
    float: left;
}

.messages_contents_left_line_center h3 {
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin: 0px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.messages_contents_left_line_center h3 i {
    color: #ffb000;
    font-size: 8px;
    float: left;
    margin-right: 3px;
    margin-top: 4px;
}

.messages_contents_left_line_center h4 {
    width: 100%;
    font-size: 11px;
    font-weight: 200;
    color: #ffffffbc;
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.custom_scroll::-webkit-scrollbar {
    width: 5px;
}

.custom_scroll::-webkit-scrollbar-track {
    background: #232323;
}

.custom_scroll::-webkit-scrollbar-thumb {
    background: #3c3c3c;
}

.custom_scroll::-webkit-scrollbar-thumb:hover {
    background: rgb(21, 21, 21);
}

.messages_contents_right_bottom button {
    min-width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 0px 15px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 200;
    color: #fff;
    border: 0px !important;
    outline: 0px !important;
    box-shadow: 0px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.messages_contents_right_bottom input {
    flex: 1;
    height: 40px;
    border: 0px !important;
    outline: 0px !important;
    box-shadow: 0px !important;
    color: #fff;
    background-color: transparent;
    padding-bottom: 3px;
    font-size: 14px;
    font-weight: 300;
}

.message_box_outer {
    width: 100%;
    min-height: 10px;
    float: left;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 20px;
    position:relative;
}

.message_delete_btn
{
    width:30px;
    height:30px;
    background-color:red;
    position:absolute;
    right:-10px;
    top:-10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    color:#fff;
    font-size:15px;
    cursor:pointer;
    z-index:999;
}

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

.message_box_contents {
    min-width: 10px;
    max-width: calc(60% - 50px);
    min-height: 20px;
    background-color: #232323;
    border-radius: 7px 7px 7px 0px;
    padding: 8px 12px;
    position:relative;
}

.message_box_contents p {
    font-size: 13px;
    float: left;
    color: #fff;
    margin: 0px;
    font-weight: 300;
    line-height: 23px;
}

.message_box_contents span {
    font-size: 11px;
    float: left;
    color: #fff;
    margin: 0px;
    font-weight: 200;
    letter-spacing: 1px;
    margin-top: 5px;
    opacity: 0.6;
}

.sender_message {
    flex-direction: row-reverse;
}

.sender_message .message_box_contents {
    border-radius: 7px 7px 0px 7px;
}

@media screen and (max-width: 992px)
{
    .messages_contents_outer .col-3 {
        width: 100%;
    }

    .messages_contents_outer .col-9 {
        width: 100%;
    }

    .message_box_contents {
        max-width: calc(90% - 50px)!important;
    }

    .message_box_contents .market_card_outer {
        width:100%!important;
    }
}

/* Messages */

/* Firm Profile */

.firm_profile_top_outer
{
    width:100%;
    min-height:20px;
    float:left;
    border:1px solid #dadada;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px;
}

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

.firm_profile_top_name
{
    flex:1;
    min-height:10px;
    float:left;
    font-size:15px;
    font-weight:500;
    color:#333;
    letter-spacing: 1px;
    margin-left:10px;
}

.firm_profile_top_box
{
    min-width:10px;
    min-height:30px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    padding:5px 25px;
    border-right:1px solid #dadada;
    border-left:1px solid #dadada;
    margin-left:-1px;
}

.firm_profile_top_box h3
{
    font-size:15px;
    letter-spacing: 1px;
    font-weight:500;
    color:#ff9b00;
    text-align:center;
    margin:0px;
    margin-bottom:7px;
}

.firm_profile_top_box h4
{
    font-size:12px;
    font-weight:400;
    color:#a1a1a1;
    text-align:center;
    margin:0px;
    letter-spacing: 1px;
}

.firm_profile_top_tabs
{
    width:100%;
    min-height:10px;
    float:left;
    border:1px solid #dadada;
    border-top:0px;
    padding:10px;
}

.firm_profile_tab_box
{
    min-width:10px;
    height:40px;
    background-color:#f5f5f5;
    display:flex;
    align-items:center;
    justify-content:Center;
    padding:0px 15px;
    font-size:12px;
    font-weight:500;
    color:#333;
    text-transform: uppercase;
    float:left;
    margin-right:10px;
    cursor:pointer;
    letter-spacing: 1px;
    gap:5px;
}

.firm_profile_tab_box small
{
    font-size:10px;
    font-weight:500;
}

.firm_profile_tab_box_select
{
    background-color:#fad300;
}

.firm_profile_tab_search_outer
{
    width:300px;
    height:40px;
    border:1px solid #dadada;
    float:right;
    display:flex;
    align-items:center;
    justify-content:center;
}

.firm_profile_tab_search_outer input
{
    flex:1;
    height:38px;
    float:elft;
    border:0px;
    outline:0px;
    box-shadow: none;
    background-color:#fff;
    font-size:13px;
    font-weight:300;
    color:#333;
    padding:0px 10px;
}

.firm_profile_tab_search_outer button
{
    width:40px;
    height:38px;
    float:elft;
    border:0px;
    outline:0px;
    box-shadow: none;
    background-color:#fff;
    border-left:1px solid #dadada;
    padding-top:2px;
}

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

.firm_advert_line_outer
{
    width:100%;
    min-height:20px;
    background-color:#f5f5f5;
    float:left;
    border-radius:4px;
    padding:14px;
    cursor:pointer;
    text-decoration: none;
}

.firm_advert_line_outer h3
{
    width:100%;
    font-size:16px;
    font-weight:500;
    color:#333;
    float:left;
    margin:0px;
    margin-bottom:15px;
    letter-spacing: 1px;
}

.firm_advert_line_outer h4
{
    width:100%;
    font-size:13px;
    font-weight:400;
    color:#333;
    float:left;
    margin:0px;
    margin-bottom:8px;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.firm_advert_line_outer h6
{
    width:100%;
    font-size:13px;
    font-weight:400;
    color:#333;
    float:left;
    margin:0px;
    margin-bottom:8px;
    letter-spacing: 1px;
    line-height:17px;
}

.firm_advert_line_outer h5
{
    width:100%;
    font-size:12px;
    font-weight:500;
    color:#ffb300;
    float:left;
    margin:0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top:10px;
}

@media screen and (max-width: 992px)
{
    .firm_profile_tab_box
    {
        width:100%;
        margin-right:0px;
        margin-bottom:10px;
    }

    .firm_profile_tab_search_outer
    {
        width:100%;
    }

    .firm_profile_top_outer
    {
        flex-direction: column;
    }

    .firm_profile_top_image
    {
        margin-bottom:15px;
    }

    .firm_profile_top_name
    {
        margin-left:0px;
        margin-bottom:15px;
    }

    .firm_profile_top_box
    {
        width:100%;
        border:0px;
        border-top:1px solid #dadada;
        margin-top:-1px;
        margin-left:0px;
        border-bottom:1px solid #dadada;
        padding:14px 0px;
    }
}

/* Firm Profile */

/* User Profile */

.profile_content_outer {
    width: 100%;
    min-height: 25px;
    float: left;
}

.user_profil_outer {
    width: 100%;
    min-height: 50vh;
    float: left;
    padding: 15px;
    display: flex;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
}

.user_profile_left_area {
    background-color: #f9f0e4;
    display: flex;
    align-items: center;
    flex-direction: column;
    float: left;
    border-radius: 10px;
    width: 100%;
    min-height: 20px;
    padding: 20px 0;
}

.user_profile_left_photo {
    width: 100px;
    height: 100px;
    float: left;
}

.user_profile_left_photo img {
    width: 100%;
    height: 100%;
    border-radius: 50px;
    border: 1px solid #361004;
    object-fit: cover;
    float: left;
}

.userProfileRightArea {
    width: 100%;
    float: left;
    background-color: yellow;
    min-height: 150px;
}

.user_info {
    width: 100%;
    float: left;
    padding: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left_area_menu_outer {
    width: 100%;
    min-height: 50px;
    float: left;
    margin-top: 15px;
}

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

.profile_menu_line:hover {
    background-color: #60200f1e;
}

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

.profile_menu_iconbox_icon {
    width: 20px;
    height: 20px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #60210f;
}

.profile_menu_iconbox_text {
    flex: 1;
    height: 20px;
    font-size: 14px;
    color: #60210f;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
}

.user_statistic {
    width: 100%;
    min-height: 15px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #3610042e;
}

.user_statistic_box {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 5px;
    border-right: 1px solid #3610042e;
    border-top: 1px solid #3610042e;
}

.user_statistic_box:last-child {
    border-right: none;
}

.user_statistic_box_number {
    font-size: 20px;
    font-weight: 500;
    color: #f8af00;
}

.user_statistic_box_title {
    font-size: 14px;
    font-weight: 300;
    color: #361004;
}

.custom_profile_sidebar {
    width: 100%;
    min-height: 20px;
    background-color: #242424;
    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: 18px;
    font-weight: 300;
    color: #dadada;
    text-align: center;
    margin-top: 10px;
    float: left;
    margin-bottom: 15px;
    letter-spacing: 2px;
}

.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;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.custom_profile_sidebar_group h4 {
    width: 100%;
    float: left;
    font-size: 13px;
    font-weight: 300;
    color: #dadadaed;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.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;
}

.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;
}

.slderbar_menu_group {
    width: 100%;
    min-height: 10px;
    float: left;
    margin-bottom: 10px;
    padding-left: 15px;
}

.slderbar_menu_group .menu_iconbox_line {
    background-color: rgba(255, 255, 255, 0.06);
}

.menu_iconbox_icon {
    width: 20px;
    height: 20px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
}

.menu_iconbox_text {
    flex: 1;
    height: 20px;
    font-size: 13px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
}

.menu_iconbox_line_group {
    width: 100%;
    min-height: 10px;
    float: left;
    border-top: 1px solid #454545;
    border-bottom: 1px solid #454545;
    margin-top: -1px;
    padding: 10px 0px;
}

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

.menu_dropdown_user_line {
    width: 100%;
    min-height: 10px;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
    transition: all 0.2s ease;
}

.menu_dropdown_user_line:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

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

.menu_dropdown_userline_contents {
    flex: 1;
    min-height: 10px;
    float: left;
}

.menu_dropdown_userline_contents h3 {
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    float: left;
    margin: 0px;
    margin-bottom: 5px;
}

.menu_dropdown_userline_contents h4 {
    width: 100%;
    font-size: 12px;
    font-weight: 200;
    color: #fff;
    float: left;
    margin: 0px;
    letter-spacing: 1px;
}

.menu_iconbox_line {
    width: 100%;
    height: 30px;
    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: 30px;
    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_line:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

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

.edit_account_outer {
    width: 100%;
    float: left;
}

.edit_accounts_inputset_outer {
    width: 100%;
    float: left;
    display: flex;
    gap: 10px;
}

.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;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.custom_input_outer p {
    width: 100%;
    float: left;
    font-size: 13px;
    font-weight: 400;
    color: #60210f;
    letter-spacing: 1px;
    margin-bottom: 7px;
}

.custom_input_outer input {
    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;
}

.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;
}

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

.custom_input_checkline_box
{
    width:30px;
    height:30px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
}

.custom_input_checkline_box input
{
    width:15px;
    height:15px;
}

.custom_input_checkline_text
{
    flex:1;
    min-height:20px;
    float:left;
    font-size:15px;
    color:#333;
    font-weight:400;
}

/* User Profile */

/* Tally */

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

.tally_calendar_title_outer
{
    width:calc(100% + 1px);
    height:50px;
    float:left;
    border:1px solid #ffb300;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fad300;
    margin-left:-1px;
    margin-top:-1px;
}

.tally_calendar_title_btn
{
    width:50px;
    height:50px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    color:#333;
    cursor:pointer;
}

.tally_calendar_title_center
{
    flex:1;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:400;
    color:#333;
    border-left:1px solid #ffb300;
    border-right:1px solid #ffb300;
    text-transform: uppercase;
    letter-spacing: 1px;
}

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

.tally_calendar_day_box
{
    width:calc(100% / 7);
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:400;
    color:#333;
    border-right:1px solid #dadada;
    border-bottom:1px solid #dadada;
    position:relative;
    cursor:pointer;
}

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

.tally_calendar_day_box_default
{
    width:calc(100% / 7);
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:400;
    color:#333;
    border-right:1px solid #dadada;
    border-bottom:1px solid #dadada;
    position:relative;
    background-color:#f5f5f5;
}

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

.tally_calendar_day_box_default .tally_calendar_day_box_number
{
    opacity: 0.5;;
}

.tally_calendar_day_box_number
{
    width:30px;
    height:30px;
    position:absolute;
    top:5px;
    right:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:500;
    color:#333;
}

.tally_calendar_day_box_danger:after
{
    content:'';
    position:absolute;
    left:10px;
    top:10px;
    width:10px;
    height:10px;
    background-color:red;
    border-radius:50%;
}

.tally_calendar_day_box_success:after
{
    content:'';
    position:absolute;
    left:10px;
    top:10px;
    width:10px;
    height:10px;
    background-color:rgb(61, 202, 0);
    border-radius:50%;
}

@media only screen and (max-width: 900px)
{
    .tally_calendar_day_box_number
    {
        width:20px;
        height:20px;
        font-size:13px;
    }

    .tally_calendar_day_box_danger:after
    {
        content:'';
        position:absolute;
        left:10px;
        top:10px;
        width:6px;
        height:6px;
        background-color:red;
        border-radius:50%;
    }

    .tally_calendar_day_box_success:after
    {
        content:'';
        position:absolute;
        left:10px;
        top:10px;
        width:6px;
        height:6px;
        background-color:rgb(61, 202, 0);
        border-radius:50%;
    }
}

.productAddİmageBox
{
    width:100%;
    min-height:20px;
    background-color:#dadada;
    float:left;
    background-size:cover;
    background-position:center;
    position:relative;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border:1px solid #dadada;
}

.productAddİmageBox i
{
    position:absolute;
    font-size:38px;
    color:#333;
}

.productAddİmageBox input
{
    display:none;
}

.productAddİmageBox:before
{
    content:'';
    display:block;
    padding-bottom:100%;
}

.productAddİmageDeleteBtn
{
    width:30px;
    height:30px;
    background-color:red;
    position:absolute;
    right:10px;
    top:10px;
    z-index:3;
    border-radius: 50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.productAddİmageDeleteBtn i
{
    position:relative;
    color:#fff;
    font-size:15px;
}

/* Tally */