@import url('stylesheet.css');
body
{
padding:0;
margin:0;
font-family: 'lobster_1.4regular';
}
img
{
border:0;
}
h1,h2,h3,h4,h5,h6,p,ul,ol
{
margin:0;
padding:0;
list-style:none;
font-weight:normal;
}
*
{
box-sizing:border-box;
}
/*header part css start*/
.auto_container
{
width:1200px;
}
.header_outer
{
width:100%;
float:left;
background:url(../images/header_bg.jpg) center top no-repeat;
padding:28px 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.hd {
  background: url(../images/double_line_img.png) repeat-x center bottom 25px;
  float: left;
  width: 100%;
}
.logo
{
width:223px;
float:none;
margin:auto;	
}
.header_right 
{
float: right;
margin-top: -127px;
text-align: right;
}
.header_right strong
{
font-size:45px;
line-height:15px;
font-weight:normal;
}
.header_right strong a
{
text-decoration:none;
color:#231f20;
}
.header_right p
{
font-size:14px;
font-family: 'latobold_italic';
}
.welcome_outer
{
width:100%;
float:left;
}
.welcome_top
{
width:582px;
margin:auto;
}
.welcome
{
width:100%;
float:left;
text-align:center;
}
.welcome::after {
  content: url(../images/boder_image.png);
  left:0;
  position: relative;
  top: -10px;
}
.welcome:before
{
content:url(../images/boder_image.png);
position: relative;
top: -10px;
right:0;
}
.welcome span
{
color:#e86848;
padding:5px;
font-size:48px;
}
.shop
{
width:100%;
float:left;
font-size:35px;
color:#000;
text-align:center;
line-height: 40px;
}
.barber
{
float:left;
padding-top:33px;
}
.barber_left
{
float:left;
font-size:16px;
color:#231f20;
font-family: 'latoregular';
line-height:26px;
}
.barber_left strong
{
font-size:80px;
color:#231f20;
font-family: 'latoregular';
}
.right
{
float:right;
}
.barber_bottom_outer
{
width:100%;
float:left;
padding:25px 0;
}
.barber_bottom
{
width:540px;
margin:auto;
}
.barber_bottom li
{
float:left;
padding:0 28px;
background:url(../images/dot_img.png) left 19px no-repeat;
}
.barber_bottom li:first-child
{
background:none;
}
.barber_bottom li img
{
	transition:All 1s ease;
}
.barber_bottom li img:hover
{
transform: rotate(0deg) scale(0.606) skew(-1deg) translate(-6px);
-webkit-transform: rotate(0deg) scale(0.606) skew(-1deg) translate(-6px);
-moz-transform: rotate(0deg) scale(0.606) skew(-1deg) translate(-6px);
-o-transform: rotate(0deg) scale(0.606) skew(-1deg) translate(-6px);
-ms-transform: rotate(0deg) scale(0.606) skew(-1deg) translate(-6px);
transition:All 2s ease;
}
/*header part css end*/
/*banner part css start*/
.banner_outer .container
{
width:100%;
float:left;
}

.banner_outer img
{
float:left;
width:100%;
}
/*banner part css end*/
/*price list part css start*/
.price_outer
{
width:100%;
float:left;
padding:72px 0 0 0;
}
.price_left
{
float:left;
}
.list_top
{
width:100%;
float:left;
background:url(../images/boder_img.jpg) center 30px repeat-x;
text-align:center;
}
.list_top span
{
background-color:#fff;
color:#000;
padding:5px;
font-size:38px;
}
.rate_list
{
width:100%;
float:left;
}
.rate_list li
{
font-size:20px;
color:#000;
font-family: 'latobold_italic';
padding-bottom:30px;
}
.rate_list li span
{
font-size:16px;
font-family: 'latoregular';
}
.rate_list li span strong
{
font-family: 'latobold_italic';
}
.rate_list li span strong p
{
font-family: 'latobold_italic';
float:right;
}
.tr li
{
padding-bottom:10px;
}
.tr li span
{
float:right;
font-family: 'latobold_italic';
font-size: 20px;
}
.price_right
{
float:left;
}
.rh
{
float:right;
}
.trading
{
width:100%;
float:left;
}
.trading strong
{
font-family: 'latoblack_italic';
font-size:20px;
padding:15px 0 30px;
display:block;
}
.tune
{
width:100%;
float:left;
padding-top:10px;
}
.tune_left
{
width:100%;
float:left;
}
.tune_left li
{
font-size:20px;
font-family: 'latobold_italic';
padding:10px 0 3px;
}
.tune_right
{
width:100%;
float:left;
}
.tune_right > img {
  width: 100%;
}
/*price list part css end*/
/*meet the crew part css*/
.meet_outer
{
width:100%;
float:left;
background:url(../images/contant_img.jpg) center top no-repeat;
margin-top:40px;
padding-bottom:40px;
/*-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/

}
.meet_top_outer
{
width:100%;
float:left;
padding:15px 0 0;
}
.meet_top
{
width:664px;
margin:auto;
}
.meet::after {
  content: url(../images/double_border_img.png);
  left:0;
  position: relative;
  top: -10px;
}
.meet:before
{
content:url(../images/double_border_img.png);
position: relative;
top: -10px;
right:0;
}
.meet span
{
color:#fff;
padding:5px;
font-size:46px;
text-shadow:-2px 3px 0px #000000;
}
.meet
{
width:100%;
float:left;
text-align:center;
}
.crew_cont_outer
{
width:1093px;
margin:auto;
}
.crew_cont
{
width:100%;
float:left;
margin-top:47px;
margin-bottom: 40px;
}
.crew_cont li
{
width:339px;
float:left;
margin-right:37px;
}
.crew_cont li:nth-child(3n)
{
margin-right:0;
}
.block
{
background-color:#231f20;
border:10px solid #fff;
height:100%;
float:left;
width:100%;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.block img {    
  width: 100%;    
  height: 100%;   
}
.greg
{
width:100%;
float:left;
text-align:center;
font-size:32px;
margin:0;
padding: 0px 0px 30px 0px;
}
.greg a
{
text-decoration:none;
color:#231f20;
}
.contact
{
padding:20px 0 0;
}
.contact_top
{
width:618px;
margin:auto;
text-align:center;
font-size:38px;
}
.contact_top::after {
  content: url(../images/boder_image.png);
  left:0;
  position: relative;
  top: -10px;
}
.contact_top:before
{
content:url(../images/boder_image.png);
position: relative;
top: -10px;
right:0;
}
.address
{
	width:100%;
	float:left;
}
.address a
{
	text-decoration:none;
	font-size:15px;
	font-family: 'latoregular';
	color:#231f20;
	padding-right:10px;
}
.address p
{
font-size:15px;
font-family: 'latoregular';
color:#231f20;
}
/*meet the crew part css*/
/*map part start*/
.map_outer
{
width:100%;
float:left;
}
iframe {
width: 100%;
}
/*map part end*/


/*responsive css*/
@media (min-width: 768px) and (max-width: 1199px) {
*
{
box-sizing:border-box;
}
.crew_cont_outer {
  margin: auto;
  width: 100%;
}
.crew_cont li {
  float: left;
  margin-right: 37px;
  width: 30%;
}
.header_right strong {
  font-size: 28px;
  line-height: 15px;
  font-weight:normal;
}
.header_right p {
  font-family: "latobold_italic";
  font-size: 11px;
}
/*.price_left {
  float: left;
  width: 50%;
}
.price_right {
  float: left;
  width: 50%;
}
.crew_cont_outer {
  margin: auto;
  width: 100%;
}*/
}
@media (max-width: 767px){
*
{
box-sizing:border-box;
}
.header_right strong {
  font-size: 28px;
  line-height: 15px;
}
.header_right p {
  font-family: "latobold_italic";
  font-size: 11px;
}
.crew_cont_outer {
  margin: auto;
  width: 100%;
}
.crew_cont li {
  float: none;
  margin: auto !important;;
  width: 299px;
}
.crew_cont li:last-child {
  margin: 10px auto;
}
}
@media (max-width: 699px){
*
{
box-sizing:border-box;
}
.welcome span {
  color: #e86848;
  font-size: 34px;
  padding: 5px;
}
.welcome_top {
  margin: auto;
  width: 100%;
}
.header_right {
  float: right;
  margin-top: -238px;
  text-align: right;
}
.meet_top {
  margin: auto;
  width: 100%;
}
.meet span {
  font-size: 28px;
}
.contact_top {
  font-size: 38px;
  margin: auto;
  width: 100%;
}
.welcome::after {
  display: none;
}
.welcome::before {
    display: none;
}
.barber_bottom {
  margin: auto;
  width: 100%;
}
.barber_bottom li {
  width: 25%;
}
.price_outer {
  padding: 10px 0 0;
}
.meet::before {
  display: none;
}
.meet::after {
  display: none;
}
.contact_top::before {
 display: none;
}
.contact_top::after {
display: none;
}
.logo img {
  margin: 40px 0 8px;
}
.header_right {
  float: right;
  margin-top: -278px;
  text-align: center;
  width: 100%;
}
.hd {
  background: url(../images/double_line_img.png) repeat-x center bottom 31px;
  float: left;
  width: 100%;
}
}
@media (max-width: 455px){
*
{
box-sizing:border-box;
}
.barber_bottom li {
  width: 25%;
  float: left;
  text-align: center;
  width: 50%;
}
.barber_bottom li 
{
	background:none;
}
}

@media (max-width:320px){
*
{
box-sizing:border-box;
}
.tune_left {
  float: left;
  width: 100%;
  text-align:center;
}
.tune_right {
  float: right;
  width: 100%;
}
.tune {
  padding-top: 0;
}
.trading strong {
  font-size: 16px;
  text-align: center;
}
.shop {
  font-size: 23px;
}
.barber {
  text-align: justify;
}
.address a {
  display: block;
}
.address > br {
  display: none;
}
}
/*responsive css*/


.text_left
{
	width:56px;
	float:left;
	padding-top:23px;
}