/* CSS Document */

/* 
    Created on   : 28/06/2019.
    Theme Name   : Rogan - Business and Agency html Template.
    Version      : 1.1.
    Author       : Creativegigs.
    Developed by : Jubayer al hasan. (me@heloshape.com) / (www.me.heloshape.com)
   
*/

/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   01 - Global Prefix  */
/*   02 - Loading Transition  */
/*   03 - Global style  */
/*   04 - Prefix Classes */
/*   05 - Theme Section Title */
/*   06 - Theme Button  */
/*   07 - Theme Pagination  */
/*   08 - Theme Menu  */
/*   09 - Main Hero Banner  */
/*   10 - rogan Hero One  */
/*   11 - rogan Hero Two  */
/*   12 - rogan Hero Three  */
/*   13 - Our Core Feature  */
/*   14 - About Us One   */
/*   15 - About Us Two  */
/*   16 - Our Service One  */
/*   17 - Testimonial Classic  */
/*   18 - Testemonial Classic version two  */
/*   19 - Testimonial Standard   */
/*   20 - Free Consultation */
/*   21 - Home Blog */
/*   22 - Newsletter Section */
/*   23 - Footer One  */
/*   24 - Achivement Section  */
/*   25 - Why Choose Us  */
/*   26 - Project Gallery */
/*   27 - Pricing Plan One  */
/*   28 - Partner Section   */
/*   29 - Contact Us HOme   */
/*   30 - Banner Large Text   */
/*   31 - About Text Block   */
/*   32 - Our Team Standard   */
/*   33 - Our Team Minimul   */
/*   34 - Our Team Buisness   */
/*   35 - Inner Banner   */
/*   36 - Text Inner Banner One   */
/*   37 - Our Service/Modern   */
/*   38 - Our Service/Classic   */
/*   39 - Contact Banner   */
/*   40 - Intro Text   */
/*   41 - Our Portfolio   */
/*   42 - Project Details   */
/*   43 - Blog Sidebar   */
/*   44 - Our Blog   */
/*   45 - Blog Details   */
/*   46 - Sidebar Menu   */
/*   47 - Product Filter Area/Sidebar   */
/*   48 - SHOP SHOWCASE   */
/*   49 - Promo Code   */
/*   50 - Shop Details   */
/*   51 - Cart Page   */
/*   52 - CheckOut Page  */
/*   53 - Contact Address   */
/*   54 - FAQ Page   */
/*   55 - Error   */
/*   56 - Sign Up   */





/**
* Importing necessary  Styles.
**/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@import url('../fonts/gilroy/fonts.css');
/*----bootstrap css ----- */
@import url('../vendor/bootstrap/css/bootstrap.min.css');
/*------- Framework css -----------*/
@import url('framework.css');
/*------- menu ------*/
@import url('../vendor/mega-menu/assets/css/menu.css');
/*----font awesome -------*/
@import url('../fonts/font-awesome/css/font-awesome.min.css');
/*----Flaticon-------*/
@import url('../fonts/icon/font/flaticon.css');


/*^^^^^^^^^^^^^^^^^^^^^^ SHORTCODE CSS ^^^^^^^^^^^^^^^^^^*/
/*Must include if you want the shortcode/element styles*/ 
@import url('shortcode-style.css');

@font-face {
  font-family: 'font-awesome';
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf');
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
}

/*========================================================================================

*************************** Start Styling Your theme from here ***************************

==========================================================================================*/

