@font-face{
	font-family: asimovD;
	src: url("../fonts/asimovDist.otf");
}
@font-face{
	font-family: candara_b;
	src: url("../fonts/Candara_Bold.ttf");
}
@font-face {
	font-family: avenir;
	src: url("../fonts/AvenirLTProBook.otf");
}
@font-face {
	font-family: avenir_H;
	src: url("../fonts/AvenirLTProHeavy.otf");
}
* {
	margin:0;
	padding:0;
	text-indent:0;
	font-family: Roboto;
}
:root {
	--hd_clr: #3f88c7;
	--nav-bck: #222333;
	--nav_color: #fff;
	--ft_bck: #222333;
	--ft_svg: #0793f5;
	--bck_clr: #3178B4;
	--border-radius-small: 10px;
}
.container{
	width: 100%;
	margin: 0 auto;
	display: block;
}
.cont_bd{
	width: 70%;
	margin: 0 auto;
	display: block;
	position: relative;
}
.i_hd{
	width: 100%;
	display: none;
	visibility: hidden;
}
.img_hd{
	width: 256px;
	height: 120px;
}
.fil0 {
	fill:url(#id0);
}
.fil1 {
	fill:#2A74B9;
}
.fffg{
	width: 80%;
}
@media (max-width: 580px) {
	.frm_splt {
		flex-direction: column !important;
	}
	.img_frm {
		width: 100% !important;
	}
	.frmd_g {
		width: 100%;
		object-fit: cover;
		object-position: 80% 80%;
	}
	.sel_div{
		width: 90% !important;
	}
	.sel_subs_div{
		width: 90% !important;
	}
	.fntdd {
		font-size: 38px !important;
	}
	.ctn_pd {
		padding-top: 20% !important;
	}
	.ctn_splt {
		height: 1010px !important;
		display: flex !important;
		flex-direction: column-reverse;
	}
	.spltr {
		right: 0 !important;
		position: relative !important;
		width: 100% !important;
		margin-bottom: 20px !important;
	}

	.sldr, .sldr_r {
		height: 640px;
		right: 0 !important;
		width: 100% !important;
	}
	.ft_dr {
		flex-direction: column !important;
	}
	.captnd {
		padding: 9% !important;
	}
	.zz_svg {
		width: 20px !important;
		height: 25px !important;
	}
	.z_srv {
		font-size: 8px !important;
	}
	.captn > h3 {
		font-size: 10px !important;
	}
	.ctn {
		width: 95% !important;
	}
	.bbsg{
		height: 290px !important;
	}
	.t_flt {
		margin-top: 90px !important;
	}
	.tt_flt {
		margin-top: 140px !important;
	}
	.tt_h > .tt_cp > h2 {
		font-size: 22px !important;
	}
	.tt_h > .tt_cp > p {
		font-size: 14px !important;
		top: -5px!important;
		left: 3px !important;
	}
	.tt_h > .tt_cp > p > span {
		font-size: 10px !important;
	}
	.tt_hh > .tt_cp > h2 {
		font-size: 22px !important;
	}
	.tt_hh > .tt_cp > p {
		font-size: 15px !important;
		top: -5px!important;
		left: 3px !important;
	}
	.tt_hh > .tt_cp > p > span {
		font-size: 10px !important;
	}
	.tt_img > img {
		width: 100% !important;
	}
	.ctn > .fntdd {
		font-size: 38px !important;
	}
	.ctn > h1 {
		font-size: 24px !important;
	}
	.ctn > .bg_fnt, .bg_fnt {
		font-size: 38px !important;
	}

	.ctn > h6 {
		font-size: 222px !important;
	}

	.ctn > p :not(.rtro) {
		font-size: 14px !important;
	}
}
@media (max-width: 980px) and (min-width: 580px){
	.defs {
		width: 85.5% !important;
	}
	.ft_dr {
		flex-direction: column !important;
	}
	.captnd {
		padding: 10% !important;
	}
	.zz_svg {
		width: 30px !important;
		height: 40px !important;
	}
	.z_srv {
		font-size: 12px !important;
	}
	.captn > h3 {
		font-size: 14px !important;
	}
	.ctn > h1, .bg_fnt {
		font-size: 40px !important;
	}

	.ctn > h6 {
		font-size: 30px !important;
	}

	.ctn > p {
		font-size: 16px !important;
	}
	.ctn {
		width: 85% !important;
	}
	.bbsg{
		height: 460px !important;
	}
	.t_flt {
		margin-top: 110px !important;
	}
	.tt_flt {
		margin-top: 193px !important;
	}
	.tt_h > .tt_cp > h2 {
		font-size: 31px !important;
	}
	.tt_h > .tt_cp > p {
		font-size: 20px !important;
		top: -8px!important;
		left: 5px !important;
	}
	.tt_h > .tt_cp > p > span {
		font-size: 14px !important;
	}
	.tt_hh > .tt_cp > h2 {
		font-size: 31px !important;
	}
	.tt_hh > .tt_cp > p {
		font-size: 20px !important;
		top: -8px!important;
		left: 5px !important;
	}
	.tt_hh > .tt_cp > p > span {
		font-size: 14px !important;
	}
	.tt_img > img {
		width: 80% !important;
	}
	.ctn > h1 {
		font-size: 50px !important;
	}

	.ctn > h6 {
		font-size: 40px !important;
	}

	.ctn > p :not(.rtro) {
		font-size: 20px !important;
	}
}
@media (min-width: 1100px) {
	.defs {
		width: 59.5% !important;
	}
}
@media (max-width: 1100px) and (min-width: 980px) {
	.defs {
		width: 59.5% !important;
	}

	.zz_svg {
		width: 30px !important;
		height: 35px !important;
	}

	.z_srv {
		font-size: 14px !important;
	}

	.ctn {
		width: 70% !important;
	}

	.bbsg {
		height: 703px !important;
	}

	.t_flt {
		margin-top: 160px !important;
	}

	.tt_flt {
		margin-top: 250px !important;
	}

	.tt_h > .tt_cp > h2 {
		font-size: 41px !important;
	}

	.tt_h > .tt_cp > p {
		font-size: 26px !important;
	}

		.tt_h > .tt_cp > p > span {
			font-size: 16px !important;
		}

	.tt_hh > .tt_cp > h2 {
		font-size: 41px !important;
	}

	.tt_hh > .tt_cp > p {
		font-size: 26px !important;
	}

		.tt_hh > .tt_cp > p > span {
			font-size: 16px !important;
		}

	.tt_img > img {
		width: 70% !important;
	}

	.ctn > h1 {
		font-size: 58px !important;
	}

	.ctn > h6 {
		font-size: 38px !important;
	}

	.ctn > p :not(.rtro) {
		font-size: 28px !important;
	}
}
@media (max-width: 991px){
	.cnv {
		position: relative;
		top: -10px;
	}
}
#bsg_svg {
        display: inline;
        width: 88px !important;
        height: 48px !important;
}
.anf {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/airing.jpg);
	background-color: rgba(170, 179, 181, 0.8);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-top: 70px;
	position: absolute;
	z-index: -1;
}
.bsg_svg{
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 1;
	display: block;
}
.bsg_img{
	width: 100%;
}
.nav_v{
	position: relative;
	z-index: 100;
}
.nav {
	width: 100%;
	position: fixed;
	box-shadow: 2px 2px 5px 2px rgba(0, 0, 0.76); 
	background-color: var(--nav-bck);
	color: var(--nav_color);
	font-size: 18px;
}
.nav > .we_nav {
	padding-top: 20px;
}
.nav .we_nav {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-bottom: 2px;
}
.nav_h{
	display: flex;
	text-decoration: none;
	flex-direction: row;
}
.nav .we_nav li:first-child {
	margin-right: 70%;
	padding-left: 1px !important;
}
.nav .we_nav:last-child {
	padding-left: 1px;
}
#flnk {
	background-color: transparent;
	border: none;
}
.nav_li{
	margin-right: 15px;
	cursor: pointer;
	width: 180px;
}
.t_flt{
	margin-top: 260px;
	margin-right: 30px;
	display: flex;
	flex-direction: column;
	float: right;
	height: 528px;
}
.bbsg {
	padding-top: 69px;
	height: 830px;
	overflow: hidden;
}
.bbssg {
	padding-top: 69px;
	height: 710px;
	overflow: hidden;
}
.tt_flt {
	margin: 400px 110px 0 90px;
	display: flex;
	flex-direction: column;
	float: left;
}
.tt_img > img {
	margin-top: 20px;
	object-fit: contain;
	width: 50%;
}
.tt_img {
	overflow: hidden;
}
.tr_img{
	position: relative;
	top: -50px;
}
.tt_h {
	position: relative;
	bottom: 0px;
	display: flex;
	visibility: visible;
}
.tt_h > .tt_cp > h2 {
	font-family: asimovD;
	text-align: right;
	font-size: 62px;
	display: block;
	width: 100%;
}
.tt_h > .tt_cp > p {
	font-family: candara_b;
	font-size: 42px;
	text-align: right;
	display: block;
	width: 100%;
	color: #0953b2;
	position: relative;
    top: -15px;
    right: 6px;
}
.tt_h > .tt_cp > p > span {
	display: block;
	font-size: 14px;
	color: #000111;
}
.tt_h > .tt_cp > button {
	font-family: candara_b;
	font-size: 18px;
	display: block;
	border-radius: 20px;
	width: 160px;
	height: 30px;
	float: right;
	border-style: none;
	color: #fff;
	background-color: #0953b2;
	cursor: pointer;
}

.tt_hh {
	display: flex;
	flex-direction: row;
	visibility: visible;
}
.tt_hh > .tt_cp > h2 {
	font-family: asimovD;
	text-align: left;
	font-size: 62px;
	display: block;
	width: 100%;
}
.tt_hh > .tt_cp > p {
	font-family: candara_b;
	font-size: 42px;
	text-align: left;
	display: block;
	width: 100%;
	color: #0953b2;
	position: relative;
    top: -15px;
    left: 8px;
}
.tt_hh > .tt_cp > p > span {
	display: block;
	font-size: 14px;
	color: #000111;
}
.act_div{
	width: 100%;
	height:40px;
}
.act_btn{
	float: right !important;
	margin-right: 20px;
}
.tt_hh > .tt_cp > button, .act_btn {
	font-family: candara_b;
	font-size: 18px;
	display: block;
	border-radius: 20px;
	width: 160px;
	height: 30px;
	float: left;
	border-style: none;
	color: #fff;
	background-color: #0953b2;
	cursor: pointer;
}
.bg_fnt > span {
	color: #0953b2;
}

.navv, .ft_li {
	list-style: none;
}
#bd_w{
	cursor: pointer;
}
.bd_w_on, bnc_on{
	color: #fff;
	visibility: visible;
	display: inline;
}
.bd_w_off, bnc_off{
	visibility: hidden;
	display: none !important;
}
.off_dis {
	visibility: hidden !important;
}
.fff{
	fill: #ffffff;
}
.filz{
	fill: none;
}
.nav_d{
	width: 105px;
	position: relative;
	display: block;
}
.z_hm{
	position: relative;
	left: -30px;
	top: 12px;
	color: #fff;
}
.nav_rsz{
	left: 55px;
    top: 60px;
	display: flex;
    flex-direction: column;
    position: absolute;
}

.sel_div {
	width: 58.5%;
	position: relative;
	z-index: 10;
	padding-left: 15px;
}
.sel_txt{
	padding: 10px;
	margin-top: 5px;
	color: #fff;
}
.defs {
	position:absolute;
	height: 50px;
	width: 95.5%;
	cursor: pointer;
	background-color: transparent;
	box-sizing: border-box;
	border-radius: var(--border-radius-small);
}

.deffs:hover, .deffs:focus, .frmd:hover {
	background-color: #3f88c7;
}
.deffs {
	position: relative;
	height: 50px;
	width: 100%;
	cursor: text;
	padding-left: 10px;
	background-color: transparent;
	box-sizing: border-box;
	border-radius: var(--border-radius-small);
}
input{
	border: none;
}
.txtdf {
	height: 170px !important;
}
input::placeholder, textarea::placeholder {
	color: #fff;
	font: 24px;
	padding: 10px;
	font-family: Roboto;
}
.sel_opts {
	padding: 10px 20px 10px 20px;
	color: #000000;
	font-weight: 400;
	font-size: 1rem;
	margin-bottom: 0px;
	cursor: pointer;
	border-bottom: 1px solid #000000;
	background-color: var(--bck_clr);
}

.sel_sub_p {
	display: inline;
	font-size: 16px;
	cursor: pointer;
}

.sel_sub_opt {
	padding: 10px;
	border-bottom: 2px solid #00ffff;
	background-color: #08c0cc;
}

	.sel_sub_opt:hover {
		background-color: #0f9ee5;
	}

.sel_subs_div {
	width: 56%;
	display: flex;
	border-left: 1px solid #00ffff;
	border-right: 1px solid #00ffff;
	border-bottom: 1px solid #00ffff;
	flex-wrap: wrap;
	flex-direction: column;
	margin-bottom: 15px;
}
.frmd {
	height: 50px;
	border: 1px solid var(--hd_clr);
	margin-bottom: 10px;
	background-color: var(--nav-bck);
	border-radius: var(--border-radius-small);
}

#ds_srvc {
	/*height: 320px;*/
}
#srvc {
	background-color: rgba(170, 179, 181, 0.8);
}
.ctn {
	margin: 0 auto;
	width: 60%;
}
.ctn_splt {
	display: block;
	height: 680px;
}
.frm_splt {
	display: flex;
	flex-direction: row;
}
.img_frm {
	width: 80%;
	overflow: hidden;
}
.frmd_g {
	width: 100%;
	object-fit: cover;
	object-position: 80% 80%;
}
.spltr {
	width: 50%;
}
.captn {
	padding-top: 40px;
	position: relative;
	z-index: 3;
}
.d_sldr {
	
}
.sldr {
	position: absolute;
	right: 5%;
	width: 40%;
	height: 610px;
	overflow: hidden;
	border-radius: 90px;
	z-index: 2;
	box-shadow: rgb(127 124 105 / 23%) 4px 3px 10px, rgb(127 124 105 / 23%) -4px -3px 10px, rgb(127 124 105 / 23%) 4px -3px 10px, rgb(127 124 105 / 23%) -4px 3px 10px;
	overflow: hidden;
}
.ctn_pd {
	padding-top: 7%;
}
.ctn > h1, .bg_fnt {
	font-size: 62px;
	font-family: asimovD;
}
.ctn > h6 {
	font-size: 42px;
	font-family: asimovD;
	display: inline;
}
.ctn > p :not(.rtro) {
	display: block;
	font-family: candara_b;
	color: #0953b2;
	font-size: 32px;
}
.img_sld {
	height: 640px;
}
.img_z {
	height: 640px;
	position: absolute;
	display: block;
	visibility: visible;
	object-fit: cover;
	object-position: 50% 50%;
}
.img_zz {
	height: 640px;
	z-index: 5;
	position: relative;
	display: block;
	visibility: visible;
	object-fit: cover;
	object-position: 50% 50%;
}
.p_btm{
	color: var(--bck_clr);
	margin-bottom: 10px;
}
.captn > h3 {
	padding: 5px;
	margin-bottom: 10px;
	color: #fff;
	background-color: #0653bf;
	font-family: avenir_H;
}
.captn > p {
	font-family: Avenir;
}
.captn > button {
	margin-top: 10px;
	font-family: candara_b;
	font-size: 18px;
	display: block;
	border-radius: 20px;
	width: 160px;
	height: 30px;
	float: right;
	border-style: none;
	color: #fff;
	background-color: #0953b2;
}
@keyframes slides {
	0% {
		overflow-x: hidden;
		opacity: 0;
		transform: scale(1.01);
	}

	40% {
		overflow-x: hidden;
		opacity: 0.5;
		transform: scale(1.05);
	}

	50% {
		overflow-x: hidden;
		opacity: 0.7;
		transform: scale(1.1);
	}

	100% {
		overflow-x: hidden;
		opacity: 1;
		transform: scale(1.1);
	}
}
@keyframes all_ups {
	0% {
		opacity: 0.1;
		transform: translateY(-80px);
	}
	50% {
		opacity: 0.6;
		transform: translateY(-20px);
	}
	0% {
		opacity: 1;
		transform: translateY(0px);
	}
}
@keyframes deslides {
	0% {
		overflow-x: hidden;
		opacity: 1;
		transform: scale(1.1);
	}

	40% {
		overflow-x: hidden;
		opacity: 0.7;
		transform: scale(1.05);
	}

	50% {
		overflow-x: hidden;
		opacity: 0;
	}
}
.stmd_in {
	-webkit-animation-delay: 0s;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 2;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: all_ups;
}
.zz_srv {
	display: grid;
	column-gap: 32px;
	row-gap: 12px;
	grid-template-columns: auto auto;
}
.zz_sb_srv {
	border-radius: 12px;
	box-shadow: rgb(127 124 105 / 23%) 4px 3px 10px, rgb(127 124 105 / 23%) -4px -3px 10px, rgb(127 124 105 / 23%) 4px -3px 10px, rgb(127 124 105 / 23%) -4px 3px 10px;
}
.zz_svg {
	float: right;
	width: 40px;
	height: 60px;
	display: inline-block;
}
.z_srv {
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
}
.captnd {
	background-color: #bbbec9;
	height: 20%;
	padding: 7%;
	position: relative;
}
.add_clr {
	color: #0953b2;
	margin-bottom: 20px;
}
.rtro {
	font-family: Avenir;
	padding-bottom: 20px;
}
.ft_bar {
	color: #fff;
	background-color: var(--ft_bck);
}
.ft_flx {
	display: flex;
	flex-wrap: wrap;
	gap: 15%;
}
.ft_flx:last-child {
	width: 90%;
}
.rft_li{
	display: inline-block;
	padding-right: 10px;
}
.ft_sec{
	margin-bottom: 40px;
}
.ft_pd {
	padding-top: 35px;
}
.ft_sec strong {
	color: #3f88c7;
}
.ft_sec > em {
	display: block;
	padding-bottom: 5px;
}
.ft_sec > ul {
	/*padding-top: 20px;*/
}
.cpr {
	font-size: 12px;
}
.ft_sec a {
	text-decoration: none;
	color: #fff;
}
.underline {
	border-bottom-style: solid !important;
	border-bottom: 1px;
	border-bottom-color: #fff;
	display: block;
	margin: 0px 30px 0px 30px;
}
.li_flx {
	display: flex;
}
.last_ft {
	padding-top: 20px;
	padding-bottom: 20px;
}
.ft_ctn {
	padding-left: 10px;
}
.ft_dr {
	flex-direction: row;
}
.ft_svg {
	width: 40px;
	height: 40px;
	fill: var(--ft_svg);
}
.ft_svg_sc {
	display: inline;
	width: 16px;
	height: 16px;
	fill: var(--hd_clr);
}
.ft_scl {
	display: inline-block;
}
.emp {
	background-color: var(--ft_bck);
	height: 10px;
}
#sldr_ {
	background-color: #04183c;
}
.r_play {
	cursor: pointer;
	width: 62px;
	height: 62px;
	fill: #0953b2;
}
.lopp {
	position: absolute;
	margin-top: 20%;
}
.lopp .lopd {
	position: relative;
	left: -5px;
	width: 30px;
	height: 30px;
	margin: 10%;
	background-color: #0953b2;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 2px 2px 5px 2px rgba(0, 0, 0.76);
}
.lopd > a {
	display: block;
	width: 27px;
	height: 27px;
	margin: 10%;
}
.jlop {
	display: block;
	position: relative;
	padding-top: 5px;
	width: 22px;
	height: 22px;
	fill: #fff;
}
.rdm {
	fill: none;
	stroke: #0953b2;
	stroke-width: 8;
	stroke-miterlimit: 5.6131;
}
.r_play:hover {
	-webkit-animation-delay: 0s;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: roll;
}
@keyframes roll {
	0%{
		transform: rotate(15deg);
	}
	15% {
		transform: rotate(45deg);
	}
	50%{
		transform: rotate(90deg);
	}
	75% {
		transform: rotate(180deg);
	}
	90% {
		transform: rotate(270deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes fd_ups {
	0% {
		opacity: 0.1;
	}

	50% {
		opacity: 0.6;
	}

	100% {
		opacity: 1;
	}
}
.fd_stmd_in {
	-webkit-animation-delay: 0s;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: fd_ups;
}