/* ----- Form ----- */

.single-form {
	position:relative;
	width:800px;
	margin:0 auto;
}
.row-form { position:relative; }
.row-group-input {
	/*position:relative;*/
	display:block;
	width:100%;
}
.row-group-input.inline {
	display:table;
	clear:both;
}
.row-group-input.inline > [ class*="group-" ] {
	display:inline-block;
	float:left;
	width:calc( 50% - 15px );
}
.row-group-input.inline > [ class*="group-" ] + [ class*="group-" ],
.row-group-select.inline > [ class*="group-" ] + [ class*="group-" ] {
    margin-left: 30px;
}

/* title */
.title-form {
	font-size:18px;
	line-height:25px;
	font-weight:500;
	color:#1e1e1e !important;
	margin-bottom:20px;
}
.row-group-input + .title-form {
	margin-top:50px;
}

/* input */
.group-input, .group-select {
	position:relative;
	display:block;
	margin-top:30px;
}
.box-input,
.box-select {
	position:relative;
	width:100%;
	display: table;
	border:1px solid rgba(0,0,0,0.15) !important;
}
.box-input, .box-input > .placeholder, .box-input > .input,
.box-select, .box-select > .placeholder, .box-select > .input {
	height:50px !important;
} 
.box-input > .placeholder, .box-input > .input,
.box-select > .placeholder, .box-select > .input {
	position:relative;
	display:table-cell;
    white-space: nowrap;
    vertical-align: middle;
} 
.box-input > .input,
.box-select > .input {
	width: 100%;
	outline:none !important;
	background:none !important;
	border:none !important;
	padding:0 15px 0 0 !important;
	margin:0 !important;
	overflow:hidden;
	z-index:3;
	color:#888888;
}
.box-input > .placeholder,
.box-select > .placeholder {
	width: 1%;
	padding:0 15px;
	font-weight:500;
}
.box-input.colon > .placeholder,
.box-select.colon > .placeholder {
	padding-right:30px;
}
.box-input.colon > .placeholder:before,
.box-select.colon > .placeholder:before {
	position: absolute;
	display:block;
	content:":";
	top:0;
	right:15px;
	line-height:50px;
	font-weight:600;
	opacity:0.5;
}

/* textarea */
.group-textarea { line-height:0; }
.label-textarea {
	position:relative;
	display: table;
	width:100%;
	clear:both;
	font-weight:500;
	padding-bottom:15px;
	line-height:30px;
}
.label-textarea p {
	display:inline-block;
	float:left;
}
.label-textarea .tipsy.alert-form {
    position: relative;
    display: inline-block !important;
    margin-left: 10px !important;
	padding:0 !important;
	float:left;
}
.box-textarea {
	height:auto !important;
	border:none !important;
}
.box-textarea > textarea.input {
	width:100%;
	max-width:100%;
	height:200px !important;
	border:1px solid rgba(0,0,0,0.15) !important;	
	line-height:25px !important;
	resize:none !important;
	padding:20px 30px !important;
	overflow-y: scroll;
	outline:none !important;
}
.box-textarea > textarea::placeholder {
	color:rgba(16,16,16,0.3) !important;
}
.box-textarea > .text-label {
	font-weight:500;
	margin-bottom:10px;
}


/* ----- Button ----- */

.row-group-btn {
	position:relative;
}
.group-btn {
	/*position:relative;*/
	display:table;
	width:100%;
	clear:both;
}
.group-btn.inline > .default-btn {
	float:left;
}
.group-btn.inline > .default-btn + .default-btn {
	margin-left:15px;
}
.row-group-select + .row-group-btn,
.row-group-input + .row-group-btn {
	margin-top:40px;
}
.row-group-btn.center { text-align:center; }
.row-group-btn.center .group-btn {
	width:auto;
	margin:0 auto;
}

.default-btn {
	position:relative;
	display:inline-block;
	height:50px;
	min-width:200px;
	text-align:center;
	text-transform:uppercase !important;
	font-family: 'Prompt', sans-serif;
	font-size:13px;
	line-height:50px;
	font-weight:500;
	padding:0 15px;
	letter-spacing:0.5px;
	overflow:hidden;
	cursor:pointer;
}
.default-btn:before {
	content:"";
	position:absolute;
	width:0;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
}
.default-btn:hover:before {
	width:100%;
}
.default-btn > i[ class*="f-icon-" ] {
	font-size:20px;
}
.default-btn > i { z-index:2; }
.default-btn > .text {
	position:relative;
	display:inline-block;
	z-index:2;
}
.default-btn > .text + i,
.default-btn > i + .text {
	margin-left:10px;
}
.default-btn,
.default-btn:hover {
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
}
.default-btn:before,
.default-btn:hover:before {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
}


