/*!
 * Start Bootstrap - Round About (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */


body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-center {
	margin: 0 auto;
}

footer {
    margin: 50px 0;
}

h1, h2, strong{
	font-family: 'Cinzel', serif;
	color: #736b46;
	font-weight: bold; 
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 22px;

}
h1{
	font-size: 24px;

}
.page-header{
	border: none;
	padding-left: 50px;
}

p, a, li, input, textarea, button, label{
	font-family: 'Tinos', serif;
	font-size: 16px;
}

.more-button{
	font-size: 16px;
	color: #737677;
	font-family: 'Cinzel', serif;
	font-weight: bold; 
	border-bottom: 1px solid #737677;

	display: inline-block;
}
.more-button:hover{
	text-decoration: none;
}
.navbar, .navbar-inverse{
	border-radius: 0px;
	background: #6d6e71;
	border: none;
	margin-bottom: 0px;
}
.navbar-header{

	float: none;
	padding-top:20px; 
}
.navbar-header .langBlock{
	padding: 0;

}

.navbar-header .lang{
	color: #666;
	background: #d7f0de;
	display: block;
	padding: 0px;
	text-align: center;

}
.navbar-brand{
	float: none;
	height: auto;
	display: block;
	padding-top:0px;
	padding-bottom: 0px; 
}
.navbar-inverse .navbar-nav>li>a{

	padding:10px 50px 40px 0px;

	color: #fff;
	font-weight: bold;
	
}
.navbar-inverse .navbar-nav>li:last-child>a {
    padding-right: 0px;
}
.navbar-inverse .navbar-toggle{
	border:none;
	margin-top: 0;

}
#welcomeMessage{
	background: #fff;
}
#welcomeMessage h2{
	    font-family: 'Tinos', serif;
	    text-transform: none;
		font-size: 20px;
}
#welcomeMessage ul{
	margin-left: 100px;
}
#welcomeMessage ul li{
	 float: left;
	 margin:5px 20px;
}


#all-service-items{ 

	background: url(../images/right.jpg) repeat-x #eefbf2;
}
#leftCol{
	background: url(../images/left.jpg) repeat-x #ecf7ef;
}
#rightCol{
	background: url(../images/right.jpg) repeat-x;

}
#all-service-items .wrapping{
	padding-left: 70px;
}
.service-item ul{
	list-style: none;
	padding: 20px 0px  0px  0px;

}
#rightCol .service-item ul {
	padding: 20px 0px  85px  0px;

}

#rightCol .service-item ul li{
	padding:0 5px 20px 0px ; 

}
#welcomeMessage ul li{
	text-align: left;
}
#welcomeMessage ul li p{
	text-align: left;
}
.service-item ul li {
	padding:0 5px 5px 0px ; 
}

.service-item ul li a{
	color: #736b46;
	font-size: 18px;

}
#service-info {
	background: #f3f7f4;
}
#service-info #leftCol{
	background: #f3f7f4;

}

.collapseToggle, .collapseToggle:hover{
	text-decoration: none;
	display: block;
}
.collapseToggle h2{

	
}
.collapseToggle span{
	font-size: 10px;
}

#side-service-item, #sidr-main{
	background: url(../images/side-service-bg.png) repeat-x #f3f7f4;
	padding: 80px 0;
}
#sidr-id-side-service-item{
	padding-top: 0px;
}
#side-service-item ul, #sidr-id-side-service-item ul{
	list-style: none;
	padding: 20px 0px  0px  40px;

}
#sidr-id-side-service-item ul{
	list-style: none;
	padding: 10px 0px  0px  40px;

}

#side-service-item ul li a, #sidr-id-side-service-item ul li a{
	
	color:#9f9773;
	font-size: 17px;
	padding:4px 0; 
	display: block;

}
#side-service-item ul li.current a, #sidr-id-side-service-item ul li.sidr-class-current a{
	font-weight: bold;
	color: #6a654e;

}

.service-bg, .sidr-class-service-bg{
	background: url(../images/service-bg.png) no-repeat;
	padding: 20px 30px;
	margin-left: 0px;
	display: block;	
}
.sidr-class-service-bg{
	margin-left: 10px;
}
 #service-info #mobile-header .btn{
 	background: #ddd;
 }

