/*=.=.=.=.=---STYLE FOR---=.=.=.=.=*/

/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
	display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
	display:inline;
}


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Global properties */
*{ padding:0px; margin:0px; outline:none; border:none; list-style:none; text-decoration:none; }
.noBdr{ border:none !important; }
.clr{ line-height:0px; font-size:0px; clear:both; }

body{ font:normal 14px/18px Arial, Helvetica, sans-serif; color:#000; background: #eaeaea;}
.container_main{ width: 1115px; margin: 0 auto; position: relative;}
#wrapper{ float: left; width: 100%;}
.top{ float: left; width: 100%; background:#000000 url(../images/makeupartist_header_design.jpg) no-repeat right 0; height: 72px;}
.top-left{ float: left; width:238px; }
.top-rht{ float: right; width:70%; }
.top-rht ul{ float: left; width: 100%; margin: 0; padding: 0;}
.top-rht ul li{ float: left; margin: 0 5% 0 0; padding: 25px 0 0 0;}
.top-rht ul li a{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; color: #FFF;}
.top-rht ul li:last-child{ margin-right: 0;}


.top-text{ float: left; width: 100%; padding: 10px 0;
 color: #000000; text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height:20px;}

#hero {
    position: relative;
    top: 110px;
}
.is-hidden{ display: none;}


.bottom{ float: left; width: 100%; margin: 8% 0 0 0;}
.bottom h2{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; margin: 0; padding: 0; font-weight: bold; color: #000; text-align: center;}
.bottom p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; color: #000; text-align: center; padding-top: 10px; clear: both;}
.bottom h3{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; margin: 0; padding: 0; font-weight: bold; color: #000; text-align: center;}
.bottom h3 a{
	color: #666666;
	
}.bottom p a{color: #666666;}
.bodymaintext {
    color: #000000;
    font-family: georgia;
    font-size: 12px;
    line-height: 180%;
}


.main_container{width:1115px; margin:0 auto; background:#ffffff; -webkit-box-shadow: 0px 1px 15px 0px rgba(46, 50, 50, 1);
-moz-box-shadow:    0px 1px 15px 0px rgba(46, 50, 50, 1);
box-shadow:         0px 1px 15px 0px rgba(46, 50, 50, 1);}

.container{width:100%; float:left; padding:28px 25px 22px 20px;background:#ffffff; margin-top: 55px;}
.panel1{width:281px; float:left;}
.panel1 h1{color:#FF0000; font-family: georgia;font-size:12px; line-height:18px; padding-bottom:5px;}
.panel1 h2{color: #000000;font-family: georgia; font-size: 12px; line-height:20px; font-weight: bolder; padding-bottom:5px;}
.panel1 h3{color: #000000;font-family: georgia; font-size: 12px; line-height:20px; font-weight: bolder; padding-bottom:5px;}
.panel1 p{color: #000000; font-family: georgia; font-size: 12px; line-height:20px}
.panel1 p strong{font-weight:bolder;}
.panel1 h4{color: #000000; font-family: georgia; font-size: 12px; line-height:18px; font-weight: bolder; padding:20px 0 10px 0;}
.panel1 a{color:#333333; font-family: georgia; font-size: 14px; line-height:18px}
.panel1 a:hover{color:#000000; text-decoration:none;}
.panel2{float:right; width:756px;}
.panel2 ul{width:100%; float:left;}
.panel2 ul li{float:left; width:189px;}
.panel2 ul li img{float:left;}
.panel2 p{color: #000000; font-family: georgia; font-size: 12px; line-height:18px; line-height: 34px; text-align: center;}

.footer{background:url(../images/pattern.jpg) repeat; width:100%; float:left; padding:15px 25px 7px 20px;}
.footer h3{background:url(../images/arrow.jpg) no-repeat left 7px; color: #666666; font-family: georgia; font-size: 12px; line-height:31px; padding:0px 0 0 23px;}
.footer h3 a{color:#666666;}
.footer h3 a:hover{color:#333333; text-decoration:underline;}
.next{width:100%; float:left;}
.next label{color: #666666; font-family: georgia; font-size: 12px; line-height:22px;}
.next label a{color: #666666;font-family: georgia;font-size: 12px; line-height:22px; text-decoration: none; float:right;}
.pre{width:100%; float:left;}
.pre label{color: #666666; font-family: georgia; font-size: 12px; line-height:22px;}
.pre label a{color: #666666;font-family: georgia;font-size: 12px; line-height:22px; text-decoration: none; float:left;}
.click{width:100%; float:left; padding-top:108px;}
.click label a{color: #666666; text-decoration: none;}
.click label a:hover{color: #333333; text-decoration: none;}
.click p{color: #000000; font-family: georgia; font-size: 12px; line-height:18px; line-height: 34px; text-align: center;}


/*==================================(02-08-14)=============================================================*/
.panel3{float:right; width:756px; padding:8px 0 8px 0;}
.panel3 ul{width:100%; float:left;}
.panel3 ul li{float:left; width:120px;}
.panel3 ul li img{float:left;}
.panel3 p{color: #000000; font-family: georgia; font-size: 12px; line-height:18px; line-height: 34px; text-align: center;}

.panel1_sub{width:281px; float:left;}
.panel1_sub h1{color:#FF0000; font-family: georgia;font-size:12px; line-height:18px; padding-bottom:12px;}
.panel1_sub h2{color: #000000;font-family: georgia; font-size: 12px; line-height:20px; font-weight: bolder; padding-bottom:12px;}
.panel1_sub h3{color: #000000;font-family: georgia; font-size: 12px; line-height:20px; font-weight: bolder; padding-bottom:5px;}
.panel1_sub p{color: #000000; font-family: georgia; font-size: 12px; line-height:20px;  padding-bottom:12px;}
.panel1_sub p strong{font-weight:bolder;}
.panel1_sub h4{color: #000000; font-family: georgia; font-size: 12px; line-height:18px; font-weight: bolder; padding:20px 0 10px 0;}
.panel1_sub a{color:#333333; font-family: georgia; font-size: 14px; line-height:18px}
.panel1_sub ul{width:100%; float:left;}
.panel1_sub ul li{font-family:Arial; font-size:12px; line-height:23px; color:#666666;}
.panel1_sub ul li a{text-decoration:none; color:#666666;}
.panel1_sub ul li a:hover{color:#000000;}
.panel1_sub ul li strong{font-weight:bolder; color:#000000;}

/*=====portfolio=====*/

.portfolio_box{width: 100%; float: left;}
.portfolio_top{width: 100%; float: left; margin: 40px 0 0 0;}
.portfolio_top img{float: left; margin: 0 15px 0 0;}
.portfolio_top h3{color: #000000; font-family: georgia; font-size: 12px; line-height: 16px;}
.portfolio_top p{color: #000000; font-family: georgia; font-size: 12px; line-height: 16px;}
.portfolio_top p a{color: #666666; font-family: georgia; font-size: 12px; line-height: 16px;}
.portfolio_body{width: 100%; float: left; margin: 30px 0 0 0;}
.body_lft{width: 350px; float: left;}
.body_lft h3{color: #000000; font-family: georgia; font-size: 12px; line-height: 16px;}
.body_lft p{color: #000000; font-family: georgia; font-size: 12px; line-height: 20px; padding: 10px 0 0 0;}
.body_mid{width: 300px; float: left; text-align: center;}
.body_mid img{width: 70%; margin: 10px 0 0 0;}
.body_rit{width: 350px; float: left;}
.body_rit h3{color: #000000; font-family: georgia; font-size: 12px; line-height: 16px;}
.body_rit p{color: #000000; font-family: georgia; font-size: 12px; line-height: 20px; padding: 10px 0 0 0;}
.body_rit p span{font-style: italic;}


/*=====testimonial=====*/

.testimonial_main{width: 100%; float: left;}
.testi_top{width: 100%; float: left; margin: 30px 0 0 0;}
.testi_top p{color: #000000; font-family: georgia; font-size: 12px; line-height: 20px; margin: 0;}
.vid_box{width: 100%; float: left; margin: 10px 0 0 0;}
.vid_box ul{padding: 0; margin: 0; float: left;}
.vid_box ul li{float: left; margin: 0 5px 0 0;}
.pic_gall{width: 100%; float: left; margin: 30px 0 0 0;}
.pic_gall p{color: #000000; font-family: georgia; font-size: 12px; line-height: 20px; margin: 0;}
.pic_gall_box{width: 100%; float: left; margin: 10px 0 0 0;}
.pic_gall_box ul{padding: 0; margin: 0; float: left;}
.pic_gall_box ul li{float: left; margin: 0 2px 0 0;}
.test_dit{width: 100%; float: left; margin: 30px 0 0 0;}
.test_dit_lft{width: 68%; float: left;}
.test_dit_lft h4{color: #000000; font-family: georgia; font-size: 12px; line-height: 20px; text-transform: none; font-weight: normal; margin: 0;}
.test_txt_box{width: 100%; float: left; background: #F1F1F1; border: 3px solid #D3D3D3; padding: 25px 35px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
-webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75); 
margin: 30px 0 0 0;}
.test_txt_box p{color: #000000; font-family: georgia; font-size: 12px; line-height: 20px; margin: 0; padding: 5px 0;}
.test_dit_rit{width: 28%; float: right; text-align: center;}
.test_dit_rit img{width: 80%; }


/*=====contact=====*/

.contact_main{width: 100%; float: left;}
.contact_lft{margin: 20px 0 0 0; float: left; width: 510px;}
.cont_inr{width: 100%; float: left;}
.cont_inr h4{color: #000000; font-family: georgia; font-size: 12px; line-height: 20px; text-transform: none; margin: 0; letter-spacing: normal;}
.cont_dit{width: 100%; float: left; margin: 15px 0 0 0;}
.cont_dit ul{padding: 0; margin: 0; float: left;}
.cont_dit ul li{width: 100%; float: left; margin: 5px 0 0 0;}
.cont_dit ul li label{width: 150px; float: left; color: #ff0000; font-family: georgia; font-size: 12px; line-height: 20px; font-weight: bold; text-align: right;}
.cont_dit ul li span{color: #000000; font-family: georgia; font-size: 12px; line-height: 20px; margin: 0; float: left; padding: 0 0 0 5px; display: inline-block;}
.cont_dit ul li span a{color: #666666; font-family: georgia; font-size: 12px; line-height: 20px; margin: 0; font-weight: bold;}
.cont_txt{width: 100%; float: left; margin: 0;}
.cont_txt p{color: #000000; font-family: georgia; font-size: 12px; line-height: 20px; margin: 0; padding: 15px 0 0 0;}

.cont_form{width: 444px; float: right; background: url(../images/liren-enquiry-repeat.jpg) repeat 0 0; padding: 35px 55px 165px 35px;}
.cont_font{width: 100%; float: left;}
.cont_font h4{color: #fff; font-family: georgia; font-size: 12px; line-height: 20px; letter-spacing: normal;}
.cont_font p{color: #fff; font-family: georgia; font-size: 12px; line-height: 20px; margin: 0; padding: 10px 0 0 0; font-weight: bold;}
.main_form{width: 100%; float: left; margin: 5px 0 0 0;}
.main_form_inr{width: 100%; float: left; margin: 22px 0 0 0;}
.main_form_inr label{width: 120px; float: left; margin: 0 6px 0 0; color: #fff; font-family: georgia; font-size: 12px; line-height: 14px; text-align: right; font-weight: bold;}
.main_form_inr input[type="text"]{width: 200px; float: left; height: 14px; background: #898787; padding: 0 5px; color: #fff; font-family: georgia; font-size: 11px; line-height: 14px;}
.main_form_inr textarea{width: 215px; float: left; height: 70px; background: #898787; padding: 5px 5px; color: #fff; font-family: georgia; font-size: 11px; line-height: 14px;}
.main_form_inr input[type="submit"]{background: #F0F0F0; width: 52px; height: 20px; float: left; border: 1px solid #acacac; cursor: pointer; text-align: center;
color: #000; font-family: georgia; font-size: 12px; line-height: 18px;}


.slicknav_menu {
	display:none;
}

@media screen and (max-width: 767px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
		position: absolute;
	    top: 13px;
	    right: 0;
	    z-index: 999999;
	}
}