@charset "UTF-8";
#tabbed * {
	border: 0;
	outline: 0;
	font-weight: 600;
	font-style: normal;
	vertical-align: baseline;
	line-height: normal;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#tabbed p {
    margin: 20px 0 0 0;
    font-weight: 400;
    float: left;
    width: 100%;
}
#tabbed h3 , #tabbed h5 ,#tabbed h6 {
    margin: 20px 0 0 0;
    float: left;
    width: 100%;
}
ul.referal-ul {
    float: left;
    width: 100%;
}
#tabbed label {
	cursor: pointer;
	margin-bottom: 0;
}
#tabbed input[type=radio] {
	display: none;
	visibility: hidden;
	opacity: 0
}
#tabbed a {
	text-decoration: none
}
#tabbed {
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	-webkit-backface-visibility: hidden
}
#tabbed .wrapper {
	background: #fff;
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	text-align: left
}
#tabbed .wrapper>div {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: 100%;
	background: #fff;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	padding: 10px;
	float: left
}
#tabbed input#t-1:checked~.wrapper .tab-1, #tabbed input#t-2:checked~.wrapper .tab-2, #tabbed input#t-3:checked~.wrapper .tab-3, #tabbed input#t-4:checked~.wrapper .tab-4, #tabbed input#t-5:checked~.wrapper .tab-5, #tabbed input#t-6:checked~.wrapper .tab-6 {
	position: relative;
	float: left;
	z-index: 10;
	opacity: 1;
	visibility: visible
}
#tabbed label.tabs {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 0 40px;
	width: auto;/*height:44px;*/
	line-height: 44px;
	-webkit-transform: translateY(6px);
	-moz-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-o-transform: translateY(6px);
	transform: translateY(6px)
}
#tabbed input:checked+label.tabs {
	background: #d8d8d8;
	color: #333;
}
#tabbed input:checked+label.tabs, #tabbed label.tabs:focus, #tabbed label.tabs:hover {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
#tabbed label.tabs:before {
	padding-right: 10px
}
#tabbed .row {
	display: block;
	float: left;
	width: 100%;
	clear: both
}
#tabbed .cell {
	display: inline-block;
	float: left;
	position: relative;
	margin: 1% 2% 1% 0
}
#tabbed .cell:last-child {
	margin-right: 0
}
#tabbed .cell.w-100 {
	width: 100%
}
#tabbed .cell.w-83 {
	width: 83%
}
#tabbed .cell.w-66 {
	width: 66%
}
#tabbed .cell.w-49 {
	width: 49%
}
#tabbed .cell.w-32 {
	width: 32%
}
#tabbed .cell.w-15 {
	width: 15%
}
#tabbed .cell.table.first {
	padding-left: 10px
}
#tabbed .cell.table.first.black {
	background: #333
}
#tabbed .cell.table.first p {
	color: #fff
}
#tabbed .cell.table.exposed p {
	color: red
}
#tabbed .mt-5 {
	margin-top: 5px
}
#tabbed .mt-10 {
	margin-top: 10px
}
#tabbed .mt-15 {
	margin-top: 15px
}
#tabbed .mt-20 {
	margin-top: 20px
}
#tabbed .mt-30 {
	margin-top: 30px
}
#tabbed .clrfx {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	clear: both;
	content: ""
}
#tabbed .fl-left {
	float: left
}
#tabbed .fl-right {
	float: right
}
#tabbed .title.large {
	font-size: 28px;
	text-transform: uppercase;
	border-bottom: solid 8px #f0f0f0;
	padding-bottom: 16px
}
#tabbed .title.normal {
	font-size: 24px;
	color: #333;
	text-transform: uppercase;
	font-weight: 400
}
#tabbed .title.small {
	font-size: 20px;
	color: #333;
	font-weight: 400
}
#tabbed .title.mini {
	font-size: 16px;
	color: #666;
	font-weight: 400
}
#tabbed .title.inline {
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	padding-bottom: 6px
}
#tabbed .title.table {
	font-size: 14px;
	color: #333;
	padding: 6px 0;
	border-bottom: solid 2px #f0f0f0
}
#tabbed .title.table.headline {
	text-transform: uppercase;
	color: #fff;
	border-bottom: solid 2px #fff
}
#tabbed .title.icon:before {
	padding-right: 10px;
	color: #bbb
}
#tabbed p {
	display: block
}
#tabbed p.large {
	font-size: 18px;
	line-height: 24px;
	color: #555
}
#tabbed p.normal {
	font-size: 14px;
	line-height: 22px;
	color: #999
}
#tabbed p.small {
	font-size: 10px;
	line-height: 16px;
	color: #bbb
}
#tabbed p b {
	color: #555;
	font-weight: inherit
}
#tabbed p.small span.icon {
	padding-right: 8px
}
#tabbed p.normal span.icon {
	padding-right: 10px
}
#tabbed p.large span.icon {
	padding-right: 12px
}
#tabbed p.quote {
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	font-style: italic;
	padding-left: 16px;
	border-left: solid 6px #f0f0f0
}
#tabbed p.framed-quote {
	color: #fff;
	font-size: 12px;
	padding: 20px;
	line-height: 18px;
	position: relative
}
#tabbed p.framed-quote:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid
}
#tabbed p.framed-quote.arrow-left:before {
	left: -10px;
	top: 50%;
	margin-top: -14px;
	border-width: 14px 10px 14px 0
}
#tabbed p.framed-quote.arrow-right:before {
	right: -10px;
	top: 50%;
	margin-top: -14px;
	border-width: 14px 0 14px 10px;
	border-color: transparent transparent transparent #6e99e3
}
#tabbed p.framed-quote.arrow-top:before {
	left: 50%;
	top: -10px;
	margin-left: -14px;
	border-width: 0 14px 10px;
	border-color: transparent transparent #6e99e3
}
#tabbed p.framed-quote.arrow-bottom:before {
	left: 50%;
	bottom: -10px;
	margin-left: -14px;
	border-width: 10px 14px 0;
	border-color: #6e99e3 transparent transparent
}
#tabbed p.framed-quote span.icon {
	padding-right: 6px
}
#tabbed a {
	color: #6e98e3
}
#tabbed a:hover {
	color: inherit
}
#tabbed .button {
	color: #fff;
	font-size: 16px;
	padding: 14px;
	text-align: center;
	display: inline-block;
	width: 100%;
	cursor: pointer
}
#tabbed .button:hover {
	color: #fff
}
#tabbed .button:before {
	float: right
}
#tabbed .button.black {
	background: #333
}
#tabbed .button.grey.light {
	background: #bbb
}
#tabbed .button.grey.dark {
	background: #777
}
#tabbed .button.black:hover {
	background: #6e98e3
}
#tabbed .button.grey:hover {
	background: #555
}
#tabbed ul {
    padding-left: 10px;
    list-style: disc;
	margin-bottom: 0;
}
.referal-ul li {
    font-weight: 400 !important;
    margin: 20px 0 !important;
    font-size: 16px;
}
/*#tabbed ul>li {
	font-size: 13px;
	list-style-type: none
}*/
#tabbed ul li:before {
	display: inline-block;
	margin-right: 6px;
	text-align: left;
	font-family: 'entypo', sans-serif;
	font-weight: 400;
	content: "";
	color: #bbb
}
#tabbed iframe {
	width: 100%;
	height: 480px
}
#tabbed .map {
	width: 90%;
	height: 380px;
	display: inline-block
}
#tabbed .map-wrap {
	padding: 14px;
	width: 260px
}
#tabbed .map-wrap .b-title {
	font-size: 16px;
	text-transform: uppercase;
	color: #FF2424;
	padding-bottom: 4px;
	display: block;
	width: 100%
}
#tabbed .map-wrap p {
	display: block;
	clear: both;
	font-size: 13px;
	color: #999;
	padding-bottom: 4px
}
#tabbed .map-wrap .b-info {
	font-size: 12px;
	color: #333;
	margin-top: 12px
}
#tabbed .map-wrap .b-info span {
	padding-right: 6px
}
#tabbed input, #tabbed select, #tabbed textarea {
	display: inline-block;
	width: 100%;
	float: left;
	border-bottom: 1px solid #ddd;
	padding: 12px 20px 10px 10px;
	font-size: 16px;
	color: #333
}
#tabbed input:focus, #tabbed input:hover, #tabbed select:focus, #tabbed select:hover, #tabbed textarea:focus, #tabbed textarea:hover {
	border-bottom-color: #333;
	outline: 0
}
#tabbed textarea {
	resize: none;
	overflow: hidden;
	height: 46px
}
#tabbed textarea:focus {
	height: 140px
}
#tabbed input.reset {
	border: 0;
	outline: 0;
	font-size: 12px;
	padding: 0;
	cursor: pointer;
	text-align: right;
	background: #fff
}
#tabbed input.reset:hover {
	color: #6E98E3
}
#tabbed select {
	background: 0 0;
	background-color: rgba(0,0,0,0);
	height: auto;
	padding-left: 8px;
	z-index: 2;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
