body{
  	font-family: 'Josefin Sans', sans-serif !important;
}

/*Font section*/

h1{
  font-size: 60px;
  font-weight: 600;
  text-transform: uppercase;
}

h2{
  font-size: 35px;
  font-weight: 600;
  line-height: 35px;
  text-transform: uppercase;
}

h3{ 
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
}

h4{ 
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

h5{ 
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
}

h6{ 
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

a, a:focus, a:hover{
	text-decoration: none;
}

.caps{
	text-transform: uppercase;
}

.nav-bar{
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

/*Font section end*/

/*Text color section*/

.brand{
	color: #A2C5C1;
}

.white{
	color: #ffffff;
}

.black{
	color: #333333;
}

/*Text color section end*/

/*Background color section*/
.bg-brand{
	background-color: #A2C5C1;
}

.bg-white{
	background-color: #ffffff;
}

.bg-black{
	background-color: #333333;
}

.bg-gray{
	background-color: #eeeeee;
}
/*Background color section end*/

/*button section*/

.btn-default{
  padding: 10px;
  text-transform: uppercase;
  font-size: 16px;
  color:#ffffff;
  background-color: #A2C5C1; 
  border-radius: 5px;
  text-decoration: none;
}

.btn-default:hover{
    color: #ffffff;
    background-color: #A2C5C1;
    text-decoration: none;
}

.btn-primary{
    padding: 10px;
    font-size: 16px;
    border: 2px solid #A2C5C1;
    border-radius: 5px;
    color: #A2C5C1;
    background-color: transparent;
    text-transform: uppercase;
    text-decoration: none;
    text-underline:none;
}

.btn-primary:hover, .btn-primary:active,.btn-primary:active:focus, .btn-primary:focus,.active:active,.active:focus,.active:active:focus{
	color: #ffffff;
    background-color: #A2C5C1;
    text-decoration: none;
    text-underline:none;
    border: 2px solid #A2C5C1;
}

/*
#clinic{
	padding:0px 8%;	
}
*/

.marlrmd{
	margin:0px 20px 20px 20px;
}

.nav-justified>li{
	margin:0px;	
}


#clinic.nav-justified>li>a{
	color:#A2C5C1;
/* 	border: 2px solid #A2C5C1; */
	background-color: rgba(0,0,0,0);
	text-transform: uppercase;
	font-weight: 800;
}


#clinic.nav-justified>li.active>a, #clinic.nav-justified>li.active>a:focus, #clinic.nav-justified>li.active>a:hover{
	color: #ffffff;
    background-color: #A2C5C1;
    text-decoration: none;
    text-underline:none;
    border: 2px solid #A2C5C1;
    border-radius: 2px;
    text-transform: uppercase;
}

.btn-rect{
	padding: 10px;
    font-size: 16px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
    background-color: transparent;
    text-transform: uppercase;	
    text-decoration: none;
}
.btn-rect:hover{
  color: #ffffff;
    background-color: #A2C5C1;
    border-color: #A2C5C1;
    text-decoration: none;

}
.input-button {
    padding: 10px 20px;
    font-size: 22px;
    border: 3px solid #ffffff;
    color: #ffffff;
    border-radius: 0px;
    background-color: transparent;  
    text-decoration: none;
    cursor: pointer;
}
.input-button:hover{
   /* border: none;*/
    color: #A2C5C1;
    text-decoration: none;
    background-color: #ffffff;

}

/*button section end*/
/*tooltip start*/



/*testing tooltip start*/

#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }
/*testing tooltip end*/
.brand-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#A2C5C1; }

.brand-tooltip + .tooltip > .tooltip-inner {background-color: #A2C5C1;}
/*tooltip end*/

/*bloc to be used with row or container - applied directly to a section to space out a seciton*/

.bloc-lg{
	margin-top: 240px;
	margin-bottom: 150px;
}

.bloc-md{
	margin-top: 120px;
	margin-bottom: 40px;
}

.bloc-sm{
	margin-top: 30px;
	margin-bottom: 30px;
}

/*block end*/

/*paddding can be used anywhere- handled independently for mobile*/

/*top padding*/
.padtblg{
	padding-top: 120px;
}

.padtslg{
	padding-top: 80px;
}

.padtlg{
	padding-top: 70px;
}

.padtmd{
	padding-top: 60px;
}

.padtsm{
	padding-top: 20px;
}

.padtxs{
	padding-top: 10px;
}
/*top padding end*/

/*bottom padding*/
.padbblg{
	padding-bottom: 120px;
}

.padbslg{
	padding-bottom: 80px;
}

.padblg{
	padding-bottom: 60px;
}

.padbmd{
	padding-bottom: 50px;
}

.padbsm{
	padding-bottom: 40px;
}

.padbxs{
	padding-bottom: 15px;
}
/*bottom padding end*/

/*left padding*/

.padllg{
	padding-left: 90px;
}

.padlmd{
	padding-left: 50px;
}

.padlsm{
	padding-left: 40px;
}

.padlxs{
	padding-left: 20px;
}
/*left padding end*/

/*right padding*/

.padrlg{
	padding-right: 90px;
}

.padrmd{
	padding-right: 50px;
}

.padrsm{
	padding-right: 40px;
}

.padrxs{
	padding-right: 20px;
}
/*right padding end*/

/*left right padding*/
.padlrlg{
	padding-left: 40px;
	padding-right: 40px;
}
/*left right padding end*/

/*zero padding*/
.pad0{
	padding: 0px;
}

.padt0{
	padding-top: 0px;
}

.padb0{
	padding-bottom: 0px;
}

.padl0{
	padding-left: 0px;
}

.padr0{
	padding-right: 0px;
}

.padtb0{
	padding-top: 0px;
	padding-bottom: 0px;
}

.padlr0{
	padding-left: 0px;
	padding-right: 0px;
}
/*zero padding end*/
/*padding section end*/

/*Margin section*/

/*top margin*/
.martblg{
	margin-top: 120px;
}

.martslg{
	margin-top: 80px;
}

.martlg{
	margin-top: 70px;
}

.martmd{
	margin-top: 60px;
}

.martsm{
	margin-top: 20px;
}

.martxs{
	margin-top: 10px;
}
/*top margin end*/

/*bottom margin*/
.marbblg{
	margin-bottom: 120px;
}

.marbslg{
	margin-bottom: 80px;
}

.marblg{
	margin-bottom: 60px;
}

.marbmd{
	margin-bottom: 50px;
}

.marbsm{
	margin-bottom: 40px;
}

.marbxs{
	margin-bottom: 15px;
}
/*bottom margin end*/

/*left margin*/

.marllg{
	margin-left: 90px;
}

.marlmd{
	margin-left: 50px;
}

.marlsm{
	margin-left: 40px;
}

.marlxs{
	margin-left: 20px;
}
/*left margin end*/

/*right margin*/

.marrlg{
	margin-right: 90px;
}

.marrmd{
	margin-right: 50px;
}

.marrsm{
	margin-right: 40px;
}

.marrxs{
	margin-right: 20px;
}
/*right margin end*/

/*left right margin*/
.marlrlg{
	margin-left: 40px;
	margin-right: 40px;
}
/*left right margin end*/

/*zero margin*/
.mar0{
	margin: 0px;
}

.mart0{
	margin-top: 0px;
}

.marb0{
	margin-bottom: 0px;
}

.marl0{
	margin-left: 0px;
}

.marr0{
	margin-right: 0px;
}

.martb0{
	margin-top: 0px;
	margin-bottom: 0px;
}

.marlr0{
	margin-left: 0px;
	margin-right: 0px;
}

.mar-per{
	margin-top: 22%;
}
/*zero margin end*/
.text-left{
  text-align: left;
}

.text-right{
  text-align: right;
}

/*hr section*/
hr
{
  border-top: 2px solid #A2C5C1;
  margin-top: 0px;
  margin-bottom: 0px;
}
/*hr section*/

/*id section for home page start*/
#firstbg{
margin-top: -2%;
background-image: url('../img/Landing-banner.jpg');  
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

#secondbg{
margin-top: -2%;
background-image: url('../img/introbanner.jpg');  
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

#thirdbg{
margin-top: -2%;
background-image: url('../img/bg3banner.jpg');  
background-repeat: no-repeat;
}

#fifthbg{
margin-top: -2%;
background-image: url('../img/carousalbanner.jpg');  
background-repeat: no-repeat;
}
/*id section for home page end*/

