body, h2, h1, h3, span, p {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
.min {
	min-height:800px;
}
#first {
	background:url('../images/bg/1.jpg');
    background-position: center center !important;
    height:auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
#intro {
    background:#8D0A40;
    margin: 0 auto;
    width: 100%;
    position: relative;
    color:white;
}
#home {
    background: url('../images/bg/2.jpg') 50% 0 fixed;
    background-position: center center !important;
    height:600px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
#about {
    background:#86CABF ;
    margin: 0 auto;
    width: 100%;
    position: relative;
    color: #fff;
}
#second {
	background:url('../images/bg/3.jpg') 50% 0 fixed;
    background-position: center center !important;
    height: 700px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
#third {
	background:#201E23;
    margin: 0 auto;
    width: 100%;
    position: relative;
    color:white;
}
#fourth {
	background:url('../images/bg/4.jpg') 50% 0 fixed;
    background-position: center center !important;
	height:600px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.esper {
	position:relative;
	height:980px;
}
.top {
	margin:0 auto;
	margin-left:40px;
	margin-right:40px;
}
.logo {
	float:left;
}

.menutop {
	float:right;
	text-transform: uppercase;
	font-size:18px;
	margin-top:70px;
}
.menutop a:link {
	color:white;
	text-decoration:none;
	outline:none !important;
}
.scircle a:link {
	color:white;
	text-decoration:none;
}
.menutop a:visited {
	color:white;
	text-decoration:none;
}
.scircle a:visited {
	color:white;
	text-decoration:none;
}
.menutop a:hover {
	color:white;
	text-decoration:none;
}
.scircle a:hover{
	color:white;
	text-decoration:none;
}
#purple {
	background:#45124A;
	color:#F1EAF2;
	font-size:13px;
}
.map {
	margin:0 auto;
	margin-bottom:-5px;
}
.listmode {
	position:absolute;
	bottom:30px;
	color:white;
	font-size:17px;
	left:0;
	right:0;
	text-align:center;
}
.nohover a:hover {
	background:none;
}
.nohover a:link{
		display:none;
}
.anotherbg {
	background:#0b0823;
	transition: 0.3s;
	padding:13px 10% 5px 10px;
	width:100%;
	text-align:right;
	margin-top:0;
	right:0 !important;
}
.anotherbg a:link {
		display:initial !important;
		transition: 0.5s;
}
#limit {
    visibility: hidden;
    position: relative;
    top: 100px;
}
#contact {
	background:#380023;
	color:#F1EAF2;
}
.menutop {
	position:fixed;
	z-index:2;
	top:0;
	right:10%;
}
.scircle {
	background:url('../images/circle.png');
	text-align:center;
	height:343px;
	width:344px;
	padding-left:40px;
	padding-right:40px;
	padding-top:75px;
}
.title {
  position: absolute;
  top: 50%;
  left: 70%;
  transform: translate(-50%, -50%);
  color:white;
  font-size:70px;
  white-space:nowrap;
  letter-spacing:-2px;
}
.changed {
	left: 35%;
}
.middle {
	margin-right:40px;
	margin-left:40px;
}
.wc a:link{
	color:#8D0A40;
}
.wc a:visited {
	color:#8D0A40;
}
.wc a:hover {
	color:#8D0A40;
}
.wc {
	color:#8D0A40;
}
.footer {
	background:#380023;
	color:#8D0A40;
	padding-bottom:40px;
}
.footer a:link{
	color:#8D0A40;
	transition:0.5s;
}
.footer a:visited {
	color:#8D0A40;
}
.footer a:hover {
	color:white;
	transition:0.5s;
	text-decoration:none;
}
.menu {
	margin-top:120px;
	margin-bottom:20px;
	color:white;
	border-bottom:1px solid #8D0A3E;
	padding-bottom:20px;
}
.menu ul, ul li a:link {
	padding: 10px 12px 10px 12px;
}
.menu ul, ul li a:hover {
	background:#8D0A3E;
}
.menu a:link{
	color:white;
	text-decoration:none;
}
.menu a:visited {
	color:white;
	text-decoration:none;
}
.menu a:hover {
	color:white;
	text-decoration:none;
}
.special p:last-child{
	color:#FFD5E9;
	line-height:22px;
}
.stext {
	color:#69336D;
	font-size:12px;
	margin-top:30px;
	margin-bottom:20px;
}
.space {
 	max-width:300px;
 	margin:0 auto;
 	padding-bottom:20px;
 	font-size:16px;
}
#about h3 {
	padding-top:20px;
	padding-bottom:20px;
}
.fright {
	float:right;
}
.mbottom {
	margin-bottom:30px;
}
.space2 {
 	max-width:300px;
 	margin:0 auto;
 	padding-top:40px;
 	color:#B3E1DC;
 	font-size:15px;
 	padding-bottom:100px;
}
.pink {
	color:#AD1069;
}
.paddings {
	padding-left:100px;
}
.table {
		display: table;
	 	width: 100%;
	 	margin: 0;
	 	box-sizing: border-box;
	 	margin-bottom:30px;

	 }
	 .header-row {
	 background:none;
     line-height:35px;
	 }
	.rows {
		display: table-row;
	}
