@charset "utf-8";
/* CSS Document */



 
		#header { z-index: 9999;}
		.contactForm { padding:0;}
		.contactForm .form-control { border: 0; border-radius: 0; font-size:18px ; height: 43px; }
		#intro h2 {font-size: 40px;}
		
		#header.sticky { position: absolute !important; box-shadow: 0 0 0px 0px #000;}
		#header.sticky  .container { width:1170px;}
		.about-content h2 {width: 100%;}
		
		.product_area_new .controls { top: 50%; right: 0 !important; width: 100%; margin-top: -16px;}
		.product_area_new .controls .left.slick-arrow { float:left;}
		.product_area_new .controls .right.slick-arrow { float:right;}
		
		.product_area_new01 .slick-slide img { width: 100%;}
		#blog .title { padding: 10px 10px;}
		
		#features .feature-item h2 { font-size: 44px;}
		
		.product_area_new.product-area .homeslidecontainer { width: 100%; padding: 0;}
		.product_area_new .controls { z-index: 99999;}
		
		#header { height:auto;}
		#intro { padding-top: 65px;}
		#header .logo img {  margin:12px 0 7px 0; }
		
		
		.fixed_menu {
			position: fixed;
		  transition: all .5s;
			 
			top: 0;
			width: 400px;
			height: 100%;
			background:  rgba(255, 255, 255, 0.9);
			z-index: 999999;
			padding: 0;
		}
		
		.fixed_menu ul  {padding:30px 50px 0 50px;}
		
		.fixed_menu ul li a {
			font-family: 'tiengviet';
			font-weight: 700;
     		display: block;
    		color:  #351420;
 			padding: 12px 0px;
 			transition: 0.3s;
 			font-size: 26px;
 			text-transform: uppercase;
 			border-bottom: 1px solid #eae7e8;
			 }
			.fixed_menu ul li:last-child a { border-bottom: 0px solid #fff;}
			
			.fixed_menu ul li  a:hover { color:#e65b81;   padding: 12px 12px; font-weight: 700;}
			
			.fixed_menu ul li  { list-style:none;}
			.closemenu {
			
				margin-top: 0;
				text-align: right;
				padding: 6px 15px;
			
			}
			.closemenu a { color:#fff; font-size:15px;}
			 .closemenu a .fa { font-size:18px;}
			 
			 .closemenu a img {transition: all 0.5s ease 0s;}
			 .closemenu a img:hover  {
				-webkit-transform: rotate(180deg);
				-moz-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				transform: rotate(360deg);
			}
			
			
			/**/
			
			.about_img_img { 
				width:100%; background-size:cover !important; height:560px; 
				border: 8px solid #fff;
				background: #fff;
				box-shadow: 0px 5px 10px 5px #aaaaaa;
				transition: transform .2s;}
			
			
			.homeslidecontainer_nnew img { width:auto !important;}
			
			
			.promotion_box img {width: auto;
			
			max-width: 100%;
			
			z-index: 99;
			
			position: relative;}
			
			.about_img img {width: auto;
			
			max-width: 100%;
			
			z-index: 99;
			
			position: relative;}
			 
			 
			 
			#about .middle-part { margin-top: 0; padding-top: 50px; }
			
			
			.salons_pic { width: 100%;
			text-align: center;}


			.content_div_white h2{
				text-transform: capitalize;
			}
			.salons_pic_inner { width:100%; text-align: center;}
			
			.salons_pic_inner  img { width:100%; }
			
			.blog-content {margin-top: 126px;}
			
			
			.blog-content  .controls {
			
				width: 56px;
				right: auto !important;
				top: auto;
				bottom: 0;
				left: -141px;
			
			}
			
			
			#services .col-md-6:nth-child(3)::before {
				position: absolute;
				left: -170px;
				bottom: 0;
				content: '';
				background: url(../img/flower-impression-3-1.png) no-repeat 0 0;
				width: 45%;
				height: 80%;
				transition: .5s;
			}
			
			#services .col-md-6:nth-child(2)::before {
			position: absolute;
			left: 63%;
			top: -90px;
			content: '';
			background: url(../img/flower-impression-3-2.png) no-repeat 0 0;
			width: 69%;
			height: 80%;
			transition: .5s;

		}
			
			
			#testimonials p {
			  height: 129px;
			overflow: hidden;
			position: relative;
 		}
		
		@media only screen and (max-width: 1400px) { 
			body {overflow-x: hidden !important;}
			.introForm { margin-top: 0; }
		}
 			 
			@media only screen and (max-width: 1199px) { 
				
				.about_img img { height: 400px;}
				#header.sticky .container {  width: 970px; }
				
				#intro h2 {  font-size: 31px; }
				
				.introForm {  margin-top: 0; }
				
				#intro .contactForm { width:100%!important; position:relative!important;}
				.easy-autocomplete.undefined { width:100% !important;}
				
				#about { padding-bottom: 0; }
				#header { position:relative;}
 			}
			
			@media only screen and (max-width: 991px) { 
				#header.sticky .container {  width: 750px; }
				.about_img img { height: auto; }
				
				.blog-content .controls {
 					bottom: -63px;
					left: 50%;
					margin-left: -28px;
				}
				
				#about { background:none !important;}
				#about .about-img, .promotion-box {
					position: relative;
					margin: 30px 00px 30px 00px;
				}
				 
				 .blog-content {  margin-top: 30px; }
			
			}
			
			@media only screen and (max-width: 767px) { 
				#header.sticky .container {  width: 100%; }
				.fixed_menu {width: 100%;}
				
			 
				#intro h2, #blog h2, #services h2, #why-us h2{ padding:0; }
				
				#services .col-md-6.col-lg-6.col-sm-6.wow.bounceInUp { width: 49% !important; float: left;}
				.salons_pic {height: 220px;}
				.salons_pic {  height: 150px; }
				#services .box:hover {
					padding: 5px;
					-webkit-transform: scale(1.01);
					transform: scale(1.01);
					background:  #fff;
				}

				#features .feature-item img {
					 margin: 50px 0 0 0;
					width: 100%;
				 }
				 
				 .fixed_menu ul li a { font-size: 20px; padding: 8px 10px;}
				 .fixed_menu ul li a:hover {padding: 8px 10px;}
				 
				 .fixed_menu ul { padding: 20px 20px 0 20px; }
				 
				 .main-nav   ul  li { display:none;}
				 .main-nav   ul  li.hamburgerclick { display:block;}
				 
				 #about .about-img img {
						width: 100%;
						margin-bottom: 20px;
					}
					
					#promotion .item {  margin:10px 5px; }

					#promotion .item  img {height: 93px;}
					
					#promotion .item h4 { min-height: 30px;}