/*id section for treatment page start*/
#treatment-bg{
margin-top: -2%;
background-image: url('../img/treatment-banner.jpg');  
background-repeat: no-repeat;
background-size: 140%;
background-position:top;
background-attachment: fixed;
}

#map-canvas-2>button{
position: absolute;
right: 10px;
margin-top:10%;
}
/*id section for treatment page end*/

/*treatment id section start*/
#info1, #info2, #info3, #info4, #info5, #info6, #info7, #info8, #info9, #info10
{
  display: none;
}

/*treatment id section end*/

/*border section*/
.right-border{
	border-right: 1px solid #fff;
}
.bord6{
	border:6px solid #A2C5C1;
}

/*border section end*/

/*font sizes*/
.f22{
	font-size: 22px;
}
.f25
{
	font-size: 25px;
}
.f25:hover
{
  color: #617573;
}

/*font sizes end*/

/* navigation bar */
.navbar-default .navbar-nav>li>a {
	color: white;
}
.navbar-default{
  border-color: rgba(0,0,0,0);
}

.navbar-brand{
  padding: 10px 0px 0px 15px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
{
  color: #A2C5C1;
}

.navbar{
  margin-bottom: initial;
  min-height: 100px;
}

nav{
  z-index: 300;
}

.dropdown-menu{
	padding: 0px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    width: 220px;
}

.carousel{
  z-index: 10;
}

.project{
  right:10%;
  left:60%;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-menu>li>a{
	padding: 13px 20px;
	font-weight: 600;
	font-size: 16px;
}
#map-canvas-2{
	width: 100%;
	height: 400px;
	background: url(../img/map-london.jpg) 50% 50%;
}

#map-canvas-2>img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 30%;
}

