@font-face {
	font-family: "OpenSans-Bold";
	src: url("../fonts/OpenSans-Bold.ttf");
}
@font-face {
	font-family: "OpenSans-BoldItalic";
	src: url("../fonts/OpenSans-BoldItalic.ttf");
}

@font-face {
	font-family: "OpenSans-ExtraBold";
	src: url("../fonts/OpenSans-ExtraBold.ttf");
}

@font-face {
	font-family: "OpenSans-ExtraBoldItalic";
	src: url("../fonts/OpenSans-ExtraBoldItalic.ttf");
}

@font-face {
	font-family: "OpenSans-Italic";
	src: url("../fonts/OpenSans-Italic.ttf");
}

@font-face {
	font-family: "OpenSans-Light";
	src: url("../fonts/OpenSans-Light.ttf");
}

@font-face {
	font-family: "OpenSans-LightItalic";
	src: url("../fonts/OpenSans-LightItalic.ttf");
}

@font-face {
	font-family: "OpenSans-Regular";
	src: url("../fonts/OpenSans-Regular.ttf");
}

@font-face {
	font-family: "OpenSans-Semibold";
	src: url("../fonts/OpenSans-Semibold.ttf");
}

@font-face {
	font-family: "OpenSans-SemiboldItalic";
	src: url("../fonts/OpenSans-SemiboldItalic.ttf");
}
@font-face {
	font-family: "brandon_bld";
	src: url("../fonts/brandon_bld.otf");
}


html, body {
    box-sizing: border-box;
   /*  height: 100%;
   width: 100%; */
    padding: 0;
    margin: 0;
}
body{
	/* height: 100%;
	width: 100%; */

	/* background: url("../images/bg.jpg") no-repeat bottom left fixed;	 */
    background-color: rgb(255,255,255);
    -webkit-background-size: cover;
    background-size: cover;

}
a{
	text-decoration: underline;
    color: #dfac1f;
}
a:hover, a:active, a:focus{
	text-decoration: none;
	color: #dfac1f;
}
.bg_body{
	background: url('../images/bg_form.jpg') no-repeat center center fixed;
	background-size: cover;
}


.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.col-auto{
	width: auto;
	float: left;
	margin-bottom: 15px;

	padding-right: 15px;
    padding-left: 15px;
}

.padding-left-0{
	padding-left: 0 !important;
}
.pl-10{
	padding-left: 10px;
}
.padding-left-15 {
	padding-left: 15px;
}
.pr-10{
	padding-right: 10px;
}

.mb-15{
	margin-bottom: 15px;
}
.margin-bottom-40{
	margin-bottom: 40px;
}
.color-red{
	color: #e3072b;
}
/* .help-block{
	margin: 0;
	padding-top: 5px;
	padding-bottom: 10px;
} */
.page{
	    margin-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}
		.header .head_logo{
			width: 100%;
			max-width: 300px;
		}

	.form{
		float: initial;
		display: inline-block;
		max-width: 940px;
		padding: 40px 30px;
		border-radius: 3px;
		background-color: rgba(255, 255, 255, 1);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
		text-align: left;
		/* background-image: url('../images/form-pattern.png'); */
	}
	.index_form{
		text-align: center;
	}
	/* .page_activate,
	.page_register{


	} */
		.form form{
			max-width: 720px;
			margin: 0 auto;
		}
		.form_header{

		}
			.form_header h3{
				margin: 0;
				/* font-size: 24px; */
				/* font-family: "Roboto-Black";   */
				font-family: "OpenSans-Regular";
				font-size: 26px;
				color: rgb(41, 41, 41);
				text-transform: uppercase;
			}
			.form_header .help-info{
				color: #e3072b;
				text-transform: none;
				white-space: pre-wrap;
			}
			.form_header_divider{
				background-color: rgb(198, 198, 198);
				width: 100%;
				height: 2px;
				margin-top: 5px;
			}
			.index_form p{
				margin: 0;
				font-size: 18px;
				font-family: "Roboto-Regular";
				color: rgb(41, 41, 41);
				/* text-transform: uppercase; */
			}
			.index_form h3 {
			    font-size: 14px;
			    margin-top: 10px;
			    line-height: 1.5;
			}
			.index_form a{
				font-size: 16px;
				font-family: "Roboto-Regular";
				color: rgb(41, 41, 41);
				font-weight: normal;
			}
			.index_form a span{
				color: rgb(255,255,255);
			}
		.form-register, .form-activation{

		}
		.form_section{
			margin-top: 25px;
		}
			.control-label{
				font-size: 16px;
				/* font-family: "Roboto-Regular"; */
				    font-family: "OpenSans-Regular";
				    color: #383838;
				/* color: rgb(98, 98, 98); */
				font-weight: normal;
			}
				.help-info{
					font-size: 14px;
					font-family: "Roboto-Italic";
					text-transform: none;
				}
			.form-control{
				border-style: solid;
  				border-width: 1px;
				border-color: rgb(198, 198, 198);
  				border-radius: 3px;
  				background-color: rgb(255, 255, 255);
  				resize: none;
			}

			.form_section h2{
				margin: 0;
				font-size: 18px;
				/* font-family: "Roboto-Black"; */
				font-family:"OpenSans-bold";

				color: #dfac1f;
				line-height: 1.75;
				text-transform: uppercase;
			}
			.form_section h1 {
			    color: #3baae1;
			    font-size: 13px;
			    text-align: left;
			    font-family: "OpenSans-Light";
			    margin-top: 5px;
			}
			.form_section h4{
				font-family:"OpenSans-bold";
				font-size: 16px;
				color: #dfac1f;
			}
			.form_section p{
				color: rgb(98, 98, 98);
				line-height: 1.313;
				font-size: 16px;
			}
			.form_divider{
				background-color: rgb(198, 198, 198);
				width: 100%;
				height: 1px;
				margin-bottom: 10px;
			}



			.form_submit{
				border-radius: 3px;
 				background-color: rgb(86, 142, 204);

 				text-transform: uppercase;
 				font-size: 18px;
				font-family: "Roboto-Black";
				color: rgb(255, 255, 255);
				padding: 8px 75px;
			}
			.dropdown-menu{
				width: 100%;
			}
			.form_submit{
				position: relative;
			}
				.form_submit .preloader{
					position: absolute;
					top: 50%;
					left: 50%;
					margin-left: -16px;
					margin-top: -16px;


				}
				.form_submit .submit_text{

				}




			.text-overflow-hide{
				text-overflow: ellipsis;
			    white-space: nowrap;
			    overflow: hidden;
			    width: 100%;
			}
			.margin-0{
				margin: 0;
			}
			.text-align-center{
				text-align: center;
			}
			.errors{
				color: #e3072b;
			}
			.success{
				color: green;
			}
			.vis_hidden{
				visibility: hidden;
			}
	.phoneLabel{
		display: block;
	}
	.phoneCode	{
		display: initial;
		width: 70px;
		margin-right: 14px;
	}
	.mobile{
		display: initial;
		wdith: -webkit-calc(100% - 90px);
		wdith: -moz-calc(100% - 90px);
		width: calc(100% - 90px);
	}

	.form_section_payment{
		/* display: none; */
	}
	.form_section .radio{
		display: inline-block;
		margin-right: 20px;
	}
		.paymentFieldWrapper{
			display: none;
		}





.modal_divider{
	background: url('../images/modal_divider.png') no-repeat center center;
	background-size: 100% 100%;
	height: 3px;
	width: 100%;
	margin: 20px 0;
}
.from-button{
	margin-top: 8px;
	margin-right: 16px;
}
.btn-existing{
	margin: 10px;
	border:none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border-radius: 5px;

	color: rgb(0, 0, 6);
    background-image: -moz-linear-gradient( 90deg, rgb(173,173,173) 0%, rgb(227,227,227) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(173,173,173) 0%, rgb(227,227,227) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(173,173,173) 0%, rgb(227,227,227) 100%);
}
	.btn-existing:hover{
		background-image: -moz-linear-gradient( 90deg, rgb(227,227,227) 0%, rgb(173,173,173) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(227,227,227) 0%, rgb(173,173,173) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(227,227,227) 0%, rgb(173,173,173) 100%);
	}
	.btn-existing:active{
		background-image: -moz-linear-gradient( 90deg, rgb(227,227,227) 0%, rgb(227,227,227) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(227,227,227) 0%, rgb(227,227,227) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(227,227,227) 0%, rgb(227,227,227) 100%);
	}


.btn-new{
	margin: 10px;
	border:none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border-radius: 5px;

	/* margin-left: 10px; */
    background-image: -moz-linear-gradient( 90deg, rgb(41,130,191) 0%, rgb(92,181,242) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(41,130,191) 0%, rgb(92,181,242) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(41,130,191) 0%, rgb(92,181,242) 100%);
}
	.btn-new:hover{
		background-image: -moz-linear-gradient( 90deg, rgb(92,181,242) 0%, rgb(41,130,191) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(92,181,242) 0%, rgb(41,130,191) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(92,181,242) 0%, rgb(41,130,191) 100%);
	}
	.btn-new:active{
		background-image: -moz-linear-gradient( 90deg, rgb(92,181,242) 0%, rgb(92,181,242) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(92,181,242) 0%, rgb(92,181,242) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(92,181,242) 0%, rgb(92,181,242) 100%);
	}



.form_submit  {
			    display: inline-block;
			    cursor: pointer;

			    border-radius: 3px;
			    border: none;
			    background-color: #dfac1f;
  				/* box-shadow: 0px 3px 0px 0px rgba(136, 24, 45, 0.8); */
			    font-size: 18px;
			    font-family: "OpenSans-Bold";
			    color: rgb(255, 254, 254);
			    text-transform: uppercase;
			    -webkit-text-shadow: 1.5px 2.598px 3px rgba(0, 0, 0, 0.15);
			    -moz-text-shadow: 1.5px 2.598px 3px rgba(0, 0, 0, 0.15);
			    text-shadow: 1.5px 2.598px 3px rgba(0, 0, 0, 0.15);
			    text-align: center;
			        min-width: 219px;
			}

			.form_submit:hover,
			.form_submit:focus,
			.form_submit.focus{
				color: rgb(255, 254, 254);
			}

			.form_submit:not(.disabled):hover{
				opacity: .85;
			}
			/* .btn.disabled{
				padding-top: 9px;
				padding-bottom: 9px;
			} */

			.btn-dark{
				display: inline-block;
			    cursor: pointer;

			    border-radius: 3px;
			    border: none;
			    background-color: rgb(62, 62, 62);
  				/* box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.8); */
			    font-size: 18px;
			    font-family: "OpenSans-Bold";
			    color: rgb(255, 254, 254);
			    text-transform: uppercase;
			    -webkit-text-shadow: 1.5px 2.598px 3px rgba(0, 0, 0, 0.15);
			    -moz-text-shadow: 1.5px 2.598px 3px rgba(0, 0, 0, 0.15);
			    text-shadow: 1.5px 2.598px 3px rgba(0, 0, 0, 0.15);
			    text-align: center;
			    padding: 8px 16px;
			    text-decoration: none;
			        min-width: 219px;
			}
			.btn-dark:hover,
			.btn-dark:focus,
			.btn-dark.focus{
				color: rgb(255, 254, 254);
				text-decoration: none;
			}

			.btn-dark:not(.disabled):hover{
				opacity: .85;
			}

.header{
	margin-bottom: 30px;
	text-align: center;
}
	.header img{

		width: 100%;
		max-width: 260px;
	}


@media (min-width: 768px){

	.modal-dialog {
	    width: 720px;

	}
}

@media (max-width: 767px){

	.page{
		padding-left: 0;
		padding-right: 0;
	}
	.form{
		padding-left: 16px;
		padding-right: 16px;
	}

	/* .col-auto {
		padding-right: 15px;
		padding-left: 15px;
	} */
}

/* @media (max-width: 767px) {
    .col-auto { width: auto; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-auto { width: auto; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-auto { width: auto; }
}
@media (min-width: 1200px) {
    .col-lg-auto { width: auto; }
} */


/* @media (min-width: 1px) {
    .col-auto { width: auto; }
}
@media (min-width: 768px) {
    .col-sm-auto { width: auto; }
}
@media (min-width: 992px) {
    .col-md-auto { width: auto; }
}
@media (min-width: 1200px) {
    .col-lg-auto { width: auto; }
} */

#modalLetter .modal-dialog{
	width: 100%;
    max-width: 600px;
    margin: 10px auto;
}

.text-muted {
    font-style: italic;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus{
	color: #c6c6c6;
}
.dropdown-menu .selected .check-mark{
	color: #dfac1f;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover{
	background-color: #dfac1f;
	background-image: none;
}

.dropdown-menu > li > a{
	white-space: normal;
}

.form_section  .accordion-toggle:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.3s;
}
.form_section .accordion-toggle.collapsed:before {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transform: rotate(-180deg);
}



.asset-type-icon-wrapper{
	cursor: pointer;
	color: rgb(98, 98, 98);

	width: 40px;
	height: 40px;

	border-style: solid;
    border-width: 1px;
    border-color: rgb(198, 198, 198);
    border-radius: 3px;
    background-color: rgb(255, 255, 255);

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    box-sizing: border-box;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    transition: all .1s;
}
.asset-type-icon-wrapper:hover{
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2);
}
.asset-type-icon-wrapper.active{
	color: #dfac1f;
}
	.asset-type-icon-wrapper i{
		font-size: 22px;
    	line-height: 1;
	}

.hint-icon-wrapper{
	cursor: pointer;
	color: gray;
	transition: all .3s;
}
	.hint-icon-wrapper:hover{
		color: black;
	}

.modal .logo{

}
.modal p{
    color: rgb(98, 98, 98);
    line-height: 1.313;
    font-size: 16px;

}
.modal .btn{
	margin-top: 5px!important;
	margin-bottom: 5px!important;
}
.max-width-940{
	max-width: 940px;
}
.m-auto{
	margin: auto;
}
.mx-auto{
	margin-left: auto;
	margin-right: auto;
}