/*---------------- Common CSS ----------------*/
body {
  position: relative;
  height: 100%;
  letter-spacing:0.1px;
  word-spacing:0.2px;
  background-color: white;
  overflow-x: hidden;
}

body, input, textarea,button {
  font-family: 'Plus Jakarta Sans';
  font-size:15px;
  color: #000000;
}

main{
  min-height: 100vh;
  position: relative;
  z-index: 1;
  background: white;
}

img{
  object-fit:contain;
  max-width:100%;
}

button:not(.no-style){
  border: none;
  display: inline-block;
  transition:0.2s;
  cursor: pointer;
}

a,a:hover{
  text-decoration: none;
  color: #000;
}

a,button{
  cursor: pointer;
}

b, strong {
  font-weight: 600;
}

p{
  color: #000000;
  font-size: 17px;
}

h1,.h1 {
  font-size: 32px;
  font-weight:900;
}

h2,.h2 {
  font-size: 25px;
  font-weight:900;
}

h3,.h3 {
  font-size: 18px;
  font-weight: 700;
}


h4,.h4 {
  font-size: 16px;
  font-weight: 500;
}

.material-icons-round{
  font-size:inherit;
}

.bg-gold{background-color: #000000 !important;}
.bg-gold-light{background-color: rgb(255 255 255 / 12%) !important;}
.bg-gold-gradient{background-image: linear-gradient(to right, white, #871e187a) !important;}
.bg-white-after:after{background-color:white !important}
.bg-white-before:after{background-color:white !important}
.bg-color-unset{background-color: unset !important;}
.bg-cover{background-size:cover;}
.bg-fixed{
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
.bg-position-top{background-position:top;}
.bg-position-center{background-position:center;}
.bg-position-bottom{background-position:bottom;}


.color-gold, .text-gold{color: #be1d15 !important;}
.text-success{color:#4caf50 !important}
.text-light {color: #999 !important}
.text-shadow{text-shadow: 0px 2px 0 white;}

.border-gold-light{border-color: rgb(198 165 122 / 28%) !important}
.border-gold-light-2{border-color: rgb(198 165 122 / 11%) !important;}
.border-gold{border-color:#c6a57a !important}
.border-10{border-width:10px !important}

.object-fit-cover{object-fit: cover;}
.object-fit-contain{object-fit: contain;}

.height-80px{min-height: 80px; max-height: 80px;}
.height-66px{min-height: 66px; max-height: 66px;}
.min-height-100vh{min-height:100vh;}
.width-80px{min-width: 80px; max-width: 80px;}
.width-100px{min-width: 100px; max-width: 100px;}

.overflow-unset{overflow:unset !important;}

.bottom-25px{bottom:25px}

.shadow-inset-gold{
  box-shadow: inset 0 1px rgb(198 166 123 / 15%);
}

.clip-path-1{
  clip-path: polygon(calc(100% - 15px) 0, calc(100% + 1px) 15px, calc(100% + 1px) calc(100% + 1px), 0 calc(100% + 1px), 0 0);
}

.clip-path-2{
  clip-path: polygon(calc(100% + 1px) 0, calc(100% + 1px) calc(100% + 1px), 0 calc(100% + 1px), 0 15px, 15px 0);
}

.clip-path-3{
  clip-path: polygon(calc(100% - 15px) 0, calc(100% + 1px) 15px, calc(100% + 1px) calc(100% + 1px), 0 calc(100% + 1px), 0 0);
}


.link{transition:0.3s}
.link:hover,.link:focus{color: #ffffff !important;opacity: 0.6;}

.border-bottom-gradient {
  position: relative;
  z-index:1;
}

.border-bottom-gradient:after {
  content: '';
  position: absolute;
  height: 10px;
  background: linear-gradient(to left, #be1d15,#be1d1585);
  bottom: 0px;
  left: -5px;
  right: -5px;
  z-index: -1;
  clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
}


.section{
  /* position:relative; */
  padding-top: 100px;
  padding-bottom: 100px;
  z-index: 1;
  overflow: hidden;
}


.font-weight-300{font-weight:300}
.font-weight-400{font-weight:400}
.font-weight-500{font-weight:500}
.font-weight-600{font-weight:600}
.font-weight-700{font-weight:700}
.font-weight-800{font-weight:800}
.font-weight-900{font-weight:900}


.font-size-10{font-size:10px}
.font-size-11{font-size:11px}
.font-size-12{font-size:12px}
.font-size-13{font-size:13px}
.font-size-14{font-size:14px}
.font-size-15{font-size:15px}
.font-size-16{font-size:16px}
.font-size-17{font-size:17px}
.font-size-18{font-size:18px}
.font-size-19{font-size:19px}
.font-size-20{font-size:20px}
.font-size-21{font-size:21px}
.font-size-22{font-size:22px}
.font-size-23{font-size:23px}
.font-size-24{font-size:24px}
.font-size-25{font-size:25px}
.font-size-26{font-size:26px}
.font-size-27{font-size:27px}
.font-size-28{font-size:28px}
.font-size-29{font-size:29px}
.font-size-30{font-size:30px}
.font-size-31{font-size:31px}
.font-size-32{font-size:32px}
.font-size-33{font-size:33px}
.font-size-34{font-size:34px}
.font-size-35{font-size:35px}
.font-size-36{font-size:36px}
.font-size-37{font-size:37px}
.font-size-38{font-size:38px}
.font-size-39{font-size:39px}
.font-size-40{font-size:40px}
.font-size-41{font-size:41px}
.font-size-42{font-size:42px}
.font-size-43{font-size:43px}
.font-size-44{font-size:44px}
.font-size-45{font-size:45px}
.font-size-46{font-size:46px}
.font-size-47{font-size:47px}
.font-size-48{font-size:48px}
.font-size-49{font-size:49px}
.font-size-50{font-size:50px}
.font-size-75{font-size:75px}
.font-size-100{font-size:100px}
.font-size-125{font-size:125px}


.letter-spacing-0-1{letter-spacing:0.1px}
.letter-spacing-0-2{letter-spacing:0.2px}
.letter-spacing-0-3{letter-spacing:0.3px}
.letter-spacing-0-4{letter-spacing:0.4px}
.letter-spacing-0-5{letter-spacing:0.5px}
.letter-spacing-0-6{letter-spacing:0.6px}
.letter-spacing-0-7{letter-spacing:0.7px}
.letter-spacing-0-8{letter-spacing:0.8px}
.letter-spacing-0-9{letter-spacing:0.9px}
.letter-spacing-1{letter-spacing:1px}
.letter-spacing-2{letter-spacing:2px}


.border-top-unset{border-top:unset !important}
.border-bottom-unset{border-bottom:unset !important}
.border-left-unset{border-left:unset !important}
.border-right-unset{border-right:unset !important}


.z-index-1{z-index:1}
.z-index-2{z-index:2}
.z-index-3{z-index:3}
.z-index-4{z-index:4}
.z-index-5{z-index:5}
.z-index-6{z-index:6}
.z-index-7{z-index:7}
.z-index-8{z-index:8}
.z-index-9{z-index:9}


.opacity-0-1{opacity:0.1}
.opacity-0-2{opacity:0.2}
.opacity-0-3{opacity:0.3}
.opacity-0-4{opacity:0.4}
.opacity-0-5{opacity:0.5}
.opacity-0-6{opacity:0.6}
.opacity-0-7{opacity:0.7}
.opacity-0-8{opacity:0.8}
.opacity-0-9{opacity:0.9}
.opacity-1{opacity:1}


.p-10{padding:10px}
.p-15{padding:15px}
.p-20{padding:20px}
.p-25{padding:25px}
.p-30{padding:30px}
.p-35{padding:35px}
.p-40{padding:40px}
.p-45{padding:45px}
.p-50{padding:50px}
.p-55{padding:55px}
.p-60{padding:60px}
.p-65{padding:65px}
.p-70{padding:70px}
.p-75{padding:75px}
.p-80{padding:80px}
.p-85{padding:85px}
.p-90{padding:90px}
.p-95{padding:95px}
.p-100{padding:100px}


.pt-10{padding-top:10px}
.pt-15{padding-top:15px}
.pt-20{padding-top:20px}
.pt-25{padding-top:25px}
.pt-30{padding-top:30px}
.pt-35{padding-top:35px}
.pt-40{padding-top:40px}
.pt-45{padding-top:45px}
.pt-50{padding-top:50px}
.pt-55{padding-top:55px}
.pt-60{padding-top:60px}
.pt-65{padding-top:65px}
.pt-70{padding-top:70px}
.pt-75{padding-top:75px}
.pt-80{padding-top:80px}
.pt-85{padding-top:85px}
.pt-90{padding-top:90px}
.pt-95{padding-top:95px}
.pt-100{padding-top:100px}


.pb-10{padding-bottom:10px}
.pb-15{padding-bottom:15px}
.pb-20{padding-bottom:20px}
.pb-25{padding-bottom:25px}
.pb-30{padding-bottom:30px}
.pb-35{padding-bottom:35px}
.pb-40{padding-bottom:40px}
.pb-45{padding-bottom:45px}
.pb-50{padding-bottom:50px}
.pb-55{padding-bottom:55px}
.pb-60{padding-bottom:60px}
.pb-65{padding-bottom:65px}
.pb-70{padding-bottom:70px}
.pb-75{padding-bottom:75px}
.pb-80{padding-bottom:80px}
.pb-85{padding-bottom:85px}
.pb-90{padding-bottom:90px}
.pb-95{padding-bottom:95px}
.pb-100{padding-bottom:100px}


.pl-10{padding-left:10px}
.pl-15{padding-left:15px}
.pl-20{padding-left:20px}
.pl-25{padding-left:25px}
.pl-30{padding-left:30px}
.pl-35{padding-left:35px}
.pl-40{padding-left:40px}
.pl-45{padding-left:45px}
.pl-50{padding-left:50px}
.pl-55{padding-left:55px}
.pl-60{padding-left:60px}
.pl-65{padding-left:65px}
.pl-70{padding-left:70px}
.pl-75{padding-left:75px}
.pl-80{padding-left:80px}
.pl-85{padding-left:85px}
.pl-90{padding-left:90px}
.pl-95{padding-left:95px}
.pl-100{padding-left:100px}


.pr-10{padding-right:10px}
.pr-15{padding-right:15px}
.pr-20{padding-right:20px}
.pr-25{padding-right:25px}
.pr-30{padding-right:30px}
.pr-35{padding-right:35px}
.pr-40{padding-right:40px}
.pr-45{padding-right:45px}
.pr-50{padding-right:50px}
.pr-55{padding-right:55px}
.pr-60{padding-right:60px}
.pr-65{padding-right:65px}
.pr-70{padding-right:70px}
.pr-75{padding-right:75px}
.pr-80{padding-right:80px}
.pr-85{padding-right:85px}
.pr-90{padding-right:90px}
.pr-95{padding-right:95px}
.pr-100{padding-right:100px}


.mt--5{margin-top:-5px}
.mt--10{margin-top:-10px}
.mt--15{margin-top:-15px}
.mt--20{margin-top:-20px}


.center{
  display:flex;
  justify-content:center;
  align-items: center;
  text-align:center;
}


/*---------------- Animation ----------------*/
.ripple-animation, .link{
  position:relative;
  overflow:hidden;
  z-index:1;
}

.link:after{
  content:'';
}

.ripple-animation .ripple-helper, .link:after{
  position:absolute;
  height:1px;
  width:1px;
  top:50%;
  left: 50%;
  transform:translate(-50%, -50%);
  border-radius:50%;
  z-index:-1;
}

.ripple-animation:focus .ripple-helper, .link:focus:after{
  animation:ripple 1s forwards;
}

.ripple-animation:active .ripple-helper, .link:active:after{
  animation:unset;
}

@keyframes ripple{
  0% {
    box-shadow: 0 0 0 0px rgb(0, 0, 0, 40%);
    background-color:rgb(0, 0, 0, 40%);
  }
  100% {
    box-shadow: 0 0 0 150px rgba(0, 0, 0, 0);
    background:rgba(0, 0, 0, 0);
  }
}


/*---------------- Loader ----------------*/
#loader {
  position:fixed;
  top:0;
  bottom:0;
  right:0;
  left:0;
  background:white;
  z-index:99;
  display:flex;
  justify-content:center;
  align-items:center;
}


/*---------------- Heading ----------------*/
.heading_style_1{
  font-size:18px;
  font-weight:700;
  color:black;
  position: relative;
  padding-left: 80px;
  letter-spacing: 2px;
  margin-bottom: 35px;
}

.heading_style_1:before,
.heading_style_1:after{
    content: '';
    position: absolute;
    height: 2px;
    width: 70px;
    top: calc(50% - 1px);
    left: 0;
    clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
    background: linear-gradient(to left,#be1d15,transparent);
}

.heading_style_2 {
  text-align:center;
  font-weight:800;
  color:#212529;
  font-size:35px;
  color: #be1d15;
  text-shadow: 2px 2px #0000000f;
  }

.heading_description {
  text-align:center;
  font-size: 17px;
  font-weight: 400;
  word-spacing: 1px;
  color: rgb(0 0 0 / 50%);
  font-weight: 500;
}

.heading-border-left{
  position:relative;
  padding-left:13px;
}

.heading-border-left:before{
  content:'';
  position:absolute;
  height:calc(100% - 6px);
  top:3px;
  background:#c6a57a;
  left:0;
  width:3px;
}

/* Page Heading */
.page-heading {
  position: relative;
  padding-right: 25px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 21px;
  text-transform: capitalize;
  display: inline-flex;
  color: #444;
  margin-left: 10px;
  align-items: center;
  margin-right: 30px;
  padding-left: 75px;
  min-height: 60px;
}

.page-heading:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: white;
  top: 0;
  left: 25px;
  z-index: -1;
  clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);
  border-radius: 6px 0 0 6px;
}

.page-heading .icon {
  font-size: 22px;
  
  position: absolute;
  padding: 15px;
  height: 50px;
  width: 50px
;left: 0;top: 50%;transform: translateY(-50%);}

.page-heading .icon:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: white;
  left: 0;
  top: 0;
  transform: rotate(45deg);
  z-index: -1;
  box-shadow: inset 0 0 0 4px white,inset 0 0 0 5px #c6a57a, 2px 0 #f0f1f5,0 -2px #f0f1f5
}

.remove-heading-clip-path:before{
  clip-path:unset;
  border-radius:10px;
}

.remove-heading-clip-path{
  padding-top:15px;
  padding-bottom:15px;
}


/*---------------- Shape ----------------*/
.shape-1{
  z-index:1;
  position:relative;
}

.shape-1:before,
.shape-1:after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: #f9f9f9;
  z-index:-2;
  clip-path: polygon(100% 0%, calc(100% - 10px) 0, 100% 10px, 100% calc(10px + 10px), 100% calc(100% - 10px), calc(100% - 10px) 100%, 15px 100%, 0 calc(100% - 15px), 0 10px, 10px 0);
}

.shape-1:before{
  top:-1px;
  bottom:-1px;
  right:-1px;
  left:-1px;
  background-image: linear-gradient(to right, #d81712, transparent, #d81712);
}

/* Shape 2 */
.shape-2{
  position:relative;
  background: unset;
  position: relative;
  /* clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0); */
  /* border: 1px solid #d817127a; */
}



/* Shape Hover Style 1 */
.shape-1-hover{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  overflow:hidden;
  z-index:-1;
  clip-path: polygon(100% 0%, calc(100% - 10px) 0, 100% 10px, 100% calc(10px + 10px), 100% calc(100% - 10px), calc(100% - 10px) 100%, 15px 100%, 0 calc(100% - 15px), 0 10px, 10px 0);
}

.shape-1-hover:before{
  content: '';
  position: absolute;
  height: 200px;
  width: 200px;
  background: #be1d15;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
  border-radius: 50%;
  box-shadow: 0 0 0 10px #c6a57a3b;
  opacity: 0;
  transition:0.3s;
}


.shape-1:hover .shape-1-hover:before{
  transform: translate(-50%,-50%) scale(2);
  transition: 0.5s;
  opacity: 1;
}

/* Shape Shadow */
.shape-shadow{
  position:absolute;
  height:calc(100% - 15px);
  width:100%;
  background:rgba(0, 0, 0, 0.15);
  left:0;
  bottom:0;
  z-index:-5;
  filter: blur(10px);
  opacity: 0.5;
}


/* Inner Border */
.inner-border-cotainer{
  position: relative;
  z-index:1;
}

.inner-border {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 1px solid #dee2e6;
  z-index:-1;
}


/*---------------- Overlayer ----------------*/
.overlayer,
.overlayer-black,
.overlayer-black-100,
.overlayer-black-200,
.overlayer-black-300,
.overlayer-black-400,
.overlayer-black-500,
.overlayer-black-600,
.overlayer-black-700,
.overlayer-black-800,
.overlayer-black-900,
.overlayer-black-1000{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0, 0, 0, 0.8);
}

.overlayer-black-100{background:rgba(0, 0, 0, 0.100)}
.overlayer-black-200{background:rgba(0, 0, 0, 0.200)}
.overlayer-black-300{background:rgba(0, 0, 0, 0.300)}
.overlayer-black-400{background: rgb(0 0 0);}
.overlayer-black-500{background:rgba(0, 0, 0, 0.500)}
.overlayer-black-600{background:rgba(0, 0, 0, 0.600)}
.overlayer-black-700{background:rgba(0, 0, 0, 0.700)}
.overlayer-black-800{background:rgba(0, 0, 0, 0.800)}
.overlayer-black-900{background:rgba(0, 0, 0, 0.900)}
.overlayer-black-1000{background:rgba(0, 0, 0, 0.1000)}


/*---------------- Button Designs ----------------*/
.btn-design-1 {
  padding: 4px 9px;
  font-size: 14px;
  border: unset;
  outline: unset;
  text-decoration: unset;
  display: inline-block;
  letter-spacing: 0.5px;
  text-align: center;
  color: #ffffff;
  z-index: 1;
  transition: 0.3s;
  background: #be1d15;
  border: 1px solid #be1d15 !important;
  box-shadow:inset 0 0 0 1px white;
}

.btn-design-1:hover,
.btn-design-1:focus{
  color: #be1d15;
  background:white;
}


.btn-design-2, .btn-design-3{
  position:relative;
  z-index: 1;
  padding: 15px 20px;
  display: inline-block;
  color: white  !important;
  transition: 0.2s;
  background:transparent;
}

.btn-design-2:before,
.btn-design-2:after,
.btn-design-3:before,
.btn-design-3:after{
  content:'';
  background: #be1d15;
  bottom:0;
  right:0;
  top:0;
  left:0;
  content:'';
  position:absolute;
  z-index:-1;
  transition:0.2s;
  clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
}

.btn-design-2:before{
  top:-1px;
  left:-1px;
  background: linear-gradient(to bottom, #be1d15,white , #be1d15);
  bottom:-1px;
  right:-1px;
}

.btn-design-2:hover:before,
.btn-design-3:hover:before{
  top:3px;
  left: 3px;
  bottom:-2px;
  right:-3px;
  background:white;
}

.btn-design-3:hover:before{
  background:#41464b
}


/*---------------- Header ----------------*/
header{
  position:absolute;
  /* position: relative; */
  background: white;
  top:0;
  left:0;
  /* display: flex; */
  /* align-items: center; */
  filter: blur(-51px);
  right:0;
  z-index: 2;
}

.menu-1 > ul{
  list-style-type: none;
  clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, -1px 100%, -1px 0);
  display:flex;
  padding:unset;
  margin-top: 27px;
  background: #be1d15;
  align-items: center;
  margin-bottom: 0;
}

.menu-1  .nav-link:not(.header-btn){
  color: #fff;
}

.menu-1 > ul > li{
  display:flex;
  flex-wrap: wrap;
}

.menu-1 a{
  font-size: 16px;
  font-weight: 500;
  padding: 15px 20px !important;
  /* display: inline-block; */
  line-height: 22px;
  position:relative;
  overflow: hidden;
  letter-spacing: 0.1px;
}

.menu-1 > ul > li > a .icon{
  font-size:21px;
  margin-right:5px;
  color: white;
  position:absolute;
  top:-30px;
  transition:0.3s;
  left:50%;
  transform:translateX(-50%);
  /* opacity:0.7; */
}

.menu-1 > ul > li > a:before{
  content:'';
  position:absolute;
  transform:rotate(45deg);
  bottom:-30px;
  left:50%;
  transform:translateX(-50%) rotate(45deg);
  border: 5px solid #fff;
  transition:0.3s;
  /* opacity:0.7; */
}

.menu-1 > ul > li > a:hover:before{
  bottom: -5px;
}

.menu-1 > ul > li > a:hover .icon{
  top: -3px;
}

.menu-1 .navbar-nav > li > a.active{
  color: #be1d15;
  font-weight: bold;
}

.menu-1 .active:before{
  border-color: #d81712;
}

.menu-1 > ul > li > a:not(.header-btn){
  background: unn;
}

.header-btn, .header-btn:hover, .header-btn:focus{
  background: #ffffff;
  border: 1px solid #be1d1547!important;
  color: black !important;
  clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, -1px 100%, -1px 0);
}

.menu-1 .header-btn .icon{
  opacity:1;
}

.menu-1  .dropdown-menu{
  border:unset;
  box-shadow:0 6px 5px #0000002b, 0 2px 5px #ffffff38;
  border-radius:0;
  margin-top:unset;
  top:100%;
  border-top:1px solid #f0f0f0;
  animation:fadeInUp 0.5s forwards;
}

.logo img{
  width: 122px !important;
}

.dropdown-item.active, .dropdown-item:active{
  background-color: #c6a57a;
}

.header_fixed{
  position:fixed;
  top:unset;
  left:0;
  right:0;
  background:white;
  box-shadow: 0 2px 2px #3333330a;
  animation: fadeInDown 0.5s forwards;
  z-index: 9;
}

.header_fixed .logo img{
  max-height: 47px;
}

.header_fixed nav[class]{
  align-items: center !important;
  padding: 5px!important;
}

.header_fixed .navbar-brand{
  border:unset;
  padding:7px 0 !important;
  clip-path: unset;
}

.header_fixed .navbar-brand:before{
  display:none;
}


/*---------------- Hero Section ----------------*/
.line-show-1, .line-show-2, .line-show-3, .line-show-4, .line-show-5{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.line-show-2{
  -webkit-line-clamp: 2;
}

.line-show-3{
  -webkit-line-clamp: 3;
}

.line-show-4{
  -webkit-line-clamp: 4;
}

.line-show-5{
  -webkit-line-clamp: 5;
}



/*---------------- Hero Section ----------------*/
.hero-section{
  min-height: 100vh;
  padding: 0;
.hero-empowerment-area {
  background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
  padding-top: 124px;
};
.hero-empowerment-area {
  background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
  padding-top: 124px;
};
.hero-empowerment-area {
  background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
  padding-top: 124px;
};
.hero-empowerment-area {
  background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
  padding-top: 124px;
};
.hero-empowerment-area {
  background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
  padding-top: 124px;
};
.hero-empowerment-area {
  background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
  padding-top: 124px;
};
.hero-empowerment-area {
  background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
  padding-top: 124px;
};
.hero-empowerment-area {
  background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
  padding-top: 124px;
};
.hero-empowerment-area {
  background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
  padding-top: 124px;
};
  background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
  padding-top: 100px;
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  position: relative;
}

.hero-content{
  max-width: 500px;
  position:relative;
}

.hero-expirence-png{
  position:absolute;
  width: 112px;
  top: -70px;
  right: 15px;
  transform:rotate(25deg);
  z-index: 2;
}

.hero-content .shape-1:after{
  background:white;
}

/* Hero Slider */
.heroSlider .swiper-slide{
  min-height:100vh;
  display:flex;
  overflow: hidden;
  justify-content:center;
  flex-flow:column;
}

.heroSlider .slider-bg-image{
  width:100%;
  object-fit: cover;
  object-position: top;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  height: 100%;
}

.heroSlider .swiper-prev,
.heroSlider .swiper-next{
  background: #0000007a;
  z-index:1;
  display:flex;
  padding: 15px;
  padding-right:20px;
  display: flex;
  align-items: end;
  color: white;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
}

.heroSlider .swiper-prev span,
.heroSlider .swiper-next span{
  font-size: 23px;
  color: #be1d15;
  font-weight: bold;
  padding: 9px;
  height: 30px;
  margin: 4px;
  width: 30px;
  border: 1px solid #be1d15;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.heroSlider .swiper-prev:hover span{
  animation:fadeInRight 0.5s 
}

.heroSlider .swiper-next:hover span{
  animation:fadeInLeft 0.5s ;
}

.heroSlider .swiper-next{
  padding:15px;
  padding-left:20px;
  background: unset;
  display: flex;
  align-items: center;
}

.hero-slider-arrow{
  position:absolute;
  bottom: 0;
  display: flex;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.hero-slider-arrow  > *{
  position:relative !important;
  display:flex;
}

/* Hero Slider Thumbnails */
.heroSlider .swiper-slide-active{
  animation:fadeIn 1.2s
}

.heroSlider_thumbnails{
  position:absolute !important;
  right: 15px;
  bottom:0;
  display: flex;
  overflow: visible;
  justify-content: flex-end;
}

.heroSlider_thumbnails > *{
  width: unset !important;
  margin: unset !important;
  background: unset;
  padding: 8px;
  padding-right:unset;
  transform: rotate(90deg)!important;
}

.heroSlider_thumbnails img{
  width:100%;
  height:100px;
  object-fit:cover;
  z-index:-2;
  position:relative;
}

.heroSlider_thumbnails button{
  width: 70px;
  padding:unset;
  height: 70px;
  border-radius: 10px;
  padding: 0px;
  transform: rotate(-90deg);
  background: unset;
  border: 3px solid #dee2e6;
}

.heroSlider_thumbnails .swiper-slide-thumb-active{
  border-color: #d817124f;
  border-width: 3px;
}

.swiper-pagination-bullet-active{
  background: #be1d15;
}


/* Other Pages - "Hero Section" */
.hero-section-2{
  background-size: cover;
  background-attachment: fixed;
  background-position: bottom;
  padding-bottom: 19px;
  min-height: 50vh;
  display: flex;
  align-items: end;
}

.hero-section-2 .overlayer {
  z-index:-1;
  background: linear-gradient(to top, rgb(198 165 122 / 51%),rgb(0 0 0 / 25%));
}

.hero-section-2:after{
  content:'';
  position:absolute;
  background:white;
  left:0;
  right:0;
  height: 20px;
  clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%);
  bottom: -1px;
}

.breadcrumb-style-1 {
  padding: 10px 20px;
  position: relative;
  margin-right: 23px;
  margin-bottom: unset;
}

.breadcrumb-style-1:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: white;
  z-index: -1;
  top: 0;
  left: 0;
  transform: skew(-20deg);
}

.breadcrumb-style-1:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 35px;
  background: #f0f1f5;
  right: -17px;
  top: 0;
  transform: skew(20deg);
  z-index: -1;
}


/*---------------- Our Project Section ----------------*/
.projetsSlider .swiper-cube-shadow:before{
  display: none !important;
}

.swiper-prev-arrow,
.swiper-next-arrow{
  position: absolute;
  bottom: 5px;
  left: calc(50% - 80px);
  z-index:11;
  padding:10px;
  color: black;
  user-select: none;
}

.swiper-next-arrow{
  right:calc(50% - 80px);
  left:unset;
}

.projetsSlider .swiper-pagination-current{
  font-size:20px;
  font-weight: 700;
  color: #41464b;
}

.projetsSlider  .swiper-pagination-total{
  font-size:13px;
}

.swiper-button-disabled{
  pointer-events:none;
  color:#999;
}


/*---------------- Blog Section ----------------*/
.grid-post{
  min-height: 375px;
  display:flex;
  flex-flow:column;
  justify-content:flex-end;
  padding: 25px 15px;
  color:white;
  position:relative;
  z-index:1;
  align-items:flex-start;
  transition:0.3s;
  overflow:hidden
;border: 1px solid #00000014;}

.grid-post:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), #000000bf);
  z-index: -1;
}

.grid-post-image{
  position:absolute;
  top:0;
  left:0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: -2;
  transition:0.3s;
}

.grid-post:hover .grid-post-image{
  transform:scale(1.1)
}

.tag{
  clip-path: polygon(calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%, 0 0);
  background-color: #c6a57a;
  padding:5px 15px;
  font-size:13px;
  color:white;
  display: inline-block;
}


/*---------------- Contact Section ----------------*/
.map{
  width:100%;
  min-height:300px;
  filter: grayscale(1);
}

.input_customDesign {
  border-radius: 0;
  font-size: 14px;
  border-color: #ffffff;
  transition:0.3s;
  background: #ddd;
  caret-color: #be1d15;
  font-weight:500;
  color: black!important;
}

.input_customDesign::placeholder{
  color:black;
  font-weight:400;
}

.input_customDesign:hover{
  border-color: #c6a57a47;
}

.input_customDesign:focus {
  border-color: #c6a57a47;
  transform:translateY(-4px);
  box-shadow:0 5px 15px -10px #c6a57a8c !important
}

/*---------------- Pagination Circle ----------------*/
nav {
  margin: 0 auto;
  padding-top: 60px;
}

.pagination .page-item .page-link:hover {
  transition: all .3s linear;
  background-color: rgb(198 165 122 / 13%);
  color: #c6a57a;
}

.pagination.pg-blue .page-item.active .page-link:hover {
  background-color: #c6a57a;
}

.pagination .page-item.active .page-link {
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  border-radius: .125rem;
  background-color: #c6a57a;
  color: #fff;
}

.pagination .page-item .page-link {
  color: #6c757d;
  font-weight:500;
}

.pagination.pagination-circle .page-item .page-link {
  margin-left: 2px;
  margin-right: 2px;
  
  min-width: 45px;
  min-height: 45px;
  padding: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  border:1px solid #c6a57a47;
  box-shadow: unset;
}


/*---------------- Custom Tootltip ----------------*/
.custom-tooltip-top {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

.custom-tooltip-top:before {
  content:'';
  left: 0;
  background: white;
  animation: pulse-animation-2 2s infinite;
  border-radius: 50px;
  padding: 5px;
  position: absolute;
  top: -5px;
}

.custom-tooltip-top:after {
  content: '';
  position: absolute;
  height: 26px;
  width: 2px;
  background: #41464b;
  left: 4px;
  bottom: 100%;
  box-shadow: 0 0 3px 1px white;
  z-index: -5;
}

.custom-tooltip-top span {
  background: #41464b;
  padding: 8px 20px;
  color: white;
  position: absolute;
  top: -88px;
  white-space: nowrap;
  right: 22px;
  box-shadow: 0 0 5px 1px white;
  pointer-events: none;
  border-radius: 2px;
  font-size: 14px;
}

.custom-tooltip-top span:before {
  content: '';
  position: absolute;
  height: 32px;
  width: 2px;
  background: #41464b;
  top: calc(100% - 7px);
  right: -11px;
  transform: skew(46deg);
  z-index: -1;
  box-shadow: 0 1px #c6a57a, 0 -1px 1px 1px white;
}

@keyframes pulse-animation-2 {
  0% {box-shadow: 0 0 0 0px rgb(255 255 255)}
  100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0)}
}


/*---------------- 404 Page ----------------*/
.text-404 {
  font-weight: 900;
  color: #c6a57a;
  text-shadow: 5px 5px #e9e9e9;
  font-size: 90px;
  white-space: nowrap;
}






/* ========== Demo Page ============= */
.text-gradient{
  background: linear-gradient(-163deg, #c6a57a,#f1e3d0, #c6a57a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.demo-box, .demo-box img {
  transition: 0.3s;
  position: relative;
  display: block;
}

.demo-box .icon {
  transition: 0.3s;
  font-size: 0;
}

.demo-box:hover .icon, .demo-box:focus .icon {
  display: unset;
  font-size: 18px;
  color: #c6a57a;
}

.demo-box:hover {
  transform: translate(10px, -10px);
}

.demo-box:hover img{
  opacity:0.5
}

.shape-2::before {
    content: "";
    height: 15px;
    width: 15px;
    position: absolute;
    display: none;
    bottom: 0px;
    right: 0px;
    background: rgb(216 23 18 / 35%);
}

.position-ab{
  position: absolute;
  right: 0;
  top: 60%;
}


.zoom {
  animation: scale 40s linear infinite;
}
  
@keyframes scale {
  50% {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
  }
}

.header_fixed .menu-1 .nav-link:not(.header-btn) {
    color: #000;
}

.header_fixed .menu-1 > ul {
    margin-top: 0px;
}
.padding-l-0{
  padding-left: 0!important
}

.margin-top-100 {
    margin-top: 30px;
}

.text-black-50 {
    color: rgb(0 0 0)!important;
}
.height-100{
  height: 100%;
}

#team_section{
  padding-top: 0!important
}

.contact-form{
      padding: 20px;
      /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; */
}

.text-secondary {
    color: #000000!important;
}

.for-query{
  font-size: 19px!important
}

.header_fixed .menu-1 > ul {
  background: none;
}

.header_fixed .header-btn {
    background: unset;
    color: unset;
    border: unset!important;
    clip-path: unset;
    color: #444;
}






div.ruby-menu-demo-header {
    /* position: relative; */
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    justify-content: flex-end;
    padding: 0;
    display: flex;
    margin: 0;
    z-index: 99999
}

/* div.ruby-menu-demo-header-bg {
    background: url(../img/bg.jpg)
} */

div.ruby-menu-demo-header-bg div.ruby-menu-demo-download > span {
    color: #efefef
}

div.ruby-menu-demo-header-bg div.ruby-menu-demo-download > span > span {
    color: #efefef
}

div.ruby-menu-demo-description {
    position: relative;
    width: 980px;
    height: 160px;
    margin: 0 auto;
    padding: 0
}

div.ruby-menu-demo-description img {
    max-width: 200px;
    float: left;
    margin: 50px 20px 0 0
}

span.ruby-menu-demo-highlight {
    color: #333
}

div.ruby-menu-demo-bg-light,div.ruby-menu-demo-bg-dark {
    width: 980px;
    height: auto;
    position: relative;
    background: #fff;
    margin: 0 auto;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px
}

div.ruby-menu-demo-bg-dark {
    background: efefef
}

div.ruby-menu-demo-bg-light-c:after,div.ruby-menu-demo-bg-dark-c:after {
    content: "";
    display: table;
    clear: both
}

div.ruby-menu-demo-cv-1 {
    float: left;
    width: 33%
}

div.ruby-menu-demo-cv-2 {
    float: left;
    width: 67%
}

div.ruby-menu-demo-cv-3 {
    float: left;
    width: 48%
}

div.ruby-menu-demo-cv-4 {
    float: left;
    width: 52%
}

div.ruby-menu-demo-cr-1 {
    float: left;
    width: 33%
}

div.ruby-menu-demo-cr-2 {
    float: left;
    width: 66%
}

div.ruby-menu-demo-cs-1 {
    float: left;
    width: 33%
}

div.ruby-menu-demo-cs-2 {
    float: left;
    width: 66%
}

div.ruby-menu-demo-cf-1,div.ruby-menu-demo-cf-2,div.ruby-menu-demo-cf-3,div.ruby-menu-demo-cf-4 {
    float: left;
    width: 25%;
    text-align: center
}

div.ruby-menu-demo-f-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto;
    padding: 22px;
    font-size: 30px;
    background: #efefef;
    color: #aaa
}

div.ruby-menu-demo-f-title {
    width: 100%;
    height: 30px;
    margin: 0 auto;
    margin-top: 20px;
    font-weight: 700;
    font-size: 18px
}

div.ruby-menu-demo-f-desc {
    font-size: 14px;
    line-height: 24px;
    color: #555;
    padding: 15px
}

div.ruby-menu-demo-cs-1 table {
    line-height: 20px
}

div.ruby-menu-demo-cs-1 table tr,div.ruby-menu-demo-cs-1 table td {
    padding: 0;
    font-weight: 700
}

div.ruby-menu-demo-cs-1 table td:last-child {
    padding-top: 5px
}

h2.ruby-menu-demo-slogan-1,h3.ruby-menu-demo-slogan-1 {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    color: #b1b1b1;
    margin: 0
}

h1.ruby-menu-demo-slogan-2,h3.ruby-menu-demo-slogan-2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: none;
    color: #222;
    margin: 0
}

