/*

TemplateMo 548 Training Studio

https://templatemo.com/tm-548-training-studio

*/

/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
10. preloader
11. search
12. portfolio

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
@font-face {
  font-family: Montserrat-Regular;
  src: url('../fonts/Montserrat/Montserrat-Regular.ttf')format('opentype');
  /*http://localhost/ntb_bank/assets/css/assets/fonts/BentonSans-Regular.otf*/
}
*{
  font-family:Montserrat-Regular;
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}
.item {
  align-items: center;
  /* background-color: tomato; */
  color: white;
  justify-content: center;
}
html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}
button{
  outline: none !important;
}
p {
  font-size: 14px;
  line-height: 25px;
  color: #7a7a7a;
}
.buttonClass {
  display: block;
  min-height: 26px;
  position: relative;

}
.btn_absolute button{
  background: #ffffff;
  color: #24080a;
  border: none;
  text-transform: uppercase;
  vertical-align: text-top;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .8px;
  border-radius: 5px;
  width: 30%;
  padding: 15px 0;
  /* box-shadow: 0 0 0 1px #eee; */
  margin: 3px;
  border: 1px solid #eaeaea;
  border-bottom: 2px solid #1c242e40;
}
.btn_absolute button:nth-of-type(2){
  /* vertical-align: bottom; */
}
.btn_absolute{
  position: absolute;
  text-align: center;
  bottom:-40px;
  z-index: 2;
  left: 0;
  right: 0;
}
.buttonClass:before, .buttonClass:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding-top: inherit;
  padding-bottom: inherit;
  width: 30px;
  /* content: "\00a0"; */
  font-family: 'FontAwesome', sans-serif;
  font-size: 1.2em;
  text-align: center;
  transition: .2s;
  transform-origin: 50% 60%;
}
.buttonClass:before {
  background: rgba(0,0,0,0.1);
}
.buttonClass:hover {
  background: #0079a5;
}
.buttonClass:active, .buttonClass:focus {
  background: #002e3f;
  outline: none;
}
.arrow {
  /* background: #FE5F55; */
}
.arrow:hover {
  background: #fe2f22;
}
.arrow:active, .arrow:focus {
  background: #b90c01;
}
.arrow:after {
  content: "\f18e";
}
.arrow:hover:after {
  -webkit-animation: bounceright .3s alternate ease infinite;
  animation: bounceright .3s alternate ease infinite;
}

.email {
  /* background: #C673B3; */
}
.email:hover {
  /* background: #b74f9f; */
}
.email:active, .email:focus {
  /* background: #963d82; */
}
.email:after {
  content: "\f14a";
}
.btn_absolute a{
  color: #fff;
  transition: ease all .3s;
}
.btn_absolute a:hover{
  color: #ed131e ;
}
.btn_absolute button:hover a{
  color: #ed131e ;
}
.email:hover:after {
  -webkit-animation: none;
  -webkit-transform: skew(-20deg);
  animation: none;
  transform: skew(-20deg);
  text-indent: .1em;
}
.search:after {
  content: "\f218";
}
.search:hover:after {
  -webkit-animation: none;
  -webkit-transform: scale(1.4);
  animation: none;
  transform: scale(1.4);
}

.open_search {
  color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    position: relative;
    z-index: 20;
    position: absolute;
    right: 100px;
    top: 18px;
}
.open_search img{
  max-width: 30px;
}
.search_block {
  opacity: 0;
  text-align: center;
  height: 0;
  position: absolute;
  width: 100%;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -41px;
  margin-left: 0;
}
.search_block.visible {
  opacity: 1;
  height: auto;
  z-index: 999;
}
.search_block.visible .search_box {
  opacity: 1;
  top: 0;
  transform: scale(1);
}
.search_block .overlayer {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.search_box {
  background-color: #ffffff;
  box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.5);
  display: inline-block;
  opacity: 0;
  padding: 10px;
  position: relative;
  text-align: center;
  top: -120px;
  width: 100%;
  transform: scale(1.05);
  transition: all 0.4s ease 0s;
  z-index: 10;
}
.search_box .inner {

}
.search_box .search_input {
  display: inline-block;
  outline: none;
  border: none;
  opacity: 1;
  display: block;
  padding: 10px;
  position: relative;
  text-align: center;
  font-size: 16px;
  text-align:left;
  width: 100%;
  top: 0;
  transform: 0;
  transition: all 0.4s ease 0s;
  z-index: 10;
  position: relative;
  border: none;
  z-index: 99999;
}
.search_box .search_input.typing {
  border: 3px solid #000;
}
.search_box .search_icon {
  z-index: 999999;
     /* background-color: transparent; */
     border: medium none;
     color: #111;
     background-image: url(../images/search.png);
     font-size: 16px;
     left: 20px;
     background-size: 24px;
     line-height: 1;
     background-color: #ff5f5f;
     padding: 8px;
     background-position: center;
     right: 0;
     bottom: 0;
     position: absolute;
     left: auto;
     top: 0;
     /* height: 100px; */
     width: 50px;
     /* background: aqua; */
     background-repeat: no-repeat;s
}


@-webkit-keyframes bounceright {
  from {
    -webkit-transform: translateX(0);
 }
  to {
    -webkit-transform: translateX(3px);
 }
}
@-webkit-keyframes wiggle {
  from {
    -webkit-transform: rotate(0deg);
 }
  to {
    -webkit-transform: rotate(30deg);
 }
}
@keyframes bounceright {
  from {
    transform: translateX(0);
 }
  to {
    transform: translateX(3px);
 }
}
@keyframes wiggle {
  from {
    transform: rotate(0deg);
 }
  to {
    transform: rotate(30deg);
 }
}




.width-container img{
  width: 100%;
}

