@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Roboto+Slab:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Roboto+Slab:wght@300;400;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Lato:wght@400;700&family=Roboto+Slab:wght@300;400;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One:wght@100;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arvo&display=swap');

body{font-family: 'Arvo',Serif !important; font-weight:300;}

#header{background:#000;}
#header .topbar{background:#111; padding:5px 0;}
#header .contact li span{border:none !important; color:#fff;}

#header .contact li{color:#fff; font-family: 'Lato',Serif;}
#header .contact li a{color:#fff; font-family: 'Lato',Serif; letter-spacing:0.4px;}
#header .contact li a:hover{color:#ffde00; font-family: 'Lato',Serif;}

#header .social li a{color:#fff !important;}
#header .social li a:hover{color:#ffde00 !important;}

#header .header-inner{background:#fff;}
#header .logo{ margin-top:6px; margin-bottom:6px;}

/*----------------------------------------*/
/*  Our Classes Style 2
/*----------------------------------------*/
.our-classes2-area {
  position: relative; }

.classes2-title {
  position: relative;
  padding: 25px;
  background-color: #f15d2b;
  min-height: 470px;
  z-index: 1; }
  .classes2-title:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-image: url(wp-content/uploads/2020/05/catimg01.html);
    background-size: 100% 100%;
    top: 0;
    left: 0;
    opacity: .15;
    z-index: -1; }
  .classes2-title h3 {
    font-size: 48px;
    color: #fff;
    line-height: 55px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0px;
    margin: 15px auto; }
    .classes2-title h3 span {
      font-weight: 600; }