p.ruby-menu-demo-slogan-description,p.ruby-menu-demo-slogan-description-2 {
    font-size: 16px;
    line-height: 24px;
    color: #444;
    margin: 35px 0
}

p.ruby-menu-demo-slogan-description-2 {
    color: #666;
    font-weight: 600;
    margin: -10px 0
}

span.ruby-menu-demo-code {
    color: #888;
    text-decoration: underline
}

td.ruby-menu-demo-theme-td-1 {
    max-width: 30px;
    text-align: left;
    padding: 6px
}

td.ruby-menu-demo-theme-td-2 {
    min-width: 120px;
    text-align: left;
    padding: 6px
}

td.ruby-menu-demo-theme-td-1:hover {
    cursor: pointer
}

.ruby-menu-demo-circle {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 4px solid #222;
    display: inline-block;
    margin: 0
}

.ruby-menu-demo-color-1 {
    background: #1aad86
}

.ruby-menu-demo-color-2 {
    background: #0c67c2
}

.ruby-menu-demo-color-3 {
    background: #ce0661
}

.ruby-menu-demo-color-4 {
    background: #ea7500
}

.ruby-menu-demo-color-5 {
    background: #74ba27
}

.ruby-menu-demo-color-6 {
    background: #ff3264
}

.ruby-menu-demo-color-7 {
    background: #fad814
}