.rows:nth-child(2n) {
	background-color: #2E2B32;
	border-radius: 8px;
}
.specialmargins {
	margin-top:40px;
	margin-bottom:300px;
}
	.cell {
		display: table-cell;
		padding: 6px;
		text-align: center;
	}

	.primary {
		text-align: left;
	}


	input[type="radio"],
	input[type="checkbox"]{
		display: none;
	}


	@media only screen and (max-width: 760px)  {

		#table {
			display: block;
			margin: 44px 0 0 0;
		}
 		.caption {
			position: fixed;
			top: 0;
			text-align: center;
			height: 44px;
			line-height: 44px;
			z-index: 5;
		}

		.rows {
			position: relative;
			display: block;

		}

		.header-row {
			display: none;
		}

		.cell {
			display: block;
			border: none;
			position: relative;
			height: 45px;
			line-height: 45px;
			text-align: left;
		}

		.primary:after {
			content: "";
			display: block;
			position: absolute;
			right:20px;
			top:18px;
			z-index: 2;
			width: 0;
			height: 0;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			border-right:10px solid #ccc;

		}

		.cell:nth-of-type(n+2) {
			display: none;
		}


		input[type="radio"],
		input[type="checkbox"] {
			display: block;
			position: absolute;
			z-index: 1;
			width: 99%;
			height: 100%;
			opacity: 0;
		}

		input[type="radio"]:checked ~ .cell,
		input[type="checkbox"]:checked ~ .cell {
			display: block;

			border-bottom: 1px solid #eee;
		}

		input[type="radio"]:checked ~ .cell:nth-of-type(n+2),
		input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2) {

			background: #e0e0e0;
		}

		input[type="radio"]:checked ~ .cell:nth-of-type(n+2):before,
		input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2):before {
			content: attr(data-label);

			display: inline-block;
			width: 60px;
			background: #999;
			border-radius: 10px;
			height: 20px;
			margin-right: 10px;
			font-size: 12px;
			line-height: 20px;
			text-align: center;

		}

		input[type="radio"]:checked ~ .primary,
		input[type="checkbox"]:checked ~ .primary  {
			border-bottom: 2px solid #999;
		}

		input[type="radio"]:checked ~ .primary:after,
		input[type="checkbox"]:checked ~ .primary:after {
	 		position: absolute;
			right:18px;
			top:22px;
			border-right: 10px solid transparent;
			border-left: 10px solid transparent;
			border-top:10px solid #ccc;
			z-index: 2;
		}
	}

@media screen and (max-width: 480px) {
.title { display: none; }
.displaynone { display: none !important; }
.cell { background:none !important; line-height:30px;  border-bottom:none !important; }
.scircle { 	background:none !important; width:100% !important; }
.menutop li { margin:5px; }
.menutop a:hover { background:none; }
.middle { margin-left:0px !important; }
.menu a:hover { background:0 !important; }
.menutop {
	text-align:center !important;
	text-transform: uppercase;
	font-size:11px;
	margin-top:0px;
	padding:0px !important;
	right:0 !important;
	padding-top:10px;
	width:100% !important;
	background:#0b0823;
}
}
}
.nohover a:hover {
	background:none !important;
}
.lastone {
	padding-top:20px;
}
#product {
    background: url('../images/bg/5.jpg') 50% 0 fixed;
    background-position: center center !important;
    height:600px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
#new-product {
    background:black ;
    margin: 0 auto;
    width: 100%;
    position: relative;
    color: #fff;
}

#new-product h3 {
	font-size:23px;
	font-weight:300;
	padding-left: 36px;
	padding-top: 12px;
}
#new-product h4 {
	font-size:18px;
	font-weight:bold;
	margin-bottom: 0;
}
#new-product p {
	margin-top:10px;
	margin-bottom:20px;
}
.top-margin {
	margin-top: -110px;
}
.center-image {
	margin-top: 30px;
}
.share-header {
	margin-bottom:30px;
}
.bottom-space {
	margin-bottom:70px !important;
}
.news-logo img {
	margin-top:10%;
}

.offer-description {
	text-align: center;
	padding: 10px;
	display: block;
	clear: both;
	color: #5e5b61;
	font-style: italic;
}
