@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:300,400,500,600|Work+Sans:500');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600&display=swap');
* {
    padding: 0px;
    margin: 0px;
    font-family: 'Josefin Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;
}

p {
    padding: 0px;
    margin: 0px;
}

a {
    text-decoration: none !important;
}

body {
    height: auto;
    width: 100%;
    overflow-x: hidden;
    background: #fff;
}

.clearfx {
    clear: both;
}

section .hacategory{
	margin:0px;
	padding:0px;
	
}
section .hacategory h2{
	margin-top:30px;
	font-family:Oswald;
	font-size:33px;
	color:#ff2826;
	font-weight:bold;
	text-align:center;
}
section .hacategory h2 span{
	color:#000;
	font-family:Oswald;
	font-size:33px;
	font-weight:bold;
	text-align:center;
}
section .hacategory h3{
	margin-top:10px;
	font-family:Oswald;
	font-size:20px;
	color:#000;
	font-weight:normal;
	text-align:center;
	margin-bottom:40px;
}

.tus_categoires{
	margin:0px 0 20px 0; padding:0px; position:relative; overflow:hidden;}
.tus_categoires img{
	margin:0 auto; padding:0px; width:100%; height:auto;}
.tus_categoires:before{
	content:''; position:absolute; background-color:#000; width:100px; height:100px; bottom:-47px; right:-53px; transform:rotate(42deg); transition:0.5s; z-index:1}
.tus_categoires:after{
	content:''; position:absolute; background-color:#fff; width:4px; height:119px; right:30px; bottom:-20px; transform:rotate(42deg);}
.tus_categoires:hover:before{
	background-color:#ff2826;}
.tus_categoires .tus_cbox{
	margin:0px; padding:0px; width:100%; background-color:rgb(0,0,0,0.70); height:100%; top:0; left:0; position:absolute; transition:0.5s; opacity:0;}
.tus_categoires .tus_cbox span{
	margin:0px auto; padding:10px; width:65%; position:absolute; top:38%; left:0; right:0; background: #ff2826; transition:0.5s; transform:scaleY(0)}
.tus_categoires .tus_cbox span h4{
	margin:0px 0 5px 0; padding:0px; font-size:15px; color:#fff; text-transform:uppercase; text-align:center; font-family:'Oswald', sans-serif;}
.tus_categoires .tus_cbox span p{
	margin:0px; padding:0px; font-size:14px; color:#fff; text-transform:capitalize; text-align:center; font-family:'Open Sans', sans-serif;}
.tus_categoires:hover .tus_cbox{
	opacity:1;}
.tus_categoires:hover .tus_cbox span{
	transform:scaleY(1);}

.pt-5s{
	margin-top:245px;
}
.hmainabouts {
    margin-top: 25px;
}

.mainServices{float: left;width: 100%; padding-top: 31px; background-color: #f0f0f0; padding-bottom: 31px; margin:20px 0px;}
.service_tab{text-align: center; width: 100%; float: left;}
.service_tab img{transition: transform .2s;}
.service_tab:hover img{}
.mainServices .textBox_{text-align: center;float: left;width: 100%; text-align: center;margin-top: 15px;}
.mainServices .textBox_ h2{font-family: 'Poppins', sans-serif; font-weight: 300; text-transform: capitalize;  font-size: 17px; padding-bottom: 10px; color: #000;}
.mainServices .textBox_ p{ font-size: 13px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #000;}


.hareaabouts h2{
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	font-size:18px;
	color:#595959;
}

.hareaabouts p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #595959;
    margin-bottom: 20px;
    margin-top: 20px;
}

.tus_prods {
    margin: 0px 0 0px 0;
    padding: 0px;
    position: relative;
    border: solid 1px #686565;
    transition: 0.5s;
    background-color: #f4f4f4
}

.tus_prods h4 {
    margin: 0px;
    padding: 0px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #000;
    text-transform: capitalize;
    text-align: center;
    font-weight: bold;
}

.tus_prods p {
    margin: 0px;
    padding: 10px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #000;
    text-transform: capitalize;
    text-align: center;
    font-weight: bold;
}

.tus_prods h5 {
    margin: 0px auto;
    padding: 10px 0;
    background-color: #ff2826;
    font-family: 'Lato', sans-serif;
    color: #fff;
    width: 100px;
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    right: 0;
    transition: 1s;
    opacity: 0;
    transition-delay: 0.4s
}

.tus_prods:hover {
    border: solid 1px #000;
}

.tus_prods:hover h5 {
    opacity: 1;
    bottom: 10px;
}

.tus_prods .tus_pbox {
    margin: 0px;
    padding: 0px;
    position: relative;
}

.tus_prods .tus_pbox img {
    margin: 0px auto;
    padding: 10px;
    height: 200px;
}

.tus_prods .tus_pbox:before {
    content: '';
    position: absolute;
    background-color: #ff28266e;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    transition: 0.5s
}

.tus_prods .tus_pbox h3 {
    margin: 0px auto;
    padding: 5px 0;
    font-size: 12px;
    color: #000;
    width: 80px;
    font-family: 'Lato', sans-serif;
    text-align: center;
    text-transform: capitalize;
    position: absolute;
    top: 20%;
    left: 0;
    background-color: #fff;
    right: 0;
    font-weight: bold;
    transition: 0.8s;
    opacity: 0
}

.tus_prods .tus_pbox h3:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #fff;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px
}

.tus_prods .tus_pbox i {
    margin: 0px auto;
    padding: 12px 0 0 0;
    position: absolute;
    background-color: #fff;
    width: 50px;
    height: 50px;
    color: #000;
    text-align: center;
    bottom: 26%;
    left: 0;
    font-size: 22px;
    border-radius: 100%;
    right: 0;
    transition: 0.5s;
    opacity: 0
}

.tus_prods:hover .tus_pbox i {
    opacity: 1;
}

.tus_prods:hover .tus_pbox h3 {
    top: 30%;
    opacity: 1
}

.tus_prods a:hover {
    text-decoration: none;
}

.tus_prods:hover .tus_pbox:before {
    height: 100%;
}

/*********************** Demo - 19 *******************/
.box190{text-align:center;position:relative;  float: left;width: 100%;  overflow: hidden;}
.box190 .box-content{width:100%;height:100%;background:0 0;padding-top:25%;position:absolute;top:0;left:0;transition:all .3s ease 0s}
.box190 .icon,.box190 .title{transition:all .2s ease 0s}
.box190:hover .box-content{background: rgb(2 2 2 / 82%);}
.box190 .title{font-size:24px;color:#fff;transform:scale(0)}
.box190:hover .title{transform:scale(1)}
.box190 .icon{list-style:none;padding:0;margin:0;opacity:0; margin-top: 19px;}
.box190:hover .icon{opacity:1}
.box190 .icon li{display:inline-block; }
.box190 .icon li:first-child a,.box190 .icon li:last-child a{display:block;width:50px;height:50px;line-height:50px;font-size:38px;color:#fff;position:relative; border-radius: 50px; }
.box190 .icon li a{top:-150px}
.box190:hover .icon li a{top:0}

.box190 .icon li:first-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) 0s}
.box190 .icon li:last-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) .1s}
@media only screen and (max-width:990px){.box190{margin-bottom:30px}
}
@media only screen and (max-width:360px){.box190 .box-content{padding-top:20%}
}


.hmaincategorya {
    margin-top: 20px;
}


#main-subsc {
    margin: 35px 0px 40px 0px;
    padding: 10px 20px;
    float: left;
    width: 100%;
    border: 1px solid #cdcdcd;
}
 #main-subsc h1{margin:0px; padding:21px 0px 20px 0px; float:left; font-family:Oswald; font-size:20px; color:#B4B4B4; text-transform:uppercase; font-weight:bold;}
 #area-subsc{margin:7px 0px 5px 0px; padding:0px; float:left; width:100%; background:#d2d2d2;}
 #area-subsc .subfield{margin:0px; padding:16px 0px 10px 0px; float:left; background:none; border:none; outline:none; color:#000; text-indent:10px; width:65%;}

.tus_signup{

	margin:0px 0 12px 0; padding:10px 15px; background-color:#1f1f34; color:#fff; font-family: 'Raleway', sans-serif; font-size:13px; font-style:italic; width:100%;

	border:none; border-radius:2em}

.tus_sbmsign{

	margin:-50px 0 0 0; padding:8.5px 15px; background-color:#10B79D; color:#fff; text-align:center; font-family: 'Raleway', sans-serif; font-size:14px; border:none;

	text-transform:capitalize; transition:0.5s; float:right; position:relative; border-top-right-radius:2em; border-bottom-right-radius:2em}

.tus_sbmsign:hover{

	color:#10B79D; background-color:#fff;}

.tus_welimg img{

	margin:20px 0 15px 0; padding:0px;}

.tus_nwt p{

	margin:0px; padding:0px; font-family: 'Raleway', sans-serif; color:#fff; font-size:13px;}

.tus_inst{

	margin:0px; padding:0px;}

.tus_inst ul{

	margin:0px; padding:0px;}

.tus_inst ul li{

	margin:0px; padding:0px; list-style:none; display:inline-block;}

.tus_inst ul li img{

	margin:0px 3px 8px 0; padding:0px;}




.footerSection {
    float: left;
    width: 100%;
    padding-top: 15px;
    background-color: #090909;
}
























.toppara{
    margin: 9px 0px 0px 0px;
    padding:0px;
    float:left;
    width:100%;
    color: #fff;
    font-family: Oswald;
    font-size:15px;
}

.tus_ftsocial {
    margin: 10px auto 0 auto;
    padding: 0px;
    text-align: right
}

.tus_ftsocial a {
    margin: 0px 3px;
    padding: 0px;
    display: inline-block
}

.tus_ftsocial a i {
    margin: 0px;
    padding: 0px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    transition: 0.8s;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.tus_ftsocial a i:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}
.headermenu {
    width: 100%;
    float: left;
}
.contact_top_list{float: left;padding-top: 10px;}
.contact_top_list ul{text-align: left;}
.contact_top_list ul li{display: inline-block; padding-left: 8px;}
.contact_top_list ul li a{color: #fff; font-family: 'Josefin Sans', sans-serif;}
.contact_top_list ul li a i{color: #fff;}
.contact_top_list ul li a:hover{color: #fff;}
#top-header-wrapper {
    background:#ff2826;
}

#top-header-wrapper #header-meta {
    float: left;
    font-size: 0px;
    margin-top: 5px;
}

#top-header-wrapper #header-meta a {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    font-size: 13px;
    color: #fff;
    line-height: 30px;
}

#top-header-wrapper #header-meta a::after {
    display: block;
    content: "";
    width: 1px;
    height: 16px;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    background: #2b2b2b;
}

#top-header-wrapper #header-meta a:last-child {
    margin-right: 0px;
}

#top-header-wrapper #header-meta a:last-child::after {
    display: none;
}

#top-header-wrapper #header-meta a i {
    display: inline-block;
    margin-right: 10px;
}

#top-header-wrapper #header-meta a span {
    display: inline-block;
}

#top-header-wrapper ul#scl-wrapper {
    list-style: none;
    margin: 5px 0px 5px 0px;
    padding: 0px;
    font-size: 0px;
    float: right;
}