.ruby-menu-demo-color-8 {
    background: #ccc
}

.ruby-menu-demo-color-9 {
    background: #111;
    border-color: #ccc
}

.ruby-menu-demo-color-10 {
    background: #036de2;
    border-color: #489efd
}

.ruby-menu-demo-color-11 {
    background: #f85252;
    border-color: #444
}

.ruby-menu-demo-color-12 {
    background: #ca79d0;
    border-color: #f2def3
}

.ruby-menu-demo-color-13 {
    background: #efefef;
    border-color: #222
}

.ruby-menu-demo-color-14 {
    background: #ccc
}

div.ruby-menu-demo-download {
    position: absolute;
    width: auto;
    top: 55px;
    right: 0
}

div.ruby-menu-demo-download .fa {
    font-size: 20px;
    margin-right: 10px
}

div.ruby-menu-demo-download > span {
    font-size: 16px;
    display: block;
    margin: 10px 26px
}

div.ruby-menu-demo-download > span > span {
    font-size: 20px;
    color: #555;
    font-weight: 700
}

button.ruby-btn {
    background: #be1d15;;
    border: 2px solid #be1d15;;
    color: #fff;
    border-radius: 0;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

button.ruby-btn:hover {
    background: #fff;
    color: #be1d15;
}

.switch {
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
}

.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input.cmn-toggle-round + label {
    padding: 2px;
    margin-top: -10px;
    width: 40px;
    height: 20px;
    background-color: #ddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

input.cmn-toggle-round + label:before,input.cmn-toggle-round + label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: ""
}

input.cmn-toggle-round + label:before {
    right: 1px;
    background-color: #f1f1f1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s
}

input.cmn-toggle-round + label:after {
    width: 18px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -webkit-transition: margin .4s;
    -moz-transition: margin .4s;
    -o-transition: margin .4s;
    transition: margin .4s
}

input.cmn-toggle-round:checked + label:before,input.cmn-toggle-on + label:before {
    background-color: #8ce196
}

input.cmn-toggle-round:checked + label:after,input.cmn-toggle-on + label:after {
    margin-left: 20px
}

input.cmn-toggle-on:checked + label:before {
    background-color: #f1f1f1
}

input.cmn-toggle-on:checked + label:after {
    margin-left: 0
}

img.iphone7 {
    max-width: 350px;
    float: right;
    margin-right: 0
}

@media(min-width: 768px) and (max-width:991px) {
    body {
        overflow-x:hidden
    }

    div.ruby-menu-demo-description {
        position: relative;
        width: 760px;
        height: 160px;
        margin: 0 auto;
        padding: 0
    }

    div.ruby-menu-demo-description img {
        max-width: 200px;
        float: left;
        margin: 50px 20px 0 0
    }

    div.ruby-menu-demo-bg-light,div.ruby-menu-demo-bg-dark {
        width: 760px;
        font-size: 14px
    }

    div.ruby-menu-demo-cs-1 {
        width: 27%
    }

    div.ruby-menu-demo-cs-2 {
        width: 73%
    }

    td.ruby-menu-demo-theme-td-1 {
        max-width: 27px;
        padding: 7px
    }

    td.ruby-menu-demo-theme-td-2 {
        min-width: 100px;
        padding: 7px
    }

    .ruby-menu-demo-circle {
        width: 22px;
        height: 22px;
        border: 3px solid #222
    }

    img.iphone7 {
        max-width: 320px;
        float: right;
        margin-right: 20px
    }
}

@media(max-width: 767px) {
    div.ruby-menu-demo-header {
        width:100%;
        height: auto
    }

    div.ruby-menu-demo-description {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 220px;
        padding: 10px;
        text-align: center
    }

    div.ruby-menu-demo-description img {
        float: none;
        margin: 90px 0 0
    }

    div.ruby-menu-demo-download {
        position: relative;
        width: auto;
        top: 25px;
        right: auto;
        left: auto
    }

    div.ruby-menu-demo-download > span {
        font-size: 20px;
        margin: 25px auto
    }

    div.ruby-menu-demo-download > span > span {
        font-size: 26px
    }

    button.ruby-btn {
        padding: 14px 25px;
        font-size: 16px;
        text-transform: uppercase
    }

    div.ruby-menu-demo-bg-light.ruby-menu-demo-switches {
        display: none
    }

    div.ruby-menu-demo-bg-light,div.ruby-menu-demo-bg-dark {
        width: 100%;
        font-size: 16px;
        padding: 25px;
        margin-bottom: -100px
    }

    div.ruby-menu-demo-cv-1 {
        width: 100%
    }

    div.ruby-menu-demo-cv-2 {
        width: 100%
    }

    div.ruby-menu-demo-cv-3 {
        width: 100%
    }

    div.ruby-menu-demo-cv-4 {
        width: 100%
    }

    div.ruby-menu-demo-cr-1 {
        width: 100%
    }

    div.ruby-menu-demo-cr-2 {
        width: 100%;
        margin-top: 40px
    }

    div.ruby-menu-demo-cf-1,div.ruby-menu-demo-cf-2,div.ruby-menu-demo-cf-3,div.ruby-menu-demo-cf-4 {
        float: left;
        width: 50%;
        text-align: center
    }

    div.ruby-menu-demo-f-desc {
        margin-bottom: 30px
    }

    img.iphone7 {
        max-width: 300px;
        float: none;
        margin-right: 0 auto
    }
}


/* theme */

div.ruby-wrapper,div.ruby-wrapper.ruby-vertical {
    /* background: #f9f9f9; */
    color: #222;
}

ul.ruby-menu > li > a {
}

ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover,ul.ruby-menu > li.ruby-active-menu-item:hover > a {
    color: #000;
}

ul.ruby-menu > li.ruby-active-menu-item > a {
    background: #efefef;
    color: #222
}

ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a {
    border-left: 1px solid #ddd;
    border-right: 1px solid #fff
}

ul.ruby-menu.ruby-menu-dividers > li:first-child > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social:last-child > a {
    border-left: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:first-child > a {
    border-top: none
}

ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {
    border-left: 1px solid #222;
    border-right: 1px solid #222
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:hover > a {
    border-bottom: 1px solid #222
}

ul.ruby-menu.ruby-menu-dividers > li.ruby-active-menu-item > a {
    border-left: 1px solid #efefef;
    border-right: 1px solid #fff
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a {
    border-bottom: 1px solid #fff;
    border-left: none;
    border-right: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {
    border-left: none;
    border-right: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item:hover > a {
    border-bottom: 1px solid #222;
    border-left: none
}

ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
    border-top: 4px solid #222
}

ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
    background: #fff;
    color: #666
}

ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
    background: #efefef
}

ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
    background: #fff;
    border-top: 4px solid #222
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
    background: #efefef
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
    background: #efefef;
    color: #666
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
    background: #e6e6e6
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
    background: #fff
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
    background: #be1d15!important;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
    background: #efefef;
    border-bottom: 1px solid #ddd
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
    color: #666
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
    background: #fff
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a {
    color: #555
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a:hover {
    color: #222
}

ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li span.ruby-list-desc {
    color: #999
}

span.ruby-c-title,span.ruby-c-title a {
    color: #222
}

span.ruby-c-title a:hover,span.ruby-c-category,span.ruby-c-category a,span.ruby-c-date,span.ruby-c-date a {
    color: #444
}

span.ruby-c-category a:hover,span.ruby-c-date a:hover {
    color: #222
}

@media(min-width: 768px) {
    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
        background-color:#222
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover {
        color: #333
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a:after {
        border-color: transparent #fff transparent transparent
    }
}

@media(max-width: 767px) {
    ul.ruby-menu > li > a {
        background:#efefef
    }

    ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover {
        background: #ccc;
        color: #111
    }

    ul.ruby-menu > li.ruby-active-menu-item > a {
        background: #ccc
    }

    ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
        background: #d1d1d1
    }

    ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
        background: #d9d9d9;
        color: #111
    }

    ul.ruby-menu > li > ul > li > ul > li > a {
        background: #e5e5e5
    }

    ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover {
        background: #e1e1e1
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
        background: #efefef
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
        background: #fff
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
        background: #bcbcbc
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
        background: #d9d9d9
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
        background: #bcbcbc
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
        background: #d9d9d9
    }

    span.ruby-dropdown-toggle:after {
        color: #fff
    }

    ul.ruby-menu > li > a:before,ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        background: #333
    }

    ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        background: #555
    }

    ul.ruby-menu > li > ul > li > ul > li > a:before {
        background: #777
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before {
        background: #999
    }

    .c-hamburger span {
        background: #222
    }

    .c-hamburger span::before,.c-hamburger span::after {
        background-color: #222
    }

    .c-hamburger--htx {
        background-color: #efefef;
        color: #222
    }

    .c-hamburger--htx.is-active {
        background-color: #ddd
    }

    ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
        border-top: none
    }

    ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
        border-top: none
    }

    ul.ruby-menu.ruby-menu-dividers > li,ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a,ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {
        border: none
    }
}

