/* About us page*/
.intro_section {
    text-align: center;
    display: inline-block;
    width: 100%;
}
.intro_section h1 {
    font-size: 50px;
    font-family: 'Times new roman';
    margin-bottom: 15px;
  color: #555;
}
.intro_section img {
    max-width: 450px;
    display: inline-block;
    position: relative;    
    width: 50%;
}
.intro_section .content {
    display: inline-block;
    position: relative;
    text-align: center;
    max-width: 445px;    
    margin-top: 12px;
    padding: 15px 15px 0;
    border: 7px solid #9ad9df;
    left: -10px;
    background: #FFF;
  	width: 50%;
  vertical-align: top;
}
.intro_section .content p{
  margin-bottom: 18px;
}
.block {
    width: 100%;
    position: relative;
}
.title-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}
.block h2,
.block h2{
  font-family: 'Muli', Sans-serif;
  font-size: 40px;
  line-height: 46px;
  letter-spacing: 8px;
  color: #666;
  padding: 30px 25px;
  position: relative;
  display: inline-block;
  margin: 0;
  background: #FFF;
  z-index: 1;    
}
.block:nth-child(odd) h2,
.block:nth-child(odd) .h2{
  float: left;
}
.block:nth-child(even) h2,
.block:nth-child(even) .h2{
  float: right;
}
.block span.line{  
  position: absolute;
  height: 3px;
  width: calc(100% - 25px);
  background: #9ad9df;
  display: inline-block;
  vertical-align: middle;
  left: 0;
  top: 50%;
}
.block:nth-child(even) span.line{
  left: auto;
  right: 0;
}
.images {
    text-align: center;
  margin-right: -7px;
    margin-left: -7px;
}
.images.row .grid__item {
    padding-left: 7px;
    padding-right: 7px;
}
.block .images img {
    margin-bottom: 14px;      
}
.description{
	text-align: center;
}
.description p{
	font-size: 17px;
}
.description a {
    padding: 10px 20px;
    text-transform: uppercase;
    background: #9ad9df;
    font-size: 20px;
    line-height: 22px;
    margin-top: 15px;
    display: inline-block;
    font-weight: lighter;
    color: #666;
    min-width: 190px;
}
.description a:hover {
	text-decoration: none;
}
.follow_us,
.block .title-wrap2{
    position: relative;
    text-align: center;
  overflow: hidden;
}
.follow_us h2,
.block .title-wrap2 h2{
	font-family: 'Muli', Sans-serif;
    font-size: 40px;
    line-height: 46px;
    letter-spacing: 8px;
    color: #666;
    padding: 30px 25px;
    position: relative;
    display: inline-block;
    margin: 0;
    background: #FFF;
    z-index: 1;
  	text-transform: uppercase;
  float: none;
}
.follow_us h2:after,
.follow_us h2:before,
.block .title-wrap2 h2:after,
.block .title-wrap2 h2:before{
 	content: '';
  	position: absolute;
    height: 3px;
    width: 140%;
    background: #9ad9df;
    display: inline-block;
    vertical-align: middle;
    left: 100%;
    top: 50%;
}
.follow_us h2:before,
.block .title-wrap2 h2:before{
  	right: 100%;
  	left: auto;
}
.follow_us p {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: lighter;
}
.follow_us p a:hover{
 	text-decoration: none; 
}
.block .images img.mobile_img{
	display: none;
}
/* End aboutus page*/

