/* CSS Document */
@font-face {
    font-family: Gilroy;
	src: url(../Font/Gilroy-Light_0.otf)
}
@font-face {
    font-family: 'Gilroyb';
    src: url('Gilroy-Bold.svg#Gilroy-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

     
body{
	font-family:Gilroy;
	background-color:transparent;
	background-attachment:fixed;
	background-position:center;
	background-size:cover}
#body-div{ max-width:746px; width:auto; height:auto; margin:0 auto;}
h1,h2,h3,h4 { font-family:Gilroy;}

/* nav*/
header {
  height: 900px;
  overflow: hidden;
  position: relative;
  background: #000 url("/img/1_1290x900.jpg") no-repeat;
  background-size:cover;
   
}


footer {
	background-color:rgba(43,43,43,1);
font-family:Gilroy; color:#ffffff;  text-align:left; font-size: 1.25rem;}
footer a {
    font-family:Gilroy; color:#ffffff;  text-align:left; font-size: 1.25rem;
}

footer a:hover {
   font-family:Gilroy; color:#ffffff;  text-align:left; font-size: 1.25rem;
}

.carousel-inner img {
      width: 100%;
      height: auto;
	 display: block;
    margin-left: auto;
    margin-right: auto;	  
  }
/*slaide
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}*/

div.hr {
background-color:  #000000;
width:100%;
height: 1px;
margin-left: 0rem;
margin-top: -0.5rem;
margin-bottom: 0.5rem;
}
.title{
	color:  #2b2b2b;
	font-weight: 300;
	text-align: left;
}
.title-sub{
color:  #2b2b2b;
font-weight: 900; 
text-align: left;
}
.text_p{
	font-family: Gilroy;
	color:  #2b2b2b;
	text-align: left;
}
 .highlight-purple {
  	border-left: 3px solid #97005f;
	border-right:3px solid #97005f; 
    background: #97005f;
    color: white;
 	padding: 0.2rem;
	margin-left: -6px;
  	-webkit-box-decoration-break: clone;
  	-ms-box-decoration-break: clone;
  	-o-box-decoration-break: clone;
  	box-decoration-break: clone;
  }
.highlight-red {
  	border-left: 3px solid #ff3000;
	border-right:3px solid #ff3000; 
    background: #ff3000;
    color: #2b2b2b;
 	padding: 0.2rem;
	margin-left: -6px;
  	-webkit-box-decoration-break: clone;
  	-ms-box-decoration-break: clone;
  	-o-box-decoration-break: clone;
  	box-decoration-break: clone;
  }


.page-section {
  margin-top: 5rem;
  margin-bottom: 5rem;
  margin-left: 3rem;
  margin-right: 3rem;
}
.product-item .product-item-background {
   position: relative;
    z-index: 0;
    margin-left: 0rem;
  }

 .product-item .product-item-title {
    position: relative;
    z-index: 0;
    margin-left: 0rem;
  }
  .product-item .product-item-img {
    position: relative;
	align-items: flex-start;
    z-index: 0;
  /*  max-width: 60vw;*/
  }
  .product-item .product-item-description {
    position: relative;
    z-index: 1;
    margin-bottom: -13rem;
	margin-right: -23rem;
    max-width: 50vw;
/*	-webkit-animation-duration: 5s;
  	-webkit-animation-delay: 5s;
  	-webkit-animation-iteration-count: infinite;*/
	  
}
.product-item .product-item-description-left {
    position: relative;
    z-index: 1;
    margin-left: -3rem;
    max-width: 60vw;
/*	-webkit-animation-duration: 5s;
  	-webkit-animation-delay: 5s;
  	-webkit-animation-iteration-count: infinite;*/
	  
}
.product-item .product-item-description-top {
    position: relative;
    z-index: 1;
    margin-left: 5rem;
	margin-top: -14rem;
/*	-webkit-animation-duration: 5s;
  	-webkit-animation-delay: 5s;
  	-webkit-animation-iteration-count: infinite;*/
	  
}
@media (max-width: 575.98px) { 
.title{
	font-size: 2.5rem;/* Approximation due to font substitution */
}
.title-sub{
	
	font-size: 1.1rem;/* Approximation due to font substitution */
}	
.text_p{
	font-size: 1.4rem;/* Approximation due to font substitution */
	font-weight: 100;
	line-height: 2.3rem;/* Approximation due to font substitution */	
}
.product-item .product-item-description {
    position: relative;
    z-index: 1;
    margin-bottom: -5rem;
	margin-right: 0rem;
	max-width: inherit;  
}	
}
@media (min-width: 576px) and (max-width: 767.98px) {
.title{
	font-size: 2.5rem;/* Approximation due to font substitution */
}
.title-sub{
	font-size: 1.20rem;/* Approximation due to font substitution */
}
.text_p{
	font-size: 1.3rem;/* Approximation due to font substitution */
	font-weight: 300;
	line-height: 2.1rem;/* Approximation due to font substitution */	
}
.product-item .product-item-description {
    position: relative;
    z-index: 1;
    margin-bottom: -5rem;
	margin-right: 0rem;
	max-width: inherit;
}
}
@media (min-width: 768px) and (max-width: 991.98px) { 
.title{
	font-size: 2.5rem;/* Approximation due to font substitution */
}
.title-sub{
	font-size: 1.20rem;/* Approximation due to font substitution */
}
.text_p{
	font-size: 1.3rem;/* Approximation due to font substitution */
	font-weight: 300;
	line-height: 2.3rem;/* Approximation due to font substitution */
}
	.product-item .product-item-description {
    position: relative;
    z-index: 1;
    margin-bottom: -5rem;
	margin-right: 0rem;
	max-width: inherit;  
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.title{
	font-size: 2.5rem;/* Approximation due to font substitution */
}
.title-sub{
	font-size: 1.2rem;/* Approximation due to font substitution */
}
.text_p{
	font-size: 1.4rem;/* Approximation due to font substitution */
	font-weight: 300;
	line-height: 2.5rem;/* Approximation due to font substitution */	
}}
@media (min-width: 1200px) { 
.title{
	font-size: 3rem;/* Approximation due to font substitution */
}
.title-sub{
	font-size: 1.35rem;/* Approximation due to font substitution */
}
.text_p{
	font-size: 1.5rem;/* Approximation due to font substitution */
	font-weight: 300;
	line-height: 2.7rem;/* Approximation due to font substitution */	
}}