#top-header-wrapper ul#scl-wrapper li {
    display: inline-block;
    position: relative;
    margin-left: 10px;
}

#top-header-wrapper ul#scl-wrapper li:first-child::after {
    margin-left: 0px;
}

#top-header-wrapper ul#scl-wrapper li::before {
    display: block;
    content: "";
    width: 1px;
    height: 16px;
    position: absolute;
    left: -6px;
    top: 50%;
    transform: translateY(-50%);
    background: #2b2b2b;
}

#top-header-wrapper ul#scl-wrapper li:first-child::before {
    display: none;
}

#top-header-wrapper ul#scl-wrapper li a {
    display: block;
}

#top-header-wrapper ul#scl-wrapper li a i {
    display: block;
    color: #aeaeae;
    font-size: 14px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}

#top-header-wrapper ul#scl-wrapper li a:hover i {
    color: #f20b03;
}

#main-cotact {
    margin: 0px;
    padding: 0px;
    float: left;
    background: #0f0f0f;
}

.customsection {
    float: left;
    width: 100%;
    background-color: #000;
    padding-bottom: 35px;
    padding-top: 35px;
    background-image: url('../../images/customdesign.jpg');
    background-size: cover;
    background-position: center center;
}

.cthdM {
    text-align: center;
    margin-top: 0px;
    padding-bottom: 10px;
}

.cthdM h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    padding-top: 0px;
    padding-bottom: 25px;
}

.cthdM h2 span {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-style: italic;
    color: #c80d14;
    text-transform: uppercase;
    font-size: 30px;
}

.custom_img {
    position: relative;
}

.custom_img #videoicon {
    position: absolute;
    border: none;
    background: transparent;
    width: 82px;
    outline: none;
    height: 82px;
    border-radius: 50%;
    right: 526px;
    top: 139px;
}

.main-wrapper {
    background: #fff;
}

.bg_color {
    border-top: 5px solid #5bcc9f;
    padding-top: 8px;
}

.search-wrapper {
    margin-top: 25px;
    float: left;
    width: 100%;
}

.search-wrapper input {
    width: 100%;
    height: 41px;
    background: transparent;
    border: none;
    border-radius: 0px;
    padding-left: 10px;
    color: #7c7c7c;
    font-style: normal;
    font-size: 12px;
    position: relative;
    font-family: 'Lato', sans-serif;
    font-style: italic;
}

.search-wrapper input::focus {
    border: none;
}

.search-wrapper button {
    border: none;
    background-color: transparent;
}

.search-wrapper input::placeholder {
    color: #6b6b6e;
    font-size: 14px;
    font-family: 'Oswald';
    font-weight: normal;
}

.search-wrapper button {
    position: absolute;
    height: 40px;
    color: #fff;
    width: 70px;
    border-radius: 9px;
    right: 0px;
    font-size: 20px;
}
.tus_inpsrh{
	margin:5px 0 0 0; padding:10px 15px; width:100%; font-family:'Open Sans', sans-serif; font-size:14px; color:#fff; border:none; background:#E8E6E7;}
.tus_sbrch{
	margin:-30px 0 0 0; padding:0px 10px 0px 0px; color:#000; font-size:18px; z-index:1; background:none; border:none; position:relative; float:right}


.header {}

/*scroll*/

#scroll {
    position: fixed;
    right: 10px;
    bottom: 50px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #a50505;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #ffffff
}

#scroll:hover {
    background-color: #a50505;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.product-block .image {
    outline: 1px solid transparent;
    outline-offset: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    position: relative;
    overflow: hidden;
    z-index: 9;
    padding: 15px;
}