.width-container  .item-block:hover .buttonText{
  width: 160px;
  color: #b90c01;
  background: transparent 0% 0% no-repeat padding-box;
}
.width-container .item-block{
  display: block;
  text-decoration: none;
  text-align: center;
}
.width-container .item-block:hover .text-block{
  background-color: #dddddd;
}
.width-container .item-block .text-block{
  padding: 30px 15px;
  color: #111;
  transition: ease all .5s;
}
.width-container .item-block p{
  color: rgb(122, 122, 122);
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.5;
  display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.width-container .item-block h4{
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.width-container{
  width: 100%;
  margin: 20px 0;
}
/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: #fff;
  font-family: 'Poppins', sans-serif;
}

::selection {
  background: #ed131e;
  color: #fff;
}

::-moz-selection {
  background: #ed131e;
  color: #fff;
}

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .main-banner .caption h2{
    font-size: 42px;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}

.section-heading {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
}
.right-content .section-heading{
  margin-top: 0;
  margin-bottom: 10px;
  text-align: left;
}

.section-heading h2 {
  font-size: 28px;
  font-weight: 800;
  color: #232d39;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.section-heading h2 em {
  font-style: normal;
  color: #ed131e;
}

.section-heading img {
  margin: 20px auto;
}

.dark-bg h2 {
  color: #fff;
}

.dark-bg p {
  color: #fff;
}
.width-container .main-button div{
  display: inline-block;
  font-size: 15px;
  padding: 7px 14px;
  background-color: #ed131e;
  color: #fff;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  transition: all .3s;
  margin-top: 10px;
}
.main-button a {

  display: inline-block;
  font-size: 12px;
  padding: 8px 20px;
  background-color: #ed131e;
  color: #fff;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 30px;
  letter-spacing: .8px;
  transition: all .3s;

}
.btn_absolute button span{
  position: relative;
  height: 40px;
  width: 100%;
  display: block;
}
.tourU:before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  margin: 0 auto;
  height: 35px;
  width: 35px;
  background-image: url(../images/scb.png);
  background-size: 35px;
}
.logU:before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  margin: 0 auto;
  height: 35px;
  width: 35px;
  background-image: url(../images/lg.png);
  background-size: 35px;
}
.regU:before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  margin: 0 auto;
  height: 35px;
  width: 35px;
  background-image: url(../images/rg.png);
  background-size: 35px;
}

.main-button a:hover {
  background-color: #f9735b;
}



