html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased
}

body { margin: 0 }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}
[hidden], template {
display:none
}

a { background-color: transparent }

a:active, a:hover { outline: 0 }

abbr[title] { border-bottom: 1px dotted }

b, strong { font-weight: bold }

dfn { font-style: italic }

h1 {
  font-size: 2em;
  margin: 150px auto 0 auto;
  text-align:center;
}

mark {
  background: #ff0;
  color: #000
}

small { font-size: 80% }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup { top: -0.5em }

sub { bottom: -0.25em }

img { border: 0 }

svg:not(:root) { overflow: hidden }

figure { margin: 1em 40px }

hr {
  box-sizing: content-box;
  height: 0
}

pre { overflow: auto }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button { overflow: visible }

button, select { text-transform: none }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}

input { line-height: normal }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}


textarea { overflow: auto }

optgroup { font-weight: bold }

table {
  border-collapse: collapse;
  border-spacing: 0
}

td, th { padding: 0 }

input, button, select, textarea { outline: none }

textarea { resize: none }

a {
  text-decoration: none;
  color: #fff;
}

ul {
  padding-left: 0;
  list-style: none;
}

h2 { margin:30px auto; text-align:center;}
/*style for container*/

.wrapper-1 {
  width: 50%;
  margin: 0 auto;
}

/*style for img in case of low download speed*/

.example-1 {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.example-1 ul {
  overflow: hidden;
  margin: 0;
  zoom: 1;
}

.example-1 ul li { float: left; }

.example-1 ul li img { width: 100%; }

/*style for dots*/


.dots-1 {
  position: absolute;
  bottom: 10px;
  right: 10px;
  margin: 0;
  padding: 0;
  text-align: center;
}

.dots-1 li {
  display: inline-block;
 *display: inline;
 *zoom: 1;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  background: #963;
  cursor: pointer;
}

.dots-1 li:hover, .dots-1 li.active { background: #000; }

.wrapper-2 {
  width: 100%;
  margin: 0 auto;
}

/*style for img in case of low download speed*/

.example-2 {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.example-2 ul {
  overflow: hidden;
  margin: 0;
  zoom: 1;
}

.example-2 ul li { float: left; }

.example-2 ul li img { width: 100%; }

.dots-2 {
    position: absolute;
    bottom: 80px;
    left: 15.1%;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    display: inline-block;
}

.dots-2 li {
  display: inline-block;
 *display: inline;
 *zoom: 1;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}

.dots-2 li:hover, .dots-2 li.active { background: #ff7f02; }


.picture-1 {
    width: 100%;
	background-image: url(../images/bg.jpg);
	background-position:center;
	background-size: cover;
	padding:0px 0px 126px 0px;
}

.picture-2  {
    width: 100%;
	background-image: url(../images/bg.jpg);
	background-position:center;
	background-size: cover;
	padding:0px 0px 126px 0px;
}

.picture-3  {
    width: 100%;
	background-image: url(../images/bg.jpg);
	background-position:center;
	background-size: cover;
	padding:0px 0px 126px 0px;
}


.shopnow {
     margin: 20px 0 0px 0;
    padding: 8px 21px 8px 21px;
    background: #fff;
    font-size: 18px;
    font-weight: 700;
    color: #c61c29;
    border-radius: 20px;
    text-align: center;
   
    display: inline-block;
}



.shopnow:hover, a:focus  {
    background: #4b4b4b;
	color:#fff;
   
}


.content {
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 30%;
    margin-left: 40px;
}

.shopnow-cover {
   
	text-align:center;
	width:35%;
	display:inline-block;
	margin-bottom:86px;
}


@media only screen and (max-width: 1200px) {
 
.dots-2 {

  
    left: 0%;
    text-align: center;
	bottom:25px;
	
	}
	
	.picture-1 {
   
    padding: 0px 0px 10px 0px;
}

.picture-2 {
   
    padding: 0px 0px 10px 0px;
}

.picture-3 {
   
    padding: 0px 0px 10px 0px;
}



}


@media only screen and (max-width: 768px) {
 
.dots-2 {

  
    left: 0%;
    text-align: center;
	bottom:25px;
	
	}
	
.picture-1 {
   
    padding: 0px 0px 10px 0px;
}

.picture-2 {
   
    padding: 0px 0px 10px 0px;
}

.picture-3 {
   
    padding: 0px 0px 10px 0px;
}



}


@media only screen and (max-width: 520px) {
 
.dots-2 {

  
    left: 0%;
    text-align: center;
	bottom:30px;
	
	}
	
	




}