.product-grid .caption {
    position: relative;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.product-block .image a {
    display: block;
    text-align: center;
}

.product-block .image .image-effect {
    top: 0;
    position: absolute;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.product-block .image .image-hover {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}

.product-grid .add-links {
    margin: auto;
    padding: 0 8px;
    position: absolute;
    visibility: hidden;
    left: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 20px;
    bottom: 0px;
    text-align: right;
    background: rgba(255, 255, 255, 0.9);
}

.product-grid:hover .add-links {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.product-grid .add-links .quick-view {
    float: left;
    text-transform: uppercase;
}

.product-grid .button-groups>div {
    display: inline-block;
}

.product-grid .add-links .quick-view a.quickview {
    font-weight: 700;
    font-size: 11px;
}

.product-grid .add-links a {
    display: inline-block;
    padding: 17px 12px;
    text-align: center !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.product-block .category {
    background: #fff;
    padding: 10px 0px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0;
    font-size: 13px;
}

.product-block .category .cate {
    overflow: hidden;
    position: relative;
    padding: 0 20px;
}

.product-block .name {
    margin: 0 0 5px 0;
    font-size: 17px;
    line-height: 1.4;
    text-transform: none;
    font-weight: 300;
}

.product-grid .name {
    margin: 0 0 8px;
}

.product-grid .name a {
    color: #000;
    font-weight: bold;
}

.product-grid .name a:hover {
    text-decoration: none;
}

.product-block .category .cate::before {
    content: "";
    position: absolute;
    background: #a0a0a0;
    bottom: 43%;
    margin: 0 auto;
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
}

.product-block .category .cate span {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    padding: 0 8px;
}

.product-block .category a {
    color: #a0a0a0;
}

.product-block {
    position: relative;
    overflow: hidden;
}

.d-button {
    display: block;
    position: absolute;
    width: 150px;
    padding: 12px 0;
    text-align: center;
    color: #fff;
    background: #5bcc9f;
    font-family: montreal;
    font-size: 18px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -50px;
    letter-spacing: 1px;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.d-button:hover {
    color: #fff;
    text-decoration: none;
}

.q-button {
    display: block;
    position: absolute;
    width: 150px;
    padding: 12px 0;
    text-align: center;
    color: #fff;
    background: #5bcc9f;
    font-family: montreal;
    font-size: 18px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -50px;
    letter-spacing: 1px;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 999;
}

.q-button:hover {
    color: #fff;
    text-decoration: none;
}

.product-block:hover .caption {
    opacity: 0;
}

.product-block:hover .q-button {
    top: 30%;
}

.product-block:hover .d-button {
    bottom: 15px;
}

.sub_heading2 {
    color: #fff;
    background: #ff2826;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    margin-top: 25px;
    margin-bottom: 10px;
    font-family: 'Oswald', sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.product-block img {
    width: 100%;
}

.addto-cart {
    background: #ff2826;
    border-radius: 0px;
    font-family: 'Oswald';
    font-weight: normal;
    border: none;
    font-size: 18px;
    text-transform: uppercase;
    height: 40px;
    transition: .8s
}

.addto-cart:hover {
    background: #000 !important;
}

.detail_box {
    font-size: 12px;
    color: #ff2826;
}

.mDetailBox {
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.detail_box h3 {
    font-size: 18px;
    text-transform: uppercase;
    color: #afafaf;
    padding-bottom: 20px;
}

.btn-sm {
    background: #ff2826;
    color: #fff;
    border: 0;
    transition: .8s
}

.btn-sm:hover {
    background: #000;
    color: #fff !important;
}

.breadcrumb {
    background-color: #ff2826 !important;
    border-radius: 0px !important;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #ff2826 !important;
    border: #1b1b1b !important;
}

.hactive {
    color: #ff2826;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
}

.txt_heading {
    color: #afafaf;
}

.bskt-fm {
    color: #afafaf;
    font-size: 14px;
}

.cate-heading {
    margin-bottom: 0px !important;
    background: #ff2826;
    padding: 20px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-family: Open Sans;
    text-align: center;
    margin: 0px;
}

.sub-qtys {
    background: #1b1b1b !important;
    transition: .8s;
    border: solid 1px #db076d !important;
    border-radius: 0px !important;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    height: 40px;
}

.sub-qtys:hover {
    background: #000 !important;
}

.mDetailBox {
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.detail_box {
    font-size: 15px;
    color: #000;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    
}

.detail_box h3 {
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
    padding-bottom: 20px;
}



@media (max-width: 1200px) {
    .btn-search {
        right: -182px;
    }
    .inner-wrapper button {
        margin-left: 442px;
    }
    .text1-top {
        font-size: 10px;
    }
}

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(460px, -100px) rotate(180deg);
    -ms-transform: translate(460px, -100px) rotate(180deg);
    transform: translate(460px, -100px) rotate(180deg);
    -webkit-transition: all 0.2s 0.4s ease-in-out;
    transition: all 0.2s 0.4s ease-in-out;
}

.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(182, 32, 32, 0.82);
    top: 39%;
}

.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    margin: 50px 0 0 0;
    background-color: transparent;
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}

.hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.hovereffect:hover h2 {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.hovereffect:hover a.info {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }
    to {
        -webkit-transform: scale(1.5, 1.5);
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }
    to {
        transform: scale(1.5, 1.5);
    }
}

.carousel-inner .item>img {
    -webkit-animation: zoom 35s;
    animation: zoom 35s;
}

.c_box {
    margin: 0px 5px;
}

.c_box>a>img {
    margin-left: auto;
    margin-right: auto;
}

.chover {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    left: 15px;
    zoom: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    color: #fff;
    background-color: rgba(248, 251, 248, 0.62);
    filter: alpha(opacity=0);
    border-radius: 4px;
}

.c_box:hover .chover {
    opacity: 1;
}

.chover>h3 {
    text-align: center;
    color: #fff;
}

.chover .btn {
    background-color: #000;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    display: block;
    transition: 0.4s;
    margin-top: 57px;
}

.chover .btn:hover {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}

.p_box {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 5px 0px;
    transition: all 0.5s ease-in-out 0s;
    height: 240px;
    margin-bottom: 10px;
}

.p_box:hover {
    border: 1px solid #e6e6e6;
}

.p_box>a>img {
    margin-left: auto;
    margin-right: auto;
}

.p_box .btm {
    background-color: #f4f4f4;
    padding: 1px 0px;
}

.p_box .btm>h6 {
    letter-spacing: 1px;
    margin: 5px 0px;
    color: #000;
    text-align: center;
}

.position2 {
    position: absolute;
    width: 100%;
    z-index: 999;
    margin: -50px 0 0px;
}

.bgcolor3 {
    background: #6653a4;
    padding: 30px 15px 30px;
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
}

.nh_txet {}

.nh_txet>h3 {
    font-family: 'Lora', serif;
    color: #fff;
    font-weight: bold;
}

.nh_txet>h4 {
    font-family: 'Lora', serif;
    color: #23242C;
    font-weight: bold;
}

.n_form {
    margin-top: 15px;
}

.n_form input[type="email"] {
    -webkit-border-top-left-radius: 32px;
    -moz-border-radius-topleft: 32px;
    border-top-left-radius: 32px;
    -webkit-border-bottom-left-radius: 32px;
    -webkit-background-clip: padding-box;
    -moz-border-radius-bottomleft: 32px;
    -moz-background-clip: padding;
    border-bottom-left-radius: 32px;
    background-clip: padding-box;
    height: 54px;
    vertical-align: middle;
    margin: 0;
    border-color: transparent;
    outline: none;
}

.n_form .btn {
    padding-left: 35px;
    padding-right: 35px;
    color: #ffffff;
    background: #23242C;
    border-radius: 30px;
    padding: 15px 40px;
    font-weight: bold;
}

.n_form .btn:hover {
    background-color: #fff;
    color: #23242C;
}

.bgcolor4 {
    background-color: #23242C;
    padding: 130px 15px 60px;
    margin-top: 50px;
}

.f_text {
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
}

.f_text>h4 {
    display: block;
    color: #6653a4;
    font-size: 30px;
}

/*featured*/

.warper_featured {
    padding: 40px 0;
}

.fetured_heading {
    text-align: center;
    margin-bottom: 30px;
}

.fetured_heading h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

.fer_main {
    background: #fff;
    border: 1px solid #fff;
    transition: all 0.4s;
    overflow: hidden;
    position: relative;
    border-radius: 0px;
    padding: 30px 0px;
}

.fer_main a {
    text-decoration: none;
}

.fer_main:hover {
    box-shadow: 0px 0px 9px rgba(40, 40, 40, 0.45098039215686275);
}

.fer_main .fet_pic {
    text-align: center;
}

.fer_main .fet_pic img {
    display: inline-block
}

.fer_main .fet_detail {
    font-family: 'Oswald', sans-serif;
    text-align: center;
    padding: 15px 0px 25px 0px;
}

.fer_main .fet_detail h3 {
    font-size: 17px;
    font-weight: 600;
    color: #484848;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.fer_main .fet_detail h4 {
    font-size: 13px;
    font-weight: 600;
    color: #484848;
    text-transform: uppercase;
}

.fer_main .fet_icon {
    position: absolute;
    top: -20%;
    right: 0px;
    left: 0px;
    text-align: center;
    transition: 0.5s all;
}

.fer_main .fet_icon ul {}

.fer_main .fet_icon ul li {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #0683ff;
    color: #fff;
    text-align: center;
    padding: 11px 0px;
    font-size: 20px;
    transition: 0.5s all;
    border-radius: 50px;
}

.fer_main .fet_icon ul li:hover {
    background: #000
}

.fer_main .fet_icon ul li form {}

.fer_main .fet_icon ul li form button {
    background: none;
    border: 0px;
    outline: none;
}

.fer_main .fet_icon ul li form button span {}

.fer_main:hover .fet_icon {
    top: 40%;
    transform: translateY(-40%);
}

.fer_main:hover .fet_icon ul li {
    margin: 0px;
}

#slider {
     margin-top: 0px;
    float: left;
    width: 100%;
}

.carousel-indicators li {
    background: #000000;
    width: 25px !important;
    height: 5px !important;
    border: none;
}

.carousel-indicators li.active {
    background: #ff2826;
    border: none;
}

.carousel-indicators .active {
    width: 25px !important;
    height: 5px !important;
}



.pricing {
    position: absolute;
    right: 40%;
    top: 52%;
}

.instruments {
    margin-left: 0;
}

.item h1 {
    color: #B4B1AB;
    font-family: abel;
    font-size: 20px;
    margin-top: 10px;
}

.item h5 {
    color: #B4B1AB;
    font-family: abel;
    font-size: 48px;
    margin-top: 115px;
}

.item h1 span {
    color: #28A8E7;
}

.item h5 span {
    color: #28A8E7;
}

.item h2 {
    color: #363432;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 22px;
    margin-top: 10px;
}

.item h2 span {
    color: #28A8E7;
}

.item p {
    color: #363432;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}

.get {
    background: #28A8E7;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin-top: 23px;
}

.item button:hover {
    background: #28A8E7;
}

.control-carousel {
    position: absolute;
    top: 50%;
    font-size: 60px;
    color: #C2C2C1;
}

.control-carousel:hover {
    color: #28A8E7;
}

.right {
    right: 0;
}

.category-products {
    border: 1px solid #F7F7F0;
    margin-bottom: 35px;
    padding-bottom: 20px;
    padding-top: 15px;
}

.left-sidebar h2,
.brands_products h2 {
    color: #28A8E7;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto 30px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
}

.left-sidebar h2:after,
h2.title:after {
    content: " ";
    position: absolute;
    border: 1px solid #f5f5f5;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -2;
}

.left-sidebar h2:before {
    content: " ";
    position: absolute;
    background: #fff;
    bottom: -6px;
    width: 130px;
    height: 30px;
    z-index: -1;
    left: 50%;
    margin-left: -65px;
}

h2.title:before {
    content: " ";
    position: absolute;
    background: #fff;
    bottom: -6px;
    width: 220px;
    height: 30px;
    z-index: -1;
    left: 50%;
    margin-left: -110px;
}

.category-products .panel {
    background-color: #FFFFFF;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 0px;
}

.category-products .panel-default .panel-heading {
    background-color: #FFFFFF;
    border: 0 none;
    color: #FFFFFF;
    padding: 5px 20px;
}

.category-products .panel-default .panel-heading .panel-title a {
    color: #696763;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 0 none;
}

.category-products .badge {
    background: none;
    border-radius: 10px;
    color: #696763;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.panel-body ul {
    padding-left: 15px;
}

.panel-body ul li:before {
    content: '• ';
    /*copy and paste a bullet from HTML in browser into css (not using ascii codes) */
    color: red;
    /* or whatever color you prefer */
}

.panel-body ul li a.selected {
    color: red;
    /* or whatever color you prefer */
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.panel-body ul li a {
    color: #28A8E7;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    /*text-transform: uppercase;*/
}

.panel-body ul li a:hover {
    background-color: #696763;
    color: #fff;
}

.brands-name {
    border: 1px solid #F7F7F0;
    padding-bottom: 20px;
    padding-top: 15px;
}

.brands-name .nav-stacked li a {
    background-color: #FFFFFF;
    color: #696763;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 5px 25px;
    text-decoration: none;
    text-transform: uppercase;
}

.brands-name .nav-stacked li a:hover {
    background-color: #fff;
    color: #696763;
}

.category-products .panel {
    background-color: #FFFFFF;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 0px;
}

.category-products .panel-default .panel-heading {
    background-color: #FFFFFF;
    border: 0 none;
    color: #FFFFFF;
    padding: 5px 20px;
}

.category-products .panel-default .panel-heading .panel-title a {
    color: #696763;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 0 none;
}

.category-products .badge {
    background: none;
    border-radius: 10px;
    color: #696763;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.panel-body ul {
    padding-left: 15px;
}

.panel-body ul li:before {
    content: '• ';
    /*copy and paste a bullet from HTML in browser into css (not using ascii codes) */
    color: red;
    /* or whatever color you prefer */
}

.panel-body ul li a.selected {
    color: red;
    /* or whatever color you prefer */
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.panel-body ul li a {
    color: #28A8E7;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    /*text-transform: uppercase;*/
}

.panel-body ul li a:hover {
    background-color: #696763;
    color: #fff;
}

.brands-name {
    border: 1px solid #F7F7F0;
    padding-bottom: 20px;
    padding-top: 15px;
}

.brands-name .nav-stacked li a {
    background-color: #FFFFFF;
    color: #696763;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 5px 25px;
    text-decoration: none;
    text-transform: uppercase;
}

.brands-name .nav-stacked li a:hover {
    background-color: #fff;
    color: #696763;
}

.shipping {
    background-color: #F2F2F2;
    margin-top: 40px;
    overflow: hidden;
    padding-top: 20px;
    position: relative;
}

.price-range {
    margin-top: 30px;
}

.well {
    background-color: #FFFFFF;
    border: 1px solid #F7F7F0;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 35px;
}

.tooltip-inner {
    background-color: #28A8E7;
    border-radius: 4px;
    color: #FFFFFF;
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #28A8E7;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
}

.padding-right {
    padding-right: 0;
}

.features_items {
    overflow: hidden;
}

h2.title {
    color: #28A8E7;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0 15px;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
}

.product-image-wrapper {
    overflow: hidden;
    margin-bottom: 20px;
}

.single-products {
    position: relative;
}

.new,
.sale {
    position: absolute;
    top: 0;
    right: 0;
}

.productinfo h2 {
    color: #28A8E7;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.product-overlay h2 {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.productinfo p {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #696763;
}

.productinfo img {
    height: 220px;
    /*width: 268px; */
    max-width: 100%;
    /*object-fit: contain;  */
}

.productinfo {
    position: relative;
}

.product-overlay {
    background: #28A8E7;
    top: 0;
    display: none;
    height: 0;
    position: absolute;
    transition: height 500ms ease 0s;
    /* width: 100%;*/
    display: block;
}

.single-products:hover .product-overlay {
    display: block;
    height: 100%;
}

.product-overlay .overlay-content {
    bottom: 0;
    position: absolute;
    bottom: 0;
    text-align: center;
    text-color: black;
    img-align: center;
    width: 100%;
    opacity: 0.9;
}

.product-overlay .add-to-cart {
    background: #fff;
    border: 0 none;
    border-radius: 0;
    color: #28A8E7;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-bottom: 25px;
}

.product-overlay .add-to-cart:hover {
    background: #fff;
    color: #28A8E7;
}

.product-overlay p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.add-to-cart {
    background: #F5F5ED;
    border: 0 none;
    border-radius: 0;
    color: #696763;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-bottom: 25px;
}

.add-to-cart:hover {
    background: #28A8E7;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
}

.add-to {
    margin-bottom: 10px;
}

.add-to-cart i {
    margin-right: 5px;
}

.add-to-cart:hover {
    background: #28A8E7;
    color: #FFFFFF;
}

.choose {
    border-top: 1px solid #F7F7F0;
}

.choose ul li a {
    color: #B3AFA8;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding-left: 0;
    padding-right: 0;
}

.choose ul li a i {
    margin-right: 5px;
}

.choose ul li a:hover {
    background: none;
    color: #28A8E7;
}

.category-tab {
    overflow: hidden;
}

.category-tab ul {
    background: #40403E;
    border-bottom: 1px solid #28A8E7;
    list-style: none outside none;
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
}

.category-tab ul li a {
    border: 0 none;
    border-radius: 0;
    color: #B3AFA8;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.category-tab ul li a:hover {
    background: #28A8E7;
    color: #fff;
}

.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #28A8E7;
    border: 0px;
    color: #FFFFFF;
    cursor: default;
    margin-right: 0;
    margin-left: 0;
}

.nav-tabs li a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 0 0;
    line-height: 1.42857;
    margin-right: 0;
}

.recommended_items {
    overflow: hidden;
    margin-top: 65px;
}

#recommended-item-carousel .carousel-inner .item {
    padding-left: 0;
}

.recommended-item-control {
    position: absolute;
    top: 41%;
}

.recommended-item-control i {
    background: none repeat scroll 0 0 #ffffff;
    border: 0.5px solid #868484;
    color: #868484;
    font-size: 41px;
    padding: 8px 22px;
    border-radius: 31px;
}

.recommended-item-control i:hover {
    background: #28A8E7;
}

.recommended_items h2 {}

.our_partners {
    overflow: hidden;
}

.our_partners ul {
    background: #F7F7F0;
    margin-bottom: 50px;
}

.our_partners ul li a:hover {
    background: none;
}

.only-border {
    border-bottom: 2px solid #2d3e50;
}

.testimonial {
    text-align: center;
}

.testimonial h1 {
    color: #fff;
    font-family: Roboto;
    font-weight: bold;
    font-size: 38px;
}

.description {
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    margin-bottom: 30px;
    padding: 0px 11%;
    position: relative;
    font-family: Roboto;
    font-weight: normal;
}

.pic {
    width: 94px;
    height: 94px;
    margin: 0 auto;
}

.pic img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.testimonial-title {
    font-size: 18px;
    color: #333;
    font-weight: bolder;
    text-transform: capitalize;
}

.testimonial-title>small {
    display: block;
    color: #656565;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 5px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {}

.owl-theme .owl-controls .owl-page span {
    opacity: 0;
    border: 1px solid #fff;
}

.owl-item {}

#testimonial-slider {
    background-color: rgba(9, 146, 185, 0.66);
    border-radius: 35px;
    border: 1px dashed #fff;
    margin-top: 25px;
    margin-bottom: 25px;
}

@media screen and (max-width: 480px) {
    .description {
        font-size: 19px;
        line-height: 29px;
    }
    .description:before,
    .description:after {
        font-size: 25px;
    }
    .logo {
        text-align: center;
    }
    .cate-wrap-g {
        width: 100%;
    }
    .about-home img {
        width: 100%;
    }
    .name-testi img {
        width: 75%;
    }
    .about-heading img {
        width: 75%;
    }
    .btn-search {
        right: -250px;
    }
}

.proWrapper {
    margin-top: 35px;
    margin-bottom: 35px;
}

.fer_main {
    box-shadow: 0px 0px 9px rgba(40, 40, 40, 0.45098039215686275);
    background: #fff;
    border: 1px solid #fff;
    transition: all 0.4s;
    overflow: hidden;
    position: relative;
    border-radius: 0px;
    padding: 30px 0px;
    width: 100%;
}

.fer_main img {
    width: 100%;
    height: 250px;
}

.fer_main a {
    text-decoration: none;
}

.fer_main:hover {}

.fer_main .fet_pic {
    text-align: center;
}

.fer_main .fet_pic img {
    display: inline-block
}

.fer_main .fet_detail {
    font-family: 'Oswald', sans-serif;
    text-align: center;
    padding: 10px 0px 10px 0px;
}

.fer_main .fet_detail h3 {
    font-size: 17px;
    font-weight: 600;
    color: #484848;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.fer_main .fet_detail h4 {
    font-size: 13px;
    font-weight: 600;
    color: #484848;
    text-transform: uppercase;
}

.main_cat {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}

.main_cat .cat_pic {}

.main_cat .cat_pic img {
    display: inline-block;
    width: 100%;
}

.main_cat .cat_deatail {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    text-align: center;
    transition: all 0.6s ease;
}

.main_cat .cat_deatail h4 {
    font-size: 22px;
    color: #000;
    text-transform: capitalize;
    border-top: 1px solid #3397fa;
    border-bottom: 1px solid #3397fa;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    width: 290px;
    font-family: Roboto;
    font-weight: bold;
    text-transform: uppercase;
}

.main_cat .cat_deatail p {
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 300;
    color: #3397fa;
    display: block;
    opacity: 0;
    font-family: 'Kristen ITC';
    font-weight: normal;
    transition: all 0.8s ease-in-out;
}

.main_cat .cat_deatail a {
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    background: #0e73f0;
    padding: 13px 27px;
    margin-top: 0px;
    opacity: 0;
    transition: all 0.8s ease-in-out;
    margin-top: 25px;
    font-family: Roboto;
    font-weight: bold;
    text-transform: uppercase;
}

.main_cat .cat_deatail a:hover {
    background: #0e73f0
}

.main_cat:hover .cat_deatail {
    top: 50%;
    transform: translateY(-50%);
}

.main_cat:hover .cat_deatail p {
    opacity: 1;
}

.main_cat:hover .cat_deatail a {
    opacity: 1;
}

.main_cat .cat_border {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(239, 239, 239, 0.84);
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 95px;
    margin-left: 95px;
    opacity: 0;
    transition: all 0.9s ease-in;
}

.main_cat:hover .cat_border {
    opacity: 1;
}

.carousel-indicators {}

.border_h {
    border-right: 1px solid #1a3957;
    height: 100px;
    line-height: 70px;
}

.contactTop {
    float: left;
    padding-left: 10px;
    margin-top: 11px;
    font-family: 'Teko', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
}

.contactTop span {
    color: #fff;
}

@media (max-width: 1280px) {
    .contactTop {
        font-size: 13px;
        padding-left: 10px;
    }
    .topContact {
        font-size: 13px;
    }
    .topSocial {
        width: 93px;
    }
    .topSocial ul li {
        padding-left: 2px;
        padding-right: 2px;
    }
}

.logo {
    width: 100%;
    text-align: center;
}

.logo img {
    position: relative;
    width: 70%;
}

.clrfxd {
    clear: both;
}

.box-img {
    float: left;
    width: 85px;
    height: 85px;
    line-height: 85px;
}

.box-det h2 {
    font-family: 'Oswald';
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    color: #fff;
}

.box-det p {
    color: #fff;
    margin-top: 10px;
    font-family: 'Open Sans' sans-serif;
}

.cMain {
    float: left;
    width: 100%;
    margin-top: 35px;
}

.pdf-x {
    padding: 0px;
    margin: 0px;
}

.pTop {
    padding-top: 25px;
    padding-bottom: 25px;
}

.customerSection {
    float: left;
    width: 100%;
    margin-top: 55px;
    margin-bottom: 55px;
}

.instrumentsImg {
    text-align: center;
}

.owl-theme .owl-controls .owl-page span {
    width: 10px !important;
    height: 10px !important;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    width: 10px !important;
    height: 10px !important;
    background-color: #ff0606;
}

.owl-pagination {
    text-align: center;
}

.product-list-left-effects {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0px 1px 2px #cccccc;
}

.product-list-left-effects img {
    transition-duration: 0.4s;
}

.product-list-left-effects .product-overlay {
    width: 90%;
    height: 90%;
    position: absolute;
    padding: 20px;
    background: rgba(152 14 14 / 0%);
    color: #fff;
    top: 51%;
    left: -100%;
    padding-top: 16%;
    transition-duration: 0.4s;
    -webkit-transition: left 0.5s ease-in-out;
}

.product-list-left-effects .product-overlay h3 {
    margin: 0 0 12px 0;
    color: #fff;
    font-family: 'Oswald';
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
}

.product-list-left-effects .product-overlay p {
    margin-bottom: 15px;
    font-family: 'Niconne';
    font-weight: normal;
    font-style: normal;
    font-size: 36px;
    color: #fff;
}

.product-list-left-effects .product-overlay a {
    color: #fff;
    text-decoration: none;
    width: 145px;
    height: 45px;
    line-height: 45px;
    background-color: #000;
    border-radius: 20px;
    display: block;
    /* margin: 0 auto;*/
    font-family: 'Oswald';
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    overflow: hidden;
    text-transform: uppercase;
}

.product-list-left-effects:hover .product-overlay {
    /*opacity:1;*/
    -webkit-transition: left 0.5s ease-in-out;
    left: 5%;
}

.product-list-left-effects:hover img {
    transform: scale(1.1);
}

.product-list-left-effects .cate-dets-title {
    width: 100%;
    line-height: 24px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.product-list-left-effects .cate-dets-title .float-left-text {
    float: left;
    padding-left: 15px;
    color: #868686;
    width: 100%;
}

.product-list-left-effects .cate-dets-title .float-left-text a {
    color: #000;
}

.product-list-left-effects .cate-dets-title .float-right-text {
    float: right;
    width: 100%;
}

.product-list-left-effects .cate-dets-title .float-right-text a {
    color: #000;
    padding: 12px;
}

.cate-slide {
    margin-top: 0px;
}

.certWrap {
    margin-top: 25px;
}

.certWrap img {
    width: 100%;
}

.certWrap p {
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-top: 15px;
}

.imgLine {
    margin-top: 10px;
}

.newsletherSection {
    float: left;
    width: 100%;
    padding-top: 55px;
    padding-bottom: 55px;
    background-color: #151515;
}

.letterhd {
    margin-bottom: 10px;
}

.letterhd h2 {
    font-family: 'Oswald';
    font-weight: bold;
    font-style: normal;
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    line-height: 46px;
}

.letterhd p {
    color: #7f7f7f;
    font-family: 'Open Sans' sans-serif;
    font-size: 12px;
}

.newsletterform {
    float: left;
    width: 100%;
}

.newsletterform input {
    float: left;
    height: 45px;
    width: 74%;
    background-color: #fff;
    border: none;
    padding-left: 15px;
    color: #000;
    border-radius: 4px 0px 0px 4px;
}

.newsletterform input::placeholder {
    color: #000;
}

.newsletterform button {
    height: 45px;
    width: 26%;
    float: right;
    background-color: #ff2826;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    border: none;
    border-radius: 0px 4px 4px 0px;
}

.cateH {
    text-align: center;
    margin-bottom: 25px;
}

.cateH h2 {
    text-align: center;
    font-family: 'Oswald';
    font-weight: bold;
    font-style: normal;
    font-size: 45px;
    color: #242424;
    text-align: center;
}

.cateH div {
    color: #969393;
}

.prodstay {
    text-align: left;
    color: #000;
    padding-left: 15px;
    padding-bottom: 10px;
}

.prodstay .pname {
    font-size: 18px;
    color: #454545;
}

.prodstay .part {
    font-size: 20px;
    font-family: 'Oswald';
    font-weight: bold;
    font-style: normal;
    color: #000000;
}

.trends img {
    width: 100%;
}

.custom_img {
    float: left;
    width: 100%;
    margin-top: 0px;
}

.custom_img h2 {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 500;
    color: #fff;
    padding-bottom: 25px;
    text-transform: uppercase;
}

.custom_img p {
    color: #fff;
}

.pdf_sm h2 {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 500;
    color: #fff;
    padding-bottom: 25px;
    text-transform: uppercase;
    margin-top: 25px;
}

.pdf_bg {
    margin-top: 20px;
}

.customsection {
    float: left;
    width: 100%;
    padding-bottom: 35px;
    background-image: url('../../images/glrybg.jpg');
    background-size: cover;
    background-position: center center;
}

.newssection {
    float: left;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 35px;
	background-image: url(../../images/secondbg.jpg);
    background-size: cover;
    background-position: center;
    
}
#cat-video{
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    float: left;
    width: 100%;
    background-color: #000;
}

.hd_news {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 5px;
}

.hd_news h2 {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    position: relative;
    margin-top: 10px;
}

.hd_news h2::before {
    content: '';
    position: absolute;
    left: 30%;
    background-repeat: no-repeat;
    height: 40px;
    top: -7px;
    width: 28%;
}

.hd_news h2::after {
    content: '';
    position: absolute;
    right: 3%;
    background-image: url(../../images/.png);
    background-repeat: no-repeat;
    height: 40px;
    top: -7px;
    width: 28%;
}

.hd_news p {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #000;
    padding-bottom: 5px;
    padding-top: 5px;
}

.instagram {
    float: left;
    width: 100%;
    margin: 0px 0px;
}

.instagram img {
    width: 100%;
}

.productionSection {
    float: left;
    width: 100%;
    padding-top: 55px;
    padding-bottom: 55px;
    background-color: #ededec;
}

.item .center {
    text-align: center;
    color: #ff2826;
    width: 100%;
    margin-bottom: 20px;
}

.owl-pagination {
    display: none;
}

.item p {
    font-size: 14px;
    text-align: center;
    font-family: 'Open Sans' sans-serif;
}

.newsHeading {
    margin-bottom: 15px;
}

.newsHeading h2 {
    font-family: 'Oswald';
    font-weight: bold;
    font-style: normal;
    font-size: 35px;
    color: #000;
    text-align: center;
}

.hProduction h2 {
    font-family: 'Oswald';
    font-weight: bold;
    font-style: normal;
    font-size: 35px;
    color: #fff;
    text-align: left;
}

.hProduction div {
    color: #969393;
    font-size: 14px;
}

.plarge img {
    width: 100%;
}

.llarge2 img {
    width: 100%;
    max-height: 99px;
    margin-bottom: 10px;
}

.contactFormSection {
    float: left;
    width: 100%;
    margin-top: 35px;
}

.contactH img {
    width: 100%;
}

.contactH p {
    line-height: 25px;
    color: #918f8f;
    margin-top: 10px;
    padding-left: 15px;
}

.contactF {
    float: left;
    width: 100%;
}

.input input {
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    height: 35px;
    margin-top: 15px;
    padding-left: 15px;
}

.input input::placeholder {
    color: #000;
}

.textarea textarea {
    margin-top: 20px;
    width: 100%;
    float: left;
    height: 100px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}

.contactF .btn-info {
    background-color: #3397fa;
    margin-top: 20px;
}

.googleMap {
    float: left;
    width: 100%;
    margin-top: 35px;
}



@media only screen and (max-width: 1600px) {
    .left-cate-dets {
        /*padding: 101.5px !important;*/
    }
}

/*@media only screen and (max-width: 1800px){
  .left-cate-dets {
     padding: 135.2px !important;
  }
}
@media only screen and (max-width: 1920px){
  .left-cate-dets {
      padding: 160.8px;
  }
}*/

.subss {
    color: #777777;
    text-decoration: none;
}

.subss:hover {
    color: #777777;
    text-decoration: underline;
}

.subSection img {
    width: 100%;
    float: left;
}

.breadcrumb>.active {
    color: #000;
}

.trends {
    margin-bottom: 25px;
    margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
    .emailtop {
        margin-left: 17px;
        margin-bottom: 0px;
    }
    .topphone {
        margin-left: 26px;
    }
 
    .aboutDets {
        margin-top: 0px !important;
    }
}

@media only screen and (max-width: 768px;) {
    .instrumentsImg img {
        width: 100%;
    }
    .contactH img {
        width: 50%;
    }
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.quick_links {
    float: left;
    width: 100%;
}

.quick_links ul {
    padding: 0px;
    margin: 0px;
    border: 1px solid #555555;
    margin-top: 25px;
    border-radius: 25px;
    text-align: center;
}

.quick_links ul li {
    display: inline-block;
    padding: 10px 18px 10px 18px;
}

.quick_links ul li a {
    color: #fff;
}

.ftheading h2 {
font-family: Oswald;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 5px;
    margin-top: 25px;
	position:relative;
}
.ftheading h2::before {
    content: "";
    position: absolute;
    background: #ff2826;
    width: 30px;
    height: 4px;
    top: 20px;
}
.ftulwrap {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.ftulwrap strong {
    font-family: 'Oswald';
    font-weight: 500;
    color: #fff;
}

.ftulwrap p {
    font-size: 13px;
    color: #6e6e6e;
}

.ftulwrap ul {
    padding: 0px;
    margin: 0px;
}

.row-paddings{
    padding-left: 40px;
}
.ftulwrap ul li {
    list-style: none;
}

.ftulwrap ul li a {
    color: #c8c8c8;
    font-size: 13px;
    padding-bottom: 5px;
    transition: ease all .8s;
    line-height: 25px;
}

.ftulwrap ul li a:hover {
    color: #959595;
}
.ftulwrap ul li i{
	background:#c6c6c6;
	color:#000;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	border-radius:50px;
	margin-bottom:10px;
    margin-right: 10px;
}
.news01 {
    float: left;
    width: 100%;
    border-right: 2px solid #1b1b1b
}

.news01 p {
    color: #fff;
}

.news02 {
    float: left;
    width: 100%;
}

.news02 p {
    color: #abaaaa;
}


.socialbtm {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.socialbtm ul {
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
}

.left-c {
    text-align: left;
}

.right-c {
    text-align: right;
}

.ft_social_list {
    float: left;
    width: 100%;
    margin-top: 3px;
}

.ft_social_list ul {
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    width: 148px;
}

.ft_social_list ul li {
    list-style: none;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50px;
    background-color: #000000;
    margin-bottom: 5px;
}

.ft_social_list ul li:hover {
    background-color: #ff2826;
}

.ft_social_list ul li a {
    color: #fff;
    font-size: 15px;
    line-height: 35px;
}

.ftheading2 {
    text-align: center;
}

.links_2 {
    font-family: Oswald;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    color: #ff2826;
    padding-bottom: 5px;
}

.ftheading2 p {
    color: rgb(255, 255, 255);
    padding-top: 10px;
    padding-bottom: 10px;
}


#newsletter-wrapper {
    background: #000;
    padding-top: 0px;
}

#newsletter-wrapper .heading-wrapper h1,
#newsletter-wrapper .heading-wrapper h5 {
    color: #fff;
}

#newsletter-wrapper form#nwsltt_container {
    display: block;
    margin: 30px auto 30px;
    width: 100%;
}

#newsletter-wrapper form#nwsltt_container input[type="email"] {
    display: inline-block;
    width: calc(100% - 175px);
    height: 48px;
    outline: none;
    color: #000;
    font-size: 13px;
    padding: 0px 10px;
    background: #363636;
    border: 1px solid #363636;
}

#newsletter-wrapper form#nwsltt_container input[type="submit"] {
    display: inline-block;
    width: 150px;
    text-align: center;
    color: #fff;
    line-height: 43px;
    background: #363636;
    border: 3px solid #363636;
    /* border: none; */
    padding: 0px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

.heading-wrapper {
    margin: 30px 0px 30px;
}

.heading-wrapper h1 {
    display: block;
    position: relative;
    text-align: center;
    margin-top: 20px;
    padding: 0px;
    text-transform: uppercase;
    font-weight: bold;
}

.heading-wrapper h1::before {
    display: block;
    content: "";
    width: 50px;
    height: 3px;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.heading-wrapper h5 {
    display: block;
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
}

.tus_heading {
    margin: 20px 0 25px 0;
    padding: 0px;
}

.tus_heading h4 {
    margin: 0px 0 10px 0;
    padding: 0px;
    font-family: 'Oswald', sans-serif;
    font-size: 35px;
    color: #C40809;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.tus_srvbg {
    margin: 0px;
    padding: 10px 0 40px 0;
    background: url(../images/servbg.jpg) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
}

.tus_services {
    margin: 0px;
    padding: 20px;
    position: relative;
    border: solid 2px #fff;
    border-radius: 2em;
    transition: 0.5s
}

.tus_services .tus_sbox {
    margin: 0px auto;
    padding: 0px;
    background-color: #fff;
    border: solid 5px #858585;
    width: 110px;
    height: 110px;
    border-radius: 100%;
    transition: 0.5s
}

.tus_services .tus_sbox img {
    margin: 0 auto;
    padding: 20px 0 0 0;
    transition: 0.5s
}

.tus_services h4 {
    margin: 20px 0 20px 0;
    padding: 0px;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.tus_services h5 {
    margin: 0px auto;
    padding: 8px 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 100px;
    text-transform: capitalize;
    border: solid 1px #fff;
    border-radius: 2em;
    transition: 0.5s
}

.tus_services:hover {
    border: solid 2px #C40809;
}

.tus_services:hover .tus_sbox {
    background-color: #C40809;
    border: solid 5px #C40809;
}

.tus_services:hover h5 {
    background-color: #C40809;
    color: #fff;
    border: solid 1px #C40809
}

.tus_services:hover .tus_sbox img {
    filter: invert(99%) sepia(0%) saturate(2%) hue-rotate(139deg) brightness(110%) contrast(101%);
}

.img_py {
    text-align: left;
}

.img_py p {
    text-align: center !important;
    color: #fff;
}

.news_events {
    float: left;
    width: 100%;
}

.news_events p {
    font-family: 'Oswald';
    font-weight: 200;
    color: #fff;
}

.media_kits {
    float: left;
    width: 100%;
    margin-top: 160px;
}

.media_kits h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding-bottom: 25px;
}

.media_kits ul {
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.media_kits ul li {
    transition: ease all .5s;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 60px;
    text-align: center;
    border-radius: 50px;
}

.media_kits ul li a {
    color: #fff;
    line-height: 45px;
    text-transform: uppercase;
    font-size: 25px;
}

.media_kits ul li:hover {
    background: #ff2826;
}

.copySection {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #080808;
}

.copySection p {
    color: #fff;
    text-align: left;
}

.product-list-left-effects {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0px 1px 2px #cccccc;
}

.product-list-left-effects img {
    transition-duration: 0.4s;
}

.product-list-left-effects .product-overlay {
    width: 90%;
    height: 90%;
    position: absolute;
    padding: 20px;
    background: rgba(152 14 14 / 0%);
    color: #fff;
    top: 51%;
    left: -100%;
    padding-top: 9%;
    transition-duration: 0.4s;
    -webkit-transition: left 0.5s ease-in-out;
    text-align: left;
}

.product-list-left-effects .product-overlay h3 {
    margin: 0 0 12px 0;
    color: #fff;
    font-family: 'Oswald';
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
}

.product-list-left-effects .product-overlay p {
    margin-bottom: 5px;
    font-weight: normal;
    font-style: normal;
    font-size: 36px;
    color: #fff;
}

.product-list-left-effects .product-overlay a {
    color: #fff;
    text-decoration: none;
    width: 120px;
    height: 35px;
    line-height: 35px;
    background-color: #ff2826;
    border-radius: 20px;
    display: block;
    /*  margin: 0 auto;*/
    font-family: 'Oswald';
    text-align: center;
    font-style: normal;
    font-size: 12px;
    overflow: hidden;
}

.product-list-left-effects:hover .product-overlay {
    /*opacity:1;*/
    -webkit-transition: left 0.5s ease-in-out;
    left: 5%;
}

.product-list-left-effects:hover img {
    transform: scale(1.1);
}

.product-list-left-effects .cate-dets-title {
    width: 100%;
    line-height: 24px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.product-list-left-effects .cate-dets-title .float-left-text {
    float: left;
    padding-left: 15px;
    color: #868686;
    width: 100%;
}

.product-list-left-effects .cate-dets-title .float-left-text a {
    color: #000;
}

.product-list-left-effects .cate-dets-title .float-right-text {
    float: right;
    width: 100%;
}

.product-list-left-effects .cate-dets-title .float-right-text a {
    color: #000;
    padding: 12px;
}

.cate-slide {
    margin-top: 0px;
}

/*:::::::::::::service section:::::::::::::*/

.service {
    padding: 24px 0px;
}

.service .center-content {
    text-align: center;
    border-right: 1px solid #dddddd;
}

.service .center-content img {
    margin-bottom: 18px;
}

.service .center-content h2 {
    font-family: 'Oswald';
    font-weight: bold;
    font-size: 24px;
    color: #000;
    margin: 0;
    text-transform: capitalize;
    margin-bottom: 6px;
}

.service .center-content p {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 14px;
    color: #7d7c7c;
    margin: 0;
    letter-spacing: 1px;
}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.topOneHeader {}

.row_1 {
    padding-bottom: 35px;
}

.searchForm {
    float: left;
    width: 100%;
    margin-top: 12px;
}

.searchForm input {
    position: relative;
    width: 100%;
    height: 35px;
    border: none;
    background: #131313;
    border-radius: 25px;
    color: #313131;
    padding-left: 15px;
}

.searchForm button {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: #9f110b;
    border: none;
    color: #fff;
    right: 0px;
    border-radius: 50px;
}





.top_social_links {
    float: left;
    width: 100%;
}

.top_social_links ul {
    padding: 0px;
    margin: 0px;
    text-align: right;
    margin-top: 5px;
}

.top_social_links ul li {
    transition: ease all;
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 50px;
    background-color: #212020;
    border: 1px solid #212020;
}

.top_social_links ul li a {
    font-size: 16px;
    line-height: 30px;
    color: #aeaeae;
}

.top_social_links ul li a i {
    line-height: 30px;
}

.top_social_links ul li:hover {
    background-color: #ff2826
}



.topHeader {
    float: left;
    width: 100%;
    background-color: #000;
    padding: 0px 0px;
}

.topHeadermenu {
    float: left;
    width: 100%;
    padding: 0px 0px;
    background:#fff;
}

.top_ul_setting {
    float: left;
    width: 100%;
    position: relative;
}

.top_ul_setting ul {
    padding: 0px;
    margin: 0px;
    text-align: right;
    margin-top: 24px;
}

.top_ul_setting ul li {
    display: inline-block;
    text-align: center;
}

.top_ul_setting ul li:hover {}

.top_ul_setting ul li a {
    color: #000;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    display: block;
    line-height: 30px;
    font-size: 15px;
}

.top_ul_setting ul li a i {
    line-height: 42px;
    color: #fff;
}

.hmainmenu {
    float: left;
    border-top: 2px solid #dbd9d9;
    width: 100%;
}

#search-wrapper {
    background: #ff2826;
    width: 50px;
}






.open-search {
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9999999;
    bottom: 0px;
    height: 100vh;
}

.open-search .search-target {
    position: absolute;
    top: 50%;
    left: 15%;
    right: 15%;
    text-align: center;
    transform: translateY(-50%);
}

.open-search .search-target form {
    position: relative;
}

.open-search .search-target form input {
    display: block;
    padding-left: 20px;
    width: 100%;
    outline: none;
    border-radius: 5px;
    font-size: 16px;
    height: 60px;
    background: #fff;
    color: #000;
}

.open-search .search-target form button {
    background: none;
    border: none;
    display: block;
    outline: none;
    border-radius: 0px 5px 5px 0px;
    height: 60px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    font-size: 17px;
    background: #ff2826;
    padding: 0px 40px;
}

.open-search .search-target form button:hover {}

#search-wrapper01 {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 999;
    cursor: pointer;
    padding: 10px;
}

#search-wrapper01::after {
    display: block;
    content: "";
    background: #fff;
    height: 45px;
    width: 2px;
    transform: rotate(-45deg);
}

#search-wrapper01::before {
    display: block;
    content: "";
    background: #fff;
    height: 45px;
    width: 2px;
    transform: rotate(45deg);
    position: absolute;
}

#search-wrapper01:hover::after,
#search-wrapper01:hover::before {
    background: #ff2826;
}
.ppp{padding-left:100px; padding-right:100px;}
#open-popup-search {
    color: #fff;
    font-size: 12px;
}







