* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  	margin: 0;
  	padding: 0;
}

:after, :before {
    box-sizing: inherit;
}

/* -- FLEX PROPERTIES -- */
.fl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.fl-r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}

.fl-c {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

/* -- JUSTIFY PROPERTIES -- */
.fl-ju-s {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.fl-ju-fs {
  -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
          justify-content: flex-start;
}

.fl-ju-c {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fl-ju-e {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.fl-ju-fe {
  -webkit-box-pack: flex-end;
      -ms-flex-pack: flex-end;
          justify-content: flex-end;
}

.fl-ju-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.fl-ju-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.fl-ju-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* -- ALING PROPERTIES -- */
.fl-al-s {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.fl-al-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fl-al-e {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.fl-al-st {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* -- FLEX STATES -- */
.fl-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.fl-2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.fl-3 {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.fl-4 {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}

.fl-5 {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
}

.fl-6 {
  -webkit-box-flex: 6;
      -ms-flex: 6;
          flex: 6;
}

/* -- WRAP PROPERTY -- */
.fl-w {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.fl-now {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

/* -- COMMON SETTINGS -- */
.fl-rr {
  margin: 0px;
  padding: 0px;
}

ul {
  padding: 0px;
}

ul li {
  list-style: none;
  padding: 0px;
}

a {
  text-decoration: none;
  font-style: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-family: inherit;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}

i {
  text-decoration: none;
  font-style: normal;
}div.sticky {
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
			justify-content: center;

	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 999999;
	display: flex;
}

div.sticky, div.sticky .wrapper {
	background-color: #eaf3f6;
}

div.sticky .wrapper {
	left: 0!important;
	padding: .4rem 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-direction: row;
			flex-direction: row;
	z-index: 100;
	position: relative;
	height: auto;
	padding: 10px 0px;
}

div.sticky .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

div.sticky .logo {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

div.sticky .logo img {
	height: auto;
	width: auto;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	max-width: 120px;
	max-height: 50px;
}

span.ex-price {
	text-decoration: line-through;
	font-size:16px;
}

span.current-price{
	font-weight: bold;
	color:#000;
	font-size:20px;
}

div.product-img, div.product-img img {
	width: 100%;
}

@media screen and (min-width: 1000px){
	div.sticky .wrapper {
		height: initial;
	}

	div.sticky .container {
		margin: 0 auto;
		width: 960px;
	}

	div.sticky {
		height: auto;
	}
}

@media screen and (max-width: 1023px) {
	div.sticky .container{
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;

		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-flow: row;
				flex-flow: row;

		width:100%;

		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;

		margin:0px 30px;
	}

	div.sticky .container .logo {
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: start;
	}
}

@media screen and (max-width: 575px) {
	div.sticky .container{
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;

		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
	}
}

/* FOOTER CSS */

div.footer {
width: 100%;
line-height: 150%;
}

div.footer-box {
width: 100%;
}

div.level-wrapper {
max-width: 1350px;
width: 100%;
margin: 0 auto;
}

div.footer .level-1, .level-2, .level-3, .level-4 {
width: 100%;
}

div.footer .level-1 {
background-color: #f6f6f6;
padding: 20px 0;
}

div.footer div.level-1 img {
width: 100%;
max-width: 100px;
height: auto;
padding-bottom: 5px;
}

div.footer .level-1-content {
text-align: center;
width: 33%;
}

div.footer .level-2 {
background-color: #4D5B82;
padding: 30px 0;
color: white;
}

div.footer div.logo img {
max-width: 150px;
width: 100%;
height: auto;
}

div.footer div.sm a img {
max-width: 35px;
width: 100%;
height: auto;
}

div.footer div.sm a {
max-width: 35px;
width: 100%;
height: auto;
margin: 4px;
}

div.footer div.contact img {
max-width: 200px;
width: 100%;
height: auto;
}

div.footer .level-3 {
background-color: #f6f6f6;
}

div.footer .level-4 {
background-color: #4D5B82;
color: white;
}

div.footer .level-4 p {
text-align: center;
}

@media screen and (max-width: 768px){
	div.footer div.level-2 {
		padding: 0;
	}

	div.level-wrapper .logo,  div.level-wrapper .sm,  div.level-wrapper .tos,  div.level-wrapper .contact {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 200px;
		margin: 5px 0;
		text-align: center;
    }

	div.level-2 div.level-wrapper{
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	div.level-wrapper .contact h4 {
        text-align: center;
    }

    div.footer .level-1-content p {
        font-size:14px;
    }
}

@media screen and (max-width: 480px) {
	div.level-1 div.level-wrapper {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: start;
    	-webkit-box-pack: space-evenly;
    	    -ms-flex-pack: space-evenly;
    	        justify-content: space-evenly;
	}

    div.footer .level-1-content p {
        font-size:12px;
    }

    div.footer div.level-1 img {
    	max-width: 80px;
    }
}html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
}

div.products {
    margin-top: 75px;
    width: 100%;
}

div.products-box {
    max-width: 1350px;
    width: 100%;
    margin: 0 auto;
    padding: 10px 25px;
}

div.product {
    padding: 0 0 10px 10px;
    max-width: 315px;
    width: 100%;
}

div.product-box {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

div.products div.image {    
    width: 100%;
    overflow: hidden;
}

div.products div.image img {
    -webkit-transition: visibility .25s ease-in, -webkit-transform .25s;
    transition: visibility .25s ease-in, -webkit-transform .25s;
    -o-transition: transform .25s, visibility .25s ease-in;
    transition: transform .25s, visibility .25s ease-in;
    transition: transform .25s, visibility .25s ease-in, -webkit-transform .25s; 
}


div.products div.image img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

div.products div.discount-perc {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 100px solid #273043;
    border-right: 100px solid transparent;
}

div.products div.percentage {
    color: #fff;
    position: relative;
    left: 10px;
    top: -58px;
    font-size: 28px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

div.products div.discount-text {
    position: absolute;
    width: 262px;
    height: 30px;
    background-color: #273043;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);  
    left: -49px;
    top: 62px;
}

div.products div.text {
    text-align: center;
    line-height: 30px;    
    font-size: 23px;
    color: #fff;
}

div.products div.name-price {
    width: 100%;
}

div.products div.name-price a {
    font-size: 18px;
    padding: 6px 0;
    line-height: 1.46;
    font-family: 'Poppins', sans-serif;
    color: #999;
}

div.products div.price {
    width: 100%;
    font-size: 18px;
    line-height: 1.46;
    font-family: 'Poppins', sans-serif;
    color: #999;
}