/* interior-design page*/
.interior-design{
	position: relative;
  text-align: center;
}
.interior-design h1,
.speaking-consulting h1.title,
.speaking-consulting h2.title,
.private-parties h1{
	font-family: 'Muli', Sans-serif;
    font-size: 56px;
    line-height: 30px;
    letter-spacing: 2px;
    color: #333;
    padding: 30px 25px;
    position: relative;
    display: inline-block;
    margin: 0;    
  	text-transform: uppercase;  
}
.interior-design h1:after,
.speaking-consulting h1.title:after,
.speaking-consulting h2.title:after,
.private-parties h1:after{
 	content: '';
  	position: relative;
    height: 5px;
    width: 100%;
    background: #9ad9df;
    display: inline-block; 
}
.interior-design .desc {
  max-width: 790px;
    width: 100%;
    display: block;
    margin: 0 auto 25px;
  font-size: 18px;
  font-weight: lighter;
}
.interior-design .desc p,
.private-parties p{
	font-size: 18px;
  	line-height: 24px;
}
.interior-design .column{
	margin-top: 15px;  	
}
.interior-design .column img{
	border-radius: 50%;
}
.interior-design .column .info {
    padding: 15px 5px 5px;
    width: 100%;
    max-width: 300px;
    display: block;
    margin: 0 auto;
    background: #9ad9df;
    margin-top: 20px;
  font-weight: lighter;
}
.interior-design .column .info h3{
	margin-top: 0px;
  	font-size: 22px;
  	line-height: 1;
  text-transform: uppercase;
}
.contact_form {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 800px;
}
.contact_form h2,
.contact_form .h2{
	font-family: 'playlistscript';
  font-size: 36px;
  margin: 30px 0 20px;
}
.contact_form .name,
.contact_form .email{
	width: calc(50% - 10px);
  float: left;
  display: inline-block;
}
.contact_form .name{
	margin-right: 10px;
}
.contact_form .email{
 	margin-left: 10px; 
}
.contact_form .form-control{
  display: inline-block;
  width: calc(100% - 80px);
  border-radius: 0px;
  background: #eaf0f1;
  border: none;
  vertical-align: middle;
}
.contact_form .form-group label{
    text-transform: uppercase;     
    vertical-align: middle;
    margin-bottom: 0px;
  min-width: 65px;
    text-align: left;
  vertical-align: middle;
}
.contact_form .form-group textarea{
	min-height: 80px;
}
.contact_form .form-group input.btn{
	background: #9ad9df;
  	text-transform: uppercase;
  	font-weight: bold;
}
/* End interior-design page */