ul.padlxs>li{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}

ol.padlxs>li{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
margin-top: 42px;

/* sliding menu*/

body.slide-active {
    overflow-x: hidden
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px!important
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    padding-top: 0px;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0
}
/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 10px 0 0 0;
    border: 0;
    background: transparent;
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: orange
}
.navbar-header {
    position: relative
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}
.logo-be{
	padding: 30vh 0;
}

.navbar{
	border-radius: 0px;
}

nav#slide-nav.navbar.navbar-default.desktop{
	left:0px;
}

.min-h{
	min-height: 70px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.padtbmdd{
	padding: 40px;
}

iframe{
	pointer-events: none;
}

#secondbg{
	height:90vh;
}
.img-respond{
	width:100%;
}
select, select:focus, select:active{
	border: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.ui-widget.ui-widget-content{
	background-color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
	background-color: rgba(0,0,0,0.005);
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	background-color: #A2C5C1;
	border: 1px solid #70928e;
	font-weight: 600;
	color:white;
}

.ui-widget-header{
	border: 1px solid #dddddd;
	background: #A2C5C1;
	color: #333333;
	font-weight: bold;
	font-size: 16px;
}

div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{
	font-family: 'Josefin Sans', Sans-Serif;
}

.form-control:focus{
	box-shadow: none;	
}

a.anchor{
	display: block;
	position: relative;
	top: -120px;
	visibility: hidden;
}

#list
{
    width: 100%;
    overflow: hidden;
    margin-bottom: -1.875em; /* 30px */
    -webkit-column-count: 3;
    -webkit-column-gap: 1.875em; /* 30px */
    -webkit-column-fill: auto;
    -moz-column-count: 3;
    -moz-column-gap: 1.875em; /* 30px */
    -moz-column-fill: auto;
    column-count: 3;
    column-gap: 1.875em; /* 30px */
    column-fill: auto;
}
    .item
    {
        margin-bottom: 1.875em; /* 15px 30px */
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        column-break-inside: avoid;
    }
 
@media only screen and ( max-width: 40em ) /* 640px */
{
    #list
    {
        -webkit-column-count: 2;
        -webkit-column-gap: 0.938em; /* 15px */
        -moz-column-count: 2;
        -moz-column-gap: 0.938em; /* 15px */
        column-count: 2;
        column-gap: 0.938em; /* 15px */
    }
        .item
        {
            margin-bottom: 0.938em; /* 15px */
        }
}
@media only screen and ( max-width: 20em ) /* 320px */
{
    #list
    {
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto;
    }
}

/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
@media (max-width:767px) { 
  #slide-nav .container {
      margin: 0;
      padding: 0!important;
  }
  #slide-nav .navbar-header {
      margin: 0 auto;
      padding: 0 15px;
  }
  #slide-nav .navbar.slide-active {
      position: absolute;
      width: 80%;
      top: -1px;
      z-index: 1000;
  }
  #slide-nav #slidemenu {
      background: #f7f7f7;
      left: -100%;
      width: 80%;
      min-width: 0;
      position: absolute;
      padding-left: 0;
      z-index: 2;
      top: -8px;
      margin: 0;
  }
  #slide-nav #slidemenu .navbar-nav {
      min-width: 0;
      width: 100%;
      margin: 0;
  }
  #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
      min-width: 0;
      width: 80%;
      white-space: normal;
  }
  #slide-nav {
      border-top: 0
  }
  #slide-nav.navbar-inverse #slidemenu {
      background: #333
  }
  /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
  #slide-nav #navbar-height-col {
      position: fixed;
      top: 0;
      height: 100%;
      width: 80%;
      left: -80%;
      background: #eee;
  }
  #slide-nav.navbar-inverse #navbar-height-col {
      background: #333;
      z-index: 1;
      border: 0;
  }
  #slide-nav .navbar-form {
      width: 100%;
      margin: 8px 0;
      text-align: center;
      overflow: hidden;
      /*fast clearfixer*/
  }
  #slide-nav .navbar-form .form-control {
      text-align: center
  }
  #slide-nav .navbar-form .btn {
      width: 100%
  }
  .navbar-brand{
	 padding-top: 5px;
	 margin-bottom: 20px;
  }

}
@media (max-width:1366px) { 
	.logo-be{
		padding: 28vh 0;
	}
}

