.select-css {
	z-index:9;
	position:absolute;
    display: block;
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #B0975F;
    line-height: 1.3;
    padding: .8em 1.4em .7em .8em;
    width: 100%;
    max-width: 100%; /* useful when width is set to anything other than 100% */
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #B0975F;
    border-radius: 1.5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
        for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
        
    */
    background-image: url('images/arrow-down.svg');
    background-repeat: no-repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .7em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: 1.2em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
    display: none;
}
/* Hover style */
.select-css:hover {
    border-color: #888;
}
/* Focus style */
.select-css:focus {
    border-color: #aaa;
    /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}

/* Set options to normal weight */
.select-css option {
    font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
    color: graytext;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.select-css:disabled:hover, .select-css[aria-disabled=true] {
    border-color: #aaa;
}


html,body {
  height: 100%;
}

.navbarcontainer {
background:rgba(255,255,255,0.8);
}

.carousel {
	position:relative;
}

.carousel.carousel-fade .carousel-item {
    display: block;
    opacity: 0;
    transition: opacity ease-out .7s;
}

.carousel.carousel-fade .carousel-item.active {
    opacity: 1 !important;
}

#slider {
	top:241px;
right:630px;
}

.path-slider {
  display: inline-block;
  position: relative;
  top: 20%;
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
}
.pagination {
    position:relative;
    padding-left:37px;
    padding-right:5px;
	padding-top:14px;
}
.pagination .current::after{
    content:'';
    width:100px;
    outline:aliceblue;
    display:inline-block;
      border-top:1px solid black;
      padding:2px 15px;
}

path {
  stroke-width: 1px;
  stroke: none;
  fill: none;
}

.icon__path {
  fill: #FFFFFF;
}

.path-slider__path {
  stroke: rgba(255, 0, 0, 0);
}

.path-slider__item:hover .item__circle, .path-slider__item:focus .item__circle {
  
}

.item__circle {
  display: inline-block;
  width: 120px;
  height: 120px;
  border-radius: 100%;
  text-align: center;
  -webkit-transition: 1s;
  transition: 1s;
  margin-top:0px;
  margin-left:0px;
}

.item__title {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-variant: small-caps;
  white-space: nowrap;
  opacity: 0.8;
  -webkit-transition: 1s;
  transition: 1s;
  color:#fff;
}

.item__icon {
  width: 45px;
  height: 45px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.path-slider__current-item .item__circle {
  
  -webkit-transform: scale(4.5);
          transform: scale(4.5);
		  margin-left:0;
}
.path-slider__current-item .item__title {
  font-size: 25px;
  opacity: 1;
  -webkit-transform: translate(-50%, -20px);
          transform: translate(-50%, -20px);
}

.thepath {
	position:absolute;
	z-index:0;
	width:550%;
	height:250%;
	background:url('images/gold-circle-path.png') no-repeat;
	background-position: 813px 304px;
    top: -906px;
}

.carousel-control-next, .carousel-control-prev {
	width:70px;
}

.carousel-control-prev {
	margin-left:-26px;
}

.thecaouselcontroller {
padding-top:20px;
padding-left:20px;
}

.item__circle {
    background-color:#B0975F;
}

.maida.path-slider__current-item .item__circle {
background:url('images/maida.jpg');background-size:cover!important;
}

.oxbow.path-slider__current-item .item__circle {
background:url('images/oxbow_new.jpg');background-size:cover!important;
}

.verdo.path-slider__current-item .item__circle {
background:url('images/verdo-kew_interior.jpg');background-size:cover!important;
}

.kingsholt.path-slider__current-item .item__circle {
background:url('images/f-kingsholt.jpg');background-size:cover!important;
}

.theclaves.path-slider__current-item .item__circle {
background:url('images/f-theclaves.jpg');background-size:cover!important;
}

.woking.path-slider__current-item .item__circle {
background:url('images/f-woking.jpg');background-size:cover!important;
}

.london_city.path-slider__current-item .item__circle {
background:url('images/f-london-city.jpg');background-size:cover!important;
}

.embassygardens.path-slider__current-item .item__circle {
background:url('images/f-embassygardens.jpg')!important;background-size:cover!important;
}

.wardian.path-slider__current-item .item__circle {
background:url('images/f-wardian.jpg')!important;background-size:cover!important;
}

.path-slider . {
    border-bottom:0;
}



.heroregistration {
	background:#B0975F;
	color:#fff;
}
.herobanner {
    margin-top: 36px!important;
    height: 555px!important;
}

.hero-australia {
	background:url('images/australia.jpg');
	background-size:cover;
	background-position:bottom center;
	height:555px!important;
	right:0;
	z-index:1;
}

.path-slider__item {
    position: absolute;
    left: 0;
    top: -37px;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-transform-origin: 760% -402%;
    transform-origin: 760% -402%;
}



.herobanner {
    margin-top: 36px!important;
    height: 555px!important;
}

#slider {
    transform: scale(0.8);
    top: 166px!important;
    right: 590px;
}



@media (max-width: 991.98px) {
.carousel { 
    position: relative;
    height: 723px;
}


#slider {
transform:scale(0.8);
top: -31px;
    right: 590px;
}

.hero-australia {
    height: 350px!important;
    z-index: 1;
}

.herobanner {
	height:350px!important;
}

.thepath {
    height: 273%
	

}



}
@media (max-width: 767.98px) {
.herobanner {
	height:555px!important;
}
}

@media (max-width: 500px) {
	
	.heroregistration h4 {
	font-size:7vw;
}

#slider {
transform:scale(0.58);
top: -69px;
    right: 461px;
}

.herobanner {
    margin-top: -224px;
}
}