#service-info h1 {
	display: block;
	text-indent:  10%;
	color: #334b1c;
	font-size: 32px;
	line-height:  33px;
	color: #334b1c;
	font-weight: normal;
	
}
#service-info .service-bg h1, #service-info #mobile-header h1, .sidr-class-service-bg h1{
	font-size:25px;
	color: #736b46;
	font-family: 'Cinzel', serif;
	font-weight: bold;
	background: none;	
	text-indent: 0;
}
#service-info .service-bg h1{
	padding:0px 20px 20px 20px;
}

#service-info #mobile-header h1{
	padding-left: 0;
}

#service-info .passage{

	background-color: #f3f7f4;
	padding-top: 150px;
	padding-bottom: 150px; 
}
#service-info .paddingTop90{
	padding-top: 90px;

}
#service-info h1, #service-info h2, #service-info p, #service-info p strong{

	font-family: 'Tinos', serif;
}
#service-info h2,  #service-info p strong{
	font-size: 20px;
	padding-top: 20px;
	text-transform: initial;
	font-weight: normal;
}
#service-info .passage h1{
	margin: 0;
}

#service-info .passage  h2.cosmeticHeading{
	font-family: 'Cinzel', serif;
	font-weight: bold;
	
}
#service-info .passage  h2.cosmeticHeading .ageGroup{

	float: left;
	font-size: 45px;
	line-height: 40px;
	
	color: #8cb89b;
	font-weight: normal;
	display: block;
	border-bottom: 2px solid #8cb89b;
	margin-right: 10px; 



}

#service-info h1 span{
	display: block;
	font-size: 20px;
	line-height: 33px;
	color: #736b46;
	font-family: 'Cinzel', serif;
	font-weight: bold;
	margin-bottom: 50px;

	background: url(../images/h1-border.png) no-repeat top left;
}
#responsive-menu-button{
	width: 100%;
	display: block;
}
#responsive-menu-button .btn h1{
	width: auto;
	display: block;
}
#responsive-menu-button .btn{
	width: 100%;
	display: block;
	white-space:pre-wrap;
}
.passage#upper-blepharoplasty{
	background-image: url(../images/upper-blepharoplasty.png);
	background-repeat: no-repeat;
	background-position:top right;
}

.passage#botox{
	background-image: url(../images/botox.png);
	background-repeat: no-repeat;
	background-position:top right;
}
.passage#surgeon{
	background-image: url(../images/surgeon.png);
	background-repeat: no-repeat;
	background-position:top right;
}

.passage#body-lift{
	background-image: url(../images/body-lift.png);
	background-repeat: no-repeat;
	background-position:top right;
}


.passage#breast-lift{
	background-image: url(../images/breast-lift.png);
	background-repeat: no-repeat;
	background-position:top right;
}

.passage#buttocks{
	background-image: url(../images/buttocks.png);
	background-repeat: no-repeat;
	background-position:top right;
}
.passage#facelift{
	background-image: url(../images/facelift.png);
	background-repeat: no-repeat;
	background-position:top right;
}
.passage#face-rejuvenation{
	background-image: url(../images/face-rejuvenation.png);
	background-repeat: no-repeat;
	background-position:top right;
}
.passage#gynaecomastia{
	background-image: url(../images/gynaecomastia.png);
	background-repeat: no-repeat;
	background-position:top right;
}

.passage#labiaplasty{
	background-image: url(../images/labiaplasty.png);
	background-repeat: no-repeat;
	background-position:top right;

}

.passage#lower-blepharoplasty{
	background-image: url(../images/lower-blepharoplasty.png);
	background-repeat: no-repeat;
	background-position:top right;

}
.passage#otoplasty{
	background-image: url(../images/otoplasty.png);
	background-repeat: no-repeat;
	background-position:top right;

}
.passage#rhinoplasty{
	background-image: url(../images/rhinoplasty.png);
	background-repeat: no-repeat;
	background-position:top right;

}
.passage#skin-care{
	background-image: url(../images/skin-care.png);
	background-repeat: no-repeat;
	background-position:top right;

}




#bottomSection{
	background: url(../images/content-bg.jpg) repeat-x #fff;
}
#our-surgeon{

	background: url(../images/contact-bg.jpg) repeat-y #e0f2e4;
}
#our-surgeon{
	padding: 30px;
}
#our-surgeon h1{
	font-size: 31px;
	color: #737677;
	letter-spacing: .3em;
}
#our-surgeon p {
	font-size: 18px;
}

#our-surgeon .more-button{
	padding-top: 20px;
}