/* icons */
.icon_wrapper {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
.icon_wrapper a{
  display: block;
  text-decoration: none;
  float: left;
  height: 115px;
  width: 33.333%;
  background: #fff;
  border: 1px solid #eee;
  position: relative;
  font-size: 12px;
  color: #565656cc;
  font-weight: 500;
  line-height: 1.2;
  border-top: none;
  letter-spacing: .4px;
}
.icon_wrapper a:nth-of-type(1), 
.icon_wrapper a:nth-of-type(2),
.icon_wrapper a:nth-of-type(3){
  border-top: 1px solid #eee;
}
.icon_wrapper a:nth-of-type(2), 
.icon_wrapper a:nth-of-type(5){
  border-left: none;
  border-right: none;
}
.icon_wrapper a:nth-of-type(8){
  border-left: none;
}
.icon_wrapper a .medianIcon{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  padding: 10px 5px;
  transform: translateY(-50%);
  text-align: center;
}
.icon_wrapper a .medianIcon .imgIcons{
   text-align: center;
}
.icon_wrapper a .medianIcon img{
  max-width: 40px;
  max-height: 40px;
}
.icon_wrapper a .medianIcon .textIcons{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;  
margin-top: 5px;
overflow: hidden;
}



/* shopping cart */
.total-priceIn{
  position: absolute;
  top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.shopping-cart {
  width: 100%;
  max-width: 750px;
  margin: 0px auto;
  border-radius: 6px;
 
  display: flex;
  flex-direction: column;
}
.spBlock{
  padding: 5px 10px;
  font-weight: 400;
  background: #378ab0;
  border-radius: 5px;
  color: #fff;
}
.titleSc {
  height: 60px;
  border-bottom: 1px solid #E1E8EE;
  padding: 20px 30px;
  color: #5E6977;
  font-size: 18px;
  font-weight: 400;
}
 
.itemSc {
  padding: 20px 30px;
  display: flex;
  background: #ffffff;
  border-radius: 5px;
  margin-bottom: 10px;
  position: relative;
  border: 1px solid #eee;
}
 
.item:Scnth-child(3) {
  border-top:  1px solid #E1E8EE;
  border-bottom:  1px solid #E1E8EE;
}
.buttonsSc {
  position: relative;
  padding-top: 30px;
  margin-right: 90px;
}
.delete-btn,
.like-btn {
  display: inline-block;
  Cursor: pointer;
}
.delete-btn {
  width: 18px;
    height: 17px;
    background: url(../images/delete-icn.svg) no-repeat center;
    vertical-align: baseline;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
.is-active {
  animation-name: animate;
  animation-duration: .8s;
  animation-iteration-count: 1;
  animation-timing-function: steps(28);
  animation-fill-mode: forwards;
}
 
@keyframes animate {
  0%   { background-position: left;  }
  50%  { background-position: right; }
  100% { background-position: right; }
}
.like-btn {
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  left: 15px;
  background: url('../images/twitter-heart.png');
  width: 60px;
  height: 60px;
  background-size: 2900%;
  background-repeat: no-repeat;
}
.imageSc {
  margin-right: 50px;
  border-radius: 5px;
  background: #378ab0;
}
.imageSc img{
  max-width: 120px;
}

.descriptionSc {
  padding-top: 10px;
  margin-right: 60px;
  width: 115px;
}
 
.descriptionSc span {
  display: block;
  font-size: 14px;
  color: #4e4e4e;
  font-weight: 500;
}
 
.descriptionSc span:first-child {
  margin-bottom: 5px;
}
.descriptionSc span:last-child {
  font-weight: 300;
  margin-top: 8px;
  color:#378ab0;
}



.quantity {
  padding-top: 20px;
  margin-right: 60px;
}
.quantity input {
  -webkit-appearance: none;
  border: none;
  text-align: center;
  width: 32px;
  font-size: 16px;
  color: #43484D;
  font-weight: 300;
}
 
.shopping-cart button[class*=btn] {
  width: 30px;
  height: 30px;
  background-color: #E1E8EE;
  border-radius: 6px;
  border: none;
  cursor: pointer;
}
.minus-btn img {
  margin-bottom: 3px;
}
.plus-btn img {
  margin-top: 2px;
}
 


.total-price {
  width: 83px;
  padding-top: 27px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #43484D;
}
.btnPayWrap{
  text-align: right;
  max-width: 1000px;
  margin: 20px auto;
}
.payBtn.checkBTN{
  margin-bottom: 10px;
  background:  #4e4e4e;
  float:right;
}
.payBtn.cs{
  margin-bottom: 5px;
}
.payBtn{
    display: inline-block;
    font-size: 13px;
    min-width: 300px;
    min-width: none;
    padding: 15px 30px;
    background-color: #ed131e;
    color: #fff;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
    transition: ease all .3s;
    height: auto;
    line-height: 20px;
    outline: none;
    border:none
}
.payBtn:hover{
  opacity: .8;
}
.total-price-block sup{
  margin-left: 15px;
}
.total-price-block span{
  color:#fff;
  float: left;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0;
}
.total-price-block{
  background: #286d8c;
  color: #ffffff;
  font-weight: 400;
  display: block;
  margin: 30px auto 0;
  max-width: 1000px;
  width: 100%;
  text-align: right;
  font-size: 16px;
  padding: 10px 30px;
}
.modal-buttons .modal-body{
  text-align: center;
  padding:15px 5px;
}
.modal-buttons .modal-body a{
  display: inline-block;
  vertical-align: top;
  font-weight: 300;
  letter-spacing: .8px;
  position: relative;
  text-align: center;
  min-width: 270px;
  margin: 0 0 10px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  padding: 10px 15px;
  background:#0079a5;
}
.modal-buttons .modal-body a:nth-of-type(1)::before{
  content: "";
  position: absolute;
  background-size: 20px;
  left: 17px;
  height: 26px;
  width: 20px;
  transform: translateY(-50%);
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/shp1.png);
}
.modal-buttons .modal-body a:nth-of-type(2)::before{
  content: "";
  height: 24px;
  width: 20px;
  position: absolute;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  left: 20px;
  transform: translateY(-50%);
  top: 50%;
  background-image: url(../images/lg2.png);
}
.modal-buttons .modal-body a:nth-of-type(2){
  background:#ed131e;
}
.modal-buttons h4{
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .5px;
}
@media (max-width: 800px) {
  .total-price-block{
    margin: 10px auto 0;
  }
  .total-priceIn{
    position: relative;
    top: auto;
      right: auto;
      transform:none;
      padding-top: 30px;
  }
  .quantity{
    width: 50% !important;
  }
  .payBtn.checkBTN{
    float: none;
  }
  .payBtn{
    min-width: none;
    padding: 15px 40px;
  }
  .shopping-cart{
    margin-top: 90px;
  }
  .btnPayWrap{
    text-align: center;
  }
  .like-btn{
    display: none;
  }
  .itemSc {
    width: 100%;
    height: auto;
    overflow: hidden;
    height: auto;
    flex-wrap: wrap;
    justify-content: center;
  }
  .imageSc img {
    width: 50%;
  }
  .imageSc,
  .quantity,
  .descriptionSc {
    width: 100%;
    text-align: center;
    margin: 6px 0;
  }
  .buttonsSc {
    margin-right: 20px;
  }
}
/* shopping cart */

/* Single Product Style */
.single-product .product-slider {
	padding: 20px;
  background: #378ab0;
	/* border: 1px solid #eee!important; */
	border-radius: 5px;
}
.flexslider {
	border: none!important;
}
#carousel {
	margin-top: 20px;
}
#carousel .slides li {
	width: 150px!important;
}
.single-product .right-content h4 {
	font-size: 17px;
	font-weight: 700;
	margin-top: 0px;
}
.single-product .right-content h6 {
	color: #d3ac00;
	font-size: 30px;
	font-weight: 700;
	margin-top: 20px;
}
.single-product .right-content p {
	margin-top: 20px;
	margin-bottom: 30px;
}
.single-product .right-content span {
	font-size: 14px;
	color: #ed131e;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 15px;
}
.single-product .right-content label {
	font-size: 14px;
	color: #4a4a4a;
}
.single-product .right-content .quantity-text {
	margin-left: 10px;
	width: 44px;
	height: 44px;
	line-height: 42px;
	font-size: 14px;
	font-weight: 700;
	color: #4a4a4a;
	display: inline-block;
	text-align: center;
	outline: none;
	border: 1px solid #eee;
  margin-bottom: 20px;
}
.single-product .right-content .button {
  margin-left: 15px;
  cursor: pointer;
  background-color: #ed131e;
  outline: none;
  border-radius: 5px;
  padding: 15px 15px;
  display: inline-block;
  color: #fff;
  width: 100%;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.4px;
  text-decoration: none;
  transition: ease all .3s;
  transition: all 0.5s;
  box-shadow: none;
  border: none;
  margin: 2px 0;
}
.single-product .right-content .button:hover{
  opacity: .8;
}
.single-product .right-content .button.buttonAdd{
  color: #ffffff;
  background: #266e8f;
}
.single-product .right-content .down-content span {
	margin-bottom: 0px;
	display: inline-block;
	margin-left: 8px;
	color: #aaa;
}
.single-product .right-content .down-content span a {
	color: #aaa;
	font-weight: 400;
	margin-left: 4px;
	transition: all 0.5s;
}
.single-product .right-content .down-content span a:hover {
	color: #ed131e;
}
.single-product .right-content .down-content span a:hover i {
	background-color: #ed131e;
}
.single-product .right-content .down-content span a i {
	transition: all 0.5s;
	background-color: #aaa;
	width: 26px;
	height: 26px;
	display: inline-block;
	text-align: center;
	line-height: 26px;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	margin-right: 5px;
}
.single-product .right-content .down-content .categories {
	border-top: 1px solid #eee;
	margin-top: 30px;
	padding: 10px 0px;
}
.single-product .right-content .down-content .share {
	border-top: 1px solid #eee;
	padding: 10px 0px;
}
.single-product .right-content .down-content h6 {
	font-size: 14px;
	color: #4a4a4a;
	font-weight: 400;
}
#sync1 .item {
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
#sync1 .owl-nav button svg{
  height: 20px;
}
#sync1 .owl-nav button:hover{
  background: #266e8f;
  border: 1px solid #1d6383;
}
#sync1 .item img{
  max-width: 400px;
  margin: 0 auto;
}
#sync2 .item {
background: #266e8f;
    border: 1px solid #1d6383;
  /* padding: 10px 0px; */
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
#sync2 .item h1 {
  font-size: 18px;
}
#sync2 .current .item {
  background: #eaa0a4;
  border: 1px solid #c2777b;
}


