*
{
	margin: 0;
	padding: 0;
}

.header
{
 	background-image:url(../pics/hoodie.jpg);
	background-attachment:fixed;
	background-size:cover;
	width:100%;
	height:850px;
	margin-top:50px;
}

.txt
{
	font-size: 4vw;
	color: white;
	position: absolute;
	top: 50%;	
	left: 35%
}

.txt1
{
	font-size: 4vw;
	color: white;
	position: absolute;
	top: 60%;
	left: 30%
}

.m-newpro
{
	
}

.conta-1
{
	height: 100%;
	padding-top: 10%;
	padding-bottom: 8%;
}

.conta-2
{
	height: 100%;
	padding-top: 10%;
	padding-bottom: 8%;
}

.image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}

.conta-1:hover .image 
{
  	opacity: 0.7;
}

.conta-2:hover .image 
{
  	opacity: 0.7;
}

.conta-h
{
	font-size: 35px;
	color: white;
	position: absolute;
	top: 45%;	
	left: 25%;
	text-transform: uppercase;
}

.conta-h-2
{
	font-size: 35px;
	color: white;
	position: absolute;
	top: 45%;	
	left: 20%;
	text-transform: uppercase;
}

.conta-txt
{
	font-size: 28px;
	color: white;
	position: absolute;
	top: 50%;	
	left: 32%;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

.conta-txt-2
{
	font-size: 30px;
	color: white;
	position: absolute;
	top: 50%;	
	left: 38%;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

.conta-h-m-1
{
	font-size: 30px;
	color: white;
	position: absolute;
	top: 35%;	
	left: 20%;
	font-weight: bold;
	text-transform: uppercase;
}

.conta-txt-m-1
{
	font-size: 30px;
	color: white;
	position: absolute;
	top: 43%;	
	left: 30%;
	font-weight: bold;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

.conta-h-m-2
{
	font-size: 25px;
	color: white;
	position: absolute;
	top: 38%;	
	left: 20%;
	font-weight: bold;
	text-transform: uppercase;
}

.conta-txt-m-2
{
	font-size: 30px;
	color: white;
	position: absolute;
	top: 43%;	
	left: 27%;
	font-weight: bold;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

.conta-h-m-3
{
	font-size: 25px;
	color: white;
	position: absolute;
	top: 38%;	
	left: 28%;
	font-weight: bold;
	text-transform: uppercase;
}

.conta-txt-m-3
{
	font-size: 30px;
	color: white;
	position: absolute;
	top: 43%;	
	left: 27%;
	font-weight: bold;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

.h-fet-mi
{
	padding-top: 80px;
	padding-bottom: 30px;
	border-bottom: 2px solid red;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	text-align: center;
	font-weight: bold;
	font-family: 'Oswald', sans-serif;
}

.swiper-container
{
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.swiper-slide 
{
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 370px;
}

.swiper-slide .imgBx
{
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.swiper-slide .imgBx img
{
	width: 100%;
}

.swiper-slide .details
{
	box-sizing: border-box;
	padding-top: 20px;
}

.swiper-slide .details h3
{
	margin: 0;
	padding: 0;
	font-size: 17px;
	line-height: 20px;
}

.swiper-slide .details h3 span
{
	font-size: 15px;
	font-weight: 100px;
	color: #868686;
}

.para-pic
{
 	background-image:url(../imgs/r-2.jpg);
	background-attachment:fixed;
	background-size:cover;
	width:100%;
	height:800px;
	position: relative;
}

.para-div
{
	background-color: #FCEF8B;
	box-sizing: border-box;
	position: absolute;
	top: 20%;	
	left: 13%;
    width: 40%;
}

.para-h3
{
	font-size: 3vw;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	padding-top: 60px;
	font-weight: bold;
}

.para-p
{
	font-size: 1.5vw;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	padding:40px;
}

.n-p-main:hover
{
	border: 1px solid #CFCED1;
}

.n-p-img
{
	padding: 10px; 
	position: relative;
}

.n-p-det-h
{
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 20px;
}

.n-p-det-p
{
	font-size: 15px;
	font-weight: 100px;
	color: #868686;
}

.news_main
{
	background-color: #101010;
	margin-top: 50px;
}

.news-cont
{
	padding: 50px;
}

.news-h5
{
	color: white;
	font-family: 'Oswald', sans-serif;
}

.news-span
{
	color: white;
	font-size: 13px;
}

.news-ser
{
	padding-top: 10px;
}

.news-ser-bo
{
	width: 70% !important;
	border-radius: 0 !important;
	border: 1px solid #4D4D4D !important;
	background-color: #1C1C1C !important;
	padding-left: 25px !important;
	padding-top: 10px !important; 
	padding-bottom: 10px !important; 
	color: white !important;
}

.news-btn
{
	width: 25% !important;
	height: 20% !important;
	border-radius: 0 !important;
	background-color: #3A3A3A !important;
	color: white !important;
	padding: 10px !important;
	font-size: 16px !important;
}

.pat-ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	margin-top: 20px;
}

.pat-li
{
	color: #959494 !important;
}

.pat-a
{
	color: #959494 !important;
}

.pat-a:hover
{
	color: white !important;
    text-decoration: none;
}

.footer
{
	width:100%;
	height:auto;
}

.footer-head
{
	color:#FFF;
	font-size:26px;
	font-weight:bold;
	margin:30px 0px 25px 40px;
	text-shadow:1px 2px 4px #000000;
}

.footer-down
{
	margin:5px 0px 14px 40px;
}

.footer-link
{
	display:block;
	text-decoration:none;
	color:#FFF;
	font-size:18px;
	margin:2px 0px;
}
	
.footer-link:hover
{
	display:block;
	text-decoration:none;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	margin:2px 0px;
}

.footer-end
{
	width:100%;
	height:auto;
	color:#FFF;
	background-color:#666;
	padding:15px 0px 15px 60px;
}

.footer-end-link
{
	text-decoration:none;
	color:#19CAAE;
}
	
.footer-end-link:hover
{
	text-decoration:none;
	color:#00C;
}

.categories
{
	width:100%;
	height:auto;
	padding: 10px;
}
	
.cat-link
{
	text-decoration:none !important;
	color:#000 !important;
	font-size:12px;
	text-transform:uppercase;
	font-weight:500 !important;
	transition: color 500ms !important;
}
	
.cat-link:hover
{
	text-decoration:none !important;
	color:#4AD0BD !important;
	text-transform:uppercase;
	text-shadow:1px 1px 1px gray;
}
	
.cat-inside
{
	list-style-type:none;
	margin:10px 0px !important;
	text-decoration:none;
	color:#333;
	transition:padding-left 300ms, color 700ms;
}

.li-my 
{
	list-style-type:none !important;
}
	
.cat-inside:hover
{
	list-style-type:none;
	margin:10px 0px !important;
	padding-left:5px;
	text-decoration:none;
	color:#19CAAE;
}

.card-body-my
{
	padding:0px;
	margin:8px;
	font-size:16px;
}

.prod-main
{
	width:100%;
	height:auto;
}

.prod-main-container
{
	width:250px;
	height:auto;
	margin:30px 10px;
	display:inline-block;
	box-shadow:4px 4px 5px #999999;
}

.zoom 
{
    transition: transform .2s;
}

.zoom:hover 
{
    -ms-transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
    transform: scale(1.1); 
}


.prod-img
{
	width:100%;
	height:220px;
}

.prod-name
{
	width:100%;
	height:auto;
	color:#19CAAE;
	margin-left:4px;
	padding:2px 0px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.prod-art-no{
	width:100%;
	height:auto;
	font-size:14px;
	margin-left:4px;
	text-align:center;}

.prod-btn
{
	width:100%;
	height:auto;
	margin:6px 0px;
}

.my-btn
{
	width:100%;
	height:auto;
	background-color:#51B768;
	color:white;
	border:0px;
	border-radius:5px;
	margin:auto;
	text-decoration:none;
}

.detail-main
{
	width:100%;
	height:auto;
	padding:20px 0px;
}
	
.detail-name
{
	width:100%;
	height:auto;
	margin:20px 7px 5px 7px;
	font-size:36px;
	font-weight:bold;
}
	
.detail-art-no
{
	width:100%;
	height:auto;
	margin-left:7px;
	margin-bottom:7px;
	font-size:24px;
}
	
.detail-quantity
{
	width:100%;
	height:auto;
	margin-left:7px;
	display:inline-block;
	margin-top:20px;
}
	
.detail-desc
{
	margin-left:7px;
}

.about-head
{
	width:50%;
	margin:auto;
	height:auto;
	text-align:center;
	padding:30px 0px;
}

.inquiry-add-prod-link
{
	text-decoration:underline;
	font-size:28px;
	color:#930;
	transition:color 700ms;
}
	
.inquiry-add-prod-link:hover
{
	text-decoration:none;
	font-size:28px;
	color:#009;
}

.gallery-img
{
	width:30%;
	height:auto;
	margin:20px 10px;
	display:inline-block;
}
	
.gallery-overlay 
{
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  height:100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 16px;
  padding: 20px;
  text-align: center;
  text-decoration:none;
}

.container-img
{
  position: relative;
  width: 100%;
}
	
.container-img:hover .gallery-overlay 
{
  opacity: 1;
  cursor:pointer;
}

.contact-map
{
	width:100%;
	height:auto;
	padding:40px 0px;
}
	
.contact-form
{
	width:100%;
	height:auto;
}

.contact-head
{
	width:100%;
	height:auto;
	font-size:30px;
	margin:8px 0px;
	padding-top:10px;
	font-weight:bold;
	color:#19CAAE;
	}
	
.contact-down
{
	width:100%;
	height:auto;
	padding:30px 0px;
}

.contact-form
{
	width:100%;
	height:auto;
}

.index-feature
{
	width:100%;
	height:auto;
	background-color:#FFF;
	box-sizing:border-box;
	margin:50px 0px;
	margin-top: 100px; 
	margin-bottom: 100px; 
}