#tabbed select.grayed {
	color: #999
}
#arrow-select, #arrow-select-svg {
	background: #fff url(img/select.png) no-repeat 0 11px;
	width: 44px;
	height: 35px;
	position: absolute;
	right: 0;
	top: 1px;
	pointer-events: none;
	vertical-align: middle;
	outline: 0;
	border: 0;
	z-index: 3
}
#tabbed select:focus~#arrow-select, #tabbed select:focus~#arrow-select-svg, #tabbed select:hover~#arrow-select, #tabbed select:hover~#arrow-select-svg {
	background: #fff url(img/select-focus.png) no-repeat 0 11px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#arrow-select-svg {
	display: none
}
}
#arrow-select, x:-o-prefocus {
display:none
}
#tabbed input::-webkit-input-placeholder, #tabbed textarea::-webkit-input-placeholder {
color:#999
}
#tabbed input:focus::-webkit-input-placeholder, #tabbed textarea:focus::-webkit-input-placeholder {
color:#ccc
}
#tabbed input:-moz-placeholder, #tabbed textarea:-moz-placeholder {
color:#999
}
#tabbed input:focus:-moz-placeholder, #tabbed textarea:focus:-moz-placeholder {
color:#ccc
}
#tabbed input::-moz-placeholder, #tabbed textarea::-moz-placeholder {
color:#999
}
#tabbed input:focus::-moz-placeholder, #tabbed textarea:focus::-moz-placeholder {
color:#ccc
}
#tabbed input:-ms-input-placeholder, #tabbed textarea:-ms-input-placeholder {
color:#999
}
#tabbed input:focus:-ms-input-placeholder, #tabbed textarea:focus:-ms-input-placeholder {
color:#ccc
}
#tabbed .ie9-placeholder {
	color: #999!important
}
#tabbed .ie9-placeholder:focus {
	color: #ccc!important
}
#tabbed input:required, #tabbed select:required, #tabbed textarea:required {
background:#fff url(img/required.png) no-repeat 100% 18px;
outline:0;
box-shadow:none
}
#tabbed input:hover:invalid, #tabbed select:hover:invalid, #tabbed textarea:hover:invalid {
background:#fff url(img/focused.png) no-repeat 100% 18px;
outline:0;
box-shadow:none
}
#tabbed input:required:valid, #tabbed select:required:valid, #tabbed textarea:required:valid {
background:#fff url(img/valid.png) no-repeat 100% 18px;
outline:0;
box-shadow:none
}
#tabbed input:focus:invalid, #tabbed select:focus:invalid, #tabbed textarea:focus:invalid {
background:#fff url(img/invalid.png) no-repeat 100% 18px;
outline:0;
box-shadow:none
}
#tabbed a, #tabbed input, #tabbed input:checked~.wrapper>div, #tabbed label.tabs, #tabbed select, #tabbed textarea {
	-webkit-transition: all ease .2s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .2s
}
/*#tabbed .wrapper.shadow, #tabbed input:checked+label.tabs.shadow {
	-webkit-box-shadow: 6px 6px 0 0 rgba(0,0,0,.3);
	-moz-box-shadow: 6px 6px 0 0 rgba(0,0,0,.3);
	box-shadow: 6px 6px 0 0 rgba(0,0,0,.3)
}
*/
@media screen and (max-width:1024px) {
#tabbed {
	width: 100%
}
#tabbed label.tabs {
	padding: 0 30px
}
}