#sync1.owl-theme {
  position: relative;
}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}
#sync1.owl-theme .owl-prev {
  left: 10px;
}
#sync1.owl-theme .owl-next {
  right: 10px;
}


/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.background-header {
  background: rgba(250,250,250,0.99) !important;
  height: 80px!important;
  position: fixed!important;
  top: 0px;
  left: 0px;
  right: 0px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
}
.logo img{
  max-width:100px;
}
.background-header .logo,
.background-header .main-nav .nav li a {
  color: #232d39!important;
}

.background-header .main-nav .nav li:last-child a {
  color: #fff !important;
}

.background-header .main-nav .nav li:last-child a:hover {
  color: #fff!important;
}

.background-header .main-nav .nav li:hover a {
  color: #ed131e!important;
}

.background-header .nav li a.active {
  color: #ed131e!important;
}

.header-area {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  height: 80px;
  background: #fff;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area .main-nav {
  min-height: 80px;
  background: transparent;
}

.header-area .main-nav .logo {
  line-height: 80px;
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header-area .main-nav .logo em {
  font-style: normal;
  color: #ed131e;
  font-weight: 900;
}

.header-area .main-nav .nav {
  float: right;
  margin-top: 27px;
  margin-right: 0px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}
.mobile_carousel{
  display: none;
}
.header-area .main-nav .nav li {
  padding-left: 20px;
  padding-right: 20px;
}

.header-area .main-nav .nav li a {
  display: block;
  font-weight: 500;
  font-size: 13px;
  color: #7a7a7a;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 40px;
  line-height: 40px;
  border: transparent;
  letter-spacing: 1px;
}
.sp_banner{
  display: block;
    margin: 10px 8px 0;
    max-width: 1100px;
    width: calc(50% - 16px);
    float: left;
}
.sp_banner img {
  width: 100%;
}
.header-area .main-nav .nav li a {
  color: #232d39;
}

/*.header-area .main-nav .nav li:last-child a {*/
  /*display: inline-block;*/
  /*font-size: 13px;*/
  /*padding: 11px 17px;*/
  /*background-color: #ed131e;*/
  /*color: #fff;*/
  /*text-align: center;*/
  /*font-weight: 400;*/
  /*letter-spacing: 0px;*/
  /*text-transform: uppercase;*/
  /*transition: all .3s;*/
  /*height: auto;*/
  /*line-height: 20px;*/
/*}*/

/*.header-area .main-nav .nav li:last-child a:hover {*/
  /*background-color: #f9735b;*/
  /*opacity: 1;*/
/*}*/

.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
  color: #ed131e!important;
  opacity: 1;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #ed131e!important;
  opacity: 1;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 23px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 40px;
  display: none;
}
.header-area .main-nav.rednav .menu-trigger span,
.header-area .main-nav.rednav .menu-trigger span:before,
.header-area .main-nav.rednav .menu-trigger span:after {
  background: #fff;
}
.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #000;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #1e1e1e;
}

.header-area.header-sticky {
  min-height: 120px;
  background: #fff !important;
}

.header-area.header-sticky .nav {
  margin-top: 20px !important;
}