/* transision */

span.ruby-dropdown-toggle {
    transition: transform .3s ease
}

span.ruby-dropdown-toggle:after {
    transition: transform .3s ease
}

@media(min-width: 767px) {
    ul.ruby-menu > li > a:after {
        transition:all .3s ease
    }

    ul.ruby-menu > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after {
        transition: all .3s ease
    }

    ul.ruby-menu > li > ul,ul.ruby-menu > li > div {
        transform: translateY(25px);
        transition: all .3s ease
    }

    ul.ruby-menu > li:hover > ul,ul.ruby-menu > li:hover > div {
        transform: translateY(0)
    }

    ul.ruby-menu.ruby-vertical > li > ul,ul.ruby-menu.ruby-vertical > li > div {
        transform: translateX(25px);
        transition: all .3s ease
    }

    ul.ruby-menu.ruby-vertical > li:hover > ul,ul.ruby-menu.ruby-vertical > li:hover > div {
        transform: translateX(0)
    }

    ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li > ul {
        transform: translateX(25px);
        transition: all .3s ease
    }

    ul.ruby-menu > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > ul {
        transform: translateX(0)
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left > ul {
        transform: translateX(-25px);
        transition: all .3s ease
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left:hover > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left:hover > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left:hover > ul {
        transform: translateX(0)
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        transform: translateY(-50px);
        transition: all .5s ease
    }

    ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
        transform: translateY(0)
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        transform: translateX(50px);
        transition: all .5s ease
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
        transform: translateX(0)
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
        transform: translateY(-50px);
        transition: all .5s ease
    }

    ul.ruby-menu > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > div {
        transform: translateY(0)
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div > ul > li > div {
        transform: translateX(50px);
        transition: all .5s ease
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div > ul > li:hover > div {
        transform: translateX(0)
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }
}

/* main */

*,:before,:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: 'Open Sans',sans-serif
}

div.ruby-wrapper {
    /* position: relative; */
    width: 980px;
    height: 50px;
    /* margin: 0 auto; */
}

div.ruby-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none
}

div.ruby-wrapper > ul {
    /* position: relative; */
}

ul.ruby-menu > li {
    float: left;
    font-size: 14px
}

ul.ruby-menu > li.ruby-menu-right {
    float: right
}

ul.ruby-menu > li > a {
    display: block;
    text-decoration: none;
    font-family: 'Open Sans',sans-serif;
    text-transform: capitalize;
}

ul.ruby-menu > li > a:only-child {
    padding: 0 15px
}

ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover,ul.ruby-menu > li.ruby-active-menu-item:hover > a {
    /* background: #be1d15;; */
}

ul.ruby-menu > li > a:only-child:after,ul.ruby-menu > li:hover > a:only-child:after {
    content: ''
}

ul.ruby-menu > li.ruby-active-menu-item > a {
    background: unset;
    color: #be1a15;
}

ul.ruby-menu > li > a .fa {
    position: relative;
    width: 24px
}

ul.ruby-menu > li > a > img {
    max-width: 16px;
    display: block
}

ul.ruby-menu > li.ruby-menu-social > a {
    padding: 0;
    width: 30px;
    padding: 0 8px;
    font-size: 16px
}

ul.ruby-menu > li.ruby-menu-social > a > span {
    display: none
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a {
    transition: all .5s ease;
    max-height: 50px;
    width: 30px;
    transition: all .5s ease;
    transition-delay: .3s
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover {
    width: 120px
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover > span input,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover > span input {
    transform: scaleY(1);
    max-width: 80px
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a span,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a span {
    display: inline
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a > span input {
    position: absolute;
    width: 80px;
    height: 50px;
    line-height: 50px;
    margin: 0;
    background: none;
    color: #efefef;
    border: none;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    max-width: 0;
    transform: scaleY(0);
    transition: all .5s ease;
    transition-delay: .3s
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input:focus {
    outline: none;
    color: #efefef
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input::-webkit-input-placeholder {
    color: #efefef
}

ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a {
    border-left: 1px solid #111;
    border-right: 1px solid #666
}

ul.ruby-menu.ruby-menu-dividers > li:first-child > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social:last-child > a {
    border-left: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {
    border: none;
    border-top: 1px solid #111;
    border-bottom: 1px solid #666
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:first-child > a {
    border-top: none
}

ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {
    border-right: 1px solid #be1d15;
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:hover > a {
    border-bottom: 1px solid #be1d15;
}

ul.ruby-menu.ruby-menu-dividers > li.ruby-active-menu-item > a {
    border-right: 1px solid #17a47d
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a {
    border-bottom: 1px solid #17a47d
}

ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
    position: absolute;
    top: 100px;
    -webkit-box-shadow: 0 8px 24px -5px #ccc;
    -moz-box-shadow: 0 8px 24px -5px #ccc;
    box-shadow: 0 8px 24px -5px #ccc;
    border-top: 4px solid #be1d15;
}

ul.ruby-menu > li > ul > li,ul.ruby-menu > li > ul > li > ul > li {
    position: relative
}

ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
    display: block;
    width: 170px;
    line-height: 40px;
    padding: 0 35px 0 25px;
    background: #fff;
    color: #666;
    text-decoration: none;
    font-size: 14px
}

ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
    background: #efefef
}

ul.ruby-menu > li > ul > li > a:only-child:after,ul.ruby-menu > li > ul > li > ul > li > a:only-child:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:only-child:after {
    content: ""
}

ul.ruby-menu > li > ul > li > a .fa,ul.ruby-menu > li > ul > li > ul > li > a .fa,ul.ruby-menu > li > ul > li > ul > li > ul > li > a .fa {
    position: relative;
    width: 24px
}

ul.ruby-menu > li.ruby-menu-right > ul {
    right: 0
}

ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
    left: 170px;
    top: -4px;
    z-index: 100
}

ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul {
    left: auto;
    right: 170px
}

ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
    position: absolute;
    width: 100%;
    height: 510px;
    top: 100px;
    left: 0px;
    background: #fff;
    border-top: 4px solid #be1d15;
    overflow: hidden;
    -webkit-box-shadow: 0 8px 24px -5px #ccc;
    -moz-box-shadow: 0 8px 24px -5px #ccc;
    box-shadow: 0 8px 24px -5px #ccc
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
    position: relative;
    width: 200px;
    height: 100%;
    left: 0;
    top: 0;
    background: #000000;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li {
    font-size: 14px
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
    display: block;
    line-height: 40px;
    background: black!important;
    padding: 0 15px;
    background: #efefef;
    color: #fff;
    text-decoration: none
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
    background: #e6e6e6
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
    position: absolute;
    width: 780px;
    height: auto;
    min-height: 100%;
    left: 200px;
    top: 0;
    background: #fff
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
    background: #be1d15;
    color: white;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div {
    text-align: center;
    z-index: 999999
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
    width: 100%;
    background: #efefef;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid #ddd;
    font-size: 0;
    z-index: 100
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li {
    display: inline-block;
    margin: 0
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
    display: block;
    padding: 20px 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-stretch: expanded;
    color: #666
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
    text-decoration: none
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
    position: relative;
    text-decoration: none;
    display: inline-block
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
    position: absolute;
    width: 100%;
    left: 0;
    top: auto;
    margin-top: 1px;
    text-align: left;
    background: #fff;
    z-index: -1
}

div.ruby-grid,div.ruby-grid-lined {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

div.ruby-grid > div.ruby-row {
    position: relative;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #D9D9D9;
}

div.ruby-grid > div.ruby-row div.ruby-row [class^="ruby-col"] {
    margin-top: 16px
}

div.ruby-grid > div.ruby-row div.ruby-row:first-of-type [class^="ruby-col"] {
    margin-top: 0
}

div.ruby-grid.ruby-grid-lined > div.ruby-row:after {
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: -webkit-linear-gradient(left,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%)
}

div.ruby-grid.ruby-grid-lined > div.ruby-row:last-child:after {
    height: 0
}

div.ruby-grid > div.ruby-row::after {
    content: "";
    display: table;
    clear: both
}

div.ruby-grid > div.ruby-row [class^="ruby-col"] {
    position: relative;
    float: left;
    height: auto
}

div.ruby-grid > div.ruby-row > [class^="ruby-col"] {
    padding: 16px
}

div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"] {
    padding-left: 16px
}

div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"]:first-of-type {
    padding-left: 0
}

div.ruby-grid > div.ruby-row div.ruby-col-1 {
    width: 8.33%
}

div.ruby-grid > div.ruby-row div.ruby-col-2 {
    width: 16.66%
}

div.ruby-grid > div.ruby-row div.ruby-col-3 {
    width: 25%;
}

div.ruby-grid > div.ruby-row div.ruby-col-4 {
    width: 33.33%
}

div.ruby-grid > div.ruby-row div.ruby-col-5 {
    width: 41.66%
}

div.ruby-grid > div.ruby-row div.ruby-col-6 {
    width: 50%
}

div.ruby-grid > div.ruby-row div.ruby-col-7 {
    width: 58.33%
}

div.ruby-grid > div.ruby-row div.ruby-col-8 {
    width: 66.66%
}

div.ruby-grid > div.ruby-row div.ruby-col-9 {
    width: 75%
}

div.ruby-grid > div.ruby-row div.ruby-col-10 {
    width: 83.33%
}

div.ruby-grid > div.ruby-row div.ruby-col-11 {
    width: 91.66%
}

div.ruby-grid > div.ruby-row div.ruby-col-12 {
    width: 100%
}

div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    right: 0;
    background: -webkit-linear-gradient(top,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%)
}

div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:last-child:after {
    width: 0
}

div.ruby-grid img {
    position: relative;
    max-width: 100%;
    height: auto;
    display: block
}

h3.ruby-list-heading {
    font-size: 17px;
    line-height: 24px;
    font-weight: 700;
    margin: 0
}

ul.ruby-menu > li.ruby-menu-mega > div ul,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul {
    margin: 0;
    margin-top: 10px
}

ul.ruby-menu > li.ruby-menu-mega > div ul li,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li {
    position: relative;
    font-size: 14px;
    line-height: 28px;
    display: block;
    width: 100%
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a {
    text-decoration: none;
    color: #000;
    display: inline-block
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a:hover {
    color: #000000;
    text-decoration: underline
}

ul.ruby-menu > li.ruby-menu-mega > div ul li .fa,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li .fa {
    position: relative;
    width: 24px
}

ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li {
    height: 50px
}

ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li span.ruby-list-desc {
    font-size: 11px;
    display: block;
    position: absolute;
    top: 16px;
    left: 72px;
    color: #999
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a > img {
    float: left;
    width: 60px;
    margin-right: 12px
}

span.ruby-c-title,span.ruby-c-category,span.ruby-c-date {
    position: relative;
    display: block
}

span.ruby-c-title a,span.ruby-c-category a,span.ruby-c-date a {
    text-decoration: none
}

span.ruby-c-title,span.ruby-c-title a {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 20px;
    margin-top: -5px;
    color: #222
}

span.ruby-c-title a:hover {
    color: #444;
    text-decoration: underline
}

span.ruby-c-category,span.ruby-c-category a {
    font-size: 11px;
    margin: 9px 0;
    color: #444
}

span.ruby-c-date,span.ruby-c-date a {
    font-size: 11px;
    color: #444
}

span.ruby-c-category a:hover,span.ruby-c-date a:hover {
    color: #be1d15;
}

div.ruby-c-inline {
    display: block;
    position: relative;
    height: 14px;
    margin: 7px 0
}

div.ruby-c-inline span.ruby-c-category,div.ruby-c-inline span.ruby-c-date {
    position: absolute;
    display: inline-block
}

div.ruby-c-inline span.ruby-c-date {
    right: 0
}

div.ruby-c-inline span.ruby-c-category,div.ruby-c-inline span.ruby-c-category a {
    margin: 0
}

span.ruby-c-content {
    display: block;
    position: relative;
    top: 7px;
    font-size: 12px;
    line-height: 18px;
    text-align: justify
}

.ruby-wrapper .visible-xs {
    visibility: hidden;
    position: absolute
}

@media(min-width: 768px) {
    div.ruby-wrapper.ruby-menu-transparent {
        background:none
    }

    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-active-menu-item > a {
        background: none
    }

    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social > a {
        border: none
    }

    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a {
        border: none
    }

    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li:hover > a,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li > a:hover,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li:hover > a,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a:hover {
        background: none;
        color: #e2e2e2
    }

    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search:hover > a {
        background: none
    }

    div.ruby-wrapper.ruby-menu-full-width {
        width: 100%
    }

    div.ruby-wrapper.ruby-menu-full-width > ul.ruby-menu {
        width: 980px;
        margin: 0 auto
    }

    ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
        visibility: hidden;
        opacity: 0
    }

    ul.ruby-menu > li:hover > ul,ul.ruby-menu > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li:hover > ul {
        visibility: visible;
        opacity: 1
    }

    ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
        visibility: hidden;
        opacity: 0
    }

    ul.ruby-menu > li.ruby-menu-mega:hover > div,ul.ruby-menu > li.ruby-menu-mega-blog:hover > div,ul.ruby-menu > li.ruby-menu-mega-shop:hover > div {
        visibility: visible;
        opacity: 1
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        visibility: hidden;
        opacity: 0
    }

    ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div {
        visibility: visible;
        opacity: 1
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
        visibility: visible;
        opacity: 1;
        z-index: 101
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
        visibility: hidden;
        opacity: 0
    }

    ul.ruby-menu > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > div {
        visibility: visible;
        opacity: 1
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
        height: 1px;
        position: absolute;
        content: '';
        background-color: #be1d15;;
        width: 0
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        top: 10px;
        left: 5%
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
        bottom: 10px;
        right: 5%
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,.snip1217 .current a {
        color: #000
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover:after,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a:after {
        width: 90%
    }

    ul.ruby-menu > li > a:after {
        font-family: "FontAwesome";
        text-decoration: none;
        content: '\f0d7';
        font-size:13px;
        position: absolute;
        margin-left: 5px
    }

    ul.ruby-menu > li:hover > a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    ul.ruby-menu > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after {
        font-family: "FontAwesome";
        text-decoration: none;
        font-size: 16px;
        padding: 0;
        content: '\f105';
        position: absolute;
        right: 15px
    }

    ul.ruby-menu > li > ul > li:hover > a:after,ul.ruby-menu > li > ul > li > ul > li:hover > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left > a:after,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left > a:after {
        content: '\f104';
        right: auto;
        left: 10px
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left:hover > a:after,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left:hover > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left:hover > a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a:after {
        content: "";
        position: absolute;
        right: 0;
        margin-top: 13px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 8px 6px 0;
        border-color: transparent #fff transparent transparent
    }
}

/* responsive */

@media(max-width: 767px) {
    div.ruby-wrapper .hidden-xs {
        visibility:hidden;
        display: none
    }

    div.ruby-wrapper {
        position: absolute;
        width: 100%;
        top: 0;
        background: #111
    }

    .ruby-wrapper .visible-xs {
        visibility: visible;
        position: absolute;
        left: 0;
        top: 0
    }

    div.ruby-wrapper > ul {
        position: absolute;
        top: 50px;
        width: 100%
    }

    ul.ruby-menu > li,ul.ruby-menu > li.ruby-menu-right {
        float: none
    }

    ul.ruby-menu > li > a {
        padding: 0 65px;
        background: #be1d15;
    }

    ul.ruby-menu > li > a:only-child {
        padding: 0 65px
    }

    ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover {
        background: #127e61
    }

    ul.ruby-menu > li.ruby-active-menu-item > a {
        background: #159572
    }

    ul.ruby-menu > li.ruby-menu-social > a > span {
        display: block
    }

    ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
        position: relative;
        width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top: none
    }

    ul.ruby-menu > li,ul.ruby-menu > li > ul > li,ul.ruby-menu > li > ul > li > ul > li,ul.ruby-menu > li > ul > li > ul > li > ul > li {
        position: relative
    }

    ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
        width: 100%;
        line-height: 50px;
        padding: 0 80px;
        background: #d1d1d1
    }

    ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
        background: #d9d9d9;
        color: #111
    }

    ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
        left: auto;
        top: auto;
        z-index: auto
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul {
        left: auto;
        right: auto
    }

    ul.ruby-menu > li > ul > li > ul > li > a {
        background: #e5e5e5;
        padding: 0 95px
    }

    ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover {
        background: #e1e1e1
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
        background: #efefef;
        padding: 0 110px
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
        background: #fff
    }

    ul.ruby-menu > li.ruby-menu-social > a {
        border: none
    }

    ul.ruby-menu > li.ruby-menu-mega,ul.ruby-menu > li.ruby-menu-mega-blog,ul.ruby-menu > li.ruby-menu-mega-shop {
        position: relative
    }

    ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
        position: relative;
        top: auto;
        left: auto;
        border-top: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
        width: 100%;
        height: auto;
        left: auto;
        top: auto
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li {
        position: relative
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
        line-height: 50px;
        padding: 0 75px;
        background: #d1d1d1;
        color: #222
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
        background: #bcbcbc
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        position: relative;
        width: 100%;
        min-height: auto;
        left: auto;
        top: auto;
        z-index: auto
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
        background: #d9d9d9
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div {
        position: relative;
        text-align: left
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
        position: relative;
        border: none;
        font-size: 14px;
        margin-bottom: -1px
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li {
        position: relative;
        display: block;
        margin-top: -1px
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
        padding: 0 80px;
        line-height: 50px;
        max-height: 50px;
        text-transform: none;
        font-weight: 400;
        background: #d1d1d1;
        color: #222;
        border: none
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
        background: #bcbcbc
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
        background: #d9d9d9
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
        display: block
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
        position: relative;
        top: 0;
        z-index: 9999;
        margin: 0
    }

    ul.ruby-menu > li.ruby-menu-social img {
        display: inline-table;
        position: absolute;
        top: 15px
    }

    ul.ruby-menu > li.ruby-menu-social > a {
        width: 100%
    }

    ul.ruby-menu > li.ruby-menu-social .fa {
        position: absolute;
        top: 17px
    }

    ul.ruby-menu > li.ruby-menu-social span {
        line-height: 50px;
        padding: 0 25px
    }

    span.ruby-dropdown-toggle {
        position: absolute;
        width: 50px;
        height: 50px;
        max-width: 50px;
        max-height: 50px;
        left: 0;
        top: 0;
        padding: 10px 17px;
        z-index: 1000000;
        cursor: pointer
    }

    span.ruby-dropdown-toggle:after {
        font-family: "FontAwesome";
        text-decoration: none;
        content: '\f107';
        color: #fff;
        font-size: 25px;
        right: 0
    }

    span.ruby-dropdown-toggle.ruby-dropdown-toggle-rotate {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    ul.ruby-menu > li > a:before,ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        content: "";
        width: 50px;
        height: 50px;
        background: #333;
        position: absolute;
        left: 0;
        top: 0
    }

    ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        background: #555
    }

    ul.ruby-menu > li > ul > li > ul > li > a:before {
        background: #777
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before {
        background: #999
    }

    ul.ruby-menu > li > ul > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul,ul.ruby-menu,ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
        max-height: 0;
        transform: scaleY(0);
        overflow: hidden
    }

    ul.ruby-menu > li > ul.ruby-mobile-sublevel-show,ul.ruby-menu > li > ul > li > ul.ruby-mobile-sublevel-show,ul.ruby-menu > li > ul > li > ul > li > ul.ruby-mobile-sublevel-show,ul.ruby-menu.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-blog > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-shop > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div.ruby-mobile-sublevel-show {
        max-height: 20000px;
        transform: scaleY(1)
    }

    div.ruby-grid > div.ruby-row div.ruby-row [class^="ruby-col"] {
        margin-top: 0
    }

    div.ruby-grid > div.ruby-row div.ruby-row:first-of-type [class^="ruby-col"] {
        margin-top: 0
    }

    div.ruby-grid.ruby-grid-lined > div.ruby-row:after {
        height: 0
    }

    div.ruby-grid > div.ruby-row > [class^="ruby-col"] {
        padding: 0
    }

    div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"] {
        padding-left: 0
    }

    div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"]:first-of-type {
        padding-left: 0
    }

    div.ruby-grid > div.ruby-row div.ruby-col-1,div.ruby-grid > div.ruby-row div.ruby-col-2,div.ruby-grid > div.ruby-row div.ruby-col-3,div.ruby-grid > div.ruby-row div.ruby-col-4,div.ruby-grid > div.ruby-row div.ruby-col-5,div.ruby-grid > div.ruby-row div.ruby-col-6,div.ruby-grid > div.ruby-row div.ruby-col-7,div.ruby-grid > div.ruby-row div.ruby-col-8,div.ruby-grid > div.ruby-row div.ruby-col-9,div.ruby-grid > div.ruby-row div.ruby-col-10,div.ruby-grid > div.ruby-row div.ruby-col-11,div.ruby-grid > div.ruby-row div.ruby-col-12 {
        width: 100%;
        padding: 20px 30px
    }

    div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {
        width: 0
    }

    div.ruby-grid img {
        position: relative;
        max-width: 100%;
        height: auto;
        display: block
    }

    div.ruby-grid > div.ruby-row::after {
        content: "";
        display: table;
        clear: both
    }

    .c-hamburger {
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        width: 50px;
        height: 50px;
        font-size: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        cursor: pointer;
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .c-hamburger:focus {
        outline: none
    }

    .c-hamburger span {
        display: block;
        position: absolute;
        top: 24px;
        left: 8px;
        right: 8px;
        height: 3px;
        background: #fff
    }

    .c-hamburger span::before,.c-hamburger span::after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #fff;
        content: ""
    }

    .c-hamburger span::before {
        top: -10px
    }

    .c-hamburger span::after {
        bottom: -10px
    }

    .c-hamburger--htx {
        background-color: #be1d15;
    }

    .c-hamburger--htx span {
        -webkit-transition: background 0 .3s;
        transition: background 0 .3s
    }

    .c-hamburger--htx span::before,.c-hamburger--htx span::after {
        -webkit-transition-duration: 0.3s,.3s;
        transition-duration: 0.3s,.3s;
        -webkit-transition-delay: 0.3s,0;
        transition-delay: 0.3s,0
    }

    .c-hamburger--htx span::before {
        -webkit-transition-property: top,-webkit-transform;
        transition-property: top,transform
    }

    .c-hamburger--htx span::after {
        -webkit-transition-property: bottom,-webkit-transform;
        transition-property: bottom,transform
    }

    .c-hamburger--htx.is-active {
        background-color: #333
    }

    .c-hamburger--htx.is-active span {
        background: none
    }

    .c-hamburger--htx.is-active span::before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .c-hamburger--htx.is-active span::after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after {
        -webkit-transition-delay: 0s,.3s;
        transition-delay: 0s,.3s
    }

    ul.ruby-menu.ruby-menu-dividers > li,ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a,ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {
        border: none
    }

    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-active-menu-item > a {
        padding-left: 45px
    }

    ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a {
        display: none
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .ruby-wrapper .hidden-md {
        visibility:hidden;
        display: none
    }

    div.ruby-wrapper {
        width: 760px
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
        width: 170px
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        width: 590px;
        left: 170px
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div {
        width: 560px
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        width: 360px
    }

    span.ruby-c-date {
        display: none;
        visibility: hidden;
        opacity: 0
    }

    div.ruby-grid > div.ruby-row div.ruby-col-3-md {
        width: 25%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-4-md {
        width: 33.33%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-6-md {
        width: 50%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-12-md {
        width: 100%
    }

    div.ruby-grid.ruby-grid-lined > div.ruby-row:after,div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {
        background: none
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
        padding: 20px 5px;
        font-size: 12px;
        font-stretch: condensed;
        color: #666
    }
}


.navbar{
  position: unset!important;
}

.phone-number {
    display: flex;
    flex-flow: column;
    position: relative;
}

.phone-number p {
    margin: 0;
    color:#be1d15;
}

.phone-number a {
    padding-left: 0!important;
    padding-bottom: 0!important;
    display: block;
    padding-top: 1px!important;
}

.phone-number:before{
    content: '';
    width: 2px;
    height: 30px;
    border-radius: 10px;
    position: absolute;
    left: -20px;
    background: #D9D9D9;
    top: 60%;
    margin-top: -17px;
}

.phone-number:after {
    content: '';
    width: 2px;
    height: 30px;
    border-radius: 10px;
    position: absolute;
    right:0px;
    background: #D9D9D9;
    top: 60%;
    margin-top: -17px;
} 

 .header-contact-info .theme-btn {
    font-size: 16px;
    font-weight: 400;
    color: white;
    background: #be1d15;
    display: inline-flex;
    align-items: center;
    padding: 6px 10px!important;
    border-radius: 30px;
    position: relative;
    margin-left: 15px;
    cursor: pointer;
    transition: .3s;
    z-index: 1;
    overflow: hidden;
    text-decoration: none !important;
    gap: 10px;
}


.section-subtitle {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 5px;
    color:#be1d15;
    margin: 0;
    text-transform: uppercase;
}

.section-title {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: -1px;
    line-height: 61.5px;
}

 .top-content img {
    display: block;
    border-radius: 10px;
    width: 100%;
}

.top-content {
    position: relative;
    margin-bottom: 24px;
}

.top-content .mobile {
    display: none;
}

.top-content .experience-box {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffffff;
    border-radius: 10px;
    padding: 41px 71px;
    padding: 30px 38px;
}



.simple-shadow {
    box-shadow: 0px 4px 20px 5px rgba(0,0,0,0.03);
    border-radius: 10px;
    /* background: #ffffff; */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 10px;
}

.our-expert-team-box {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 40px 30px 40px 37px;
    max-width: 360px;
    width: 100%;
    padding: 21px 46px;
    flex: none;
}
.bottom-content {
    gap: 24px;
}
.our-expert-team-box .imgs img {
    width: 30px;
}

.our-expert-team-box .our-expert-team-box-inner p {
    line-height: 1;
    font-weight: 500;
    color: #be1d15;
    margin-bottom: 0;
}

 .our-expert-team-box-inner {
    gap: 10px;
}

.experience-body {
    gap: 30px;
}

.veri{
      font-size: 40px;
    color: #be1d15;
}


 .experience-content {
    gap: 10px;
}
.experience-content p {
    font-size: 16px;
    font-weight: 400;
    color: #be1d15;
    line-height: 1.3;
}

 .experience-content p span {
    color: black!important;
    opacity: .85;
    display: block;
}

.our-expert-team-box-inner p span {
    opacity: 0.85;
    color: black;
}

 .google-reviews-box {
    display: flex;
    align-items: flex-start;
    padding: 29px 35px;
    padding: 16px 25px;
    gap: 21px;
    align-items: center;
}
 .google-reviews-box .left span {
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: black;
    margin-bottom: 6px;
}

.google-reviews-box .right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
}

.google-reviews-box .stars {
    gap: 3px;
    margin-bottom: 9px;
    margin-top: 0px;
}



 .google-reviews-box .right p span {
    color:black;
    opacity: 0.82;
}

 .google-reviews-box .right p {
    font-size: 12px;
    color:#be1d15;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
}
.our-expert-team-box .imgs img + img {
    margin-left: -12px;
}

.our-expert-team-box .imgs img {
    display: block;
    border: 2px solid #ffffff;
    border-radius: 50%;
}

.section-subtitle{
    margin-bottom: 16px;

}

.hero-empowerment-area .hero-empowerment-left-content p {
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 30px;
}



.hero-left-content p {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 30px;
    max-width: 439px;
}

 .btns-group {
    gap: 16px;
}

.theme-btn2 {
    font-size: 15px;
    font-weight: 400;
    color:#be1d15;
    background: #1351D81A;
     border:1px solid  #1351D81A;
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    transition: .3s;
    z-index: 1;
    overflow: hidden;
    text-decoration: none !important;
    gap: 0px;
}



.theme-btn2:hover{
  background:none;
  
}

.theme-btn {
    font-size: 15px;
    font-weight: 400;
    color: white;
    background: #be1d15;
    display: inline-flex;
    align-items: center;
    padding: 6px 10px!important;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    transition: .3s;
    z-index: 1;
    overflow: hidden;
    text-decoration: none !important;
    gap: 10px;
    border:1px solid #be1d15;
}


.theme-btn:hover{
  background:none;
  color:#be1d15;
}

.default-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}

.shape-animated-left img {
    position: absolute;
    left: 0;
    bottom: 30%;
}

.shape-animated-left img:nth-child(2) {
    position: absolute;
    left: 90px;
    top: 30px;
}

.sub-heading {
    text-transform: uppercase;
    color:#DF0A0A;
    background: transparent linear-gradient(90deg, #810f09 0%, #e92f25 100%) 0% 0% no-repeat padding-box;
    font-weight: 600;
    /* background: -webkit-linear-gradient(#be1d15, #67130f); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display: inline-block;
    position: relative;
    font-size: 21px;
    z-index: 1;
    margin-bottom: 10px;
}

.title {
    font-weight: 600;
    font-size: 45px;
}

.mb-25 {
    margin-bottom: 25px;
}


.about-style-one p {
    color: #000000;
    margin: 0 0 15px;
    font-size: 17px;
    text-transform: none;
    font-weight: 400;
}

.owner-info {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.owner-info .left-info {
    margin-right: 30px;
    border-right: 1px solid #e7e7e7;
    padding-right: 30px;
}

.owner-info h4 {
    font-weight: 600;
    margin-bottom: 5px;
}

.owner-info img {
    height: 56px;
}

.about-thumb {
    position: relative;
    margin-bottom: 80px;
}

.about-style-one .about-card {
    position: absolute;
    left: -80px;
    bottom: -80px;
}

.about-card {
    display: inline-block;
    padding: 50px;
    /* border-radius: 10px; */
    background: #0000009e;
    backdrop-filter: blur(7px);
}


.about-card li:first-child {
    margin: 0;
}

.about-card li {
    display: flex;
    margin-top: 30px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 15px;
}

.about-card li i {
    display: inline-block;
    font-size: 60px;
    min-width: 85px;
    position: relative;
    top: 30px;
    color: #DF0A0A;
}

.fun-fact {
    display: inline-block;
    text-align: left;
}

.about-card .fun-fact .counter {
    color: white;
    line-height: 1;
    font-size: 50px;
}

.fun-fact .counter {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 70px;
    font-weight: 600;
    color: #0e0e0e;
    line-height: 1;
    margin-bottom: 5px;
}

.about-card .fun-fact .counter {
    color: white;
    line-height: 1;
    font-size: 50px;
}

.about-card .fun-fact .medium {
    color: white;
    font-weight: 600;
    opacity: 0.8;
}

.thumb-shape-bottom {
    position: absolute;
    right: -50px;
    bottom: -50px;
    text-align: right;
}

.thumb-shape-bottom img:first-child {
    position: absolute;
    right: -50px;
    height: 140px;
}

.thumb-shape-bottom img {
    position: relative;
}

.default-padding, .default-padding-top, .default-padding-bottom, .default-padding-mx {
    position: relative;
}

.icon2 img{
  width: 65px;
  margin-right: 14px;
  min-width: 69px;
}

.stars i{
  color:#d37d11;
}



.bg-gray {
    background: #F7F7F7;
}

.triangle-shape {
    max-width: 12%;
    position: absolute;
    left: 0;
    top: -58px;
}

.center-shape {
    position: absolute;
    left: 75%;
    top: -42px;
    height: 100%;
    width: 27%;
    background-repeat: no-repeat;
    background-size: contain;
}
.service-nav-info {
    padding: 67px 50px;
    height: 100%;
    background:white;
    margin-right: 50px;
    position: relative;
    z-index: 1;
    box-shadow: 0 5px 3px rgb(3 27 78 / 8%);
}


.service-nav-info::before {
    position: absolute;
    right: -30px;
    bottom: -30px;
    content: "";
    height: 100%;
    width: 100%;
    border-right: 30px solid #1D2027;
    border-bottom: 30px solid #1D2027;
    z-index: -1;
    opacity: 0.06;
}

.service-nav-info h2 {
    font-weight: 600;
    margin: 0;
    font-size: 28px;
}

.service-tab-navs {
    border: none;
    margin: 0;
    margin-top: 20px;
}

.service-tab-navs .nav-link.active {
    background: #1D2027;
    border-color:#1D2027 !important;
    color: white;
}

.service-tab-navs .nav-link {
    display: block;
    width: 100%;
    border: none;
    margin: 0;
    border: 2px solid #e7e7e7 !important;
    margin-top: 15px;
    border-radius: 10px;
    color: #0e0e0e;
    padding: 12px 30px;
    font-weight: bold;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    height: auto;
    position: relative;
    z-index: 1;
}


.service-tab-navs .nav-link::before {
    right: 42px;
    bottom: -2px;
    content: "";
    height: 0;
    width: 40px;
    position: absolute;
    background: #a63131;
    z-index: -1;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transition: all 0.35s ease-in-out;
    opacity: 0;
}

.service-tab-navs .nav-link.active::after, .service-tab-navs .nav-link.active::before {
    opacity: 1;
}

.service-tab-navs .nav-link.active::before {
    height: 50px;
}

.service-tab-navs .nav-link.active {
    background: #1D2027;
    border-color: #1D2027 !important;
    color:white;
}

.service-tab-navs .nav-link.active::after {
    height: 30px;
}

.service-tab-navs .nav-link.active::after, .service-tab-navs .nav-link.active::before {
    opacity: 1;
}

.service-tab-navs .nav-link::after {
    right: 63px;
    bottom: -2px;
    content: "";
    height: 0;
    width: 30px;
    position: absolute;
    background: #DF0A0A;
    z-index: -1;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transition: all 0.35s ease-in-out;
    opacity: 0;
}

.mt-60 {
    margin-top: 24px;
}

.services-style-one {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    z-index: 1;
    padding: 16px;
}


.services-style-one i {
    display: inline-block;
    font-size: 60px;
    margin-bottom: 30px;
    color: #df0a0a;
}

.services-style-one p {
    margin: 0;
    font-size: 17px;
}

.logo{
  padding-left: 0!important
}

.services-style-one h4{
  font-weight:bold;
  margin-bottom: 6px;
}

.services-style-one img{
  width: 43px;
  margin-bottom: 10px;
}

.site-heading {
    margin-bottom: 30px;
}

.site-heading .devider {
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #be1d15;
    position: relative;
    z-index: 1;
    left: 10px;

    }

    .site-heading .devider:before {
    position: absolute;
    left: -15px;
    top: 0;
    content: "";
    height: 2px;
    width: 10px;
    background:black;
}

.process-style-one {
    padding: 15px;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    /* padding-top: 30px; */
    /* padding-bottom: 30px; */
  position:relative;
}

.process-style-one:before{
      content: close-quote;
      position: absolute;
      top: 63px;
      height:88%;
      width: 10px;
      transform: rotate(-45deg);
      border-right: 1px dashed #000;
      right: -29px;
}
.process-style-one:after {
    content: close-quote;
    position: absolute;
    top: 57px;
    height: 82%;
    width: 10px;
    transform: rotate(45deg);
    border-right: 1px dashed #000;
    right: 3px;
}



.process-style-one .thumb {
    position: relative;
    z-index: 1;
    height: 170px;
    width: 170px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto auto 15px;
}

.process-style-one .thumb::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 40%;
    width: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 130%) repeat scroll 0 0;
    mix-blend-mode: multiply;
}

.process-style-one img {
    transition: all 0.35s ease-in-out;
    /* object-fit: cover; */
    /* width: 100%; */
}

.process-style-one .thumb span {
    font-weight: 600;
    position: absolute;
    bottom: 4px;
    font-size: 80px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
    text-transform: uppercase;
    font-family: Calibri;
    left: 55px;
    z-index: 1;
    transition: all 0.35s ease-in-out;
}

.active.process-style-one .thumb::after {
    bottom: 0;
}

.process-style-one .thumb::after {
    position: absolute;
    left: 0;
    bottom: -100%;
    content: "";
    height: 100%;
    width: 110%;
    background: url(/image/shape/14.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    transition: all 0.35s ease-in-out;
}

.process-style-one h4 {
    font-weight: 600;
    font-size: 22px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
}

.process-style-one p {
    margin: 0;
    font-size: 17px;
}

.process-style-one:hover .thumb::after {
  bottom: 0;
}

.active.process-style-one .thumb::after {
  bottom: 0;
}

.project-section {
    overflow: hidden;
    background: rgb(19 81 216 / 5%);
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}

.project-section .project-left-details {
    max-width: 393px;
    min-width: 393px;
}


.project-section .project-left-details::before {
    content: '';
    height: 100%;
    position: absolute;
    width: 1500px;
    z-index: -1;
    /* background: #f4f6fe; */
    right: 56%;
}


.project-section .project-left-details .section-subtitle {
    margin-bottom: 22px;
    font-size: 16px;
    letter-spacing: 1px;
}

.project-section .project-left-details .section-title {
    margin-bottom: 25px;
    letter-spacing: -2px;
        font-size: 45px;
    line-height: 42px;
}

.project-section .project-left-details p {
    font-size: 17px;
    font-weight: 300;
    line-height: 29px;
    color: rgb(28 28 28 / 80%);
    margin-bottom: 35px;
}

.project-section .project-left-details ul {
    border-top: 1px solid rgb(28 28 28 / 20%);
    padding-top: 25px;
    padding-left: 0;
}

.project-section .project-left-details ul li {
    color: rgb(28 28 28 / 80%);
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
    gap: 18px;
}

.project-section .project-left-details ul li i {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    background:#be1d15;
    color: #ffffff;
    font-size: 14px;
}

.project-section .project-right-slider {
    max-width: 1086px;
    width: 100%;
    transform: translateX(198px);
}

.project-section .project-right-slider .project-right-slider-inner .project-slider {
    padding-bottom: 55px;
}

.project-item .project-item-inner {
    position: relative;
    transition: all .2s;
}

.project-item .project-item-inner h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0px;
    position: absolute;
    left: 24px;
    top: 34px;
    margin-bottom: 0;
}

.project-item:first-child h2 a {
    color: #ffffff;
}

.project-item .project-item-inner h2 a {
    color: black;
}

.project-item .project-item-inner img {
    display: block;
    width: 377px;
    height: 487px;
    object-fit: cover;
    border-radius: 10px;
}

.c-row {
    display: flex;
    width: 100%;
}

.project-section .swiper-pagination {
    bottom: 0;
    width: max-content!important;
    display: inline-flex;
    left: auto;
    right: 80px;
    background: #D9D9D9;
    border-radius: 10px;
}

.project-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1C1C1C;
}

.project-section .swiper-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    border-radius: 0;
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 10px;
    transition: .3s;
}

.project-item:first-child h2 a {
    color: #ffffff;
    }

 .project-item:nth-child(4) h2 a, .project-item:first-child h2 a {
    color: #ffffff;
  }

  .project-item .project-item-inner:hover {
    transform: scale(1.05);
    transition: all .2s;
}

#testimonios {
    position: relative;
}

.pb-70 {
    padding-bottom: 70px;
}

.pt-100 {
    padding-top: 100px;
}

.testimonial-active .slick-arrow {
    position: absolute;
    bottom: 93px;
    left: -39px;
    border: none;
    background: none;
    padding: 0;
    font-size: 24px;
    color: #fff;
    z-index: 9;
    cursor: pointer;
    transition: .3s;
    width: 94%;
}

.testimonial-active i {
    color: #ac0e08;
    position: absolute;
    font-size: 29px;
    left: 50%;
}

.testimonial-active .swiper-next {
    left: 40px;
}

.single-testimonial {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 4px 15px #0000001A;
    border-radius: 10px;
    margin-left: 51px;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

.testi-author {
    overflow: hidden;
    display: flex;
    margin-left: -78px;
}

.testi-author img {
    margin-top: -11px;
}

.ta-info {
    overflow: hidden;
    display: block;
    padding-top: 20px;
}

.ta-info h6 {
    font-size: 20px;
    margin-bottom: 5px;
}

.ta-info span {
    font-size: 14px;
    color: #be1d15;
}

.single-testimonial .qutation {
    position: absolute;
    right: 8%;
    top: 8%;
}

.single-testimonial p {
    padding-left: 42px;
    margin-bottom: 0;
    margin-top: -20px;
}

#testimonios::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 100%;
    background: url(/image/shape/header-sape8.png);
    top: 0;
}

.section-title h2 {
    font-size: 45px;
    padding-bottom: 15px;
    margin-bottom: 0px;
    position: relative;
    line-height: inherit;
}



.section-title p {
    line-height: 1.7;
}

.swiper-button-prev1{
  margin-left: 47px;
}

.partner-map {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
}


.partner-map h2 {
    font-size: 250px;
    font-weight: 600;
    display: inline-block;
    line-height: 0.8;
    position: relative;
    margin-top: -10px;
    margin-bottom: 20px;
}

.mask-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
    background-position: center;
    margin: 0;
    line-height: 1;
    text-transform: capitalize;
}

.partner-map h4 {
    margin: 0;
    font-weight: 600;
    font-size: 36px;
}

.partner-items ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}

.partner-items ul li {
     position: relative; 
    padding: 30px;
    display: flex;
    align-items: center;
}

.partner-items ul img {
    width: auto;
    text-align: center;
    margin: auto;
}

.partner-items ul li::after {
    position: absolute;
    right: -1px;
    top: 0;
    content: "";
    height: 100%;
    width: 1px;
    background: #e7e7e7;
}

.list-unstyled li a span{
  color:white!important;
  opacity: 1!important;
}

.footer-h h3{
  color:white!important;

}

.mt-100{
  margin-top: 100px;
}

.blog-style-one {
    background: white;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 5px 3px rgb(3 27 78 / 8%);
}



.blog-style-one .thumb {
     padding: 15px; 
    padding-bottom: 0;
    position: relative;
    z-index: 1;
}

.blog-style-one .thumb img {
    margin-bottom: 30px;
    border-radius: 5px;
}

.blog-style-one .info {
    padding: 30px;
    padding-top: 0;
}

.blog-meta {
    display: block;
    margin-bottom: 15px;
}

.blog-meta ul {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.blog-meta ul li {
    position: relative;
    z-index: 1;
    font-size: 13px;
    text-transform: uppercase;
    padding-right: 52px;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.blog-meta ul li, .blog-meta ul li a {
    color:#666666;
    
}

.blog-meta ul li a {
    /* margin-left: 3px; */
    display: inline-block;
    line-height: 1.4;
}



.blog-style-one h4 {
    font-size: 24px;
    line-height: 1.3;
}
.blog-style-one h4:hover a{
    color: #be1d15;
}
.blog-style-one .btn-simple {
    margin-top: 5px;
}
.btn-simple {
    line-height: 1;
    text-transform: capitalize;
    display: inline-block;
    font-size: 17px;
}

.btn-simple i {
    display: inline-block;
    margin-left: 2px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #1D2027;
    border-radius: 50%;
    margin-right: 10px;
    transition: all 0.35s ease-in-out;
    font-weight: 400;
    font-size: 16px;
    background: #1D2027;
    color: white;
}

.btn-simple:hover {
    color: #be1d15;
}

.blog-meta ul li a {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background: transparent linear-gradient(90deg, #810f09 0%, #e92f25 100%) 0% 0% no-repeat padding-box;
    box-shadow: 3px 4px 15px #a509254d;
    border-radius: 13px;
    padding: 5px 20px;
}


.f-social img{
  filter: brightness(0) invert(1);
}
.about-section{
  height: 100vh;
  position: relative;
}




.default-1-padding{
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}


ul.list-unstyled li {
    margin-top: 15px;
}
ul.list-unstyled li a{
  font-size: 17px!important;
}

.blog-section:before {
    content: "";
    background-image: url(/image/banner-right.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.blog-section:after {
    content: "";
    background-image: url(/image/h2_about_shape03.png);
    background-repeat: no-repeat;
    background-position: 106% 0;
    height: 63%;
    transform: rotate(180deg);
    width: 100%;
    position: absolute;
    top: -304px;
    display: none;
    left: -58px;
}

.t-rever{
  margin-top: 15px!important;
}

.remove-after:after{
  visibility: hidden;
}

.remove-before:before{
 visibility: hidden;
}

.process-section:before{
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 20%;
  background: url(/image/shape/14.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  transition: all 0.35s ease-in-out;
}

.process-section:after{
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  height: 134px;
  width: 20%;
  background: url(/image/shape/14.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  background-position: top right;
  transition: all 0.35s ease-in-out;
}

.f-btn .btn-design-2:after{

 clip-path: unset;
}
.f-btn .btn-design-2:before{

 clip-path: unset;
}



.c-section{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding: 30px;
}


.text-section__heading {
    color: #be1d15;
    font-size: 130px;
    /* margin-top: -70px; */
    line-height: 1;
    font-weight: 400;
    font-family: Storytella,sans-serif;
    font-size: 400px;
    line-height: 250px;
}


.text-section__bg {
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
    display: none;
}

.cta-section{
  position: relative;

}

.text-section__title {
    font-size: 40px;
    line-height: 60px;
    margin-top: -50px;
}

.text-section__bg {
    display: initial;
}


.button-designs {
    display: inline-block;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 14px 40px;
    border-radius: 50px;
    min-width: 160px;
    letter-spacing: .050em;
    text-decoration: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;


    }


    .button--primary {
    border: 2px solid #be1d15;
}

.button-designs:hover {
    color: #333;
    background-color: #be1d15;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 20px 38px rgba(0,0,0,.16);
    box-shadow: 0 20px 38px rgba(0,0,0,.16);
}


.v-para{
  z-index: 1000;
  position: relative;
}