/*------------------------------------------------------------------
[Master Stylesheet]

Project:	X-Sport
Version:	1.0
Last change:	17/11/2014 [fixed minor bugs]
Assigned to:	Alex Zaymund
Primary use:	Xtreme Sport
-------------------------------------------------------------------*/


/* MAIN CSS */
@import url('bootstrap.css');
@import url('theme.css');
@import url('hover-min.css');
@import url('shop.css');
@import url('blog.css');
@import url('animate.css');
@import url('debugging.css');
@import url('custom.css'); 
@import url('responsive.css');
@import url('animatedbg.css'); 

/* FONTS*/

@import url('../webfontkit/stylesheet.css');
@import url('../plugins/icomoon/style.css');
@import url('../plugins/simple/simple-line-icons.css');



/* PLUGIN CSS */

@import url('../plugins/font-awesome/css/font-awesome.min.css');
@import url('../plugins/yamm3/yamm/yamm.css');
@import url('../plugins/bootstrap-vertical-tabs-master/bootstrap.vertical-tabs.min.css');
@import url('../plugins/isotope/isotope.css');
@import url('../plugins/magnific/magnific-popup.css');
@import url('../plugins/prettyphoto/css/prettyPhoto.css');
@import url('../plugins/bxslider/jquery.bxslider.css');
@import url('../plugins/selectbox/jquery.selectbox.css');
@import url('../plugins/nouislider/jquery.nouislider.css');
@import url('../plugins/points/points.css');
@import url('../plugins/flexslider/flexslider.css');
@import url('../plugins/smart-menu/smart-menu.css');
@import url('../plugins/loader/css/loader.css');
@import url('../plugins/newsletter/newsletter.css');
@import url('../plugins/bio/css/bio.css');
@import url('../plugins/iview/css/iview.css');
@import url('../plugins/iview/css/skin/style.css');





/**/

       /* On Load Popup CSS Start */
       .pop_uPBtnS {
           flex-direction: column;
           gap: 10px !important;
       }

       .onload_popup_txt .popUp_bTnN:hover {
           background: transparent;
           border: 1px solid #000;
           color: #000;
       }

       .onload_popup_txt p {
           font-size: 16px;
       }

       .onload_popup_txt h2 {
           letter-spacing: 2px;
           font-size: 24px;
           font-weight: 600;
           margin: 0;
       }

       .onload_popup_txt {
           width: 55%;
           padding: 0px 16px;
       }

       .popUp_img {
           width: 50%;
       }

       .modalL_bdY {
           display: flex;
           align-items: center;
           /*     gap: 20px; */
           justify-content: space-between;
       }

       .popup-modall {
           display: none;
           /* Hidden by default */
           position: fixed;
           z-index: 1000;
           left: 0;
           top: 0;
           width: 100%;
           height: 100%;
           background-color: rgba(0, 0, 0, 0.5);
           /* Black background with opacity */
           display: flex;
           justify-content: center;
           align-items: center;
           /* Vertically center the modal */
       }

       /* Popup Content */
       .popup-contentt {
           background-color: #fff;
           /* padding: 20px; */
           /* border-radius: 10px; */
           text-align: center;
           box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
           width: 50em;
           animation: zoomIn 0.5s ease;
           position: relative;
           margin-top: 10em !important;
       }

       /* Close Button */
       .closee:hover,
       .closee:focus {
           color: #000;
           text-decoration: none;
           transform: rotate(90deg);
           opacity: 1;
       }

       span.closee {
           opacity: 0.4;
           cursor: pointer;
           transition: all ease 0.4s;
           position: absolute;
           right: 10px;
           font-weight: 400;
           font-size: 30px;
       }

       /* Dish Image */
       .dish-image {
           width: 100%;
           height: auto;
           /* border-radius: 8px; */
           /* margin: 15px 0; */
       }

       /* Order Button */
       .onload_popup_txt .popUp_bTnN {
           background: #1b2e51;
           color: #fff;
           border: 1px solid #1b2e51;
           transition: all .5s ease-in-out;
           font-size: 16px;
           padding: 12px 28px 12px;
           width: 100% !important;
       }

       /* Animation for zoom effect */
       @keyframes zoomIn {
           from {
               transform: scale(0.5);
           }

           to {
               transform: scale(1);
           }
       }

       /* On Load Popup CSS End */