.header-area.header-sticky .nav li a.active {
  color: #ed131e;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 12px;
    padding-right: 12px;
  }
  .header-area .main-nav:before {
    display: none;
  }
}
@media (min-width: 1200px) {
  
  .payBtn.cs{
    float: left;
  }
  .dropdownBox {
    padding-top: 15px;
  }
  .dropdownBox select{
    background: #fff !important;
  }
  .boxC{
    display: inline-block;
    vertical-align: top;
    width: 900px;
    text-align: left;
    margin-top: 50px;
  }
  .itemwrapperInners.itemwrapper{
    padding: 0 8px;
    max-width: 1200px;
    margin: 0 auto;
  }
  .dropdownBox select{
    border: 1px solid rgb(212, 212, 212) !important;
  }
  .itemwrapperInners.itemwrapper a{
  width: calc(25% - 16px);
  border: 1px solid #eeeeee;
  margin: 0 8px 15px;
  }
}
@media (max-width: 767px) {
  .btn_absolute button a{
    color: #24080a;
  }
  .section-heading h2{
    font-size: 22px;
  }
  .single-product .right-content h6 {
    margin-top: 0;
  }
  .single-product .right-content{
    background: #f0f0f0;
    padding: 1px 15px 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .single-product .right-content h6{
    font-size: 30px;
  }
  .single-product .product-slider{
    margin-top: 65px;
    padding: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .right-content .sectionHdBlock.section-heading{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mobile_hide.sp_banner{
    display: none;
  }
  .sp_banner{
    width: 100%;
    margin: 20px 0 0;
  }
  .dropdownBox select{
    margin-top: 5px;
  }
  .mobile_carousel{
    display: block;
    position: relative;
  }
  .mobile_carousel:after{
    content: "";
    background: rgb(0 0 0 / 30%);
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    pointer-events: none;
  }
  .mobile_carousel .bg-image{
    /* height: 300px; */
  }
  .header-area.header-sticky.stick{
    background: #ed131e !important;
  }
  .header-area .main-nav .menu-trigger{
    left: 20px;
    right: auto;
  }
  .header-area .main-nav .logo {
    color: #1e1e1e;
    padding-right: 20px;
    float: right;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #ed131e!important;
    opacity: 1;
  }
  .header-area {
    background-color: #f7f7f7;
    padding: 0px 15px;
    height: 80px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area .main-nav .nav li:last-child {
    width: 100%;
    background-color: #ed131e;
    color: #fff;
  }
  .header-area .main-nav .nav li:last-child a {
    background-color: #ed131e!important;
  }
  .header-area .main-nav .nav li:last-child a:hover,
  .header-area .main-nav .nav li:last-child:hover a {
    background-color: #ed131e!important;
    color: #fff!important;
  }
  .header-area.header-sticky .nav {
    margin-top: 80px !important;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #f7f7f7 !important;
    color: #232d39 !important;
  }
  .header-area .main-nav .nav li:last-child a {
    color: #fff!important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #ed131e!important;
  }
  .header-area .main-nav .nav li.submenu ul {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.submenu ul.active {
    height: auto !important;
  }
  .header-area .main-nav .nav li.submenu:after {
    color: #3B566E;
    right: 25px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
}

@media (min-width: 767px) {
  .header-area .main-nav .nav {
    display: flex !important;
  }
}


/* 
---------------------------------------------
banner
--------------------------------------------- 
*/

.main-banner {
  position: relative;
}

#bg-video {
    min-width: 100%;
    min-height: calc(100vh - 80px);
    max-width: 100%;
    max-height: calc(100vh - 80px);
    object-fit: cover;
    margin-top: 80px;
    z-index: -1;
}
.contain {
  margin-top: 80px;
  z-index: 1;
  position: relative;
}
.contain .bg-image{
  width: 100%;
  height: calc(100vh - 80px);
  background-size: cover;
  background-position:center;
}
#bg-video::-webkit-media-controls {
    display: none !important;
}

.video-overlay {
    position: absolute;
    background-color: rgba(35,45,57,0.8);
    top: 0;
    left: 0;
    bottom: 7px;
    width: 100%;
}
.video-overlay.inner{
  z-index: 2;
  bottom: 0;
}
.main-banner .caption {
  text-align: center;
  position: absolute;
  width: 80%;
  left: 50%;
  top: 58%;
  transform: translate(-50%,-50%);
}
.main-banner .inner .caption{
  top: 50%;
}
.main-banner .caption h6 {
  margin-top: 0px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.5px;
}

.main-banner .caption h2 {
  margin-top: 26px;
  margin-bottom: 10px;
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

.main-banner .caption h2 em {
  font-style: normal;
  color: #ed131e;
  font-weight: 600;
}
@media (max-width: 767px) {
  #bg-video{
    max-height: 240px;
    min-height: 240px;
  }
  .contain .bg-image{
    height: 300px;
  }
  .contain{
    display: none;
  }
  .sectionHdBlock.section-heading{
    margin-top: 0px;
    margin-bottom: 0;
  }
  .index2 .sectionHdBlock.section-heading p{
    display: none;
  }
  .sectionHdBlock.section-heading img{
    display: none;
  }
  .scBlock{
    margin-top: 90px;
    background: #fff;
    padding: 30px 5px 20px;
  }
}

/*
---------------------------------------------
features
---------------------------------------------
*/

#features {
  margin-bottom: 80px;
}

.feature-item {
  display: inline-block;
  background: #ed131e;
  text-align: center;
  margin-bottom: 60px;
  border-radius: 50px;
  width: 100%;
  padding: 15px;
}
.feature-item .left-icon img{
  max-width: 24px;
  margin-right: 10px;
}
.feature-item .left-icon {
  margin: 0 auto;
  text-align: center;
  display: inline;
}
.feature-item li {
  margin: 0 auto;
  max-width: 300px;
}

.feature-item .right-content {
  text-align: center;
  margin-top: 10px;
  display: inline;
}
.feature-item .right-content p{
  color: #fff;
}
.feature-item .right-content h4 {
  margin-top: 0px;
  display: inline;
  margin-bottom:  7px;
  letter-spacing: 0.25px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

.feature-item .right-content a.text-button {
  margin-top: 7px;
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  color: #ed131e;
  font-weight: 500;
}

/*
---------------------------------------------
subscribe
---------------------------------------------
*/

#call-to-action {
  padding: 120px 0px;
  background-image: url(../images/wall.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
}
#call-to-action > div{
  z-index: 2;
  position: relative;
}
#call-to-action:after{
 content:"";
 background: rgba(35,45,57,0.8);
 position: absolute;
 z-index: 1;
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
}
.cta-content h2 {
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}

.cta-content h2 em {
  font-style: normal;
  color: #ed131e;
}

.cta-content p {
  font-size: 16px;
  color: #fff;
  margin: 15px 0px 25px 0px;
}








/* 
---------------------------------------------
footer
--------------------------------------------- 
*/

.top_footer{
  margin: 0 auto;
  padding: 115px 15px;
  background:#fff;
  text-align: center;
  border: 1px solid #eee;
  color: #7a7a7a;
  margin-bottom: -80px !Important;
}

.top_footer a{
  display: inline-block;
  font-size: 15px;
  padding: 8px 16px;
  background-color: #ed131e;
  color: #fff;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  margin: 10px;
  transition: all .3s;
}
.top_footer a:hover{
background-color: #f9735b;
    opacity: 1;
}
.footerBox{
  background-color: #282828;
  font-family: 'Poppins', sans-serif;
  padding:  10px;
  line-height: 1.3;
}
.footerBox h3{
  font-size: 18px;
  color: #d3cfd0;
  margin-bottom: 10px;
}
.footerBox p, .footerBox a {
  color: #d3cfd0;
  font-size: 12px;
}
.footerBox a:hover{
  color: #ed131e;
}
 .colF{
  padding:  20px 5px;
}
.bottomFooter{
  background-color: #ed1b24;
}
.bottomFooter p, .bottomFooter a{
  color: #fff;
  font-size: 12px;
}
.footerBox  ul li {
  background-image: url(../images/arrow.png);
  list-style: none;
  background-repeat: no-repeat;
  padding-left: 0;
  background-position: 0 5px;
  padding-left: 15px;
}
.footerBox .social-icons li {
  display: inline-block;
  margin-right: 12px;
  background-image: none;
}
.footerBox input{
  width: calc(100% - 100px);
  float: left;
  border-radius: 0;
    height: 35px;
}
.footerBox button{
  width: 75px;
  float: left;
  height: 35px;
  border: none;
  border-radius: 0;
  font-size:12px;
  background-color: #ed1b24;
}
.social-icons li:last-child {
  margin-right: 0px;
}

.social-icons li a {
  color: #ffffff;
  transition: all .3s;
}

.social-icons li a:hover {
  color: #ed131e;
}


/* 
---------------------------------------------
preloader
--------------------------------------------- 
*/
.header-area .rednav{
  position: relative;
}
.js-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #232d39;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

.js-preloader.loaded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@-webkit-keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}

@keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}