/* btn stroke */
.btn-stroke {
	background:none !important;
	border-style:solid;
	border-width:1px;
	line-height:48px;
}
.btn-stroke.white {
	border-color:rgba(255,255,255,1);
	color:rgba(255,255,255,1) !important;
}
.btn-stroke.white:hover {
	color:rgba(30,30,30,1) !important;
}
.btn-stroke.white:before {
	background-color:rgba(255,255,255,1);
}
.btn-stroke.black {
	border-color:rgba(30,30,30,1);
	color:rgba(30,30,30,1) !important;
}
.btn-stroke.black:hover {
	color:rgba(255,255,255,1) !important;
}
.btn-stroke.black:before {
	background-color:rgba(30,30,30,1);
}
.btn-stroke.blue {
	border-color:rgba(37,47,108,1);
	color:rgba(37,47,108,1) !important;
}
.btn-stroke.blue:hover {
	color:rgba(255,255,255,1) !important;
}
.btn-stroke.blue:before {
	background-color:rgba(37,47,108,1);
}


/* btn fill */
.btn-fill {
	line-height:50px;
}
.btn-fill.white {
	background-color:rgba(255,255,255,1) !important;
	color:rgba(30,30,30,1) !important;
}
.btn-fill.white:before {
	background-color:rgba(30,30,30,0.1);
}
.btn-fill.black {
	background-color:rgba(30,30,30,1) !important;
	color:rgba(255,255,255,1) !important;
}
.btn-fill.black:before {
	background-color:rgba(0,0,0,0.5);
}
.btn-fill.blue {
	background-color:rgba(37,47,108,1) !important;
	color:rgba(255,255,255,1) !important;
}
.btn-fill.blue:before {
	background-color:rgba(22,36,120,1);
}

/* btn circle */
.btn-circle {
	position:relative;
	display:block;
	min-width:0;
	width:50px;
	height:50px;
	border-radius:100%;
	text-align:center;
	font-size:15px;
	line-height:50px;
}

/* btn square */
.btn-square {
	position:relative;
	display:block;
	min-width:0;
	width:50px;
	height:50px;
	text-align:center;
	font-size:15px;
	line-height:50px;
}

/* btn read more */
.btn-read-more {
	position:relative;
	display:inline-block;
	color:rgba(30,30,30,1) !important;
}
.btn-read-more:hover {
	color:rgba(47,60,139,1) !important;
}
.btn-read-more .text + i {
	margin-left:10px;
	font-size:15px;
	opacity:0.6;
}
.btn-read-more:hover i {
	opacity:0.8; 
}
.btn-read-more, .btn-read-more:hover,
.btn-read-more i, .btn-read-more:hover i {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	
}

/* ----- select ----- */

.box-select {
	display:block !important;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	cursor:pointer !important;
}
.box-select > .placeholder,
.box-select > .input {
	display:inline-block;
	float:left;
	width:auto !important;
	line-height:50px;
}
.box-select > .input {
	cursor:pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right:50px !important;
}
.box-select > .arrow {
	position:absolute;
	bottom:0;
	right:0;
	height:50px;
	width:50px;
	line-height:50px;
	text-align:center;
}
.box-select > .arrow:before {
	content:"";
	position:absolute;
	width:1px;
	height:20px;
	left:0;
	top:10px;
}
/*.box-select > .placeholder { width:100%; }*/
.textcolor-white .box-select > .arrow:before {
	background-color:rgba(255,255,255,0.05);
}
.box-select > .arrow:before,
.textcolor-black .box-select > .arrow:before {
	background-color:rgba(10,10,10,0.05);
}
.box-select > .arrow [ class*="aicon-" ] {
	position:absolute;
	width:100%;
	font-size:10px;
	line-height:35px;
	bottom:0;
}
.box-select > .placeholder .before,
.box-select > .placeholder .after,
.box-select.has-data > .placeholder .after {
	display: block;
}
.box-select.has-data > .placeholder .before {
	display:none;
}

.box-select > .placeholder .after {
	opacity:0;
}
.box-select.focus > .placeholder .after,
.box-select.has-data > .placeholder .after {
	opacity:0.6;
}
.box-select > .placeholder .after,
.box-select.focus > .placeholder .after, .box-select.has-data > .placeholder .after {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
}

/* select dropdown */
ul.select-dropdown, ul.select-dropdown > li {
	list-style:none !important;
	margin:0;
	padding:0;
}
ul.select-dropdown {
	position:absolute !important;
	display: none;
	left:0;
	right:0;
	max-height:300px;
	overflow-y:scroll;
	background-color:#fff !important;
	border: 1px solid rgba(10,10,10,0.1);
	/*box-shadow: 0px 1em 2em -1.5em rgba(0, 0, 0, 0.5);*/
	box-shadow:0px 10px 30px 1px rgba(0, 0, 0, 0.15);	
	/*padding:10px 30px;*/
	z-index:60;
}
ul.select-dropdown,
ul.select-dropdown.on-bottom {
	top:100%;
	/*border-top:2px solid rgba(37,47,108,1) !important;*/
}
ul.select-dropdown.on-top {
	top:auto;
	bottom:calc( 100% + 30px );
	/*border-bottom:2px solid rgba(37,47,108,1) !important;*/
}
ul.select-dropdown > li.list-select {
	text-transform: capitalize;
    font-size: 13px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0.3px;
    color: rgba(44,44,44,0.6) !important;	
	background-color:rgba(0,0,0,0);
	cursor:pointer;
	/*padding:10px 0;*/
	padding:10px 30px;
}
/*ul.select-dropdown > li.list-select span.text {
	line-height:25px !important;
}*/
ul.select-dropdown > li + li {
	border-top:1px solid rgba(230,230,230,1);
}
ul.select-dropdown > li.list-select:hover {
	background-color:rgba(0,0,0,0.05);
}




/* --- status disabled --- */
.box-input.status-disabled,
.box-inpselectut.status-disabled {
}
.box-input.status-disabled > .input,
.box-form-bg .box-input.status-disabled > .input {
	padding-right:50px !important;
}
.box-input.status-disabled .lock,
.box-inpselectut.status-disabled .lock {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
	opacity:0.3;
}

/* --- alert --- */
.alert-required {
	position:relative;
}
.alert-required .message-alert {
	position: absolute;
	top:0;
	right:0;
	padding-right:15px;
	font-size:13px;
	line-height:50px;
	font-weight:500;
	color:#e80e0e !important;
}

/* --- color --- */
.box-form-bg {
	position:relative;
	display:block;
	background-color: #ededed !important;
	padding:60px;
}
.box-form-bg .box-input,
.box-form-bg .box-select,
.box-form-bg .box-textarea > textarea.input  {
	background-color:rgba(255,255,255,1) !important;
	border:none !important;
}
.box-form-bg .box-input,
.box-form-bg .box-select,
.box-form-bg .box-input.status-disabled .lock,
.box-form-bg .box-select.status-disabled .lock,
.box-form-bg .box-select > .arrow,
.box-form-bg .box-select > .placeholder,
.box-form-bg .box-select > .input {
	height:60px !important;
	line-height:60px !important;
}
.box-form-bg .box-input.colon > .placeholder:before,
.box-form-bg .alert-required .message-alert,
.box-form-bg .box-select.colon > .placeholder:before {
	line-height:60px !important;
}
.box-form-bg .group-input,
.box-form-bg .group-select {
    margin-top: 5px;
}
.box-form-bg .box-input > .placeholder,
.box-form-bg .box-select > .placeholder {
	padding-left:20px !important;
}
.box-form-bg .box-input > .input,
.box-form-bg .box-select > .input {
	padding-right:50px !important;	
	/*color:#2f3c8b !important;*/
}
.box-form-bg .box-input > .input,
.box-form-bg .box-select > .input,
.box-form-bg .box-textarea > textarea.input {
	color:#223de0 !important;
}
.box-form-bg .row-group-input.inline > [ class*="group-" ] + [ class*="group-" ],
.box-form-bg .row-group-select.inline > [ class*="group-" ] + [ class*="group-" ] {
    margin-left: 5px;
}
.box-form-bg .row-group-input.inline > [ class*="group-" ] {
    width: calc( 50% - 2.5px );
}
.box-form-bg .alert-required .message-alert {
	padding-right:45px;
	z-index:5;
}
.box-form-bg .box-input.alert-required:before,
.box-form-bg .box-select.alert-required:before,
.box-form-bg .box-textarea.alert-required:before {
	position:absolute;
	top:0;
	left:0;
	/*right:0;*/
	bottom:0;
	/*width:100%;*/
	width:4px;
	height:100%;
	content:"";
	background-color:rgba(208,11,11,1);
	/*border:1px solid rgba(232,14,14,0.2) !important;*/
	z-index:5;
}

.box-form-bg .box-select.focus > .placeholder .after,
.box-form-bg .box-select.has-data > .placeholder .after {
    opacity: 1;
}

/* lg more */
@media (min-width:1200px) and (max-width:1649px) {
/* button */
.default-btn {
    font-size: 12px;
	padding:0 10px;
}
}

/* md */
@media (min-width:992px) and (max-width:1199px) {
ul.select-dropdown {
    padding: 10px 20px;
}
uul.select-dropdown > li.list-select {
    font-size: 12px;
    line-height: 22px;
}

/* bg form */
.box-form-bg {
    padding: 70px;
}
.box-form-bg .box-input, .box-form-bg .box-select, .box-form-bg .box-input.status-disabled .lock, .box-form-bg .box-inpselectut.status-disabled .lock {
    height: 60px;
    line-height: 60px;
}
.box-form-bg .box-input.colon > .placeholder:before, .box-form-bg .alert-required .message-alert {
    line-height: 60px;
}

.box-form-bg .row-group-input.inline > [ class*="group-" ] {
	display:block !important;
	width:100% !important;
	float:none !important;
}

.box-form-bg .row-group-input.inline > [ class*="group-" ] + [ class*="group-" ], .box-form-bg .row-group-select.inline > [ class*="group-" ] + [ class*="group-" ] {
    margin-left: 0;
}

}

/* sm - xs */
@media (max-width:991px) {
}

/* sm */
@media (min-width:768px) and (max-width:991px) {
/* btn */
.default-btn {
	font-size:12px;
}

/* bg form */
.box-form-bg {
    padding: 70px;
}
.box-form-bg .box-input, .box-form-bg .box-select, .box-form-bg .box-input.status-disabled .lock, .box-form-bg .box-inpselectut.status-disabled .lock {
    height: 60px;
    line-height: 60px;
}
.box-form-bg .box-input.colon > .placeholder:before, .box-form-bg .alert-required .message-alert {
    line-height: 60px;
}

.row-group-input.inline > [ class*="group-" ] {
    display: block;
    float: none;
	width:100% !important;
}
.box-form-bg .row-group-input.inline > [ class*="group-" ] + [ class*="group-" ],
.box-form-bg .row-group-select.inline > [ class*="group-" ] + [ class*="group-" ] {
    margin-left: 0;
}
}

/* xs */
@media (max-width:767px) {
.row-group-input.inline {
    display: block;
    clear: none;
}

.title-form {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
	text-align:center;
}
.row-group-input + .title-form {
    margin-top: 30px;
}

.box-input.colon > .placeholder {
    padding-right: 20px;
}
.box-input.colon > .placeholder:before {
    right: 10px;
}

/* button */
.group-btn.inline {
	width:100% !important;
}
.group-btn.inline > .default-btn {
	float:none !important;
	width:100% !important;
	display:block !important;
}
.group-btn.inline > .default-btn + .default-btn {
    margin-left: 0;
	margin-top:10px;
}
.row-group-select + .row-group-btn, .row-group-input + .row-group-btn {
    margin-top: 30px;
}

/* --- bg form --- */
.box-form-bg {
	margin-left:-30px;
	margin-right:-30px;
	width:calc( 100% + 60px );
    padding: 30px 30px 40px 30px;
}
.box-form-bg .box-input, .box-form-bg .box-select, .box-form-bg .box-input.status-disabled .lock, .box-form-bg .box-inpselectut.status-disabled .lock {
    height: 50px;
    line-height: 50px;
}
.box-form-bg .box-input.colon > .placeholder:before, .box-form-bg .alert-required .message-alert {
    line-height: 50px;
}
.box-form-bg .box-input > .placeholder, .box-form-bg .box-select > .placeholder {
    padding-left: 20px !important;
}
.box-form-bg .row-group-input.inline > [ class*="group-" ] {
	display:block !important;
	width:100% !important;
	float:none !important;
}

.box-form-bg .row-group-input.inline > [ class*="group-" ] + [ class*="group-" ], .box-form-bg .row-group-select.inline > [ class*="group-" ] + [ class*="group-" ] {
    margin-left: 0;
}

}


/* xs more */
@media (max-width:350px) {
}