*{margin: 0; padding: 0; box-sizing: border-box}
body{font-family: 'Poppins', sans-serif; background: #fff; color: #02062c}
a{transition: all 0.5s ease;}
a:focus, button:focus, input:focus{border: none; outline: none}
.my-container{margin: 0 auto; display: block; padding: 0 15px; width: 100%; max-width:1100px}
.my-container-fluid{margin: 0 auto; display: block; padding: 0 15px; width:100%}
.my-row{display: flex; flex-wrap: wrap; margin: 0 -15px}
.col-my-1{width:8.333%; display: flex; padding: 0 15px; margin: 0; flex-wrap: wrap}
.col-my-2{width:16.666%; display: flex; padding: 0 15px; margin: 0; flex-wrap: wrap}
.col-my-3{width:25%; display: flex; padding: 0 15px; margin: 0; flex-wrap: wrap}
.col-my-4{width:33.333%; display: flex; padding: 0 15px; margin: 0; flex-wrap: wrap}
.col-my-5{width:41.666%; display: flex; padding: 0 15px; margin: 0; flex-wrap: wrap}
.col-my-6{width:50%; display: flex; padding: 0 15px; margin: 0; flex-wrap: wrap}
.col-my-7{width:58.333%; display: flex; padding: 0 15px; margin: 0; flex-wrap: wrap}
.col-my-8{width:66.666%; display: flex; padding: 0 15px; margin: 0; flex-wrap: wrap}
.col-my-9{width:75%; display: flex; padding: 0 15px; margin: 0; flex-wrap: wrap}
.col-my-10{width:83.333%; display: flex; padding: 0 15px; margin: 0; flex-wrap: wrap}
.col-my-11{width:91.666%; display: flex; padding: 0 15px; margin: 0; flex-wrap: wrap}

/*------------ Header ---------*/

header.site-header .header-bottom.fixed {position:fixed; width:100%; left:0; top:0; z-index:9;}
header.site-header .site-brand img{max-width: 100%; max-height: 60px}
header.site-header .header-middle{margin:0; padding:15px 0; background:#fff; width:100%; position:relative}
header.site-header #search form{width:100%; position: relative; display: flex; align-items: center}
header.site-header #search input[type="search"]{width:100%; border:none;  background:#efefef; height:50px; padding:10px 15px 10px 40px; border-radius:10px; font-size:16px; color: #02062c}
header.site-header #search .search-input{position:absolute; left:15px; top:17px}
header.site-header .header-bottom{margin:0; padding:0; background:#efefef; width:100%; position:relative}
header.site-header .main-menu{margin: 0 -15px}
header.site-header .main-menu{margin:0; padding:0; list-style-type:none; display:flex;justify-content: space-around;}
header.site-header .main-menu li a{font-size:16px; color:#02062c; text-decoration:none; display:block; padding:13px 15px 10px 15px; border-bottom:3px solid transparent}
header.site-header .main-menu ul li a:hover{border-bottom:3px solid #bd1a1f}
header.site-header .header-top{background:#222; padding:0}
header.site-header .header-top .contact_add{margin:0; padding:0; list-style-type:none}
header.site-header .header-top .contact_add li{display:inline-block; padding:0 15px}
header.site-header .header-top .contact_add li a{font-size:14px; color:#d2d2d2; text-decoration:none; font-weight:300; display: block; line-height: 100px }
header.site-header .header-top .contact_add li:first-child{padding-left:0}
header.site-header .header-top .contact_add li a:hover{color: #fff}

header.site-header .header-top .top-right{margin:0; padding:0; list-style-type:none; justify-content:flex-end}
header.site-header .header-top .top-right ul{margin: 0; padding: 0; list-style-type: none; display: flex}
header.site-header .header-top .top-right li{border-right:1px solid #373737; padding:0}
header.site-header .header-top .top-right li:last-child{padding-right:0; border-right:none}
header.site-header .header-top .top-right li a{font-size:14px; color:#d2d2d2; text-decoration:none; font-weight:300; line-height: 100px; display: block; padding: 0 15px;  }
header.site-header .header-top .top-right li a:hover{}
header.site-header .header-top .top-right li.sublimation a:hover{color:rgba(255, 255, 255, 0); background: url("../images/test-1.jpg") no-repeat center center; background-size: cover}
header.site-header .header-top .top-right li.screenprinting a:hover{color:rgba(255, 255, 255, 0); background: url("../images/test2.jpg") no-repeat center center; background-size: cover}
header.site-header .header-top .top-right li.embroidery a:hover{color:rgba(255, 255, 255, 0); background: url("../images/test-3.jpg") no-repeat center center; background-size: cover}

header.site-header .login-box form{width:100%; display:flex;flex-direction: row; align-items: center;}
header.site-header .login-box label{padding-right:10px}
header.site-header .login-box .form-container{margin:0; padding:0; position:relative}
header.site-header .login-box .form-container input[type="text"]{width:100%; padding: 10px 55px 10px 15px; height:50px; font-size:16px; border:none; background:#efefef; border-radius:10px; color: #02062c}
header.site-header .login-box .form-container input[type="submit"]{background:#bd1a1f; border:none; position:absolute; padding:10px; width:50px; height:50px; color:#fff; top:0px; right:-15px; border-radius:10px; font-size:14px; cursor: pointer}


/*--------- Home Slider ---------*/
.home-slider{margin:0; padding:0; width:100%; position:relative}
.home-slider img{width:100%; display: block}
.home-slider .owl-dots{display: none}
.home-slider .content-box{margin:0; padding:0; position:absolute; left: 150px; top:50%; transform:translate(0, -50%)}
.home-slider .content-box .heading{font-size: 90px; color:#bd1a1f; font-weight:800; margin:0; padding:0; line-height: 90px;}
.home-slider .content-box .sub-heading{font-size: 55px; color:#222; margin:0; padding:0; line-height:normal }
.home-slider .content-box .list-items{margin:0; padding:0; list-style-type:none}
.home-slider .content-box .list-items li{font-size:21px; color:#222; padding:5px 0 5px 15px; position:relative}
.home-slider .content-box .list-items li:before{position:absolute; left:0; top:18px; width:7px; height:7px; background:#bd1a1f; border-radius:100%; content:""}
.home-slider .order-btn{margin:15px 0 0; padding:0}
.home-slider .order-btn a{background:#bd1a1f; color:#fff; font-size:18px; text-decoration:none; display:inline-block; padding:10px 20px; font-weight:600; border-radius:10px}
.home-slider .order-btn a:hover{background:#222; color:#fff}
.home-slider .owl-nav{position:absolute; left:0; top:50%; width:100%}
.home-slider .owl-nav button{background-color:rgba(189, 26, 31, 0.5) !important; position:absolute; width:60px; height:60px; border-radius:100%; color:#fff !important; margin-top:-30px}
.home-slider .owl-nav button:hover{background-color:rgba(189, 26, 31, 1) !important}
.home-slider .owl-nav button span{display:block; font-size:48px; margin-top:-10px}
.home-slider .owl-nav button.owl-prev{left:45px}
.home-slider .owl-nav button.owl-next{right:45px}

/*------------ Home Service ----------*/
.home-service{margin:0; padding:100px 0; width:100%; position:relative; background:#fafafa}
.home-service .service-list{margin:0; padding:0; list-style-type:none; display:flex; flex-wrap:wrap}
.home-service .service-list li{width:50%; padding:0 15px; margin:0 0 30px 0}
.home-service .service-list li img{max-width:100%; display: block; width:100%}
.home-service .content-box{position:relative}
.home-service .content-box:before{position:absolute; left:0; bottom:0; width:100%; height:18%; content:""; background: rgb(255,255,255);
background: linear-gradient(180deg, rgb(139 26 26 / 0%) 0%, rgb(100 21 21 / 0%) 100%);}
/*.home-service .service-list li:hover .content-box:after{position:absolute; left:0; bottom:0; width:100%; height:15px; content:""; background:#bd1a1f}*/
.home-service .content-box h4{color:#fff; font-size:32px; font-weight:800; position:absolute; left:30px; bottom:-42px; line-height:normal; text-shadow: 2px 2px 2px rgb(14 14 14);}


/*------------ How We Help ----------*/
.how-we-help{margin:0; padding:100px 0; width:100%; position:relative; background:#02062c; text-align:center; color:#fff}
.how-we-help h3{font-size: 60px; font-weight: 500; margin:0 0 10px 0}
.how-we-help p{font-weight:300; font-size: 30px;}
.how-we-help .click-btn{margin:30px 0 0 0; padding:0}
.how-we-help .click-btn a{background:#bd1a1f; color:#fff; text-decoration:none; font-size:18px; border-radius:10px; font-weight:600; padding:10px 45px; display:inline-block}
.how-we-help .click-btn a:hover{background:#fff; color:#bd1a1f}


/*------------ Instagram Sec ----------*/
.instagram-sec{margin:0; padding:0; position:relative; width:100%}
.instagram-sec img{width:100%; display:block}
.instagram-sec .socail-list{margin:0; display:flex; padding:0; list-style-type:none; width:100%;}
.instagram-sec .socail-list li{width:50%; text-align:center; position: relative}
.instagram-sec .socail-list li a{background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:flex; font-size:21px; color:#02062c; font-weight:500; padding:15px 10px; border-radius:10px; text-decoration:none; line-height: 45px;}
.instagram-sec .socail-list li a img{width:auto}
.instagram-sec .socail-list li a span{margin-right:15px}
.instagram-sec .socail-list li a:hover{background:#f2f2f2; color:#000;}
#wpcf7-f3340-p3337-o1{padding: 0 30px; width:100%; max-width:1100px; margin:0 auto}
#wpcf7-f3340-p3337-o1 .fusion-slider-loading{display: none} 
/*------------- Footer ----------*/
footer.site-footer{background:#f2f2f2; width:100%; position:relative; margin:0; padding:0; color:#666666; clear:both}
footer.site-footer .col-my-3{flex-direction:column}
footer.site-footer .footer-top{margin:0; padding:30px 0; position:relative; width:100%}
footer.site-footer h5{color:#02062c; font-size: 30px;font-weight: 500; margin:0 0 15px 0}
footer.site-footer .foot-list{margin:0; padding:0; list-style-type:none}
footer.site-footer .foot-list li{margin:0; padding:5px 0; display:block}
footer.site-footer .foot-list li a{font-size:16px; color:#666666; text-decoration:none}
footer.site-footer .foot-list li a:hover{color:#02062c}
footer.site-footer .contact-list{margin:0; padding:0; list-style-type:none}
footer.site-footer .contact-list li{display:block; margin:0; padding:5px 0}
footer.site-footer .contact-list li a{color:#666; text-decoration:none}
footer.site-footer .contact-list li a:hover{color:#02062c}
footer.site-footer h6{font-size:18px; color:#006937; font-weight:500; margin:15px 0 10px 0}
footer.site-footer .custom-btn{margin:0; padding:0}
footer.site-footer .custom-btn a{background:#ffc40c; border-radius:5px; display:inline-block; padding:10px 30px; color:#006937; font-weight:600; font-size:18px; text-decoration:none}
footer.site-footer .custom-btn a:hover{color:#02062c}
footer.site-footer .socail-list{margin:0; padding:0; list-style-type:none}
footer.site-footer .socail-list li{margin:0; padding:0 10px 0 0; display:inline-block}
footer.site-footer .socail-list li a{font-size:16px; color:#666666; text-decoration:none; display:block; background:#e7e7e7; width:40px; height:40px; line-height:40px; text-align:center; border-radius:100%}
footer.site-footer .socail-list li a:hover{background:#02062c; color:#fff}

footer.site-footer  .footer-bottom{background:#e7e7e7; padding:15px 0; width:100%; position:relative; font-weight:300}
footer.site-footer  .footer-bottom .link{justify-content: flex-end;}
footer.site-footer  .footer-bottom .link p{margin:0; padding:0}
footer.site-footer  .footer-bottom .link p a{padding:0 0 0 15px; color:#666666; text-decoration:none}
footer.site-footer  .footer-bottom .link p a:hover{color:#02062c}

footer.site-footer #timer {display:flex; margin:15px 0 0 0; padding:0}
footer.site-footer #timer span{font-size:14px; font-weight:600; line-height: 18px; color: #006937; text-align: center; display: block; padding-top:5px}
footer.site-footer #timer .title{background-color:#fff; margin:0 1px; text-align:center; border-radius:5px; font-size:24px; font-weight:600; color: #bd1a1f; padding:10px 15px; border:2px solid #EBA006;}
footer.site-footer #timer .title{background-color:#fff; margin:0 1px; text-align:center; border-radius:5px; font-size:24px; font-weight:600; color: #bd1a1f; padding:10px 15px; border:2px solid #EBA006;}

/* New Header Navigation bar menus css */
header.site-header .header-bottom { margin: 0; padding: 15px 0 !important;}

ul#menu-main-navigation li {text-align: center; margin: 0px; list-style: none;}
ul#menu-main-navigation { display: flex; justify-content: space-around;}
ul#menu-main-navigation ul { display: none;}
ul#menu-main-navigation li:hover > ul { display: block;}
ul#menu-main-navigation ul {
    display: none;
    position: absolute;
    top: 22px;
    left: 0;
    z-index: 99999;
    width: 205px;
    background: #efefef;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
ul#menu-main-navigation li {
    position: relative;
}

/*home page 6 box hover effect*/
.home-service .content-box {
      transition: all 0.5s ease-in-out;}
.home-service .content-box:hover{
    transform:scale(1.09);
  animation-duration: 0.25s;
  border-bottom: 2px solid #bd1a1f;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

header.site-header .login-btn:hover{background:#004c79}
header.site-header .main-menu li.current-menu-item a{color:#bd1a1f}
/******  Responsive  css -  01-06-2022 **/
@media screen and (min-device-width: 481px) and (max-device-width: 520px) { 
 .home-service .content-box h4{font-size: 22px !important; bottom: -30px !important; left: 20px !important;}   
	.instagram-sec .socail-list{ display:flex; flex-wrap:wrap !important;}
        .header-top .col-my-6.contact_add, .header-top .col-my-6.top-right{ justify-content: center !important; }
     .col-my-6 { width: 100% !important; justify-content: center !important; }
     .how-we-help h3{font-size: 26px !important;}
   .how-we-help p{font-size: 22px !important;}
    footer.site-footer .col-my-3{width:100% !important;}
    .instagram-sec .socail-list { display: flex; flex-wrap: wrap !important;}
       .how-we-help, .home-service { padding: 20px 0 !important; }
       .instagram-sec .socail-list li {  width: 100%;}

}
.home-service .content-box h4
@media only screen and (max-device-width: 625px) {
    .col-my-6 { width: 100% !important; justify-content: center !important; }
    .col-my-5{ margin: 0 auto !important; }
   .instagram-sec .socail-list {
    flex-wrap: wrap;}
footer.site-footer #timer span{font-size:14px; font-weight:600; line-height: 14px !important; color: #006937 !important; text-align: center; display: block; padding-top:0px !important;}
div#timer span { margin-top: -10px !important;}
.how-we-help h3{font-size: 40px;}
.how-we-help, .home-service { padding: 20px 0 !important; }
header.site-header .header-top .contact_add li a{line-height: 50px !important;}
 header.site-header .header-top .top-right li a{line-height: 50px !important;}
.instagram-sec .socail-list li {  width: 100% !important;}
.col-my-3{width: 50%;}
#toTop {  bottom: 79px !important;  right: 6px !important;}
.col-my-6.copy-right { font-size: 16px;}
}
@media only screen and (max-device-width: 1024px) {
.instagram-sec .socail-list li a {
    line-height: 51px;
    min-width: 270px;
    font-size: 18px;
}

}
@media only screen and (max-device-width: 480px) {
	.header-top .col-my-6.contact_add, .header-top .col-my-6.top-right{ justify-content: center !important; }
	 .col-my-6 { width: 100% !important; justify-content: center !important; }
		/*header.site-header .header-top .contact_add li a{font-size: 16px !important; font-weight: 500;}
		header.site-header .header-top .top-right li a{font-size: 16px !important; font-weight: 500;}*/
		.col-my-3.site-brand, div#search { width: 50% !important;}
		.col-my-5.login-box {  width: 85% !important;  padding: 20px 0 0;   margin: 0 auto;}
		.home-service .service-list li{width:100% !important;}
		 .instagram-sec .socail-list li {width:100% !important;}
		 footer.site-footer .col-my-3{width:100% !important;}
	header.site-header .header-top .contact_add li a{line-height:50px !important;}
    .home-service .content-box h4{font-size: 26px !important; bottom: -34px !important; left: 15px !important;}
    header.site-header .header-top .top-right li a{line-height: 45px;}
    .login-box-txt{padding-bottom: 15px;}
   .how-we-help, .home-service { padding: 20px 0 !important; }
   .how-we-help h3{font-size: 26px !important;}
   .how-we-help p{font-size: 22px !important;}
	.instagram-sec .socail-list{ display:flex; flex-wrap:wrap !important;}
    #toTop {
    bottom: 90px !important;
    border-radius: 4px;
    height: 40px;
    right:10px !important;
}
  }

@media screen and (min-device-width: 768px) and (max-device-width: 1100px) { 
.header-top .col-my-6.contact_add, .header-top .col-my-6.top-right{ padding:0 20px !important;}
 
}
/* Mobile Menu css */
#menu, .sub-menu {
  display: none;
  list-style: none;
}
ul#menu {
    margin-left: 5%;}
ul#menu li {
    line-height: 34px;
}
ul#menu li a {
    text-decoration: none;
    line-height: 2.7;
    color: #000;
    font-size: 24px;
}
ul.sub-menu {
    margin-left: 5%;
}
.tb-menu-toggle {
  border: 0;
  position: relative;
  background: transparent;
  cursor: pointer;
}
.tb-menu-toggle i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  -webkit-transition:all .2s;
   -moz-transition:all .2s;
     -o-transition:all .2s;
        transition:all .2s;
}
.tb-menu-toggle i:nth-child(2) {
  top: 40%;
}
.tb-menu-toggle i:nth-child(3) {
  top: 80%;
}

/* Style the active toggle here */
.tb-menu-toggle.tb-active-toggle i {  }

/*Animation of the toggle*/
.tb-menu-toggle.tb-animate-toggle i:first-child,
.tb-menu-toggle.tb-animate-toggle i:nth-child(2){ 
  top: 40%;
  -webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
        transform:rotate(45deg);
} 
.tb-menu-toggle.tb-animate-toggle i:nth-child(3){ 
  top: 40%;
  -webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
}

/*--------------- 3June 2022 ------------*/

@media(min-width:992px)
{
	header.site-header .mobile-menu{display: none}
}

@media(max-width:991px)
{
	header.site-header #menu-main-menu-new{display: none; padding: 15px; text-align: left}
	header.site-header #menu-main-menu-new li{border-bottom:1px solid #c1c1c1; padding:0; text-align: left}
	header.site-header #menu-main-menu-new li:last-child{border-bottom: none}
}

@media(min-width:1200px)
{
.to-top-container #toTop{right:15px}
}
@media(min-width:768px) and (max-width:1199px)
{
.to-top-container #toTop{bottom: 65px; right:15px}
}

@media(min-width:768px) and (max-width:991px)
{
	footer.site-footer .contact-list li a{font-size: 14px}
}
.login-box-txt {
    padding-top: 15px;
    margin: 0 auto;
}
.login-btn {
    background: #bd1a1f;
    padding: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
	border-radius:5px;
}

.login-btn:hover {color: #ddd !important;}

/** css  16-06-2022 **/
/* Banner text****/
ul.list-txt {
    display: flex;
    justify-content: center;
     margin-top: -35%;    
}
ul.list-txt li {
    list-style: none;
	margin:0 15vw;
}
ul.list-txt li a {
    font-size: 24px;
    text-decoration: none;
    color: #333230;
    font-weight: 700;
	
}
ul.list-social {
    display: flex;
    justify-content: center;
     margin-top: -20%;    
}
ul.list-social li {
    list-style: none;
	margin:0 15vw;
	text-align:center;
}
ul.list-social li a {
    font-size: 36px;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
	display:block;
}


@media only screen and (max-device-width: 525px) {
ul.list-txt {
    display: flex;
    justify-content: space-around;
     margin-top: -35%; 
     text-align: center;   
}
ul.list-txt li {
    list-style: none;
}
ul.list-txt li a {
    font-size: 16px;
    text-decoration: none;
    color: #fff !important;
    font-weight: 700;
    padding: 0 10px;
}
ul.list-social {
    display: flex;
    justify-content: space-around;
     margin-top: -20%;  
     text-align: center;  
}
ul.list-social li {
    list-style: none;
}
ul.list-social li a {
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
}
}


@media(max-width:767px)
{
.home-slider .owl-nav{display:none}
.home-slider .owl-dots{display:block; text-align:center; margin-top:-30px; position:relative}
.home-slider .owl-dots .owl-dot{background:#000 !important;width: 10px;height: 10px;margin: 0 5px;border-radius: 100%;}
.home-slider .owl-dots .owl-dot.active{background:#bd1a1f !important}
.home-slider ul.list-txt li{padding:5px}
.home-slider ul.list-txt li a{background-color:rgba(0, 0, 0, 0.5); padding:5px; display:inline-block; font-size:14px}
}


section#categories-one{
    margin: 20px 0;
}
section#categories-one img {
    border: 10px solid #c7c8ca;
    margin: 10px;
}

section#categories-two img {
    border: 10px solid #c7c8ca;
    margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  section#categories-two img {width: 100%;}

}

section#categories-four, #categories-three, #categories-five,#categories-six{
    margin: 20px 0;
}
section#categories-four img, #categories-three img, #categories-five img, #categories-six img {
    border: 10px solid #c7c8ca;
    margin: 10px;
}
.instagram-sec .socail-list li a{background-color: transparent; color: #fff; font-size: 42px;}
/* reversibles Product name */
.product-name {
    text-align: center;
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
}
section#categories-two {
    margin: 35px 0;
}


/* Home page custom style */
@media(min-width: 500px){
	.section-2--heading{
		color: #02062c;
		font-weight: 700;
		font-family: "Arimo", sans-serif;
		letter-spacing: -.025em;
		margin-bottom: 2rem;
		text-decoration: underline;
		text-underline-position: under;
		text-decoration-color: #BADA55;
	}
	.section-2-spacing{
		padding: 5rem 10rem;
		margin: auto;
	}
	.section-2--paragraph{
		color: #02062c;
		font-size: 1.2rem;
		font-family: "Rubik", sans-serif;
		line-height: 1.6;
		padding-bottom: 0.6rem;
	}
}
@media(max-width: 500px){
	.section-2--heading{
		color: #02062c;
		font-weight: 700;
		font-family: "Arimo", sans-serif;
		letter-spacing: -.025em;
		margin-bottom: 2rem;
		text-decoration: underline;
		text-underline-position: under;
		text-decoration-color: #BADA55;
	}
	.section-2-spacing{
		padding: 2rem 2rem;
		margin: auto;
	}
	.section-2--paragraph{
		color: #02062c;
		font-size: 1.2rem;
		font-family: "Rubik", sans-serif;
		line-height: 1.6;
		padding-bottom: 0.6rem;
	}
}