@-webkit-keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}

@keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}
.passide{
  padding: 15px;
  margin: 0px auto 10px;
  width: auto;
  float: none;
  max-width: 1205px;
}
.dropdownBox{
     /* float: right; */
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%,-50%); */
    width: 254px;
    float: right;
    display: inline-block;
}
.dropdownBox select{
  background: #fff;
  color: rgb(107 101 101);
  padding: 10px;
  width: 250px;
  font-weight: 400;
  height: 42px;
  border-radius: 5px;
  border: 1px solid #efefef;
  font-size: 14px;
  /* box-shadow: 0 5px 25px rgb(0 0 0 / 50%); */
  -webkit-appearance: button;
  outline: none;
}
.dropdownBox:before{
  content: '\f358';
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 28px;
  pointer-events: none;
  
  background: dodgerblue;
}
.dropdownBox:hover:before{
  background: #0472ca;
}
.preloader-inner {
    position: relative;
    width: 142px;
    height: 40px;
    background: #232d39;
}

.preloader-inner .dot {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 15px;
    background: #fff;
    border-radius: 50%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: dot 2.8s infinite;
    animation: dot 2.8s infinite;
}

.preloader-inner .dots {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    -webkit-animation: dots 2.8s infinite;
    animation: dots 2.8s infinite;
}

.preloader-inner .dots span {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    background: #fff;
    border-radius: 50%;
}

.itemwrapper{
  font-size: 0;
  padding: 0 2px;
  text-align: left;
  background:transparent;
}
.itemwrapper .textIcons{
  color: #111;
  opacity: .8;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 5px;
  transition: ease all .3s;
  font-size: 14px;
  /*height: 62px;*/
}
.itemwrapper a {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  transition: ease all .5s;
  background: #fff;
  /*margin-bottom: 20px;*/
  width: calc(20% - 8px);
  margin: 0 4px 8px;
  /*padding: 25px 15px;*/
  padding: 20px 15px;
  border-radius: 5px;
}
.itemwrapper a .itemIcon .imgIcons img{
  max-width: 50px;
  border-radius: 5px;
}
.itemwrapperInners.itemwrapper .textIcons{
  font-size: 14px;
  margin-top: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;  /* Limits to 2 lines */
  overflow: hidden;
  max-width: 300px;       /* Adjust width as needed */
  word-wrap: break-word;
}

.itemwrapperInners.itemwrapper .boxs .priceS{
  font-size: 16px;
  color: #ed131e;
  font-weight: 600;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 15px;
}
.itemwrapperInners.itemwrapper .boxs{
  margin-top: 15px;
}
.itemwrapperInners.itemwrapper .boxs .button{
  background-color: #e4b539;
  font-size: 14px;
  display: inline-block;
  font-weight: 400;
  border-radius: 3px;
  padding: 3px 10px;
  transition: ease all .5s;
  vertical-align: top;
  color: #fff;
}
.itemwrapperInners.itemwrapper .boxs .button:hover{
  background-color:#d6951e;
}
.itemwrapperInners.itemwrapper a .itemIcon .imgIcons img{
  max-width: 170px;
}
.itemwrapperInners.itemwrapper a:hover {
  background: #fff;
}
.itemwrapper a:hover{
  background: rgba(0, 0, 0, 0.082);
}
.itemwrapper a:hover .textIcons{
  color: rgb(68, 0, 0);
}
/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/


@media (max-width: 992px) {
  
  .main-banner .caption h2 {
    font-size: 50px;
  }
  #features {
    margin-bottom: 110px;
  }
  #features .feature-item {
    margin-bottom: 15px;
  }
  #our-classes .tabs-content {
    margin-left: 0px;
    margin-top: 30px;
  }
 
  #contact-us #map {
    margin-bottom: -7px;
  }
  #contact-us .contact-form {
    padding: 30px;
  }
  #contact-us .contact-form #contact {
    padding: 30px;
  }

}
@media (max-width: 767px) {
  .dropdownBox{
    width: 100%;
  }
  .dropdownBox select{
    width: 100%;
  }
  .itemwrapper a {
    width: calc(33.333% - 8px);
    padding: 12px;
  }
  .itemwrapper .textIcons{
    font-size: 12px;
	height: 40px;
  }
  .header-area .rednav{
    background: #ed131e;
    border-bottom: 1px solid #980008;
  }
  .header-area .main-nav.rednav .menu-trigger span:before, 
  .header-area .main-nav.rednav .menu-trigger span:after{
    background: #fff;
  }
  .background-header .main-nav.rednav .menu-trigger span, 
  .background-header .main-nav.rednav .menu-trigger span:before, 
  .background-header .main-nav.rednav .menu-trigger span:after{
    /* background: #fff; */
  }
  .header-area .main-nav.rednav .menu-trigger span:before{
    background: #fff;
  }
  .rednav .logo img{
    border-radius: 3px;
    max-width: 70px;
  }
  .scBlock2{
    background:transparent;
    margin-top: 150px!important;
  }
  .scBlock2 h2{
    font-size: 22px;
  }
  .top_footer a{
    margin-top: 10px;
  }
  #features{
    margin-bottom: 30px;
  }
  .section-heading{
    margin-top: 50px;
  }
  .main-banner .caption h2{
    font-size: 24px;
  }
  .best_sellers{
    padding: 0 15px;
  }
  }
