.cd-form fieldset {
		    margin: 24px auto;
		    max-width: 600px;
		}
		.cd-form {
		    width: 90%;
		    margin: 4em auto;
		    max-width: 90%;
		}
		.chosen-container-single .chosen-single {
			position: relative;
			display: block;
			overflow: hidden;
			padding: 0 0 0 8px;
			height: 55px;
			border: 1px solid #aaa;
			border-radius: 5px;
			background: #fff;
			line-height: 20px;
			padding: 12px;
			border: 1px solid #cfd9db;
			background-color: #fff;
			border-radius: .25em;
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
			padding-left: 54px !important;
			background: url(img/cd-icon-user.svg) no-repeat 16px center;
			font-family: "Open Sans", sans-serif;
			font-size: 1.6rem;
			color: #2b3e51;
			padding: 16px;
		}
		.chosen-container-active.chosen-with-drop .chosen-single {
			background: url(img/cd-icon-user.svg) no-repeat 16px center;
		}
		.js .floating-labels div {
			margin: 0px 0;
			margin-bottom: 10px;
		}
		.icon select, .cd-form .icon textarea {
			padding-left: 54px !important;
		}
		.icon .chosen-drop .chosen-search input {
			padding-left: 5px !important;
		}
		.cd-form select:focus {
			outline: none;
			border-color: #2c97de;
			box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);
		}
		.cd-form .user {
			background: url(img/cd-icon-user.svg) no-repeat 16px center;
		}
		
		.cd-form select {
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
			cursor: pointer;
		}
		.cd-form select {
			padding: 12px;
			border: 1px solid #cfd9db;
			background-color: #fff;
			border-radius: .25em;
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
		}
		.cd-form .cd-select::after {
			content: '';
			position: absolute;
			z-index: 1;
			right: 16px;
			top: 50%;
			margin-top: -8px;
			display: block;
			width: 16px;
			height: 16px;
			background: url(img/cd-icon-arrow.svg) no-repeat center center;
			pointer-events: none;
		}
		.chosen-container-single .chosen-single div {
			position: absolute;
			top: 0;
			right: 15px;
			display: block;
			width: 18px;
			height: 100%;
		}
		.chosen-container-single .chosen-single div b {
			background-image: url(img/cd-icon-arrow.svg) !important;
			background-size: 15px 50px !important;
			background-repeat: no-repeat !important;
		}
		.chosen-container-active.chosen-with-drop .chosen-single div b {
			MYbackground-position: 0px 0px;
		}
		.chosen-container .chosen-results li.active-result {
			text-transform: uppercase;
		}
		button, button span {
			border: none;
			background: #2c97de;
			border-radius: .25em;
			padding: 16px 20px;
			color: #fff;
			font-weight: bold;
			
			cursor: pointer;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			-webkit-appearance: none;
			-moz-appearance: none;
			-ms-appearance: none;
			-o-appearance: none;
			appearance: none;
			font-family: "Open Sans", sans-serif;
			font-size: 1.6rem;
			display: block;
			
		}
		button.image{
			background: transparent;
			padding: 0;
		}
		.demo-grid-wrapper {
			text-align: center;
			margin-top: 50px !important;
		}
		.demo-grid{
			display: inline-block;
			position: relative;
			width: 320px;
			text-align: center;
			padding: 10px;
			margin-bottom: 50px !important;
		}
		.demo-grid img{
			width: 100%;
			margin: 0px auto;
			margin-bottom: 5px;
			border: 1px solid #f2f2f2;
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
		}
		
		.demo-grid:hover{
			
			
			-webkit-box-shadow: 0 0 28px 0 rgba(0,0,0,.2) !important;
			-moz-box-shadow: 0 0 28px 0 rgba(0,0,0,.2) !important;
			box-shadow: 0 0 28px 0 rgba(0,0,0,.2) !important;
			background-color: #fff;
			
		}
		
		button:disabled span {
		    background: #dddddd;
		}
		
		.hideme{
			opacity: 0;
		}
		
		button i{
		    color: #2c97de;
		    color: #252525;
		    font-size: 10px;
		    font-weight: 100;
		    margin-top: -20px;
		    position: relative;
		    display: block;
		}
		
		span i {
		    font-size: 10px;
		    display: block;
		    width: 240px;
		    top: 20px;
		    color: #fff;
		}
		
		span.not-connected {
			background-color: red;
		}
		
		span.connected {
			background-color: green;
		}
		
		.detail-info{
		    float: left;
		    padding-left: 20px;
		    width: 320px;
		    text-align: left;
		    line-height: 22px;
		}
		
		button.image {
		    background: rgba(0, 0, 0, 0);
		    padding: 0;
		    width: 300px;
		    float: left;
		}
				
		
				
		.detail-info a {
		    border: none;
		    background: #2c97de;
		    border-radius: .25em;
		    padding: 16px 20px;
		    color: #fff;
		    font-weight: bold;
		    cursor: pointer;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		    -webkit-appearance: none;
		    -moz-appearance: none;
		    -ms-appearance: none;
		    -o-appearance: none;
		    appearance: none;
		    font-family: "Open Sans", sans-serif;
		    font-size: 1.6rem;
		    display: block;
		    width: 300px;
		    text-align: center;
		    margin-bottom: 10px;
		}		
				
		.detail-info a.disabled {
		    background: #ddd;
		}		
	
		.detail .demo-grid{
			width: 690px;
		}
		.detail .demo-grid:hover {
		-webkit-box-shadow: 0 0 0px 0 rgba(0,0,0,.2) !important;
		    -moz-box-shadow: 0 0 0px 0 rgba(0,0,0,.2) !important;
		    box-shadow: 0 0 0px 0 rgba(0,0,0,.2) !important;
		}
		
		.demo-title h1 {
			font-size: 28px;
			padding-bottom: 15px;
			text-transform: capitalize;
		}
		.demo-title {
		    padding-bottom: 30px;
		}