#blog {
    padding: 50px 0 100px; }
	
.right_login_bg { display:none !important;}

.fixed_panel_login_full .col-sm-6 {
    width: 100%;
    padding: 15px;
}

.footer-bottom .col-md-6 { width:100%; text-align:center;}

.footer-bottom ul {
    float: left;
    padding: 15px 0 0 0;
    text-align: center;
	width:100%;
}

.footer-bottom li {
    list-style: none;
    float: none;
    display: inline-block;
	
}
	
	
	 
			
  #services .col-md-6:nth-child(2)::before,
  #services .col-md-6:nth-child(3)::before  { display:none; }
			
	
	
	
	
	
	
	
			}
			
			
			
			@media only screen and (max-width: 359px) { 
				
				#promotion .item { margin:15px 35px; }

				#promotion .item  img {height: 93px;}

 			}		
			
			
 
	   #intro a#btnBookNow , .about-btn{
		font-weight: bold;
		font-size: 19px;
		line-height: 40px;
		background:  #3fc1c9;
		color: #fff;
		border-radius: 50px;
		padding: 8px 30px;
		border: 0;
		margin-top: 10px;
}

#intro a#btnBookNow:hover, .about-btn:hover {
    background:  #351420;
}

#about { padding: 110px 0 190px;}
#intro::before { display:none;}