@media (max-width: 450px) {
  .dropdownBox select{
    width: 100%;
    border: 1px solid #efefef;
  }
  .dropdownBox{
    float: none;
  }
  .passide{
    margin: 0;
  }
  .feature-item .right-content a.text-button {
    margin-left: 130px;
  }
  .itemwrapperInners.itemwrapper .textIcons{
    font-size: 12px;
  }
  .itemwrapperInners.itemwrapper .boxs .button{
    font-size: 12px;
  }
  .itemwrapperInners.itemwrapper .boxs .priceS{
    font-size: 14px;
  }
  .itemwrapper.itemwrapperInners a{
    width: 100%;
    position: relative;
    margin: 5px 0;
    border: 1px solid #eee;
  }
  .itemwrapper.itemwrapperInners{
    padding: 0 10px;
  }
  .itemwrapper.itemwrapperInners a .itemIcon{
    text-align: left;
  }
  
  .itemwrapperInners.itemwrapper .textIcons{
    width: calc(100% - 105px);
    margin-top: 6px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 5px;
    vertical-align: top;
  }
  .itemwrapperInners.itemwrapper .boxs{
    position: absolute;
    right: 0;
    bottom: 20px;
    width: calc(100% - 105px);
    padding-left: 20px;
    padding-right: 15px;
  }
  .itemwrapperInners.itemwrapper a .itemIcon .imgIcons img{
    max-width: 100px;
  }
  .itemwrapper.itemwrapperInners a .itemIcon .imgIcons{
    display: inline-block;
    vertical-align: middle;
    width: auto;
  }
 
}
@media only screen and (min-width: 600px) {
  .width-container{
      width: 50%;
      display: inline-block;
      vertical-align: top;
      padding: 0 15px;
  }
  .top_footer{
    background:#fff;
  }
  .imgBlock{
      font-size: 0;
  }
  .icon_wrapper a .medianIcon{
    max-width: 160px;
  }
 
  .icon_wrapper a:nth-of-type(3),
  .icon_wrapper a:nth-of-type(6){
    border-right: none;
  }
  .icon_wrapper a{
    width: calc(25% - 10px);
    margin: 5px;
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 1024px) {
  .width-container .item-block h4{
    font-size: 14px;
}
.imgBlock{
    font-size: 0;
    padding: 0 50px;
}
.width-container{
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
}

.btn_absolute button{
  background: #ed131e;
  color: #ffffff;
  border: none;
  position: relative;
  text-transform: uppercase;
  vertical-align: text-top;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .8px;
  border-radius: 5px;
  width: 186px;
  padding-left: 97px;
  text-align: left;
  padding: 15px 0;
  padding-left: 63px;
  transition: ease all .3s;
  box-shadow: none;
  margin: 17px;
  border: none;
  border: 1px solid #ffffffab;
  border-bottom: 2px solid #5d0005;

}
.btn_absolute button:hover{
  color:#ed131e;
  border: 1px solid #ffffff;
  background:#fff;
}
.main-button a{
  display: inline-block;
  font-size: 12px;
  padding: 8px 20px;
  background-color: #ffffff;
  color: #ed131e;
  font-weight: 600;
  text-align: center;
  /* border: 1px solid #000; */
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 5px;
  letter-spacing: .8px;
  transition: all .3s;
}
.main-banner .caption{
  top: 50%;
}
.main-banner .caption{
  background: #00000014;
  padding: 25px;
  border-radius: 5px;
}
.main-button a:hover{
  padding: 8px 30px;
  background:#fff;
}
.btn_absolute{
  bottom: 30px;
}
.btn_absolute button span{
  position: absolute;
  height: 70px;
  left: -18px;
  border-radius: 50px;
  border: 1px solid #eee;
  top: -11px;
  background: white;
  width: 70px;
  display: inline-block;
}
.btn_absolute button span::before{
  top: 50%;
  transform: translateY(-50%);
}
.icon_wrapper a .medianIcon .textIcons{
  margin-top: 10px;

}
.icon_wrapper{
  padding: 0 10px;
}
.icon_wrapper a{
  font-size: 14px;
  height: 145px;
  border-radius: 5px;
 transition: ease all .3s;
  border:1px solid #eee !important;
}
.icon_wrapper a:hover{
 opacity: .7;
 color: #970008;
}
.icon_wrapper a .medianIcon{
  max-width: 240px;
}

.icon_wrapper a .medianIcon img{
  max-height: 60px;
  max-width: 60px;
}
}





/* -------------------------------- 

















































@media only screen and (min-width: 1170px) {


/* -------------------------------- 

xnugget info 

-------------------------------- */
.cd-nugget-info {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 50px;
  line-height: 50px;
  top: 0;
  left: 0;
}
.cd-nugget-info a {
  position: relative;
  font-size: 14px;
  color: #96c03d;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.no-touch .cd-nugget-info a:hover {
  opacity: .8;
}
.cd-nugget-info span {
  vertical-align: middle;
  display: inline-block;
}
.cd-nugget-info span svg {
  display: block;
}
.cd-nugget-info .cd-nugget-info-arrow {
  fill: #96c03d;
}

/* -------------------------------- 

Basic Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
  width: 100%;
  max-width: 100%;
  padding: 0.5em 1em;
  margin: 1em auto;
  text-align: left !important;
  background-color: #edeff0;
  border-radius: .25em;
}
.cd-breadcrumb::after, .cd-multi-steps::after {
  clear: both;
  content: "";
  display: table;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 14px;
  color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(https://codyhouse.co/demo/breadcrumbs-multi-steps-indicator/img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(https://codyhouse.co/demo/breadcrumbs-multi-steps-indicator/img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {
  .open_search{
    display: none;
  }
  .search_block{
    display: none;
  }
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    margin: 1.2em 0;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    font-size: 14px;
  }
}

/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    /* reset basic style */
    background-color: transparent;
    padding: 0;
  }
  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
  }
  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }
  .cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 1em .8em 1em 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0;
  }
  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffffff;
    background-color: #96c03d;
    border-color: #96c03d;
  }
  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;
    border-radius: .25em 0 0 .25em;
  }
  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0 .25em .25em 0;
  }
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }
  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }
  .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }

  @-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }
}
/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
    /* change custom icon using image sprites - hover effect or current item */
    background-position: 0 -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
    background-position: -20px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
    background-position: -40px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
    background-position: -60px -40px;
  }
}
/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-multi-steps {
    /* reset style */
    background-color: transparent;
    padding: 0;
    text-align: center;
  }

  .cd-multi-steps li {
    position: relative;
    float: none;
    margin: 0.4em 40px 0.4em 0;
  }
  .cd-multi-steps li:last-of-type {
    margin-right: 0;
  }
  .cd-multi-steps li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    content: '';
    height: 4px;
    background: #edeff0;
    /* reset style */
    margin: 0;
  }
  .cd-multi-steps li.visited::after {
    background-color: #4e4e4e;
  }
  .cd-multi-steps li > *, .cd-multi-steps li.current > * {
    position: relative;
    color: #2c3f4c;
  }

  .cd-multi-steps.custom-separator li::after {
    /* reset style */
    height: 4px;
    background: #edeff0;
  }

  .cd-multi-steps.text-center li::after {
    width: 100%;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%) translateX(-1px);
    -moz-transform: translateY(-50%) translateX(-1px);
    -ms-transform: translateY(-50%) translateX(-1px);
    -o-transform: translateY(-50%) translateX(-1px);
    transform: translateY(-50%) translateX(-1px);
  }
  .cd-multi-steps.text-center li > * {
    z-index: 1;
    padding: .6em 1em;
    border-radius: .25em;
    background-color: #edeff0;
  }
  .no-touch .cd-multi-steps.text-center a:hover {
    background-color: #2c3f4c;
  }
  .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
    color: #ffffff;
    background-color: #4e4e4e;
  }
  .cd-multi-steps.text-center.custom-icons li.visited a::before {
    /* change the custom icon for the visited item - check icon */
    background-position: 0 -62px;
  }
  .cd-multi-steps.text-center.custom-icons li.visited:first-child a::before {
    background-position: 0 -41px;
  }
  .cd-multi-steps.text-center.custom-icons li.visited:first-child a {
    background: #ed131e;
  }

  .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
    width: 80px;
    text-align: center;
  }
  .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    left: 50%;
    /* 40px is the <li> right margin value */
    width: calc(100% + 40px);
  }
  .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #edeff0;
  }
  .cd-multi-steps.text-top li.visited > *::before,
  .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
  .cd-multi-steps.text-bottom li.current > *::before {
    background-color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
    color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
    box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
  }

  .cd-multi-steps.text-top li::after {
    /* this is the line connecting 2 adjacent items */
    bottom: 4px;
  }
  .cd-multi-steps.text-top li > * {
    padding-bottom: 20px;
  }
  .cd-multi-steps.text-top li > *::before {
    /* this is the spot indicator */
    bottom: 0;
  }

  .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    top: 3px;
  }
  .cd-multi-steps.text-bottom li > * {
    padding-top: 20px;
  }
  .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    top: 0;
  }
}
/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li {
  counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
  content: counter(steps) " - ";
}