@media (max-width:1024px){
	ul.nav.navbar-nav{
		font-size: 12px;
	}
	button.btn.btn-rect{
		font-size: 12px;
		margin-top:5px;
	}
	.mar-per{
		margin-top: 25%;
	}	
/*
	#clinic{
	padding:0px 15%;	
	}
*/
	
	.marlrmd{
		margin:20px;
	}
	.logo-be{
		padding: 27vh 0;
	}
}
@media (min-width:768px) { 
  #page-content {
      left: 0!important
  }
  .navbar.navbar-fixed-top.slide-active {
      position: fixed
  }
  .navbar-header {
      left: 0!important
  }
}

/*sticky navbar*/

.fixed {
	position: fixed; 
	top: 0; 
	height: 70px; 
	z-index: 1;
}

nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70px;
	background: #fff;
}

/*form section*/
.form-control{
  height: inherit;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 15px;
  font-size: 28px;
  color: #A2C5C1;
  font-weight: 600;
  line-height: 28px;
  border: none;
  -webkit-box-shadow:none;
}

/*form section end*/

/*placeholder section*/
input::-webkit-input-placeholder {
color: #A2C5C1 !important;
background-color: white;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: #A2C5C1 !important;  
background-color: white;
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: #A2C5C1 !important;  
background-color: white;
}
 
input:-ms-input-placeholder {  
color: #A2C5C1 !important;  
background-color: white;
}
/*placeholder section end*/

/*input treatment form section start*/
.input2 {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #ffffff;
    background-color: transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #ffffff;
    outline: none;
}

.input2:focus {
/*background-color: #ffffff;*/
border: 2px solid #333333;
color: #333333;
}

.input2::-webkit-input-placeholder {
color: #ffffff !important;
background-color: transparent;
}
 
.input2:-moz-placeholder { /* Firefox 18- */
color: #ffffff !important;
background-color: transparent;
}
 
.input2::-moz-placeholder {  /* Firefox 19+ */
color: #ffffff !important;
background-color: transparent;
}
 
.input2:-ms-input-placeholder {  
color: #ffffff !important;
background-color: transparent;
}
/*input treatment form section end*/

/*display setting*/
.desktop{
  display: block;
}

.mobile{
  display: none;
}

/*display setting end*/

/* animations */
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* animations END*/

/*mobile adjustment*/
@media (max-width: 768px){
.desktop{
    display: none;
  }

  .mobile{
    display: block;
  }

  /*navbar start*/
  .navbar{
    min-height: 70px;
  }
 /* navbar end*/


/*Font section*/

h1{
  font-size: 3.5em;
  font-weight: 600;
  text-transform: uppercase;
}

h2{
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

h3{ 
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.025;
}

h4{ 
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.010em;
}

h5{ 
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.010em;
}

h6{ 
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.010em;
}

/*Font section end*/
h3{ 
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.025;
}

/*form section*/
.form-control{
  height: inherit;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 5px;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.025;
  color: #A2C5C1;
  border: none;
  -webkit-box-shadow:none;
}
/*form section end*/

.text-right, .text-left{
    text-align: center;
  }
/*id section*/
#firstbg{
margin-top: -2%;
/* background-image: url('../img/landing-banner.jpg');   */
background-repeat: no-repeat;
background-position: 45% 50px;
background-size: 409%;
}

.mar-per{
	margin-top: 75%;
}

#secondbg{
margin-top: -2%;
background-image: url('../img/introbanner.jpg');  
background-repeat: no-repeat;
background-position: 35% 0px;
background-size: 409%;
height: 280%;
}

.min-h{
	min-height: 40px;
}

.padtbmdd{
	padding: 10px;
}

#thirdbg{
margin-top: -2%;
/*background-size: cover;*/
background-image: url('../img/bg3banner.jpg');  
background-repeat: no-repeat;
background-position: 35% 0px;
background-size: 1050%;
}
#fifthbg{
margin-top: -2%;
/*background-size: cover;*/
background-image: url('../img/carousalbanner.jpg');  

}

/*id section for treatment page start*/
#treatment-bg{
margin-top: -2%;
background-image: url('../img/treatment-banner.jpg');  
background-repeat: no-repeat;
background-position: 45% 50px;
background-size: 409%;
background-attachment: fixed;
}
/*id section for treatment page end*/


/*id section end*/


.bloc-md{
  margin-top: 60px;
  margin-bottom: 10px;
}
.bloc-lg{
  margin-top: 200px;
  margin-bottom: 100px;
}
.bloc-sm{
  margin-top: 10px;
  margin-bottom: 20px;
}