@media screen and (max-width:800px) {
#tabbed .cell.w-15, #tabbed .cell.w-32, #tabbed .cell.w-49, #tabbed .cell.w-66, #tabbed .cell.w-83 {
	width: 100%
}
#tabbed .cell {
	margin: 2% 0
}
#tabbed p.framed-quote:before {
	display: none
}
#tabbed label.tabs {
	width: 100%;/*height:56px;*/
	line-height: 56px;
	font-size: 15px;
	text-align: left;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
#tabbed label.tabs:before {
	display: inline-block;
	padding: 0;
	width: 30px
}
#tabbed input:checked+label.tabs.shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
#tabbed .wrapper.shadow {
	-webkit-box-shadow: 0 6px 0 0 rgba(0,0,0,.3);
	-moz-box-shadow: 0 6px 0 0 rgba(0,0,0,.3);
	box-shadow: 0 6px 0 0 rgba(0,0,0,.3)
}
#tabbed .fl-right {
	float: left
}
#tabbed iframe {
	height: 380px
}
#tabbed .map {
	width: 100%
}
}
body {
	background-size: cover;
	background-attachment: fixed;
	background-image: url("img/bg.jpg");
	background-position: center center;
}
#demo {
	margin: 50px auto 0;
	width: 1000px;
	position: relative
}
#tabbed p.demo-cell {
	background: #f0f0f0;
	padding: 10px;
	color: #999;
	font-size: 12px
}
#demo .demo-head {
	float: left
}
#demo .m-title {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #6E98E3;
	text-transform: uppercase;
	font-weight: 300
}
#demo h1 {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: #999;
	margin: 4px 0 0
}
#demo .colors {
	float: left;
	margin: 30px 0 40px;
	display: block;
	width: 100%
}
#demo .colors a {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 6px 0 0;
	float: left;
}
a.yellow {
	background: #EAE177
}
a.blue {
	background: #6E98E3
}
a.red {
	background: #f44343
}
a.green {
	background: #A2D763
}
a.orange {
	background: #ffb347
}
a.sweet {
	background: #fe6f5e
}
a.black {
	background: #444
}

@media screen and (max-width:1024px) {
#demo {
	width: 100%
}
#demo .colors, #demo .demo-head {
	padding-left: 40px
}
}