/*-------------------------------
	Styled Select
--------------------------------*/
/*----- Icons --------*/
.styled-select:before, .quickquote-form .details .info li:before {
	display:inline-block;pointer-events: none;
	font-family: "fontello";font-style: normal; font-weight: normal; speak: none; text-decoration: inherit;font-variant: normal;text-transform: none;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
	text-align: center;color: #f7941e;
}	
/*----- Styled Select --------*/
.styled-select {border-radius: 5px;position: relative;border:1px solid #e5e5e5;margin-bottom:14px; background:#FFF;}
.styled-select > * {cursor:pointer;}
.styled-select select {background: transparent !important;-webkit-appearance: none;-moz-appearance: none;appearance: none;width:100%; border:0 !important;line-height: 28px;}
.styled-select select:focus {background: #f7f7f7 !important;}
.styled-select:before {
	position: absolute; top:0; right:0;display: block;
	width:20px; height: 34px; line-height: 34px;
	background: #FFF;
	content: '\e8a1';
	border-style: solid;border-width:0;border-radius: 0 4px 4px 0;border-color: #f7941e;
}	
.styled-select select {padding-right: 20px !important;}	
.styled-select.invert:before { background: #f7941e;color: #FFF;border-color: #FFF;}	
.styled-select.circle:before, .styled-select.small-square:before {top:7px; right:10px;width:20px; height: 20px; line-height: 18px;border-radius: 50%;border-width:1px;font-size: 18px;}
.styled-select.small-square:before {border-radius: 4px;}
.styled-select.circle:before {font-size: 16px;}
.styled-select.circle select, .styled-select.small-square select {padding-right: 30px !important;}
.styled-select.square:before {width:26px;border-left: 1px solid #999;font-size: 15px;}
.styled-select.square select {padding-right: 30px !important;}
/*----- Font --------*/
.quickquote-form .slanted.slanted-submit,
.quickquote-form .details .title,
.quickquote-form .details .price .label {
	font-family:"NexaBold" !important;}

/*-------------------------------
	Form
--------------------------------*/
/*----- Fields --------*/
.quickquote-form label, .form-control {line-height:32px;}
.quickquote-form .form-control {color: #333 !important;display:block;}
.quickquote-form label.label i {color: #f7941e;}
.quickquote-form label.label {text-align:right;display: block;}
@media(max-width:767px) {.quickquote-form label.label {text-align:center;}}
/*----- Submit --------*/
.quickquote-form .slanted.slanted-submit {padding: 10px 15px;font-size: 1.5em;line-height: 1.5em;}
.quickquote-form .slanted.slanted-submit:hover {background: #333;}
.quickquote-form .slanted.slanted-submit:hover > input[type=submit] {background:transparent !important;}
/*----- Details --------*/
.quickquote-form .details > div{background: #f7f7f7;border: 1px solid #f7941e;margin:25px auto 10px;border-radius:10px;overflow:hidden;}
.quickquote-form .details .title, .quickquote-form .details .info, .quickquote-form .details .price {margin:0 auto;}
.quickquote-form .details .title {margin:20px auto 15px;color:#555;}
.quickquote-form .details .info  {margin:0 auto 15px;font-size: 1em;line-height: 1.6em;}
.quickquote-form .details .info ul {padding:0 15px;}
.quickquote-form .details .info li {text-align: center; list-style:none;margin-left:-15px;}
.quickquote-form .details .info li:before {  content: '\e821';width: 30px}
.quickquote-form .details .price {margin-top:20px;padding:10px 0;font-size:25px; line-height:1.1em;background: #f7941e;color:#FFF;}
.quickquote-form .details .price .label {font-variant: small-caps;color:inherit;}
.quickquote-form .details .price .amount {font-weight: 900;line-height:1em;}

