.toggle {
  display:block;
  margin:20px;

  border-radius:40px;
  position:relative;
  cursor:pointer;
  background:linear-gradient(to bottom, #9c9c9c, #f9f9f9);
}

.toggle input[type="checkbox"] { display:none }

.toggle:before, .toggle:after, .toggle .switch:after, .switch .brushed-metal:before, .switch .brushed-metal:after {
  content:'';
  display:block;
  position:absolute;
  z-index:1;
}

.toggle:before {
  width:119px;
  height:40px;
  top:4px; left:6px;
  border-radius:38px;
  background:linear-gradient(to bottom, #7b7b7b, #ececec);
}

.toggle:after {
  width:110px;
  height:33px;
  top:7px; left:10px;
  border-radius:34px;
  background-color:#3b3b3d;
  box-shadow:inset rgba(0,0,0,.7) 0 6px 12px;
  -webkit-transition:background-color .3s linear;
     -moz-transition:background-color .3s linear;
          transition:background-color .3s linear;
}

.toggle .switch {
  diplay:block;
  width:38px;
  height:38px;
  border-radius:50%;
  position:absolute;
  top:6px; left:6px;
  z-index:9;
  background:linear-gradient(to bottom, #ddd, #636363);
  -webkit-transition:left .2s linear;
     -moz-transition:left .2s linear;
          transition:left .2s linear;
}

.info-icon{
    color:steelblue;    
    margin:5px;
}

.toggle.checked .switch { left:86px }

.switch .brushed-metal {
  display:block;
  width:33px; height:33px;
  position:absolute;
  top:2px; left:2px;
  border-radius:50%;
  z-index:4;
  background-color:#a9a9a9;
  background-image:
    -webkit-radial-gradient(  50%   0%,  8% 50%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%),
    -webkit-radial-gradient(  50% 100%, 12% 50%, hsla(0,0%,100%,.6) 0%, hsla(0,0%,100%,0) 100%),
    -webkit-radial-gradient(   0%  50%, 50%  7%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%),
    -webkit-radial-gradient( 100%  50%, 50%  5%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%),

    -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   3%, hsla(0,0%,  0%,.1) 3.5%),
    -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%,.1) 7.5%),
    -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.2) 2.2%),

    -webkit-radial-gradient( 50% 50%, 200% 50%, hsla(0,0%,90%,1) 5%, hsla(0,0%,85%,1) 30%, hsla(0,0%,60%,1) 100%);
}

.switch .brushed-metal:before, .switch .brushed-metal:after {
  top:0; left:0;
  width:inherit;
  height:inherit;
  border-radius:inherit;

  /* fake conical gradients */
  background-image:
    -webkit-radial-gradient(  50%   0%, 10% 50%, hsla(0,0%,0%,.1) 0%, hsla(0,0%,0%,0) 100%),
    -webkit-radial-gradient(  50% 100%, 10% 50%, hsla(0,0%,0%,.1) 0%, hsla(0,0%,0%,0) 100%),
    -webkit-radial-gradient(   0%  50%, 50% 10%, hsla(0,0%,0%,.1) 0%, hsla(0,0%,0%,0) 100%),
    -webkit-radial-gradient( 100%  50%, 50% 06%, hsla(0,0%,0%,.1) 0%, hsla(0,0%,0%,0) 100%);
}

.switch .brushed-metal:before { transform:rotate(65deg) }

.switch .brushed-metal:after { transform:rotate(-65deg) }

#show-international-active {
margin-top:10px;
margin-left:12px;
}

#label-international {
margin-top:10px;
margin-left:12px;
display:none;
}

#label-australian-active {
margin-top:10px;
margin-left:12px;
display:none;
}

#label-australian {
margin-top:10px;
margin-left:12px;
}

.toggle {
	position:absolute; 
	top:15px; 
	left: 27vw;
}





.jumbotron {
 
  border: 1px dashed deeppink;
}

.make-model {
	padding:0;
}

/* ----- ----- ----- ----- ----- ----- -----  */
/*Responsive CSS*/
/* ----- ----- ----- ----- ----- ----- -----  */
	
@media only screen and (min-width: 701px){
	
    .icon{
        margin-top:-8px;
        height: 20px;
        display:inline;
        }
        
        .showing{
        font-size: inherit;
        }
       
}

@media only screen and (max-width: 700px){
	
	.icon{
        margin-top:-15px;
        height: 20px;
        display:inline;
        }
        
        .showing{
        font-size: inherit;
        }
        
        .make-model {
	display: none;
	}
}

@media only screen and (max-width: 300px){
	
	.icon{
        margin-top:5px;
        height:20px;
        //oat: right;
        display:inline-block;
        }
        
        .showing{
        font-size: 10px;
        }
        
        .make-model {
	display: none;
	}
        
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.toggle {
		left: 40vw;
	}

	.globe-icon {
  		left: 67vw;
	}

	.aust-icon {
  		left: 28vw;
	}
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.toggle {
		left: 43vw;
	}

	.globe-icon {
  		left: 61vw;
	}

	.aust-icon {
  		left: 37vw;
	}
	.make-model {
		padding: 0 15px;
	}
	
}

@media only screen and (min-width: 1199px){
	.toggle {
		left: 44vw;
	}

	.globe-icon {
  		left: 59vw;
	}

	.aust-icon {
  		left: 39vw;
	}
	.make-model {
		padding: 0 15px;
	}
	
}

@media only screen and (min-width: 1366px){
		.toggle {
		left: 42vw;
	}

	.globe-icon {
  		left: 56vw;
	}

	.aust-icon {
  		left: 37vw;
	}
	
}

@media only screen and (min-width : 1824px) {
		.toggle {
		left: 45vw;
	}

	.globe-icon {
  		left: 56vw;
	}
	.aust-icon {
  		left: 40vw;
	}

}