#intro 
{ 	background:url(../img/bunessbanner_01.jpg) no-repeat center center  !important;
	background-size:cover !important;
	height: 560px !important;}
	
	
#intro h2 	{margin-top: 80px;}
	
	#header.sticky , #header  {
    position: absolute !important;
    box-shadow: 0 0 0px 0px  #000 !important;
	background: none !important;
}

#about {
   
    background: url(../img/bg-about01.jpg) no-repeat 100% 0 !important;
     height: 900px;
	  background-size: cover !important;
}

.park_setions { background:#f3f3f3; padding-bottom:200px;}
#blog {
     background:url(../img/blog_pic.png) no-repeat !important;
	 background-size: cover !important;
	 margin-top:-100px;
 }	
 
 .park_nox h2 {
    position: relative;
    color:  #351420;
font-weight: 600;
font-size: 24px;
margin: 15px 0 0 0;
display: block; }

 .park_nox  { text-align:center; margin-top:100px; }


.new_sections .twphoto { border: 0;}
.new_sections .twtitle { color: #fff; font-style: normal; text-align:left; margin-top:10px;}
.new_sections .twtitle a:hover { color: #000; } 
.new_sections  .twdesk { color: #fff; font-style: normal; max-height: none; overflow: visible;}
#blog .new_sections p { padding-right: 0; margin-bottom:10px; }

#blog .new_sections a.btn { background:  #3fc1c9; }
#blog .new_sections a.btn:hover { background:  #000; }

#blog.section_bg_news {
     background:  #e76589 !important;
    margin: 0;
    padding: 60px 0 100px 0;
 }
 
 
#blog.section_bg_news::before { display:none;}
#blog.section_bg_news .blog-content  { margin-top:0;}

#blog.section_bg_news .underline__highlight::before {background: #fff;}


.sectons_arrows .controls { top: 50%; right: 0 !important; width: 100%; margin-top: -16px;}
		.sectons_arrows .controls .left.slick-arrow { float:left; margin-left: -15px;}
		.sectons_arrows .controls .right.slick-arrow { float:right; margin-right: -15px;}
		
		.sectons_arrows .controls {
    z-index: 99999 !important;
}

.sectons_arrows  .blog-content .controls { left: -0 !important ; height: 50px;}


 
#blog.section_bg_newsgreen {
   
    background: url(../img/blog_pic2.png) no-repeat left bottom !important ;
	 background-size: cover !important;
	 z-index: 99;
	position: relative;
	padding-bottom: 329px;
 }

#blog.section_bg_newsgreen a.btn { background:  #e8678b; }
#blog.section_bg_newsgreen a.btn:hover { background:  #000; }

.park_nox_img { background:#fff; text-align:left; }
.park_nox_img  h2 { text-align:left; margin-top:0; color:#e86a8d; margin-bottom: 5px; font-size: 16px;}
.park_nox_img p { margin:0; font-size: 15px;}
.park_nox_img  img { width:100%;}

.content_div_white { padding:15px; height: 115px;}

.park_nox_img { margin-top: 30px;}

.park_setions_sale { 
 	 padding: 80px 0 200px 0;
    background: url(../img/salesbg1.png) no-repeat center center  !important;
	 background-size: cover !important;
	 z-index: 9;
	margin-top: -230px;
	padding-top: 150px;}

.park_setions_sale .about-btn { background:#e8678b; margin-top:50px; display: inline-table; padding: 1px 30px;}
.park_setions_sale .about-btn:hover { background:#351420;}

.suport_setions  { padding-bottom:100px; border-bottom: 1px solid #ddd;}
.suport_setions .park_nox { margin:-50px 0 0 0;}

.laws_sections h3 { text-align:left; margin-top:10px }
.laws_sections h3 a { text-align:left; color:#000;}
.laws_sections  p { padding-right:0 !important; }
.laws_sections  p a {color: #e8678b; }

 
#blog.sectios_laws { 
 	 padding: 200px 0 80px 0;
	 margin-top:0;
    background: url(../img/bg-about02.jpg) no-repeat center center  !important;
	 background-size: cover !important;}
#blog.sectios_laws::before { display:none;}	 

#blog.sectios_laws  .col-md-4 h2 { margin-top:50px;}

.main_product_sections h2 { font-size: 39px; }

#blog.main_product_sections { background:none !important; }
#blog.main_product_sections  .view { width:100%; height:auto !important; overflow:visible;}

#blog.main_product_sections  .bspbox { background:none !important; padding:0;}

#blog.main_product_sections .underline__highlight::before {
    background:  #e8678b;
}

#blog.main_product_sections  .product-content-left { text-align:left !important;}

#blog.main_product_sections  a.btn { color: #fff !important; margin-top: 40px; background:#3fc1c9; background:
#3fc1c9 !important; border-color: #3fc1c9 !important; }

#blog.main_product_sections  a.btn:hover { background:
#000 !important; border-color: #000 !important; }

#blog.main_product_sections  .product_area_new01 { position:relative;}

#blog.main_product_sections .controls .right.slick-arrow { float: right;  margin-right: -30px; }

#blog.main_product_sections .heading2new { margin:100px 0 50px 0;}

#blog.main_product_sections {
    padding: 50px 0 80px 0;
    margin-top: 0;
    background: url(../img/bg-about023.jpg) no-repeat center -180px !important;
        background-size: auto;
    background-size: cover !important;
}


.park_setions_sale .about-content h2 {  font-size: 39px; }


#blog.section_bg_newsgreen p, #blog.section_bg_newsgreen p span, #blog.section_bg_newsgreen .twtitle { color: #333  !important;}
#blog.section_bg_newsgreen p span, #blog.section_bg_newsgreen .twtitle { font-weight:600;}


@media  only screen and (max-width: 1199px) { 
	
	 .blog-content { margin-left: 50px; margin-right: 50px;}
	
	.sectons_arrows .blog-content .controls {left: 2% !important; width: 94%;}
	
	#blog.main_product_sections  .blog-content .controls {left: 0% !important; width: 100%;}
	
	#blog.main_product_sections iframe { width:100% !important;}
	
	

}

@media  only screen and (max-width:991px) { 
	.sectons_arrows .blog-content .controls {width: 56px !important; right: auto !important; top: auto; bottom: -63px !important;  left: 50%!important; margin-left: -28px!important; }
	#blog.main_product_sections .blog-content .controls {width: 56px !important; right: auto !important; top: auto; bottom: -63px !important;  left: 50%!important; margin-left: -28px!important; }
 	#blog.sectios_laws {padding: 50px 0 80px 0;}

}

@media  only screen and (max-width:767px) { 
	#intro h2 br { display:none;}
	#about { background:none !important;}
	
	.col-sm-6 { width:100% !important;}
	
	.blog-content { margin-left: 0px; margin-right: 0px;}
	#blog.main_product_sections .view { margin:0;}
	
	#blog.section_bg_newsgreen .new_sections, #blog.section_bg_news  .new_sections{ margin-left:0 !important;  margin-right:0 !important; }
	 #blog.section_bg_newsgreen .twtitle { text-align:center;}
	 
	 .suport_setions .park_nox { margin: 0; }
	 .park_setions_sale { padding: 80px 0 100px 0; }
	 #about a.about-btn { display:block;}
	 .park_setions {padding-top: 30px;}
	 #about { height:auto; padding-bottom:50px; padding-top:50px}
	 .about-content h2 {font-size: 30px;}
	 #blog.main_product_sections iframe {
    width: 100% !important;
    height: 168px;
}
}