@charset "UTF-8";
@font-face {
    font-family: 'Montserrat Light';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Light'), local('Montserrat-Light'),
        url('../fonts/montserrat-light.woff') format('woff'),
        url('../fonts/montserrat-light.ttf') format('truetype');
}
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr, figure {
	margin: 0;
	padding: 0
}
html, body {
	font-family: 'Montserrat Light', sans-serif;
	background:transparent;
	min-height: 100%;
}
body {
	font-size: 1.2rem;
	line-height: 2rem;
}
html {
	background-color:#79bbe7;	
	background-image:radial-gradient(farthest-side at 45% 70%, #aacfe8, #99cbec, #79bbe7);	
	font-size: 0.625rem;
	overflow-y: scroll;
	min-height: 100%;
	-webkit-tap-highlight-color: transparent
	font-family: 'Montserrat Light', sans-serif;
	font-weight: 400;
	font-style: normal;
	text-rendering: optimizeLegibility;
	color: #76797e;
	-webkit-text-size-adjust: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}
hr {
	border-top: 0.9rem solid transparent;
	border-bottom: 0.1rem solid;
	border-right-color: transparent;
	border-left-color: transparent
}
img {
	max-width: 100%;
	font-style: italic;
	vertical-align: middle
}
img[width], img[height] {
	max-width: none
}
input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 4px 0 0;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
.select-input, .radio-input, .checkbox-input {
    cursor: pointer;
}

label {
    font-weight: 300;
    display: inline-block;
    margin-bottom: 0;
}
table{
	width:100%
}
td{vertical-align:middle}
a, a:hover {
    color: #ffdd77;
    cursor:pointer;
}
ul, ol {
    margin-left: 2rem;
}
*:focus {outline:none !important}
*{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
form label {/*line-height:4rem*/padding-top:10px}

.text-white{color:#FFFFFF !important;}
.text-gray { color: #a4a5ad !important;}
.text-orange {color:#ffdd77 !important;}
.text-blue {color:#78bbe6 !important;}
.text-green,.suggested-link {color: #1CB78C !important}
.text-black {color: #53545B !important;}
.text-dark {color: #1b435d !important;}
.text-light {font-weight: 300 !important}
.text-black-light {color: #65656E !important;}
.text-grey {color:#aaa !important;}
.orange {color:#f59330}
.block-container {
	width: 100%
}
.container {
    max-width: 126rem;
}
.flex {
	display: flex
}
.flex-item {
	flex-grow: 1
}
.flex-column {
	flex-direction: column !important
}
.flex--row {
	flex-direction: row !important
}
.dynamic-row {
	list-style: none;
	margin: 0;
	padding: 0
}
.dynamic-box {
	background-color: #F9F9F9;
    border-color: #DEE0E5;
    position: relative;
    border-style: solid;
    border-width: 0;
    display: block;	
    padding: 2rem 3rem ;
    margin-bottom:1.5rem;
}
.dynamic-box .btn-remove {
	position: absolute;
    top: 27px;
    right: 10px;	
}
.row {vertical-align: middle;}
.dynamic-box .form-control {margin-bottom:0.3rem}

.dynamic-row label {padding-top:0;color:#999}
.block-container:after {
	content: "";
	display: table;
	clear: both
}
.col-center {
   float: none;
   margin-right: auto;
   margin-left: auto;
 }
.nav-bar {
	position: relative;
	line-height: 4rem;
	min-height: 4rem
}
.nav-bar-header {
	float: left
}
.nav-bar-header-logo {
	display: inline-block;
	margin-top: 1rem;
	vertical-align: middle
}
.nav-bar-toggle {
	float: right
}
.nav-bar-toggle-element {
	display: none
}
.nav-bar-toggle-helper {
	display: none
}
.nav-bar-navigation {
	margin-right: -1rem
}
.block-container .nav-bar-navigation {
	margin-right: 0
}
.nav-bar-item {
	display: inline-block;
	position: relative
}
.nav-bar-item:hover .nav-bar-dropdown {
	display: block
}
.nav-bar-item a {
	display: block;
	padding: 0 1rem;
}
.text-upp, .text-uppercase{
	text-transform: uppercase
}
.nav-bar-dropdown {
	display: none;
	position: absolute;
	right: 0;
	list-style: none;
	z-index: 1
}
.nav-bar-link {font-weight:700}
@media (max-width: 767px) {
	.hide-on-mobile {
		display:none;	
	}
	.nav-bar-header {
		float: none;
	}
	.nav-bar- header-logo {
		padding-left: 2rem;
	}
	.nav-bar-toggle {
		float: none;
	}
	.nav-bar-toggle-element {
		display: inline-block
	}
	.nav-bar-toggle-helper {
		display: inline-block;
	}
	
	.nav-bar-dropdown {
		list-style: none;
		margin: 0;
		padding: 0;
		display: block;
		position: static
	}
	.nav-bar-item {
		/*display: block*/
	}
	.nav-bar-toggle {
		margin-top: -4rem
	}
	.nav-bar-toggle:after {
		content: "";
		display: table;
		clear: both
	}
	.nav-bar-toggle-element {
		float: right;
		width: 4rem;
		height: 4rem;
		text-align: center
	}
	.nav-bar-toggle-element>* {
		vertical-align: middle;
		display: inline-block
	}
	.nav-bar-toggle-helper {
		float: right;
		position: relative;
		opacity: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 4rem;
		height: 4rem;
		margin-right: -4rem
	}
	.nav-bar-toggle-helper:focus {
		outline: 0
	}
	.nav-bar-toggle-helper+.nav-bar-navigation {
		display: none;
		position: absolute;
		top: 100%;
		width: 100%
	}
	.nav-bar-toggle-helper:checked+.nav-bar-navigation {
		display: block
	}
	.nav-bar-navigation {
		list-style: none;
		margin: 0;
		padding: 0;
		clear: both;
		margin-right: 0
	}
	.nav-bar-item+.nav-bar-item {
		margin-top: -0.1rem
	}
	.nav-bar-item a {
		display: block;
		padding: 0 2rem;
	}
}
.nav-bar {
	z-index: 10;
	background-color: #fff;
	font-weight: 500;
	margin-right: default
}
.nav-bar .container, .nav-bar .jg-container, .nav-bar .block-container {
	transition: width 0.4s ease-in-out
}
.nav-bar- header-logo {
	padding: 0.4rem 1rem
}
.nav-bar-item>a {
	font-size: 1.1rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	padding: 0.4rem 1rem;
	color: #BABBC1
}
.nav-bar-item>a:hover {
	color: #1b435d;
}

@media (min-width: 768px) and (max-width: 991px) {
.nav-bar-item>a {
	font-size: 0.9rem
}
}
.nav-bar-navigation .nav-bar-item:hover {
	left: auto;
	right: 0;
	margin: 0;
	cursor: pointer
}
.nav-bar-dropdown {
	background-color: #36373E;
	padding-top: 1rem;
	padding-bottom: 1rem
}
.nav-bar-dropdown a {
	color: #BABBC1;
	text-transform: none;
	margin: 0;
	padding: 0 2rem;
	letter-spacing: 0;
	line-height: 3rem;
	min-width: 20rem;
	text-align: left
}
.nav-bar-dropdown a:hover {
	background-color: #53545B
}
.nav-bar-item--is-active>a {
	color: #F1F2F4 !important
}
.nav-bar-header {
	position: relative
}
.nav-bar-title {
	bottom: 0;
	color: #FFFFFF;
	font-weight: 300;
	left: 0;
	overflow: hidden;
	padding-left: 4rem;
	padding-right: 4rem;
	position: absolute;
	right: 0;
	text-align: center;
	text-overflow: ellipsis;
	top: 0;
	white-space: nowrap;
	width: 100%
}
.nav-bar-toggle {
	float: none;
	text-align: center;
	padding: 15px 0;
}
.p-t-1 {padding-top:4rem}
.nav-bar-item a i {display:none}
.progress-label {text-align:right}
@media (max-width: 767px) {
	.nav-bar {
		line-height: 3.7rem
	}
	.nav-bar- header-logo {
		padding-left: 1rem;
		padding-bottom: 0.4rem;
		padding-top: 0
	}
	.sandwich, .jg-sandwich {
		float: none;
		margin-top: 0;
		margin-bottom: 2rem
	}
	.nav-bar-toggle-element>* {
		color: #F1F2F4;
		font-size: 2.4rem !important
	}
	.nav-bar-navigation {
		float: right;
	    margin-top: -5px;
	}
	.nav-bar-navigation .log-out-text {display:none}
	.nav-bar-item a i {display:inline-block}
	.nav-bar-item {
		text-align: left
	}
	.nav-bar-item {
	  margin-top:-0.1rem;
	}
	.nav-bar-item a {
		font-size: 2rem;
		font-weight: 400;
		letter-spacing: 0.1rem;
		line-height: 4rem;
		text-transform: none;
		color: #babbc1;
		transition: color 0.1s ease-in-out;
		padding: 0 2px;
		min-width: 100%;
	}
	.nav-bar-item a, .nav-bar-item a:hover {
		color: #1b435d;
	}
	.nav-bar-dropdown__item a {
		padding: 0 2rem;
		font-size: 1.3rem;
		line-height: 4rem
	}
	.c-profile-add-photo {display:block;height:10px}
	.c-profile-add-photo img, .square {display:none}
	.progress-label {text-align:left}
}

.col-wrapper {
	border-radius: 0;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 1.5rem;
    position:relative;
}
.bg-white {    
    background-color: #ffffff;   
    border-radius: 0;    
}

.block-row {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
}
.block-row-item {
	display: inline-block;
	width: 100%;
	position: relative;
	vertical-align: top;
	
}
.block-row-middle>.block-row-item, .jg-block-row-middle>.block-row-item {
	vertical-align: middle;
	font-size: 12px;
}
.block-row-bottom>.block-row-item {
	vertical-align: bottom
}
.block-row-right {
	text-align: right
}
.block-row-right>.block-row-item {
	text-align: left
}
.block-row-center {
	text-align: center
}
.block-row-center>.block-row-item {
	text-align: left
}


.col-wrapper hr, .col-wrapper hr {
	color: #F1F2F4;
	margin-top: -1rem
}
.col-wrapper section {
	padding: 4rem;
}
.col-wrapper-title {
	font-weight: 300;
	text-align: center;
	line-height: 3rem !important
}
.col-wrapper-subtitle {
	text-align: center;
	font-size:1.4rem;
}
.col-wrapper section {
	padding-right: 2rem;
	padding-left: 2rem
}

@media (min-width: 768px) {
	.col-wrapper section {
		padding-right: 6rem;
		padding-left: 6rem
	}
	.col-summary section{
		padding-right: 4rem;
		padding-left: 4rem
	}
}
input.error, select.error {border-color:red}
.form-control {
	background-color: #FFFFFF;
	border-color: #BABBC1;
	color: #36373E;
	box-shadow: 0;
    border-radius: 0.2rem;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font: inherit;
    height: 4rem;
    margin: 0;
    max-width: 100%;
    overflow: visible;
    padding: 0.9rem;
    position: relative;
    vertical-align: middle;
}
.form-control:hover, selec:hover, textarea:hover {
	border-color: #787985
}
.form-control:focus, select:focus, textarea:focus {
	border-color: #1B81D3;
	outline: 0
}
.form-control:disabled, select, textarea:disabled {
	background-color: #DEE0E5
}
.form-control::placeholder, select::placeholder, .textarea::placeholder {
color:#A4A5AD
}
.checkbox {
	font-size: 1.2rem;
	line-height: 2rem;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	font: inherit;
	overflow: visible;
	max-width: 100%;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	height: 1.6rem;
	margin: 0.1rem 0!important;
	padding: 0;
	width: 1.6rem;
	border-radius: 0.2rem;
}
.radio {
	font-size: 1.2rem;
	line-height: 2rem;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	font: inherit;
	overflow: visible;
	max-width: 100%;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	height: 1.6rem;
	margin: 0 0!important;
	padding: 0;
	width: 1.6rem;
	border-radius: 10rem
}

.btn {
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font: inherit;
	font-size: 1.2rem;
	text-align: center;
	cursor: pointer;
	overflow: visible;
	white-space: nowrap;
	position: relative;
	padding: 0.9rem 2rem;
	border-radius: 0.2rem;
}
.btn, .btn:hover, .btn:active, .btn:focus, .btn:visited {
	text-decoration: none;
	color: #FFFFFF;
	
}
.btn-clipboard, .btn-clipboard:focus, .btn-clipboard:hover {background:transparent;border-color:transparent;text-transform: uppercase;color:#666}
.btn::-moz-focus-inner {
	border:0;
	padding:0
}
.btn-social {text-align:left!important}
.btn-social.btn-lg {font-size:1.6rem!important}
.btn {
	font-weight: 500;
	user-select: none;
	transition: all .1s ease-in-out;
	box-shadow:none!important;
	
}
.btn-blue-light {
	background-color: #78bbe6;
	border-color: #78bbe6;
	color: #FFFFFF
}
.btn-blue-light.btn-outline {
	background-color: #FFFFFF;
	border-color: #78bbe6;
	color: #54a1de
}
.btn-blue-light:hover {
	background-color: #78bbe6;
	border-color: #78bbe6;
	color: #FFFFFF
}
.btn-blue-light:active {
	background-color: #78bbe6;
	border-color: #78bbe6
}
.btn-blue-light:disabled {
	background-color: transparent;
	border-color: #54a1de;
	color: #54a1de;
	cursor: not-allowed
}
.btn-orange {
	background-color: #ffdd77;
	border-color: #ffdd77;
	color: #FFFFFF
}
.btn-orange.btn-outline, .btn-outline.jg-button--orange {
	background-color: #FFFFFF;
	border-color: #F47D30;
	color: #F47D30
}
.btn-orange:hover, .jg-button--orange:hover {
	background-color: #f79e64;
	border-color: #f79e64;
	color: #FFFFFF
}
.btn-orange:active, .jg-button--orange:active {
	background-color: #f79e64;
	border-color: #b75e24
}
.btn-orange:disabled, .jg-button--orange:disabled {
	background-color: transparent;
	border-color: #F47D30;
	color: #F47D30;
	cursor: not-allowed
}
.btn-primary {
	background-color: #1CB78C;
	border-color: #1CB78C;
	color: #FFFFFF
}
.btn-primary:hover {
	background-color: #55c9a9;
	border-color: #55c9a9;
	color: #FFFFFF
}
.btn-primary:active {
	background-color: #158969;
	border-color: #158969
}
.btn-primary:disabled {
	background-color: transparent;
	border-color: #1CB78C;
	color: #1CB78C;
	cursor: not-allowed
}
.btn-small, .btn-tiny {
	margin: 0.5rem 0;
	padding: 0.4rem 1rem;
	font-size:1rem;
}
.btn-default, .btn-default:hover{
    background-color: #d9d9d9;
    border-color: #ccc;
}
.divider-line::before {
	height: 0.1rem
}
.divider {
	display: table;
	width: 100%
}
.divider-to {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	width: 0.1rem;
	padding: 0 4rem
}
.divider-line {
	position: relative;
	display: inline-block;
	height: 100%;
	width: 100%
}
.divider-line::before {
	bottom: 0;
    content: "";
    height: 0.1rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -0.9rem;
    vertical-align: middle;
}

.divider-white .divider-line::before {
	background-color: #F1F2F4
}
.badge {
    background-color: transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    display: inline-block;
    font-size: 1.2rem;
    font: inherit;
    height: 2rem;
    overflow: visible;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0 0;
    padding: 0 1rem;
    line-height: 2rem;
}
.badge {
	font-size: 1rem;
	font-weight: 400;
	user-select: none;
	transition: all .2s ease-in-out
}
.badge-orange-light {
    background-color: #ffdd77;
    border-color: #ffdd77;
    color: #1b435d;
}
.c-profile-add-photo {
    text-align: center;
}
/*
margins + paddings
*/
.m-b-0 {margin-bottom: 0 !important}
.p-b-0 {padding-bottom: 0 !important}
.m-t-0 {margin-top: 0 !important}
.p-t-0 {padding-top: 0 !important}

.m-t-5 {margin-top: 0.5rem !important}
.m-b-5 {margin-bottom: 0.5rem !important}
.p-t-5 {padding-top: 0.5rem !important}
.p-b-5 {padding-bottom: 0.5rem !important}

.m-t-10 {margin-top: 1rem !important}
.m-b-10 {margin-bottom: 1rem !important}
.p-t-10 {padding-top: 1rem !important}
.p-b-10 {padding-bottom: 1rem !important}

.m-t-15 {margin-top: 1.5rem !important}
.m-b-15 {margin-bottom: 1.5rem !important}
.p-t-15 {padding-top: 1.5rem !important}
.p-b-15 {padding-bottom: 1.5rem !important}

.m-t-20 {margin-top: 2rem !important}
.m-b-20 {margin-bottom: 2rem !important}
.p-t-20 {padding-top: 2rem !important}
.p-b-20 {padding-bottom: 2rem !important}

.m-t-25 {margin-top: 2.5rem !important}
.m-b-25 {margin-bottom: 2.5rem !important}
.p-t-25 {padding-top: 2.5rem !important}
.p-b-25 {padding-bottom: 2.5rem !important}

.m-t-30 {margin-top: 3rem !important}
.m-b-30 {margin-bottom: 3rem !important}
.p-t-30 {padding-top: 3rem !important}
.p-b-30 {padding-bottom: 3rem !important}

.m-t-50 {margin-top: 5rem !important}
.m-b-50 {margin-bottom: 5rem !important}
.p-t-50 {padding-top: 5rem !important}
.p-b-50 {padding-bottom: 5rem !important}

.m-r-10 {margin-right: 1rem !important}
.m-r-15 {margin-right: 1.5rem !important}
.m-r-20 {margin-right: 2rem !important}

.m-b-h-0 {margin-bottom: 3rem !important}
.m-t-h-0 {margin-top: 3rem !important}
.m-b-h-1 {margin-bottom: 3rem !important}
.m-t-h-1 {margin-top: 3rem !important}


.f-s-12, h6 {font-size: 1.25rem !important}
.f-s-10, small {	font-size: 1rem !important}
.f-s-14 {font-size: 1.4rem !important}
.f-s-16 {font-size: 1.6rem !important}
.f-s-18 {font-size: 1.8rem !important}
.f-s-20 {font-size: 2rem !important}
.f-s-24, h3 {font-size: 2.4rem !important}
.f-s-30, h2 {font-size: 3rem !important}
.f-s-36, h1 {font-size: 3.6rem !important}

.m-20 {margin:2rem !important}
.p-20 {padding:2rem !important}

.m-10 {margin:1rem !important}
.p-10 {padding:1rem !important}

.section-title, h4 {font-size: 1.8rem !important}
.typeahead-container {
	position: relative;
	height: 40px;
	display: flex;
}

.typeahead-input-container {
	width: 100%;
	position: relative
}
.typeahead-input, .typeahead-input-sugg {
	width: 100%;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0
}
.typeahead-input {
	/*background: transparent !important;*/
	z-index: 6
}
.typeahead-input-sugg {
	color: #BABBC1 !important;
	z-index: 5
}
.typeahead-options-container {
	background-color: #FFFFFF;
	border: 1px solid #DEE0E5;
	z-index: 9;
	width: 100%;
	position: absolute;
	top: 39px;
	left: 0;
	overflow: hidden
}
.typeahead-group-list {
	margin: 0;
	width: 100%;
	max-height: 152px;
	overflow: scroll
}
.typeahead-group-list li {
	list-style: none
}
.typeahead-slider {
	position: relative;
	width: 100%
}
.typeahead-slider.typeahead-slider--animated {
	transition: left 0.3s ease-in-out
}
.typeahead-options-list:first-child {
	max-height: 350px
}
.typeahead-options-list.expanded {
	max-height: 100%
}
.typeahead-options-list {
	margin: 0;
	list-style: none;
	position: relative;
	overflow-y: auto;
	width: 100%
}
.typeahead-options-list.expanded {
	position: absolute;
	top: 0
}
.typeahead-options-list.expanded .typeahead-option--back {
	display: block
}
.typeahead-option {
	padding: 1rem;
	cursor: pointer;
	font-size: 1.25rem
}
.typeahead-option.selected {
	background-color: #eaf4fb
}
.typeahead-option:focus {
	outline: none
}
.typeahead-option:last-child {
	border-bottom: none
}
.typeahead-option--back {
	padding-left: 1rem;
	padding-top: 0.66667rem;
	padding-bottom: 0.66667rem;
	display: none;
	font-size: 0.85rem;
	cursor: pointer
}
.typeahead-option--back:hover {
	background-color: #f7f7f8
}
.typeahead-option--back:focus {
	outline: none
}
.typeahead-group-value {
	display: block;
	padding: 1rem;
	padding-bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.85rem;
	cursor: pointer
}
.typeahead-group-enter {
	opacity: 0.01;
	transition: opacity 100ms ease-in
}
.typeahead-group-enter.typeahead-group-enter-active {
	opacity: 1
}
.typeahead-group-leave {
	opacity: 1;
	transition: opacity 1s ease-in
}
.typeahead-group-leave.typeahead-group-leave-active {
	opacity: 0.01
}
.typeahead-group-entry:focus {
	outline: none
}
.typeahead-group-entry.collapsible .typeahead-group-value {
	display: block;
	padding: 1rem;
	font-weight: normal;
	font-size: 1.25rem;
	text-transform: none;
	background-size: 18px 18px
}
.typeahead-group-entry.selected {
	background-color: #eaf4fb
}
.typeahead-container .typeahead-button {margin-left:1rem!important;}
.dropdown-menu>li>a {
    white-space: pre-line;
    font-size: 1.2rem;
}


/*tag*/
.no-uline {text-decoration: none;!important}
.tm-tag {
	background-color: #ffdd77;
	border-radius: 3px;
	color: #1b435d;
	display: inline-block;
	font-size: 13px;
	margin: 0 5px 5px 0;
	padding: 8px 10px;
	text-decoration: none;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	vertical-align: middle;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	-webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.tm-tag .tm-tag-remove {
  color: #ddd;
  font-weight: bold;
  margin-left: 4px;
  opacity: 0.2;
}
.tm-tag .tm-tag-remove:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.4;
}
.tm-tag.tm-tag-warning {
  color: #945203;
  background-color: #f2c889;
  border-color: #f0a12f;
}
.tm-tag.tm-tag-error {
  color: #84212e;
  background-color: #e69ca6;
  border-color: #d24a5d;
}
.tm-tag.tm-tag-success {
  color: #638421;
  background-color: #cde69c;
  border-color: #a5d24a;
}
.tm-tag.tm-tag-info {
  color: #4594b5;
  background-color: #c5eefa;
  border-color: #5dc8f7;
}
.tm-tag.tm-tag-inverse {
  color: #cccccc;
  background-color: #555555;
  border-color: #333333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.tm-tag.tm-tag-inverse .tm-tag-remove {
  color: #ffffff;
}
.tm-tag.tm-tag-large {
  font-size: 16.25px;
  border-radius: 4px;
  padding: 11px 7px;
}
.tm-tag.tm-tag-small {
  font-size: 11.049999999999999px;
  border-radius: 3px;
  padding: 2px 4px;
}
.tm-tag.tm-tag-mini {
  font-size: 9.75px;
  border-radius: 2px;
  padding: 0 2px;
}
.tm-tag.tm-tag-plain {
  color: #333333;
  box-shadow: none;
  background: none;
  border: none;
}
.tm-tag.tm-tag-disabled {
  color: #aaaaaa;
  background-color: #e6e6e6;
  border-color: #cccccc;
  box-shadow: none;
}
.tm-tag.tm-tag-disabled .tm-tag-remove {
  display: none;
}
input[type="text"].tm-input {
  margin-bottom: 5px;
  vertical-align: middle !important;
}
.control-group.tm-group {
  margin-bottom: 5px;
}
.form-horizontal .form-group.tm-group {
  margin-bottom: 15px;
}
/*end tags*/

input[type="file"]{
    position: absolute;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
    z-index: 99;
}
/*special radio*/
.radio-input-parent {
	margin: -2px
}
.radio-input-grid {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 2px
}
.radio-input-row {
	display: table-row;
	/*border:1px solid #ddd;*/
}
.radio-input-col {
	display: block;
	text-align: center;
	position: relative;
	width:100%;
	
}

.radio-input-col>input[type="radio"] {
	display: none
}
.radio-input-col>input[type="radio"]+label {
	display: block;
	padding: 1rem 0;
	cursor: pointer;
	background-color:  rgba(255,255,255,0.70);
	color: #787985;
	font-weight: 500
}
.radio-input-col>input[type="radio"]+label:hover {
	background-color:  rgba(204,204,204,0.25);
}

.radio-input-col>input[type="radio"]:checked+label {
	background-color: rgba(247,178,110,0.25);
	color: #1b435d;
}
.edit-block {
    position: absolute;
    top: 4rem;
    right: 4rem;
    display: table-row;
    border-collapse: separate;
    border-spacing: 1px;
}
.edit-block a{    
	display: table-cell;
    border:2px solid #ffdd77;
    font-size:24px;
    width:32px;
    height:32px;
    text-align:center;
    vertical-align:middle;
    color: #ffdd77;
}
.edit-block a:hover, .edit-block:hover{
	color:#ffdd77;
}
@media (max-width: 767px) {
	.radio-input-grid, .radio-input-row .radio-input-col, .radio-input-col>input[type="radio"]+label {
		display: block!important;
	}
	.radio-input-grid {
		border-spacing: 0
	}
	.radio-input-row {
		display: block
	}
	.radio-input-col {
		margin-bottom: 2px
	}
		
	.c-profile-add-photo {
		left: 1rem
	}
	
	.edit-block {
		display: inline-block;
	    border-collapse: separate;
	    border-spacing: 1px;
	    width: 32px;
	    height: 64px;		
	}
	
	.edit-block a {
	    display: block!important;
	    margin: 0 0 1px 0;
	    line-height: 27px;
	}
}


/*end special radio*/


/*special checkbox*/
.checkbox-input-row-parent {
	margin: -2px
}
.checkbox-input-grid {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
    border-spacing: 0;
}
.checkbox-input-row {
	display: table-row
}
.checkbox-input-col {
	display: table-cell;
	text-align: center;
	position: relative
}
.checkbox-input-col>input[type="checkbox"] {
	display: none
}
.checkbox-input-col>input[type="checkbox"]+label {
	display: block;
	padding: 1rem 0;
	cursor: pointer;
	background-color: #f9f9f9;
	color: #787985;
	font-weight: 500
}
.checkbox-input-col>input[type="checkbox"]+label:hover {
	background-color: #eaf4fb
}
.checkbox-input-col>input[type="checkbox"]:disabled+label {
	background-color: #F1F2F4;
	color: #DEE0E5
}
.checkbox-input-col>input[type="checkbox"]:disabled+label:hover {
	background-color: #F1F2F4
}
.checkbox-input-col>input[type="checkbox"]+label:hover {
	background-color: #DEE0E5
}
.checkbox-input-col>input[type="checkbox"]:checked+label {
	background-color: #36506c;
	color: #F1F2F4
}
@media (max-width: 1280px) {
	/*.checkbox-input-col, .radio-input-col {
		width:50%;
		float:left;
	}*/
	#primary-roles .radio-input-col {
		margin-bottom: 0px;
	    width: 50%!important;
	    float: left!important;
	}
}
@media (max-width: 767px) {
	.checkbox-input-grid, .checkbox-input-row, .checkbox-input-col, .checkbox-input-col>input[type="checkbox"]+label {
		display: block;
	}
	.checkbox-input-col, .radio-input-col {
		float:none;
	}
	.checkbox-input-grid {
		border-spacing: 0
	}
	.checkbox-input-row {
		display: block
	}
	.checkbox-input-col {
		margin-bottom: 2px
	}
	
}
/*end special checkbox*/

.place-typeahead .form-control {
	padding-left: 3rem;
	width: 100%;
	border: none;
	text-overflow: ellipsis;
	border: 1px solid #BABBC1;
	background-size: 12px 18px
}
.place-typeahead .form-control::-webkit-search-cancel-button {
-webkit-appearance:searchfield-cancel-button
}
.place-selection {
	width: 220px;
	display: inline-block;
	vertical-align: middle;
	padding-left:10px
}
.place-selection-btn {
	background: none;
	border: none;
	vertical-align: middle;
	font-size: 20px;
	margin-left: 5px;
	color: #999
}
.place-selection-btn:hover {
	color: #222
}
.place-selection-input {
	width: 100%
}
.place-selection-pref {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	margin-left: 10px
}
.place-selection-plus {
	vertical-align: middle;
	font-size: 16px;
	margin-right: 3px
}

.place-selection-li .place-selection-input, .place-selection-li .place-selection-pref {
	font-size: 1.2rem
}
.place-selection-li .typeahead-input-sugg {
	font-size: 1.2rem
}






/* NEW DESIGN*/
.primary-sector-column{
	width:25%;
	float:left;
}

.form-group{
	margin-bottom: 2rem!important;
}
.row.form-group{
	margin-left:-15px; margin-right:-15px
}
.row.has-error .form-control-feedback{
	right:15px;
}
.has-error .form-control-feedback {
	color:red;	
}
.has-success .input-group-addon {
    background-color: #eee;
    border-color: #babbc1;
    color: #555;
    box-shadow: none!important;
}
.has-success .form-control,.has-success .form-control:focus {
    border-color: #babbc1;
    box-shadow: none!important;
}
.form-control,.has-success .form-control {box-shadow: none!important;}

label {
    margin-bottom: 0;
}
/*html {background:#eeeeee;background-image:none}*/
.nav-bar {background:#ffffff;}
.wall, jg-wall {background-color: #ffffff!important;border: 0!important;border-radius:0}


.geniejob-info .radio-input-col>input[type="radio"]:checked+label,
.geniejob-info .checkbox-input-col>input[type="checkbox"]:checked+label{
	background-color: #ffdd77;
	color:#1b435d;
	box-shadow: 0 0 0 1px #ffdd77;
}
/*
.geniejob-info .radio-input-col>input[type="radio"]:checked+label:hover,
.geniejob-info .checkbox-input-col>input[type="checkbox"]:checked+label:hover{
	background-color: #f5875f;
}
*/
.geniejob-info .radio-input-col>input[type="radio"]+label:before,
.checkbox-input-col > input[type="checkbox"] + label.primary-sector:before{
    font-size: 2.7rem;
    padding: 25px 0 15px 0;
    color:#1b435d
}

.geniejob-info .radio-input-col>input[type="radio"]:checked+label:before,
.checkbox-input-col > input[type="checkbox"]:checked + label.primary-sector:before{
	color:#1b435d;
}

.geniejob-info .checkbox-input-col>input[type="checkbox"]+label:hover,
.geniejob-info .radio-input-col>input[type="radio"]+label:hover{
	background-color: #f9e8b5!important;
	color:#1b435d;
	box-shadow: 0 0 0 1px #ffdd77;
}
.geniejob-info .checkbox-input-col>input[type="checkbox"]+label:hover:before,
.geniejob-info .radio-input-col>input[type="radio"]+label:hover:before{
 	color:#1b435d;
}
.geniejob-info .checkbox-input-col>input[type="checkbox"]:checked+label:hover, 
.geniejob-info .radio-input-col>input[type="radio"]:checked+label:hover{
	background-color: #ffdd77!important;
	color:#1b435d;
}

.btn-orange, .btn-orange:hover,.btn-orange:focus {
	background-color: #ffdd77;
    border-color: #ffdd77;
    color: #1b435d;
}
.was-selected.text-white {color:#1b435d!important;}
.was-selected {
    background: #ffdd77;
}
h3.col-wrapper-title, 
h2.col-wrapper-title, 
h4.col-wrapper-title{
	font-weight:500;color:#ffffff
}
.col-wrapper-subtitle {color:#ffdd77}
.section-title {color:#1b435d;}
.field__meta {color:#78bbe6}
.label--required {margin-left:5px;}


.row .form-control-feedback {
	right:25px
}
.has-error .section-title {
	color:red
}
.has-error input[type="text"],
.has-error textarea,
.has-error input[type="password"],
.has-error input[type="email"] {
	border-color:red
}
.form-control-feedback {
    top: 2px;
}
.form-group-m {
    color: #78bbe6;
}
label {
    font-weight: 300;
}
.btn {
	border-radius: 3px!important;
}
.btn-social.btn-lg>:first-child {
    line-height: 38px;
}
#suggested_skills a, #suggested_skills a {color:#1cb78c}
.skill-chooser-suggestions {color: #787985;	margin-right: 1rem}

#cReferrals .btn-social.btn-lg {
    line-height: 18px;
}
#cReferrals .btn-social.btn-lg span.fa{ 
    font-size:24px;
}
#current-companies-container span.tm-tag, #companies-container span.tm-tag {
    background: transparent;
    padding: 0 5px 0 0;	
}
.link.delete-yrs-experience {
    color: red !important;
    position: absolute;
    right: -16px;
    top: 11px;
}

.was-selected{
	background: #ffdd77;
    border-radius: 50%;
    color: #fff;
    height: 18px!important;
    line-height: 18px;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 18px!important;
    vertical-align: middle;
}

.col-np {padding:0}
.col-nm { margin-left: 0; margin-right: 0;}
.primary-sector-column {display:block;width:100%}

.radio-input-col > input[type="radio"] + label.primary-sector,
.checkbox-input-col > input[type="checkbox"] + label.primary-sector {
    padding: 10px 20px!important;
    height: 115px;
    text-align:center;
    line-height: 15px;
}
.radio-input-col > input[type="radio"] + label.primary-sector:before,
.checkbox-input-col > input[type="checkbox"] + label.primary-sector:before {
   font-family: FontAwesome;
   font-size: 2.5rem;
   padding: 25px 0 10px 0;
   text-align: center;
   display: block;
   color: #ffdd77;
}
.radio-input-grid, .radio-input-col,.checkbox-input-col {
    border-collapse: collapse;
    border-spacing: 0;
}

.geniejob-info .radio-input-parent {
	margin: -2px
}
.geniejob-info .radio-input-grid {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0
}
.geniejob-info .radio-input-row {
	display: table-row
}
.geniejob-info .radio-input-col {
	display: table-cell;
	text-align: center;
	position: relative;
	border:1px solid #ddd;
}
.geniejob-info .radio-input-col>input[type="radio"] {
	display: none
}
.geniejob-info .radio-input-col>input[type="radio"]+label {
	display: block;
	padding: 1rem 0;
	cursor: pointer;
	background-color: #F9F9F9;
	color: #787985;
	font-weight: 500
}
.geniejob-info .radio-input-col>input[type="radio"]+label:hover {
	background-color: #eaf4fb
}
.geniejob-info .radio-input-col>input[type="radio"]+label:hover {
	background-color: #DEE0E5
}
.geniejob-info .radio-input-col>input[type="radio"]:checked+label {
	background-color: #ffdd77;
	color: #1b435d!important;
}
#primary-roles .radio-input-col {float:none;}
@media (max-width: 767px) {
	.geniejob-info .radio-input-grid, 
	.geniejob-info .radio-input-row .radio-input-col, 
	.geniejob-info .radio-input-col>input[type="radio"]+label {
		display: block!important;
	}
	.geniejob-info .radio-input-grid {
		border-spacing: 0
	}
	.geniejob-info .radio-input-row {
		display: block
	}
	.geniejob-info .radio-input-col {
		margin-bottom: 2px;
	}
	#primary-roles .radio-input-col {
		width:100%!important;
		float:none;
	}
}
.geniejob-info .checkbox-input-grid {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 2px
}
.geniejob-info .checkbox-input-row {
	display: table-row
}
.geniejob-info .checkbox-input-col {
	display: table-cell;
	border:1px solid #ddd;
	text-align: center;
	position: relative
}
.geniejob-info .checkbox-input-col>input[type="checkbox"] {
	display: none;
}
.geniejob-info .checkbox-input-col>input[type="checkbox"]+label {
	display: block;
	padding: 1rem 0;
	cursor: pointer;
	background-color: #F9F9F9;
	color: #787985;
	font-weight: 500
}
.geniejob-info .checkbox-input-col>input[type="checkbox"]+label:hover {
	background-color: #eaf4fb
}
.geniejob-info .checkbox-input-col>input[type="checkbox"]:disabled+label {
	background-color: #fafafa;
	color: #DEE0E5
}
.geniejob-info .checkbox-input-col>input[type="checkbox"]:disabled+label:hover {
	background-color: #F1F2F4
}
.geniejob-info .checkbox-input-col>input[type="checkbox"]+label:hover {
	background-color: #DEE0E5
}
.geniejob-info .checkbox-input-col>input[type="checkbox"]:checked+label {
	background-color: #ffdd77;
	color: #1b435d
}

@media (max-width: 767px) {
	.geniejob-info .checkbox-input-grid, 
	.geniejob-info .checkbox-input-row .checkbox-input-col, 
	.geniejob-info .checkbox-input-col>input[type="checkbox"]+label {
		display: block
	}
	.geniejob-info .checkbox-input-grid {
		border-spacing: 0
	}
	.geniejob-info .checkbox-input-row {
		display: block
	}
	.geniejob-info .checkbox-input-col {
		margin-bottom: 2px
	}
}
/*google logo*/
.pac-container:after {
    background-image: none !important;
    height: 0;
}

.radio-input-col > input[type="radio"] + label.primary-sector.accounting-banking-finance:before {content: "\f1ec";}
.radio-input-col > input[type="radio"] + label.primary-sector.administrative-secretarial:before {content: "\f2b7";}
.radio-input-col > input[type="radio"] + label.primary-sector.consulting-strategy:before {content: "\f0a4";}
.radio-input-col > input[type="radio"] + label.primary-sector.design-creative-arts-media:before {content: "\f1fc";}
.radio-input-col > input[type="radio"] + label.primary-sector.education-teaching:before {content: "\f19d";}
.radio-input-col > input[type="radio"] + label.primary-sector.hospitality-events-catering:before {content: "\f0f5";}
.radio-input-col > input[type="radio"] + label.primary-sector.human-resources-recruitment:before {content: "\f2ba";}
.radio-input-col > input[type="radio"] + label.primary-sector.information-technology:before {content: "\f121";}
.radio-input-col > input[type="radio"] + label.primary-sector.legal-services:before {content: "\f0e3";}
.radio-input-col > input[type="radio"] + label.primary-sector.marketing-pr-advertising:before {content: "\f140";}
.radio-input-col > input[type="radio"] + label.primary-sector.medical-healthcare:before {content: "\f0f0";}
.radio-input-col > input[type="radio"] + label.primary-sector.production-manufacturing:before {content: "\f275";}
.radio-input-col > input[type="radio"] + label.primary-sector.research-analytical:before {content: "\f080";}
.radio-input-col > input[type="radio"] + label.primary-sector.sales-business-development:before {content: "\f091";}
.radio-input-col > input[type="radio"] + label.primary-sector.technical-science-engineering:before {content: "\f197";}
.radio-input-col > input[type="radio"] + label.primary-sector.transportation-logistics:before {content: "\f0d1";}
/*Company Type*/
.checkbox-input-col > input[type="checkbox"] + label.primary-sector.company-type-icon-1:before {content: "\f135";}
.checkbox-input-col > input[type="checkbox"] + label.primary-sector.company-type-icon-2:before {content: "\f0b1";}
.checkbox-input-col > input[type="checkbox"] + label.primary-sector.company-type-icon-3:before {content: "\f0f7";}
.checkbox-input-col > input[type="checkbox"] + label.primary-sector.company-type-icon-4:before {content: "\f0ac";}

.field-required.error .section-title, .section-title.error {color:red!important}
input.error, select.error {border-color:red}
.upload-drop-zone {
  height: 190px;
  border-width: 2px;
  overflow:hidden;
  position:relative
}

/* skin.css Style*/
.upload-drop-zone {
	color: #79bbe7;
	border-style: dashed;
	border-color: #79bbe7;
	text-align: center;
	background-color: #F9F9F9;
}
.upload-drop-zone.drop {
	color: #333;
	border-color: #ffdd77;
}
.upload-drop-zone input[type="file"]{
	cursor: pointer;
	direction: ltr;
	font-size: 190px;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.upload-drop-zone span.upld-complete {
	display: block;
	margin-top: 55px;
	position: relative;
	text-align: center;
}
.slider.slider-horizontal {
    width: 100%;
    height: 20px;
}
.modal-body {min-height:250px;}
.pac-container {
    z-index: 1055!important;
}
.geniejob-info .radio-tabs .radio-input-col > input[type="radio"] + label {
    background-color: #ddd;
    padding-top:20px;
    padding-bottom:20px;
}
.geniejob-info .radio-tabs .radio-input-col > input[type="radio"]:checked + label, 
.geniejob-info .radio-tabs .checkbox-input-col > input[type="checkbox"]:checked + label {
	background-color: #fff;
    border:0!important;
    box-shadow: 0 0 0 0 transparent;
}
.geniejob-info .radio-tabs .radio-input-col {
	border:0;	
}
.geniejob-info .radio-tabs .checkbox-input-col>input[type="checkbox"]:checked+label:hover, 
.geniejob-info .radio-tabs .radio-input-col>input[type="radio"]:checked+label:hover,
.geniejob-info .radio-tabs .checkbox-input-col>input[type="checkbox"]+label:hover, 
.geniejob-info .radio-tabs .radio-input-col>input[type="radio"]+label:hover{
	background-color: #f1f1f1!important;
	box-shadow: 0 0 0 0 transparent;
}
.text-grey {
    color: #aaa;
}
.confirmation {max-width: 220px!important;}
.confirmation .popover-title {font-size:16px!important;} 
.confirmation .popover-content {padding:10px!important}
.confirmation .confirmation-buttons .btn-group{
	border-collapse: separate;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.confirmation .confirmation-buttons .btn-group> .btn {
    display: table-cell;
    float: none;
    width: 1%;
    padding: 0.9rem!important;
}
.confirmation-buttons .btn-group .btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important;
}
.confirmation-buttons .btn-group .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
}
.confirmation .confirmation-buttons .btn-group .btn {width:50%}
.gritter-close {top:10px;right:10px}
.select2-container {display:block}
.select2-container .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__arrow {height:4rem};
.select2-container--default .select2-selection--single .select2-selection__arrow, 
.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-selection__rendered {line-height: 3.8rem;!important}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 3.8rem;!important}
.select2-container--default .select2-search--dropdown .select2-search__field {border-radius:4px; border-color:#ddd}
.select2-search--dropdown {padding:10px}
.has-error .select2-container--default .select2-selection--single {border-color: red;}
.img-rounded{border-radius:50%}
.square { 
    /*border: 1px solid #ddd;*/
    border-radius:50%;
    position: relative;
    text-align: center;
    width: 100%;
    background-color:#ffdd77;
    display: table;
    
  }
  .square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }

  .content {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1.6em;
    display: table-cell;
    vertical-align: middle;
  }
#search-keywords .dropdown-menu a {padding:0}
#search-keywords .dropdown-menu a label {padding:10px;display:block}
#search-keywords .dropdown-menu a label input[type="radio"] {margin:0;vertical-align: middle;}