@media only screen and (min-width: 768px) {
  .cd-multi-steps.text-top.count li > *::before,
  .cd-multi-steps.text-bottom.count li > *::before {
    /* this is the spot indicator */
    content: counter(steps);
    height: 26px;
    width: 26px;
    line-height: 26px;
    font-size: 1.4rem;
    color: #ffffff;
  }

  .cd-multi-steps.text-top.count li:not(.current) em::before,
  .cd-multi-steps.text-bottom.count li:not(.current) em::before {
    /* steps not visited yet - counter color */
    color: #2c3f4c;
  }

  .cd-multi-steps.text-top.count li::after {
    bottom: 11px;
  }

  .cd-multi-steps.text-top.count li > * {
    padding-bottom: 34px;
  }

  .cd-multi-steps.text-bottom.count li::after {
    top: 11px;
  }

  .cd-multi-steps.text-bottom.count li > * {
    padding-top: 34px;
  }
}
@media (max-width: 1199px) {
  .boxC{
    display:none;
  }
  .passide{
    width: 100%;
    float: left;
  }
  .dropdownBox{
    width: 100%;
  }
  .dropdownBox select{
    width: 100% ;
  }
}

.imageSc {
	background: none !Important;
}

      /* --- Loader Overlay --- */
 .loader-overlay {
    position: fixed;
    inset: 0;                 /* top:0 right:0 bottom:0 left:0 */
    background: rgba(0, 0, 0, 0.75);
    display: none;            /* hidden by default */
    align-items: center;      /* vertical center */
    justify-content: center;  /* horizontal center */
    z-index: 9999;            /* above everything */
  }

  /* Add this class to show the overlay */
  .loader-overlay.is-active {
    display: flex;
  }

 #overlay_loader_image{
      max-width: 120px;
  }