.marbblg
{
  margin-bottom: 40px;
}
.marblg
{
  margin-bottom: 20px;
}
.martblg
{
  margin-top: 10px;
}
.martmd{
  margin-top: 40px;
}
.martslg{
  margin-top: 20px;
}
.padtblg
{
  padding-top: 10px;
}
.padlmd{
  padding-left: 0px;
}
.padrmd{
  padding-right: 0px;
}
.padbslg{
  padding-bottom: 20px;
}
.marlrlg
{
  margin-left: 0px;
  margin-right: 0px;
}
.btn-primary{
    padding: 8px;
    font-size: 16px;
    border: 2px solid #A2C5C1;
    border-radius: 5px;
    color: #A2C5C1;
    background-color: transparent;
    text-transform: uppercase;
    text-decoration: none;
}

.btn-primary:hover{
  color: #ffffff;
    background-color: #A2C5C1;
    text-decoration: none;
    border: 2px solid #A2C5C1;
}
.navbar-nav{
  margin: 0px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
background-color: #333333;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #333333;
background-color: #A2C5C1;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
  background-color: transparent;
  border:none;
}
.navbar-default .navbar-toggle{
  border:none;
}

#map-canvas-2>button{
	position: absolute;
	right: 0px;
	margin-top:60%;
}

.logo-be{
	padding:24vh 0;	
}
 
}

@media (max-width:767px) { 
  #slide-nav .container {
      margin: 0;
      padding: 0!important;
  }
  #slide-nav .navbar-header {
      margin: 0 auto;
      padding: 0 15px;
  }
  #slide-nav .navbar.slide-active {
      position: absolute;
      width: 80%;
      top: -1px;
      z-index: 1000;
  }
  #slide-nav #slidemenu {
      background: #f7f7f7;
      left: -100%;
      width: 80%;
      min-width: 0;
      position: absolute;
      padding-left: 0;
      z-index: 2;
      top: -8px;
      margin: 0;
  }
  #slide-nav #slidemenu .navbar-nav {
      min-width: 0;
      width: 100%;
      margin: 0;
  }
  #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
      min-width: 0;
      width: 80%;
      white-space: normal;
  }
  #slide-nav {
      border-top: 0
  }
  #slide-nav.navbar-inverse #slidemenu {
      background: #333
  }
  /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
  #slide-nav #navbar-height-col {
      position: fixed;
      top: 0;
      height: 100%;
      width: 80%;
      left: -80%;
      background: #eee;
  }
  #slide-nav.navbar-inverse #navbar-height-col {
      background: #333;
      z-index: 1;
      border: 0;
  }
  #slide-nav .navbar-form {
      width: 100%;
      margin: 8px 0;
      text-align: center;
      overflow: hidden;
      /*fast clearfixer*/
  }
  #slide-nav .navbar-form .form-control {
      text-align: center
  }
  #slide-nav .navbar-form .btn {
      width: 100%
  }
  .navbar-brand{
	 padding-top: 5px;
	 margin-bottom: 20px;
  }

}
@media (min-width:768px) { 
  #page-content {
      left: 0!important
  }
  .navbar.navbar-fixed-top.slide-active {
      position: fixed
  }
  .navbar-header {
      left: 0!important
  }
}

/*sticky navbar*/

.fixed {
	position: fixed; 
	top: 0; 
	height: 70px; 
	z-index: 1;
}

nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70px;
	background: #fff;
}

/*form section*/
.form-control{
  height: inherit;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 15px;
  font-size: 28px;
  color: #A2C5C1;
  font-weight: 600;
  line-height: 28px;
  border: none;
  -webkit-box-shadow:none;
}

/*form section end*/

/*placeholder section*/
input::-webkit-input-placeholder {
color: #A2C5C1 !important;
background-color: white;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: #A2C5C1 !important;  
background-color: white;
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: #A2C5C1 !important;  
background-color: white;
}
 
input:-ms-input-placeholder {  
color: #A2C5C1 !important;  
background-color: white;
}
/*placeholder section end*/

/*input treatment form section start*/
.input2 {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #ffffff;
    background-color: transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #ffffff;
    outline: none;
}

.input2:focus {
/*background-color: #ffffff;*/
border: 2px solid #333333;
color: #333333;
}

.input2::-webkit-input-placeholder {
color: #ffffff !important;
background-color: transparent;
}
 
.input2:-moz-placeholder { /* Firefox 18- */
color: #ffffff !important;
background-color: transparent;
}
 
.input2::-moz-placeholder {  /* Firefox 19+ */
color: #ffffff !important;
background-color: transparent;
}
 
.input2:-ms-input-placeholder {  
color: #ffffff !important;
background-color: transparent;
}
/*input treatment form section end*/

/*display setting*/
.desktop{
  display: block;
}

.mobile{
  display: none;
}

/*display setting end*/