#enquiry-form{

	background: url(../images/form-bg.jpg) repeat-x #fdfdfd;
}
#contact-us-phone{
	padding:20px 0; 
}
#contact-us-phone h1{
	
	display: block;
	
	font-size: 22px;
	line-height: 32px;
	color: #737677;
	letter-spacing: .1em;
	padding-left:43px;

	background: url(../images/phone1.png) no-repeat;
}
#contact-us-phone h1 span, #contact-us-phone a{
	color: #80a18b;
	font-size: 35px;
}


.input-feild-container{
	background: #fff;
	padding:10px ; 
	margin-bottom: 10px;
    box-shadow: 0 0 5px #ccc;

}

.input-feild-container .form-group{
	margin: 0;

}
.input-feild-container .form-group p{
	margin: 0;

}
 
.input-feild-container .form-group select{
	width: 100%;

	font-family: 'Tinos', serif;
	font-weight: bold;
}

.input-feild-container .form-group input, .input-feild-container .form-group .select-group, 
.input-feild-container .form-group select{
	height: 45px;
}
.input-feild-container .form-group textarea{
	height: 90px;
}
.input-feild-container .form-group .form-control,  
.input-feild-container .form-group select{
	padding-left:30px; 
	background: #ebebeb;
	border: #fff 1px solid;
	color:#616161;


}

.input-feild-container .form-group input::-webkit-input-placeholder, .input-feild-container .form-group textarea::-webkit-input-placeholder {
   color:#616161;
   font-weight: bold;
}

.input-feild-container .form-group input::-moz-placeholder, .input-feild-container .form-group textarea::-moz-placeholder {
   color:#616161;
   font-weight: bold;
}

.input-feild-container .form-group input::-ms-placeholder, .input-feild-container .form-group textarea::-ms-placeholder {
   color:#616161;
   font-weight: bold;
}

.input-feild-container .form-group input::placeholder, .input-feild-container .form-group textarea::placeholder {
     color:#616161;
   font-weight: bold;
}

.input-feild-container .form-group .select-group label{
	height: 20px;
	text-align: left;
	display: block;
	padding:3px 5px;
	margin-left: 20px;
}
.input-feild-container .form-group .select-group input{
	height: 20px;
	float: left;
}


.input-feild-container .form-group .name-field{
	background: url(../images/account.png) no-repeat #ebebeb 8px center;

}
.input-feild-container .form-group .email-field{
	background: url(../images/email.png) no-repeat #ebebeb 8px center;
	
}
.input-feild-container .form-group .phone-field{
	background: url(../images/phone.png) no-repeat #ebebeb 8px center;
	
}
#errorplace {
	color: red;
	font-family: 'Tinos', serif;
}
form .thumbnail{
		margin-top: 5px;
		padding:1px; 
}
form .btn{
	width: 100%;
	font-size: 18px;
	background: url(../images/button-green.png) repeat-x #92ba9b;
	color: #fff;
	font-weight: bold;
	padding:10px; 

}

#contact-session{
	background: #e1e9e3;
	padding:80px 0;
}
#contact-session strong{
	color: #6d6e71;
	font-size: 18px; 
	padding-top: 20px;

	display: block;
}
#contact-session p{
	margin: 0;
}

#contact-session .whatapps{
	background: url(../images/phone2.png) no-repeat top;

}
#contact-session .wechat{
	background: url(../images/wechat.png) no-repeat top right;

}

#publicHoliday .odd{
	background: #b1d4bd;

}
table#publicHoliday > tbody > tr:nth-child(odd){
	background: #c7c1a2;

}
   #map {
                height: 200px;
                padding: 0;
                margin: 0; 
            }

@media (max-width: 768px) { 
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
		border-color:#4a4a4a;
	}
	.navbar-inverse .navbar-nav>li>a{
		padding: 10px 40px;
	}
	.navbar-brand{
		padding:0;
		padding-right: 58px; 
	}
	.navbar-toggle{
		margin-top: 20px;
	}
	#all-service-items .wrapping{
		padding-left: 0px;
	} 
	#service-info h1{
		padding-left: 0px;
		text-indent: 0;
	}

#welcomeMessage ul{
	margin-left: 10px;
}
	
}
@media (min-width: 768px) and (max-width: 992px) {

#all-service-items .wrapping{
	padding-left: 0px;
}

.navbar-inverse .navbar-nav>li>a{

	padding:10px 14px 40px 0px;

	
	
}  }
@media (min-width: 992px) and (max-width: 1200px) {  
#all-service-items .wrapping{
	padding-left: 30px;
}

.navbar-inverse .navbar-nav>li>a{

	padding:10px 35px 40px 0px;


	
}}
@media (min-width: 1200px) {  }