/* Services page */
.owner_info{
	text-align: center;
  position: relative;
}
.service_description{
	position: relative;
  max-width: 400px;
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  margin-right: -60px;
  z-index: 1;
}
.service_description p{
  text-transform: uppercase;
  background: #bee7ea;
  font-size: 28px;
  font-family: 'Times new roman';
  display: inline-block;
  padding: 0 15px;
  letter-spacing: 1px;
}
.owner_picture{
  position: relative;
  max-width: 400px;
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
.owner_picture .name{
  background: #bee7ea;
  width: 100%;
  display: inline-block;
}
.owner_picture .name h2,
.owner_picture .name .h2{
  margin: 0;
  color: #FFF;
  padding: 10px 0;
  font-family: 'playlistscript';
  font-size: 45px;
}
.owner_picture .name p{
  color: #000;
  font-size: 15px;
  text-transform: uppercase;
}
.private_custom_label{
  margin-top: 30px;
  position: relative;
  width: 100%;
  display: inline-block;
}
.private_custom_label img{
  vertical-align: middle;
  float: left;
  max-height: 550px;
  width: auto;
  max-width: 45%;
}
.private_custom_label img.last{
  float: right;
}
.private_custom_label .label_desc{
  position: absolute;
  left: 0; right: 0;
  bottom: 25px;
  display: inline-block;
  text-align: center;
  max-width: 600px;
  margin: auto;
}  
.private_custom_label .label_desc p {
    display: inline-block;
    font-size: 19px;
    line-height: 22px;
    background: #bee7ea;
    padding: 10px 25px;
}
.private_custom_label .label_desc a {
    display: block;
    margin-top: 20px;
    background: #bee7ea;
    width: 200px;
    margin: 20px auto 0;
    padding: 10px 12px;
    color: #FFF;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
}
.three_boxes {
	margin-top: 30px;
}
.three_boxes .box{
	text-align: center;
  	border: 10px solid #bee7ea;
}
.three_boxes .box .box_info{
  border-top: 10px solid #bee7ea;
  padding: 15px 25px;  
}
.three_boxes .box .box_info h5{
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.private_vs_custom{
  padding: 30px;
  margin-top: 30px;
}
.private_vs_custom h2,
.private_vs_custom .h2{
  font-family: 'playlistscript';
  font-size: 50px;
  text-align: center;
  margin: 0 auto 50px;
}
.private_vs_custom p,
.about p{
    margin-bottom: 20px;
    font-size: 16px;
}
.about{
	margin-top:30px;
  padding: 0 20px 0;
  text-align: center;
}
.about h2,
.lets_talk h2,
.lets_talk .h2,
.about .h2{
  font-family: 'playlistscript';
  font-size: 50px;  
  margin-bottom: 30px; 
  text-align: center;
}
.lets_talk{
  padding: 20px;  
}  
.lets_talk p{
  font-size: 20px;
  text-align: center;
}
.lt_form {
    max-width: 650px;
    margin: auto;
}
.lt_form .form-group label{
	min-width: 110px;
  	text-align: left;
}
.lt_form .form-group input,
.lt_form .form-group select{
    display: inline-block;
  width: calc(100% - 115px);
    min-height: 34px;
}
.lt_form .form-group input[type=submit]{
	max-width: 150px;
  	text-transform: uppercase;
  margin: auto;
    display: block;
}  
.three_label{
  margin-top: 30px;
  padding: 40px 10px;
  background: #ddd;
}  
.three_label h3{
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 25px;
}
.three_label h3.option_title {
    margin-top: 70px;
}
.three_label p{
  text-align: center;
  font-size: 17px;
}
.three_label ul li{
  font-size: 17px;
  margin-bottom: 12px;
}
.three_label h2,
.three_label .h2{
  font-family: 'playlistscript';
  font-size: 50px;  
  margin: 70px 0 50px; 
  text-align: center;
}
.steps {
    display: inline-block;
    width: 100%;
    position: relative;
}
.three_label .step{
  width: 20%;
  padding: 0 15px;
  float: left;
}
.three_label .step h3{
  margin-bottom: 10px;
}
/* End Services page */

/* Speaking & Consulting */
.speaking-consulting{
	position: relative;
  	text-align: center;
}
.speaking-consulting h4{
 	font-weight: 900;
  margin: 30px 0;
}
.speaking-consulting p{
 	font-size: 17px; 
}
.speaking-consulting a.btn{
  background: #9ad9df;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px;
  margin: 30px 0 50px;
}
.speaking-consulting .listens {
    text-align: center;
    margin-top: 30px;
}
.speaking-consulting .listen {
    width: calc(25% - 34px);
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}
.speaking-consulting .listen img {
    width: 100%;
}
.speaking-consulting .listen a.btn{
	margin-bottom: 10px;
    margin-top: 15px;
}
.about_me p{
  text-align: left;
  font-size: 16px;  
  margin-bottom: 20px;
}
/* end speaking& consulting*/

/* Private shopping parties */
.private-parties{
	text-align: center
}
.private-parties p,
.party-booking-form{
	text-align: left;
}
.party-booking-form{
	max-width: 400px;
  	display: block;
  	width: 100%;
  	margin: 40px auto;
}
.party-booking-form input[type=submit]{
 	background: #9ad9df; 
    margin: auto;
    width: 120px;
    display: block;
    border-radius: 0;
    border: 0;
}
/* End Private shopping parties*/

@media screen and (max-width: 991px){
  .intro_section .content{
  	max-width: 100%;
    width: 100%;
  }
  .intro_section h1,
  .interior-design h1,
  .speaking-consulting h1.title,
  .speaking-consulting h2.title,
  .private-parties h1{
    	font-size: 36px;
    }
  .block .images img.desktop_img{
  	display: none;
  }
  .block .images img.mobile_img{
	display: block;
  }
  .about_me img {
    margin-bottom: 10px;
  }
  .about_me p {
    text-align: center;
  }
}

@media screen and (max-width: 767px){
  .intro_section img{
    max-width: 500px;
    float: none;
    width: 100%;
  }
  .intro_section .content{
  	max-width: 100%;
    float: none;
    margin-top: 15px;
    left: 0px;
    width: 100%;
  }
  .block h2,
  .follow_us h2,
  .block .title-wrap2 h2,
  .block .h2,
  .follow_us .h2,
  .block .title-wrap2 .h2{    
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 5px;
    padding: 20px;
  }
  .block .images img {
    margin-bottom: 15px;
  }
  .block:nth-child(even) h2,
  .block:nth-child(even) .h2{
    float: left;
  }
  
  .service_description p{
  	font-size: 20px;
  }
  .owner_picture .name h2,
  .owner_picture .name .h2{
  	font-size: 40px;
  }
  .private_custom_label .label_desc p{
  	font-size: 16px;
  }
  .private_custom_label .label_desc a{
  	width: 150px;
    margin: 10px auto 0;    
    font-size: 16px;
  }
  .three_label {    
    padding: 20px 10px;
  }
  .three_boxes .box{
  	margin-bottom: 20px;
  }
  .three_label .step {
    width: 33.33%;
  }
  .about h2, .lets_talk h2,
  .private_vs_custom h2, .three_label h2,
  .about .h2, .lets_talk .h2,
  .private_vs_custom .h2, .three_label .h2{
  	font-size: 35px;
    margin-bottom: 20px;
  }
  .three_label h3{
  	margin-bottom: 15px;
    font-size: 20px;
  }
  .three_label h3.option_title {
    margin-top: 30px;
  }
  .three_label ul li,
  .three_label p{
    font-size: 15px;
  }
  
  .speaking-consulting .listen {
    width: calc(50% - 23px);
    margin: 0 10px;
  }
  .speaking-consulting .listen a.btn {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 620px){
  .service_description{
  	width: 100%;    
    margin-right: 0px;
  }
  .owner_picture{
  	width: 100%;
  }
}

@media screen and (max-width: 450px){
  .block h2,
  .follow_us h2,
  .block .title-wrap2 h2,
  .block .h2,
  .follow_us .h2,
  .block .title-wrap2 .h2{
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 2px;    
    width: 100%;
    text-align: center;
  }  
  .interior-design h1{
  	font-size: 24px;
    line-height: 18px;
  }
  .interior-design h1:after{
   	height: 3px; 
  }
  .contact_form h2,
  .contact_form .h2{
  	font-size: 30px;
  }
  .contact_form .name, .contact_form .email{
  	width: 100%;
    margin-left: 0;
    margin-right: 0px;
  }
  .private_vs_custom {
    padding: 20px;
    margin-top: 10px;
  }
  .private_custom_label img{
  	max-width: 48%;
  }
  .private_custom_label .label_desc{
  	position: relative;
    margin-top: 35px;
  }
  .three_boxes {
    margin-top: 10px;
  }
  .three_label .step {
    width: 50%;
    padding: 0 5px;
  }
  .about{
  	padding: 0px;
  }
  .three_label h2,
  .three_label .h2{
  	margin: 30px 0 10px;
  }
  .intro_section h1, .interior-design h1, .speaking-consulting h1.title, .speaking-consulting h2.title,
  .private-parties h1{
    font-size: 28px;
  }
}
@media screen and (max-width: 380px){
  .lt_form .form-group label{
      display: block;
  }
  .lt_form .form-group input, .lt_form .form-group select{
  	width: 100%;
  }
  .service_description p {
    font-size: 18px;
  }
  .private_custom_label .label_desc p{
  	padding: 10px 15px;
  }
}