/* animations */
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* animations END*/


/*mobile adjustment*/
@media (max-width: 768px){
.desktop{
    display: none;
  }

  .mobile{
    display: block;
  }

  /*navbar start*/
  .navbar{
    min-height: 70px;
  }
 /* navbar end*/
  .marb-mob{
	  margin-bottom: 20px;
  }
  .nav-justified{
	  display: table-cell;
	  float: none;
  }
  .nav-justified>li{
	  display: inline-block;
  }
  .nav-justified>li>a{
	  padding:10px 22px;
  }
/*Font section*/

h1{
  font-size: 60px;
  font-weight: 600;
  text-transform: uppercase;
}

h2{
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

h3{ 
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.025;
}

h4{ 
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.010em;
}

h5{ 
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.010em;
}

h6{ 
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.010em;
}

/*Font section end*/
h3{ 
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.025;
}

/*form section*/
.form-control{
  height: inherit;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 5px;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.025;
  color: #A2C5C1;
  border: none;
  -webkit-box-shadow:none;
}
/*form section end*/

.text-right, .text-left{
    text-align: center;
  }
/*id section*/
#firstbg{
margin-top: -2%;
/* background-image: url('../img/landing-banner.jpg');   */
background-repeat: no-repeat;
background-position: 45% 50px;
background-size: 409%;
}

.mar-per{
	margin-top: 75%;
}

#secondbg{
margin-top: -2%;
background-image: url('../img/introbanner.jpg');  
background-repeat: no-repeat;
background-position: 35% 0px;
background-size: 409%;
height: 280%;
}

.min-h{
	min-height: 40px;
}

.padtbmdd{
	padding: 10px;
}

#thirdbg{
margin-top: -2%;
/*background-size: cover;*/
background-image: url('../img/bg3banner.jpg');  
background-repeat: no-repeat;
background-position: 35% 0px;
background-size: 1050%;
}
#fifthbg{
margin-top: -2%;
/*background-size: cover;*/
background-image: url('../img/carousalbanner.jpg');  

}

/*id section for treatment page start*/
#treatment-bg{
margin-top: -2%;
background-image: url('../img/treatment-banner.jpg');  
background-repeat: no-repeat;
background-position: 45% 50px;
background-size: 409%;
background-attachment: fixed;
}
/*id section for treatment page end*/


/*id section end*/
  


.bloc-md{
  margin-top: 60px;
  margin-bottom: 10px;
}
.bloc-lg{
  margin-top: 200px;
  margin-bottom: 100px;
}
.bloc-sm{
  margin-top: 10px;
  margin-bottom: 20px;
}

.marbblg
{
  margin-bottom: 40px;
}
.marblg
{
  margin-bottom: 20px;
}
.martblg
{
  margin-top: 10px;
}
.martmd{
  margin-top: 40px;
}
.martslg{
  margin-top: 20px;
}
.padtblg
{
  padding-top: 10px;
}
.padlmd{
  padding-left: 0px;
}
.padrmd{
  padding-right: 0px;
}
.padbslg{
  padding-bottom: 20px;
}
.marlrlg
{
  margin-left: 0px;
  margin-right: 0px;
}
.btn-primary{
    padding: 8px;
    font-size: 16px;
    border: 2px solid #A2C5C1;
    border-radius: 5px;
    color: #A2C5C1;
    background-color: transparent;
    text-transform: uppercase;
    text-decoration: none;
}

.btn-primary:hover{
  color: #ffffff;
    background-color: #A2C5C1;
    text-decoration: none;
    border: 2px solid #A2C5C1;
}
.navbar-nav{
  margin: 0px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
background-color: #333333;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #333333;
background-color: #A2C5C1;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
  background-color: transparent;
  border:none;
}
.navbar-default .navbar-toggle{
  border:none;
}

#map-canvas-2>button{
	position: absolute;
	right: 0px;
	margin-top:60%;
}
 
}

