/*
            Theme Name: kyurees
            Author: HTML WP
            Description: Theme kyurees created by HTML WP.you can change this after theme creation.
            Version: 1.0
            */

            .bd-placeholder-img {
                font-size: 1.125rem;
                text-anchor: middle;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
              }

              .showDesktop{
                display: table;
              }
              .showMobile{
                display:none;
              }
        
              @media (min-width: 768px) {
                .bd-placeholder-img-lg {
                  font-size: 3.5rem;
                }
              }
        
              .b-example-divider {
                width: 100%;
                height: 3rem;
                background-color: rgba(0, 0, 0, .1);
                border: solid rgba(0, 0, 0, .15);
                border-width: 1px 0;
                box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
              }
        
              .b-example-vr {
                flex-shrink: 0;
                width: 1.5rem;
                height: 100vh;
              }
        
              .bi {
                vertical-align: -.125em;
                fill: currentColor;
              }
        
              .nav-scroller {
                position: relative;
                z-index: 2;
                height: 2.75rem;
                overflow-y: hidden;
              }
        
              .nav-scroller .nav {
                display: flex;
                flex-wrap: nowrap;
                padding-bottom: 1rem;
                margin-top: -1px;
                overflow-x: auto;
                text-align: center;
                white-space: nowrap;
                -webkit-overflow-scrolling: touch;
              }

              .testi{
                position: relative;
              }

              .testi img{
                position: absolute;
                top: 45%;
                left: 45%;
              }
        
              .btn-bd-primary {
                --bd-violet-bg: #712cf9;
                --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
        
                --bs-btn-font-weight: 600;
                --bs-btn-color: var(--bs-white);
                --bs-btn-bg: var(--bd-violet-bg);
                --bs-btn-border-color: var(--bd-violet-bg);
                --bs-btn-hover-color: var(--bs-white);
                --bs-btn-hover-bg: #6528e0;
                --bs-btn-hover-border-color: #6528e0;
                --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
                --bs-btn-active-color: var(--bs-btn-hover-color);
                --bs-btn-active-bg: #5a23c8;
                --bs-btn-active-border-color: #5a23c8;
              }
        
              .bd-mode-toggle {
                z-index: 1500;
              }
              video {
                object-fit: fill;
            }
              .bd-mode-toggle .dropdown-menu .active .bi {
                display: block !important;
              }

              .top-navbar{
                height:128px;
              }
              .btn-outline-pink {
                width: 144px;
                margin-bottom: 5px;
                margin-left: 10px;
            }
            .img-responsive{
              width:100%;
            }
              .wpcf7-submit{
                background: #9747FF;
                color: #ffffff;
                border-radius: 0;
                font-size: 22px;
                padding: 15px 80px;
                border: 1px solid #FFFFFF;
              }
              .productInfo .wpcf7-list-item{
                  width:100%;
                  float:left;
                  margin:5px 0px;
              }

              a.nav-link:hover{
                border: none;
              }
              .current-menu-item a{
                color:#fff;
              }
              .sidebar{
                background:#4800A5;
              }
              .sidebar ul{
                padding:15px 0px 0px 0px;
                margin:0;
              }

              .sidebar ul li{
                list-style: none;
                background-color: #560BB8;
                margin:20px 0px;
                text-align: left;
                color: #fff;
                font-size: 16px;
                cursor: pointer;
              }
              .sidebar ul li a{
                color: #fff;
                width: 100%;
                padding: 25px;
                display: block;
              }
              .paddingtb{
                padding:50px 20px;
              }

              .sidebar ul li.current_page_item,
              .sidebar ul li:hover{
                background-color: #FBB040;
              }
              .top-navbar .navbar-nav .nav-item {
                margin: 20px 10px;
              }
              .terms{
                margin-top:20px;
              }
              .brownbg{
                background-color: #FBB040;
                color: #000;
                padding: 56px;
                border-radius: 8px;
                box-shadow: 8px 8px;
              }

              .modal {
                display: none; /* Hidden by default */
                position: fixed; /* Stay in place */
                z-index: 1; /* Sit on top */
                padding-top: 100px; /* Location of the box */
                left: 0;
                top: 0;
                width: 100%; /* Full width */
                height: 100%; /* Full height */
                overflow: auto; /* Enable scroll if needed */
                background-color: rgb(0,0,0); /* Fallback color */
                background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
              }
              
              /* Modal Content */
              .modal-content {
                background-color: #fefefe;
                margin: auto;
                padding: 20px;
                border: 1px solid #888;
                width: 50%;
                margin-top:80px;
              }

              .modal-content div{
                width:100%;
                float:left;
                margin-top:20px;
              }
              .modal-content input{
                padding: 10px 10px;
                width: 100%;
              }
              .modal-content input[type="submit"]{
              width: 263px;
              margin: 0px auto;
              float: none;
              display: block;
              }
              
              /* The Close Button */
              .close {
                color: #aaaaaa;
                float: right;
                font-size: 28px;
                font-weight: bold;
                display: block;
                text-align: right;
              }
              
              .close:hover,
              .close:focus {
                color: #000;
                text-decoration: none;
                cursor: pointer;
              }

              .videobanner {
                width: 100%;
            }
              .videowrapper{
                  display:table;
                  width:auto;
                  position:relative;
                  width:100%;
              }
              .news-container a{
                color:#000;
              }
              .news-list li{
                border-right: none;
              }
              .colorblack{
                color:#000;
              }
              .playpause {
                background-image: url(assets/images/play-icon.png);
                background-repeat: no-repeat;
                width: 64px;
                height: 64px;
                position: absolute;
                left: 0%;
                right: 0%;
                top: 0%;
                bottom: 0%;
                margin: auto;
                background-size: contain;
                background-position: center;
            }

            @media only screen and (max-width:1200px) {
              .navbar>.container {
                max-width: 100%;
            }  
            .btn-outline-pink {
              width: 120px;
              padding: 5px 0;
            }
            }

            @media only screen and (max-width:1024px){

              .btn-outline-pink {
                width: 110px;
                padding: 5px 3px;
                font-size: 12px;
              }
              }

              @media only screen and (max-width: 768px){  
                .showDesktop{
                  display:none;
                }
                .showMobile{
                  display: table;
                }              
                  .top-navbar {
                    height: 90px;
                  }
                  .contact-hero{
                    padding-top:150px;
                  }
                  .btn-outline-pink {
                    width: 110px;
                    font-size: 12px;
                }
                .bg-dark-pattern1 { 
                   background:#000;
              }
              .nomobileview{
                display:none;
              }
              .sidebar ul li {
                width: 22%;
                float: left;
                margin: 20px 10px;
                height: 90px;
            }
              }