.ctn-preloader {
  align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -ms-flexbox;
  height: 100%;
  justify-content: center;
  -webkit-justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  background: #fff;
}
.ctn-preloader .animation-preloader {position: absolute;z-index: 100;}
.ctn-preloader .animation-preloader .icon {margin-bottom: 60px;}
.ctn-preloader .animation-preloader .icon img {margin: 0 auto;}
.ctn-preloader .animation-preloader .txt-loading {text-align: center;user-select: none;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
  animation: letters-loading 4s infinite;
  color: var(--p-rose);
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  top:0;
  line-height: 70px;
  position: absolute;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading {
  font-weight: 700;
  letter-spacing: 15px;
  display: inline-block;
  color: rgba(255, 82, 132, 0.15);
  position: relative;
  font-size: 70px;
  line-height: 70px;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
.ctn-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}
.loaded .animation-preloader {opacity: 0;transition: 0.3s ease-out;}
@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@media screen and (max-width: 500px) {
  .ctn-preloader .animation-preloader .txt-loading .letters-loading {font-size: 65px; letter-spacing: 10px;}
}
/*^^^^^^^^^^^^^^^^^^^^^ Theme Menu ^^^^^^^^^^^^^^^^^^^^^^^^^*/
#mega-menu-holder {padding: 0; position: static;}
#mega-menu-holder .img-box {display: block; text-align: center;}
#mega-menu-holder .img-box .img {
  display: block;
  overflow: hidden;
  background: #000;
  box-shadow: 0px 30px 70px 0px rgba(223, 227, 234, 0.5);
}
#mega-menu-holder .img-box .img img {width: 100%;}
#mega-menu-holder .img-box:hover .img img {opacity: 0.7;transform: scale3d(1.1,1.1,1);}
#mega-menu-holder .img-box .text {
  font-family: 'gilroy-semibold';
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  display: block;
  color: var(--text-dark); 
  padding-top: 10px;
}
.theme-main-menu {
  position: absolute;
  z-index: 99;
  top:0;
  left:0;
  right: 0;
  background: transparent;
  padding: 20px;
  transition: all 0.4s ease-out;
}
.theme-main-menu .logo a {display: block;}
.theme-menu-one .right-content {margin-left: 15px;}
.theme-main-menu .right-content .cart-action-wrapper {margin-right: 45px;}
.theme-main-menu .right-content .dropdown-toggle:after {display: none;}
.theme-main-menu .right-content .dropdown-toggle {background: transparent;}
.theme-main-menu .right-content .dropdown-menu {
  background: #fff;
  box-shadow: 0px 25px 50px 0px rgba(213, 216, 223, 0.5);
  border: 1px solid #f8f8f8;
  border-radius: 0;
  margin: 15px -35px 0 0;
}
.theme-main-menu .right-content .cart-action-wrapper .dropdown-toggle {
  height: 27px;
  position: relative;
}
.theme-main-menu .right-content .cart-action-wrapper .dropdown-toggle .item-count {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--text-dark);
  line-height: 15px;
  text-align: center;
  font-size: 9px;
  color: #fff;
  right: -12px;
  top:-10px;
}
.theme-main-menu.menu-text-white .right-content .cart-action-wrapper .dropdown-toggle .item-count {background: var(--p-rose);}
.theme-main-menu .right-content .cart-action-wrapper .dropdown-menu {
  padding: 40px 35px;
  min-width: 300px;
}
.theme-main-menu .right-content .cart-action-wrapper .cart-product-list .item-img {
  width: 70px;
  height: 80px;
  display: block;
  float: left;
}
.theme-main-menu .right-content .cart-action-wrapper .cart-product-list .item-info {
  width: calc(100% - 70px);
  float: left;
  padding-left: 25px;
  position: relative;
}
.theme-main-menu .right-content .cart-action-wrapper .cart-product-list .item-info .close {
  position: absolute;
  top:13px;
  right: 0;
  font-size: 12px;
  color: rgba(31,31,31,0.9);
}
.theme-main-menu .right-content .cart-action-wrapper .cart-product-list .item-info .close:hover {color: #ff3612;}
.theme-main-menu .right-content .cart-action-wrapper .cart-product-list .item-info .name {
  font-size: 18px;
  color: var(--text-dark);
  margin: 5px 0;
  padding-right: 12px;
}
.theme-main-menu .right-content .cart-action-wrapper .cart-product-list .item-info .price {
  font-size: 20px;
  color: var(--text-dark);
}
.theme-main-menu .right-content .cart-action-wrapper .cart-product-list .item-info .price .quantity {
  font-size: 17px;
  color: rgba(31,31,31,0.3);
  margin-left: 15px;
}
.theme-main-menu .right-content .cart-action-wrapper .cart-product-list .selected-item {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.theme-main-menu .right-content .cart-action-wrapper .cart-product-list .selected-item:last-child {margin-bottom: 14px;}
.theme-main-menu .right-content .cart-action-wrapper .subtotal .title {font-size: 18px;color: #1f1f1f}
.theme-main-menu .right-content .cart-action-wrapper .subtotal .total-price {font-size: 20px;color: #1f1f1f}
.theme-main-menu .right-content .cart-action-wrapper .subtotal {padding-bottom: 7px;}
.theme-main-menu .right-content .cart-action-wrapper .button-group a {
  display: block;
  line-height: 45px;
  border: 1px solid #dbdbdb;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--text-dark);
  margin-top: 15px;
}
.theme-main-menu .right-content .cart-action-wrapper .button-group a:hover {color: #fff;background: var(--text-dark);}
.theme-main-menu .contact-button {font-weight: 500;font-size: 15px;text-transform: uppercase;}
.theme-main-menu .contact-button.button-white-bg {
  background: #fff;
  border: none;
  color: var(--text-dark);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}
.theme-main-menu .contact-button.button-white-bg:hover {color: #fff;}
/*^^^^^^^^^^^^^^^^^^^^^ Theme Menu Style Two ^^^^^^^^^^^^^^^^^^^^^^^^^*/
.theme-menu-two #mega-menu-holder {margin-left: 11%;}
/*^^^^^^^^^^^^^^^^^^^^^ Sticky Menu ^^^^^^^^^^^^^^^^^^^^^^^^^*/
.sticky-menu.fixed {
  position: fixed !important;
  background: #fff;
  margin: 0 !important;
  padding-top: 15px;
  padding-bottom: 15px;
  box-shadow: 0 13px 35px -12px rgba(35,35,35,0.1);
}
.sticky-menu.fixed.menu-text-white {background: #110a29;}

/* nuevo styky */
.mega-dropdown-holder .dropdown-menu.mega-full {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* Responsive */

@media (max-width: 1024px) {

  .navbar-nav .nav-item .nav-link {
        margin: 0 6px !important;
        font-size: 15px !important;
    }
}