/*mobile adjustment end*/
@media (max-width: 320px){
  .nav{
    padding-left: 0px;
  }
/*mobile adjustment end*/body{
  	font-family: 'Josefin Sans', sans-serif !important;
}

.nav-justified>li>a{
	padding:10px 12px;
	margin: 0px;
}

/*Font section*/

h1{
  font-size: 60px;
  font-weight: 600;
  text-transform: uppercase;
}

h2{
  font-size: 35px;
  font-weight: 600;
  line-height: 35px;
  text-transform: uppercase;
}

h3{ 
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
}

h4{ 
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

h5{ 
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

h6{ 
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

a, a:focus, a:hover{
	text-decoration: none;
}

.caps{
	text-transform: uppercase;
}

.nav-bar{
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

/*Font section end*/

/*Text color section*/

.brand{
	color: #A2C5C1;
}

.white, .white:hover, .white:focus, .white:active,a.white, a.white:hover, a.white:focus, a.white:active{
	color: #ffffff;
}

.black{
	color: #333333;
}

/*Text color section end*/

/*Background color section*/
.bg-brand{
	background-color: #A2C5C1;
}

.bg-white{
	background-color: #ffffff;
}

.bg-black{
	background-color: #333333;
}

.bg-gray{
	background-color: #eeeeee;
}
/*Background color section end*/

/*button section*/

.btn-default{
  padding: 10px;
  text-transform: uppercase;
  font-size: 16px;
  color:#ffffff;
  background-color: #A2C5C1; 
  border-radius: 5px;
  text-decoration: none;
}

.btn-default:hover{
    color: #ffffff;
    background-color: #A2C5C1;
    text-decoration: none;
}

.btn-primary{
    padding: 10px;
    font-size: 16px;
    border: 2px solid #A2C5C1;
    border-radius: 5px;
    color: #A2C5C1;
    background-color: transparent;
    text-transform: uppercase;
    text-decoration: none;
    text-underline:none;
}

.btn-primary:hover, .btn-primary:active,.btn-primary:active:focus, .btn-primary:focus,.active,.active:active,.active:focus,.active:hover,.active:active:focus{
	color: #ffffff;
    background-color: #A2C5C1;
    text-decoration: none;
    text-underline:none;
    border: 2px solid #A2C5C1;
}

.btn-rect{
	padding: 10px;
    font-size: 16px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
    background-color: transparent;
    text-transform: uppercase;	
    text-decoration: none;
}
.btn-rect:hover{
  color: #ffffff;
    background-color: #A2C5C1;
    border-color: #A2C5C1;
    text-decoration: none;

}
.input-button {
    padding: 10px 20px;
    font-size: 22px;
    border: 3px solid #ffffff;
    color: #ffffff;
    border-radius: 0px;
    background-color: transparent;  
    text-decoration: none;
    cursor: pointer;
}
.input-button:hover{
   /* border: none;*/
    color: #A2C5C1;
    text-decoration: none;
    background-color: #ffffff;

}

/*button section end*/
/*tooltip start*/



/*testing tooltip start*/

#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }
/*testing tooltip end*/
.brand-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#A2C5C1; }

.brand-tooltip + .tooltip > .tooltip-inner {background-color: #A2C5C1;}
/*tooltip end*/

/*bloc to be used with row or container - applied directly to a section to space out a seciton*/

.bloc-lg{
	margin-top: 240px;
	margin-bottom: 150px;
}

.bloc-md{
	margin-top: 120px;
	margin-bottom: 40px;
}

.bloc-sm{
	margin-top: 30px;
	margin-bottom: 30px;
}

/*block end*/

/*paddding can be used anywhere- handled independently for mobile*/

/*top padding*/
.padtblg{
	padding-top: 120px;
}

.padtslg{
	padding-top: 80px;
}

.padtlg{
	padding-top: 70px;
}

.padtmd{
	padding-top: 60px;
}

.padtsm{
	padding-top: 20px;
}

.padtxs{
	padding-top: 10px;
}
/*top padding end*/

/*bottom padding*/
.padbblg{
	padding-bottom: 120px;
}

.padbslg{
	padding-bottom: 80px;
}

.padblg{
	padding-bottom: 60px;
}

.padbmd{
	padding-bottom: 50px;
}

.padbsm{
	padding-bottom: 40px;
}

.padbxs{
	padding-bottom: 15px;
}
/*bottom padding end*/

/*left padding*/

.padllg{
	padding-left: 90px;
}

.padlmd{
	padding-left: 50px;
}

.padlsm{
	padding-left: 40px;
}

.padlxs{
	padding-left: 20px;
}
/*left padding end*/

/*right padding*/

.padrlg{
	padding-right: 90px;
}

.padrmd{
	padding-right: 50px;
}

.padrsm{
	padding-right: 40px;
}

.padrxs{
	padding-right: 20px;
}
/*right padding end*/

/*left right padding*/
.padlrlg{
	padding-left: 40px;
	padding-right: 40px;
}
/*left right padding end*/

/*zero padding*/
.pad0{
	padding: 0px;
}

.padt0{
	padding-top: 0px;
}

.padb0{
	padding-bottom: 0px;
}

.padl0{
	padding-left: 0px;
}

.padr0{
	padding-right: 0px;
}

.padtb0{
	padding-top: 0px;
	padding-bottom: 0px;
}

.padlr0{
	padding-left: 0px;
	padding-right: 0px;
}
/*zero padding end*/
/*padding section end*/

/*Margin section*/

/*top margin*/
.martblg{
	margin-top: 120px;
}

.martslg{
	margin-top: 80px;
}

.martlg{
	margin-top: 70px;
}

.martmd{
	margin-top: 60px;
}

.martsm{
	margin-top: 20px;
}

.martxs{
	margin-top: 10px;
}
/*top margin end*/

/*bottom margin*/
.marbblg{
	margin-bottom: 120px;
}

.marbslg{
	margin-bottom: 80px;
}

.marblg{
	margin-bottom: 60px;
}

.marbmd{
	margin-bottom: 50px;
}

.marbsm{
	margin-bottom: 40px;
}

.marbxs{
	margin-bottom: 15px;
}
/*bottom margin end*/

/*left margin*/

.marllg{
	margin-left: 90px;
}

.marlmd{
	margin-left: 50px;
}

.marlsm{
	margin-left: 40px;
}

.marlxs{
	margin-left: 20px;
}
/*left margin end*/

/*right margin*/

.marrlg{
	margin-right: 90px;
}

.marrmd{
	margin-right: 50px;
}

.marrsm{
	margin-right: 40px;
}

.marrxs{
	margin-right: 20px;
}
/*right margin end*/

/*left right margin*/
.marlrlg{
	margin-left: 40px;
	margin-right: 40px;
}
/*left right margin end*/

/*zero margin*/
.mar0{
	margin: 0px;
}

.mart0{
	margin-top: 0px;
}

.marb0{
	margin-bottom: 0px;
}

.marl0{
	margin-left: 0px;
}

.marr0{
	margin-right: 0px;
}

.martb0{
	margin-top: 0px;
	margin-bottom: 0px;
}

.marlr0{
	margin-left: 0px;
	margin-right: 0px;
}

.mar-per{
	margin-top: 10%;
}
/*zero margin end*/
.text-left{
  text-align: left;
}

.text-right{
  text-align: right;
}

/*hr section*/
hr
{
  border-top: 2px solid #A2C5C1;
  margin-top: 0px;
  margin-bottom: 0px;
}
/*hr section*/

/*id section for home page start*/
#firstbg{
margin-top: -2%;
background-image: url('../img/Landing-banner.jpg');  
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

#secondbg{
margin-top: -2%;
background-image: url('../img/introbanner.jpg');  
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

#thirdbg{
margin-top: -2%;
background-image: url('../img/bg3banner.jpg');  
background-repeat: no-repeat;
}

#fifthbg{
margin-top: -2%;
background-image: url('../img/carousalbanner.jpg');  
background-repeat: no-repeat;
}
/*id section for home page end*/

/*id section for treatment page start*/
#treatment-bg{
margin-top: -2%;
background-image: url('../img/treatment-banner.jpg');  
background-repeat: no-repeat;
background-size: 140%;
background-position:top;
background-attachment: fixed;
}

#map-canvas-2>button{
position: absolute;
right: 10px;
margin-top:10%;
}
/*id section for treatment page end*/

/*treatment id section start*/
#info1, #info2, #info3, #info4, #info5, #info6, #info7, #info8, #info9, #info10
{
  display: none;
}

/*treatment id section end*/

/*border section*/
.right-border{
	border-right: 1px solid #A2C5C1;
}
.bord6{
	border:6px solid #A2C5C1;
}

/*border section end*/

/*font sizes*/
.f22{
	font-size: 22px;
}
.f25
{
	font-size: 25px;
}
.f25:hover
{
  color: #A2C5C1;
}
/*font sizes end*/

/* navigation bar */
.navbar-default .navbar-nav>li>a {
	color: white;
}
.navbar-default{
  border-color: rgba(0,0,0,0);
}

.navbar-brand{
  padding: 10px 0px 0px 15px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
{
  color: #A2C5C1;
}

.navbar{
  margin-bottom: initial;
  min-height: 100px;
}

nav{
  z-index: 300;
}

.dropdown-menu{
	padding: 0px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    width: 220px;
}

.carousel{
  z-index: 10;
}

.project{
  right:10%;
  left:60%;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-menu>li>a{
	padding: 13px 20px;
	font-weight: 600;
	font-size: 16px;
}
#map-canvas-2{
	width: 100%;
	height: 400px;
	background: url(../img/map-london.jpg) 50% 50%;
}

#map-canvas-2>img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 30%;
}
margin-top: 42px;

/* sliding menu*/

body.slide-active {
    overflow-x: hidden
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px!important
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    padding-top: 0px;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0
}
/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 10px 0 0 0;
    border: 0;
    background: transparent;
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: orange
}
.navbar-header {
    position: relative
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}
.logo-be{
	padding: 25vh 0;
}

.navbar{
	border-radius: 0px;
}

nav#slide-nav.navbar.navbar-default.desktop{
	left:0px;
}

.min-h{
	min-height: 70px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.padtbmdd{
	padding: 40px;
}

iframe{
	pointer-events: none;
}

#secondbg{
	height:90vh;
}

/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */