html {height: 100%;}
body{font-family: 'Open Sans', sans-serif; height: 100%;}
.all-block {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
main {padding-top: 70px; background: url(../img/main-bg.png); background-size: cover; padding-bottom: 1px; min-height: calc(100vh - 241px);}
.htop {padding-top: 12px; padding-bottom: 12px;}
.htop__col__left, .htop__col__right, .hmenu_left, .hmenu_right, .f__col {padding:0;}
.htop__valign {
	display: flex;
	height: 100%;
	align-items: center;
}
.htop__align {
	display: flex;
	justify-content: flex-end;
}
.hlist {padding-left: 0; margin-bottom: 0;}
.hlist__item {display: inline; padding-left: 2px; font-size: 14px;}
.hlist__item a {color: #333;}
.hlist__item:before {
	content: "•";
	color: #FCAA32FF;
	padding-right: 8px;
}
.hlist__item:first-child:before {content: "";padding-right: 0;}
.hbutton {
	display: block;
	background: #F06908FF;
	border: none;
	color: #fff;
	font-size:12px;
	padding: 12px 29px;
}
.hbutton img {margin-top: -2px;}
.hbutton span {
	margin-left: 8px;
	line-height: 16px;	
}
.full-width {background: #383838;}
.hmenu {height: 93px;}
.hmenu__valign {
	display: flex;
	height: 100%;
	align-items: center;
}
.hmenu_right .hmenu__align {justify-content: flex-end;}
.menu {list-style-type: none; margin-bottom: 0;}
.menu li {text-transform: uppercase; font-size: 14px; display: inline; padding-left: 69px;}
.menu li a {color: #fff;}
.menu li a:hover {color: #F06908; text-decoration: none;}
.menu li .active {color: #F06908;}

.nav-tabs {border-bottom: none;}
.nav-tabs .nav-item {margin-bottom: 0;}
.hmenu_right .nav-link.active {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	color: #F06908;
}
.hmenu_right .nav-link, .hmenu_right .nav-link:hover, .hmenu_right .nav-link:focus {
	border: none;
}
.hmenu_right .nav-link {padding: 0;}

.content {width: 100%; max-width: 750px; margin: 0 auto;}
h1 {text-transform: uppercase; font-size: 30px; color: #383838; text-align: center; font-weight: bold; letter-spacing: 0.1em;}
h1 span {color: #F06908;}
h2 {color: #383838; font-size: 22px; letter-spacing: 0.01em; font-weight: 600; margin-bottom: 20px;}
.video__block {margin-bottom: 42px;}
.chat__block {margin-bottom: 70px;}
.chat__content {background: #FFF; padding: 7px 13px; margin-bottom: 30px;}
.message {display: flex; flex-direction: row;}
.name {color: #F06908; font-size: 14px; font-weight: 600; padding-right: 10px; min-width: 135px; max-width:135px;}
.chat__line {display: flex; border-bottom: 1px solid #ECE8E5; justify-content: space-between; width: 100%;}
.message:last-child .chat__line {border-bottom: none;}
.name, .chat__line {padding-top: 20px; padding-bottom: 14px;}
.text {color: #383838; font-size: 14px; line-height: 19px;}
.time {color: #B1B1B1; font-size: 14px; font-weight: 300; padding-left: 10px;}
.chat__form textarea {border: none; border-bottom: 1px solid #F06908; width: 100%; height: 80px; resize: none; font-size: 14px; line-height: 19px; color: #C1C1C1; padding: 17px;}
.chat__form textarea:-moz-placeholder { color: red; }
.chat__formtextarea::-webkit-input-placeholder { color: red; }
.chat__form__buttom {background: #F06908; width: 155px; height: 35px; border: none; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; margin-top: 18px; font-weight: 600;}
.chat__form__buttom img {margin-left: 3px;}
.chat__form span {font-size: 14px; line-height: 19px; color: #383838; margin-left: 15px;}

.start__time {text-align: center; font-size: 20px; color: #383838; letter-spacing: 0.05em; margin-top: 25px; margin-bottom: 28px;}
.line1 {width: 220px; background: #F06908; margin: 0 auto 37px auto;}
.reg__txt {font-size: 18px; line-height: 25px; letter-spacing: 0.05em; text-align: center;}
.reg__txt span {display: block;}
.video {max-width: 100%; margin: 0 auto;}
.video img {max-width: 100%;}
.form {margin-bottom: 55px;}
.form select {background: url(../img/arrow-select.png) no-repeat #fff; background-position: 98% 50%; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-size: 14px; line-height: 19px;}
.form input, .form select, .form select  {border-radius: 0;}
.form label {font-weight: 600; font-size: 14px; line-height: 19px; color: #383838;}
.form .star {color: #F06908;}
.form__save {display: flex; justify-content: space-between; align-items: center;}
.form__save__txt {font-size: 14px; line-height: 19px; color: #383838;}
.form .form__save__btn button {
	width: 165px;
	height: 35px;
	background: #F06908;
	border-radius: 0;
	border: none;
	font-weight: 600;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
}


footer {background: url(../img/footer-bg.png); -webkit-background-size: cover; background-size: cover; min-height: 98px;}
.fmenu {list-style-type: none; padding-left: 0; text-align: center; margin-bottom: 0;}
.fmenu li {display: inline-block; margin-left: 30px; padding-top: 25px; padding-bottom: 25px;}
.fmenu li:first-child {margin-left: 0;}
.fmenu li a {color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 0.05em;}
.f__hr {width: 100%; background: #F06908; margin: 0 auto;}
.f__row__menu {border-bottom: 1px solid #F06908;}

.f__row__logo {color: #fff; min-height: 100px; padding-top: 10px; padding-bottom: 10px;}
.f__row__logo a {color: #fff; text-decoration: none;}
.f__row__logo img {margin-right: 10px;}
.f__col__logo {padding-left: 0; padding-right: 0;}
.f__col__tel {padding-left: 0; padding-right: 0;}
.f__col__email {padding-left: 0; padding-right: 0;}
.f__col__copyright {padding-left: 0; padding-right: 0;}
.f__col__valign {display: flex; height: 100%; align-items: center;}
.f__col__align {display: flex; justify-content: center;}



/*xl*/
@media screen and (max-width: 1199px) {
    .hlist__item {display: block;}
    .hlist__item:first-child:before {content: "•"; padding-right: 8px;}
    .menu li {padding-left: 20px;}
    .fmenu {padding-top: 10px; padding-bottom: 10px;}
    .fmenu li {padding-top: 5px; padding-bottom: 5px; margin-left: 10px;}
    main {min-height: calc(100vh - 280px);}
}
/*lg*/
@media screen and (max-width: 991px) {
	.menu {padding-left: 0px; flex-direction: column; align-items: center;}
	.menu li {padding-left: 20px; padding-bottom: 10px;}
	.menu li:first-child {padding-left: 0px;}
	.hmenu_left .hmenu__align {justify-content: center;}
	.hmenu_right .hmenu__align {justify-content: center;}
	.hmenu {height: auto; padding-top: 12px; padding-bottom: 12px;}
	.hmenu_left {margin-bottom: 12px;}
	.f__col__logo {padding-top: 10px; padding-bottom: 10px;}
	.f__col__tel {padding-top: 10px; padding-bottom: 10px;}
	.f__col__email {padding-top: 10px; padding-bottom: 10px;}
	.f__col__copyright {padding-top: 10px; padding-bottom: 10px;}
	footer {min-height: 228px;}
	main {min-height: calc(100vh - 488px);}


}
/*md*/
@media screen and (max-width: 767px) {
    .htop__col__right .htop__align {justify-content: center;}
    .htop__valign {justify-content: center;}
    .hlist {text-align: center;}
    .htop__col__left {margin-bottom: 20px;}
    .menu li {display: block; text-align: center; margin-bottom: 10px; padding-left: 0;}
    .hlist__item:before {content: "";padding-right: 0;}
    .hlist__item:first-child:before {content: "";padding-right: 0;}
    .fmenu li {display: block; margin-left: 0;}
    .f__hr {width: 90%;}
    .message {flex-direction: column;}
    .name {padding-top: 10px; padding-bottom: 5px; max-width: 100%; padding-right: 0;}
    .chat__line {padding-top: 5px; padding-bottom: 10px; flex-direction: column;}
    .time {align-self: flex-end;}
	.chat__form span {display: block; margin-left: 0; margin-top: 15px;}
}

/*sm*/
@media screen and (max-width: 575px) {
	.row {margin-right: 0; margin-left: 0;}
	h1 {font-size: 26px;}
	.form__save {flex-direction: column;}
    .form__save__btn {margin-top: 20px;}
}
@media screen and (max-width: 300px) {
	h1 {font-size: 24px; letter-spacing: 0;}
	.line1 {width: 100%;}
}

#registration_form_webinar .btn-primary {
    background: #F06908!important;
    border: none!important;
}

.scroll-to-last-msg {
	background-color: #F06908!important;
	border-color: #F06908!important;
}