.single-classes-V2 {
  position: relative;
  max-width: 350px;
  margin: 0px auto 30px;
  overflow: hidden;
  transition: .5s ease; }
  .single-classes-V2:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    left: -100%;
    background-image: -moz-linear-gradient(-99deg, #101012 0%, #f15d2b 100%);
    background-image: -webkit-linear-gradient(-99deg, #101012 0%, #f15d2b 100%);
    background-image: -ms-linear-gradient(-99deg, #101012 0%, #f15d2b 100%);
    opacity: .80;
    z-index: 1;
    transition: .5s ease; }
  .single-classes-V2:hover:before {
    left: 0; }
  .single-classes-V2:hover .sc-text {
    left: 0; }
  .single-classes-V2 .sc-img {
    position: relative;
    width: 100%; }
  .single-classes-V2 .sc-text {
    position: absolute;
    bottom: 0;
    left: 100%;
    height: auto;
    width: 100%;
    padding: 25px;
    z-index: 2;
    transition: .5s ease; }
    .single-classes-V2 .sc-text h4 {
      font-size: 36px;
      letter-spacing: 0px;
      color: #fff;
      font-weight: 600;
      line-height: 44px;
      text-transform: uppercase; }
    .single-classes-V2 .sc-text p {
      font-size: 18px;
      color: #fff;
      line-height: 22px;
      text-transform: uppercase;
      font-weight: 400;
      margin: 10px auto; }
    .single-classes-V2 .sc-text a {
      color: #fff;
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 0px;
      display: inline-block;
      text-transform: uppercase;
      text-decoration: underline; }

.sc-services:before {
  left: 0; }
.sc-services .sc-text {
  left: 0; }
  
.cntrtxt{text-align:center; padding:15px 0; margin-top:40px; margin-bottom:25px;}
.cntrtxt h3{text-align:center; font-size:21px; line-height:32px;}
#header .navbar{float:left;}
#header .nav li a{padding:15px 10px; letter-spacing:0.9px; color:#fff; background:transparent !important;}
#header .nav li a:hover{color:#ffd125; letter-spacing:0.9px;}
#header .nav li a::before{background:#ffd125;}
#header .nav li a:active, #header .nav li a:visited{background-image:none !important; box-shadow:none !important; background:nnone !important; background-color:transparent !important;}


.crtbtn{width:35px; height:29px;background:url(../img/cart.png) no-repeat center;border:none !important; margin:1px; margin-left:0px;}
.slicknav_menu .slicknav_btn{background:#F4C22F;}
.slicknav_menu .slicknav_btn span{color:#111 !important;}
.slicknav_menu .slicknav_btn .slicknav_icon-bar{background-color:#111 !important;}
.slicknav_menu .slicknav_nav{background:#000 !important;}

.slicknav_nav a{font-size:20px; letter-spacing:0.9px; color:#fff;}
.slicknav_nav a:hover{font-size:20px; letter-spacing:0.9px; color:#111; background:#F4C22F;}
.slicknav_nav a:visited,a:focus,a:select{font-size:20px; letter-spacing:0.9px; color:#111; background:#F4C22F;}

.btnxtras1{width:200px; height:155px; background:#fff; border:1px solid #e5e5e5; margin:0 auto;}
.btnxtras1 span{width:70px; height:70px; background:url(../img/icon1.svg) no-repeat; background-size:55px; background-position:7px; display:block;margin:0 auto;}
.btnxtras2{width:200px; height:155px; background:#fff; border:1px solid #e5e5e5; margin:0 auto;}
.btnxtras2 span{width:70px; height:70px; background:url(../img/icon2.svg) no-repeat; background-size:45px; background-position:14px; display:block;margin:0 auto;}
.btnxtras3{width:200px; height:155px; background:#fff; border:1px solid #e5e5e5; margin:0 auto;}
.btnxtras3 span{width:70px; height:70px; background:url(../img/icon3.svg) no-repeat; background-size:50px; background-position:7px; display:block;margin:0 auto;}
.btnxtras4{width:200px; height:155px; background:#fff; border:1px solid #e5e5e5; margin:0 auto;}
.btnxtras4 span{width:70px; height:70px; background:url(../img/icon4.svg) no-repeat; background-size:50px; background-position:11px; display:block;margin:0 auto;}
.extrasecxn{ margin-top:25px; font-size:15px; text-align:center; font-weight:400;}
.extrasecxn h4{font-size:21px; text-align:center; font-weight:700; padding:0px; margin:0px; margin-top:9px;}
.btnxtra{}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{background-image:none !important; box-shadow:none !important; background:nnone !important;background-color:transparent !important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-image:none !important; box-shadow:none !important; background:nnone !important;background-color:transparent !important;}


.wlcment{color:#c4c4c4; line-height:28px;}
.copyright{display:none !important;}
.btmsec1{}
.btmtpblkbr{background:#111; min-height:36px; text-align:center; width:100%; margin-top:28px; position:relative;}
.footer-top{padding-top:28px !important; padding-bottom:25px !important;}
.socialconr{width:200px; margin:0 auto;}
.socialconr span{font-size:18px; line-height:36px;}
.socialconr span{color:#fff !important;}
.socialconr span:hover{color:#ffad11 !important;}

.btmsec2 h2{font-size:21px;}
.btmsec2 ul{margin-top:7px;}
.btmsec2 ul li{font-size:13px; font-weight:400; line-height:23px; letter-spacing:0.9px;}

.btmsec3 h2{font-size:21px;}
.btmsec3 ul{margin-top:7px;}
.btmsec3 ul li{font-size:13px; font-weight:400; line-height:23px; letter-spacing:0.9px;}

.btmmstbr{border-top:1px dashed #9f9f9f; position:relative; line-height:30px; padding-bottom:25px;}


.navbar-nav>li>.dropdown-menu{padding-left:11px; padding-right:11px;}
.navbar-nav>li>.dropdown-menu li{margin:0px !important; padding:0px !important; width:100%; background:transparent !important; border:0px;}
.navbar-nav>li>.dropdown-menu li a{text-decoration:none; border:none !important; color:#111 !important; font-size:14px !important; font-weight:300 !important; background:transparent !important;margin:0px !important; padding:0px !important; line-height:26px;}
.navbar-nav>li>.dropdown-menu li a::before{background:transparent !important;}
.navbar-nav>li>.dropdown-menu li a:hover{color:#FF6853 !important;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{background-image:none !important; background-color:#fff !important;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color:#fff !important;}
.breadcrumb{background-image:none !important; padding:20px 0px; background:rgba(0,0,0,0.4);}
#blog.archive{padding:0px 0 20px;}
.slicknav_nav, .slicknav_nav ul{overflow:visible;}
.sldrimg{}
.footer{background-image:none !important; background:none !important;}
.footer:before{background:#111; opacity:1 !important;}


.footersections h3{color:#fff; font-size:22px; padding-bottom:11px;}
.footersections ul{}
.footersections ul li{color:#fff; line-height:24px; font-size:15px;}
.footersections ul li a{color:#fff;}


.footersections2{color:#d3d3d3;}
.footersections2 h3{color:#d3d3d3; font-size:24px; padding-bottom:11px;}
.footersections2 ul{}
.footersections2 ul li{color:#d3d3d3; line-height:28px; font-size:14px;}
.footersections2 ul li a{color:#d3d3d3;}
.products .product a img{width:auto !important; max-height:230px; margin:0 auto !important; max-width:230px;}
.catarea{ margin-top:25px;}
.sp-wps-product-image-area a{text-align:center !important;}
#wps-slider-section .wps-product-image a{text-align:center !important;}
#wps-slider-section .wps-product-image img{margin:0 auto !important; text-align:center; position:relative; width:230px; height:230px;}
.wqv-product-images img{height:auto;}
.sfsi_widget .sfsi_wDiv{margin-left:25px;}
.sfcm.sfsi_wicon{height:auto;}
.custmcntrimg{margin-bottom:40px;}
.prosldr{margin-bottom:40px;}
#blog.archive.single .single-content h2{font-size:15px;}
.trackarea{background:#FC0; min-height:150px; border-top:5px solid #000;}



@keyframes catshdngs {
  0%   {left:0px; bottom:-30px;}
  100% {left:0px; bottom:0px; opacity:1;}
}

@keyframes example {
  0%   {background:rgba(255,255,255,0); left:150px; top:150px;}
  50%  {background:rgba(255,255,255,0.4); left:400px; top:150px;}
  100% {background:rgba(255,255,255,0.85); left:250px; top:150px; opacity:1;}
}

@keyframes examplemob {
  0%   {background:rgba(255,255,255,0); left:20px; top:0px;}
  50%  {background:rgba(255,255,255,0.4); left:150px; top:0px;}
  100% {background:rgba(255,255,255,0.85); left:20px; top:0px; opacity:1;}
}

.catimgtxt{font-size:18px; color:#fff; text-align:center; margin-top:18%;}
.btmtxtt{ border-top:1px solid #202020; text-align:center; font-size:12px; line-height:18px; color:#8d8d8d; position:relative; margin-top:25px; padding-top:11px; padding-bottom:11px;}
.btmtxtt a{color:#B4B4B4; text-decoration:none !important;}
.btmtxtt a:hover{color:#fff; text-decoration:none !important;}

.abtpara{margin-top:25px;}
.abtpara h3{font-size:28px; padding:7px 0px;}
.abtpara p{font-size:17px; padding:4px 0px; line-height:24px; letter-spacing:0.7px;}
.abtpara .ceoinfo{ line-height:30px; font-size:17px;}

.contctinfopg{}
.cntlftsec{padding-bottom:25px;}
.wpcf7-form{}
.wpcf7-form input{width:100%; min-height:35px; border:1px solid #ccc; margin-top:11px; padding-left:7px;}
.wpcf7-form textarea{width:100%; min-height:220px; border:1px solid #ccc; margin-top:11px; padding-left:7px;}
.wpcf7-form .wpcf7-submit{ width:150px; background:#F4C22F; min-height:35px; font-weight:600; font-size:18px; border:0px; color:#000 !important;}
.wpcf7-form .wpcf7-submit:hover{background:#000; color:#fff !important;}
.woocommerce-product-details__short-description{ width:80%; border:1px dashed #6f6f6f; padding:11px; margin:25px 0px; line-height:26px; font-size:15px;}
.woocommerce .quantity .qty{width:6rem; min-height:36px;}
.woocommerce div.product form.cart .button{background:#F4C22F; min-height:36px; border:0px; margin-left:11px; border-radius:0px; color:#000; text-transform:uppercase;}
.woocommerce div.product form.cart .button:hover{background:#000; color:#fff;}
.sfsi_widget .sfsi_wDiv{width:100% !important; margin-bottom:16px;}
.sfsi_widget .sfsi_wDiv .sfsi_wicons{ width:30px !important; height:30px !important; max-width:30px !important; max-height:30px !important;}
.wlckm{font-size:12px !important; color:#fff; line-height:28px; letter-spacing:0.4px;}
.txtlyr1{font-size:40px; color:#000; font-weight:700;}

table.track_form_table tr td{padding:0px !important;}
.trkfrm .wpcargo-btn{height:35px; background:#000; border:0px; color:#fff;}
.trkfrm .wpcargo-btn:hover{color:#FC0;}
.frmtrack{margin-top:25px;}
.frmtrack h4{ font-size:15px; line-height:30px;}
.txtmain{font-size:21px; text-align:center; padding:15px; max-width:780px; margin:0 auto;}
.txtmain h3{text-align:center; margin-top:25px; margin-bottom:11px; text-decoration:underline;}

.emptbx{min-height:350px;}



@media (min-width: 1024px) {
.srchbar{margin-top:30px;}
.srchbar input{width:295px; height:29px; padding-left:7px; outline:none !important; border:none;}
.srchbar button{width:35px; height:29px; background:#ed3237 url(../img/searchicon.png) no-repeat center; border:none !important; margin:1px; margin-left:0px;}
.krtbtncont{margin-top:30px;}
.mrgnpdng{}

.sldrimg{
  max-width: 300px !important;
  height: 123px !important;
  position: relative;
  animation-delay: 0.8s;
  animation-name: example;
  animation-duration: 3.5s;
  animation-fill-mode: forwards;
  opacity:0;
}

.footersections{color:#fff; width:70%; float:left;}
.futricns{width:30%; float:left;}

.kntinfo{line-height:30px;}
.logo img{width:230px;}
.txtlogo{margin-top:45px; font-size:20px; font-size:700; font-style:italic;}
.tpmenuaxis{margin-top:35px;}

.trkfrm input[type="text"]{min-width:350px !important; height:35px; border:0px !important; text-indent:10px;}
.trkfrm{width:450px; margin:0 auto;}
}

@media (min-width: 769px) and (min-width: 1024px) {
.srchbar{margin-top:30px;}
.srchbar input{width:295px; height:29px; padding-left:7px; outline:none !important; border:none;}
.srchbar button{width:35px; height:29px; background:#ed3237 url(../img/searchicon.png) no-repeat center; border:none !important; margin:1px; margin-left:0px;}
.krtbtncont{margin-top:30px;}
.mrgnpdng{}

.sldrimg{
  max-width: 300px !important;
  height: 123px !important;
  position: relative;
  animation-delay: 0.8s;
  animation-name: example;
  animation-duration: 3.5s;
  animation-fill-mode: forwards;
  opacity:0;
}

.footersections{color:#fff; width:70%; float:left;}
.futricns{width:30%; float:left;}
.kntinfo{line-height:30px;}
.logo img{width:230px;}
.txtlogo{margin-top:45px;}
.tpmenuaxis{margin-top:35px;}

.trkfrm input[type="text"]{min-width:350px !important; height:35px; border:0px !important; text-indent:10px;}
.trkfrm{width:450px; margin:0 auto;}

}

@media (min-width: 415px) and (max-width: 768px) {
.srchbar{margin-top:30px;}
.srchbar input{width:295px; height:29px; padding-left:7px; outline:none !important; border:none;}
.srchbar button{width:35px; height:29px; background:#ed3237 url(../img/searchicon.png) no-repeat center; border:none !important; margin:1px; margin-left:0px;}
.krtbtncont{margin-top:30px;}
.mrgnpdng{}

.sldrimg{
  max-width: 300px !important;
  height: 123px !important;
  position: relative;
  animation-delay: 0.8s;
  animation-name: example;
  animation-duration: 3.5s;
  animation-fill-mode: forwards;
  opacity:0;
}
.footersections{color:#fff; width:70%; float:left;}
.futricns{width:30%; float:left;}
.kntinfo{line-height:30px;}
.logo img{width:230px;}
.txtlogo{margin-top:45px;}
.tpmenuaxis{margin-top:35px;}

.trkfrm input[type="text"]{min-width:350px !important; height:35px; border:0px !important; text-indent:10px;}
.trkfrm{width:450px; margin:0 auto;}
}

@media (max-width: 414px) {
.srchbar{margin-top:13px;}
.srchbar input{width:200px; height:29px; padding-left:7px; outline:none !important; border:none;}
.srchbar button{width:35px; height:29px; background:#ed3237 url(../img/searchicon.png) no-repeat center; border:none !important; margin:0px; margin-left:0px;}
.krtbtncont{margin-top:13px;}
.mrgnpdng{margin:0px; padding:0px;}

.sldrimg{
  max-width: 200px !important;
  height: 75px !important;
  position: relative;
  animation-delay: 0.8s;
  animation-name: examplemob;
  animation-duration: 3.5s;
  animation-fill-mode: forwards;
  opacity:0;
}

.footersections{color:#fff; width:100%; float:left;}
.futricns{width:100%; float:left;}
.kntinfo{padding-left:0px !important; padding-right:0px !important; line-height:24px;}
.logo img{width:320px; margin:0 auto;}
.txtlogo{margin-top:0px; text-align:center; margin-bottom:11px;}
.tpmenuaxis{margin-top:0px;}

.trkfrm input[type="text"]{min-width:210px !important; height:35px; border:0px !important; text-indent:10px;}
.trkfrm{width:350px; margin:0 auto;}

}