@media (max-width: 768px) {
    .custom_title h2 {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 12px!important;
    text-transform: uppercase;
    text-align: left;
}
   .custom_title {
    position: absolute;
    top: 15px!important;
    left: 40px;
} 
    #area-subsc .subfield {
    margin: 0px;
    padding: 16px 0px 10px 0px;
    float: left;
    background: none;
    border: none;
    outline: none;
    color: #000;
    text-indent: 10px;
    width: 50%;
}

    .ftheading h2::before {
    content: "";
    position: absolute;
    background: none !important;
    width: 30px;
    height: 4px;
    top: 20px;
}
    .pt-5s {
    margin-top: 0px;
}
    #top-header-wrapper ul#scl-wrapper {
        list-style: none;
        margin: 5px 0px 5px 0px;
        padding: 0px;
        font-size: 0px;
        float: none;
        text-align: center;
    }
    #top-header-wrapper #header-meta {
        float: none;
        font-size: 0px;
        margin-top: 5px;
        text-align: center;
    }
    .amama {
        width: 100%;
    }
    .cate_name img {
        width: 100%;
    }
    .hd_news h2::before {
        display: none;
    }
    .hd_news h2::after {
        display: none;
    }
    .logo {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .tus_bar {
        display: none;
    }
    .tpcontactinfo {
        text-align: center;
    }
    .pdfbg {
        height: 350px;
    }
    .bskt_setting {
        position: relative;
        text-align: center;
    }

    .languageList {
        text-align: center;
    }
    .logo img {
    }
    .top_social_links {
        text-align: center;
        margin-bottom: 15px;
    }
    .top_social_links ul {
        text-align: center;
    }
    .micon {
        padding-bottom: 15px;
    }
    .img_py img {
        width: 100%;
    }
    .ft_social_list ul {
        float: none;
        text-align: center;
        margin-top: 15px;
    }
    .ftheading2 {
        padding-top: 15px;
    }
    .ftheading2 img {
        width: 100%;
        padding-top: 10px;
    }
    .bskt_icon {
        text-align: center;
        padding-bottom: 10px;
    }
    .ct_1 img {
        width: 75%;
    }
    .ct_2 img {
        width: 75%;
    }
    .ct_3 img {
        width: 75%;
    }
    .ct_4 img {
        width: 75%;
    }
    .ct_5 img {
        width: 75%;
    }
    .top_social_links {
        text-align: center;
    }
    .tus_language {
        display: none;
    }
    .contact_list_top {
        text-align: center;
        padding-bottom: 15px;
    }
    .basket_icon {
        text-align: center;
        padding-bottom: 15px;
    }
    .search-wrapper {
        display: none;
    }
    .aboutHd h2 {
        font-size: 25px !important;
    }
    .contactTop {
        text-align: center;
        width: 100%;
    }
    .heading-cate img {
        width: 80%;
    }
    .set-out-side-cate img {
        width: 80%;
    }
    .footer {
        background: #3a3b3b !important;
    }
    .header-top {
        position: static !important;
    }
    .basketBox {
        width: 100% !important;
        position: static !important;
        right: 0px !important;
    }
    .hactive {
        font-size: 20px;
    }
    .cate-heading {
        font-size: 18px;
    }
    .addto-cart {
        font-size: 14px;
    }
    .contactH img {
        width: 50%;
    }
    .categoriesSection {
        padding-top: 0px;
    }
   
    .search-wrapper {
        width: 100%;
    }
    .search-wrapper a {
        right: -95%;
    }
}