@charset "utf-8";
/* CSS Document */
body{
	background-color: green;
    height: 500px;
    position: relative;
	margin:0px;
	padding:0px;
	line-height:1.7;
	font-size: 16px;
	box-sizing: border-box;
	font-family: 'Muli', sans-serif;
}
/*.disc{
	background: #146635;
	clear: both;
	text-align:center;
	padding: 1px;
	height:30px;
	
}*/
.mobban
{
	display: none;
}
.mobvid video
{
    display: none;
}
.mobform
{
  display: none;  
}
.disc p{
		color:#fff;
		margin-top:12px;
		line-height:1.5px !important;
		
		font-size:20px;
		font-weight: bold;
}
.disc {
background: #fff;
clear: both;
text-align: center;
padding: 10px;
color: #fff;
font-size: 13px;
}
.reviews-col {
float: left;
text-align: center !important;
font-size: 13px;
width: 33.3%;s
padding: 0 20px;
box-sizing: border-box;
}

.reviews-col2 {
    float: left;
    width: 50%;
    padding: 0 20px;
    box-sizing: border-box;
}


.container{
	background-color:#fff;
	width:90%;
	margin:0px auto;
}
.offer{
	width: 100%;
	text-align:center;
	float: left;
	clear: both;
}
.offer-left{width: 50%; float: left;}

.offer-right{width: 50%; float: left; text-align: center;}

.offer img{
	width: 30%;
}
.offer h1{
	font-size: 40px;
	text-align:center;
	color:red;
	margin:0px;
	padding:0px;
}
.top-banner{
	
	padding: 10px 0;
	background-size: cover;
	clear: both;
}

.form{
    width: 35%;
    float: right;
    padding: 60px;
    margin-top: -290px;
    box-sizing: border-box;
}
.display{
       background-color: #ff9000;
       border: 5px solid #146635;
     width: 100%;
    padding: 30px 20px;
}
 .display  input[type="text"], .display input[type="password"], .display input[type="email"]
{
	margin:10px 25px 10px 20px;
width:79%;
padding:5px;
font-family:century gothic;
font-size:14px;
}
 .display input[type="submit"]
{
	margin:5px 0px 10px 20px;
width:35%;
padding:5px;
font-family:century gothic;
font-size:14px;
}
.sheopals{
	width: 100%;    
}
.hair{
	width:29%;
	float: left;
	padding:0px 22px;
}
.hair img{
	width:100%;	
}
.hair1{
	width:29%;
	float: left;
	padding:0px 22px;
}
.hair h2{

}
.hair2{
	width:29%;
	float: left;
	padding:0px 22px;
}
.hair2 p{
		font-size: 45px;
	font-weight: bold;
	background-color: white;
	padding: 10px;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	color: #fff;
}
.full-banner img{
	width: 100%;
	height: auto;

}
.strip{
	width:100%;
	background-color:#fff;
	float: left;
	
}
.heading {
	width:100%;
	background:green;
}
.heading h3{
	width:100%;
	font-size: 27px;
	font-weight: bold;
	color: #fff;
	text-align:center;
	margin:0px;
	padding:0px;
}
.content-left{
	width: 61%;
	float:left;
	padding: 0 22px;
}
.content-left p img{
	width: 35%;	
	align: center;
}
.content-left h4{
	text-align:center;
	font-size: 35px;
	font-weight: bold;
	margin:0px;
	padding:0px;
}
.content-right{
	width: 34%;
	float:left;
}
.content-right img{
	width: 100%;
	height:350px;
	//padding-top: 50px;	
}
.content-right1{
	width: 34%;
	float:left;
}
.content-right1 img{
	width: 100%;
	height:165px;
	padding-top: 50px;	
}
.video{
	width: 90%;
	margin:0px auto;
}
.reviews{
	float: left;
	width: 100%;
	clear: both;
	padding: 10px 15px;
	box-sizing: border-box;
}
.reviews h1{
	text-align:center;
	color: #0e8847
}
/*.reviews-col{
	float: left;
	width: 50%;
	padding:0 20px;
	box-sizing: border-box;
}*/
.privacy{
	background: #fff;
	clear: both;
	text-align:  center;
	padding: 10px;
	color:#fff;
}
.privacy a{
		color:#fff;
		text-decoration: none;
}
.mob-button{display: none;}
.mob1, .mob2{
	display: none;
}
.desk{display: block;}
	.blink{
		width:50%;
		margin: auto;
		font-family: cursive;
		height: auto;
	    //background-color: #db720e;
		padding: 15px 8px;	
		box-sizing: border-box; 
		text-align: center;
		line-height: 24px;
		margin-top: 20px;
		font-weight: bolder;
	}
	.blink > span{
		font-size: 30px;
		//font-family: cursive;
		color: white;
		animation: blink 1s linear infinite;
	}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}

@media screen and (max-width:767px){

.container
{
	width: 100%;
	
}
.mobban
{
	display: block;
	width:100%;
}

.mobleft
{
    font-size:18px !important;
    font-weight:bold;
    float:left;
    width:104%;
    background: red;
    height:54px;
    padding:13px;
    margin-left:-10px;
    
}

.mobright
{
    font-size:15px !important;
    font-weight:bold;
    width:45%;
    margin-left:10px;
    float:left;
    background: red;
    height:54px;
    padding:13px;
}
.mobban img
{
    height:25px;
    vertical-align:bottom;
    
}
.mobban a
{
    text-decoration:none;
    color:#fff;
}
.mob-button{display: block;}
.desktop-button{display: none;}

.mobform
{
    display:block;
    margin-top:5px;
    width:100%;
    overflow:hidden;
}
.offer
{
	display: none;
}
.hair
{
	display: none;
}
	 .hair1, .hair2, .content-left,.content-right1, .about-content,.about-image{
	width: 90%;
	display: block;
}

.content-right{
	width: 100%;
	display: block;
}


.hair img{
	width:90%;	
}
.top-banner{
	display: none;
	background-image: url(image/newbanner-3.jpg);
}
.reviews-col, .reviews-col2{
	width:100%
}
.mobvid 
{
    display: block;
    text-align:center;
}
.mobvid video
{
    display:block;
    width: 100%;
    text-align:center;
}
.hair2 img
{
    display:none;
}
.content-right1 img {
    width: 100%;
    height: 135px;
    padding: 0 22px;
}

.top-banner{
	padding: 205px 0;
	
}
.content-left p img{
	width: 80%;
}
.form{
	width: 100% !important;
	float:none;
	text-align:center;
	padding: 0px 20px 0px 10px !important;
	margin-top: 0px !important;
	margin-right: 10px;
	box-sizing: border-box !important;
}
.mob1{
	display: block;
	width: 100%!important;
	position: fixed;
	z-index: 9999;
	bottom: 50px;
}
.mob2{ display: block;}
.desk{display: none;}
.blink{
		width:50%;
		box-sizing: border-box !important;
		margin-bottom: 10px;
}
}