body, td, p{font-family: 'Nunito Sans', sans-serif; font-size:1rem; color:#D9D9DD;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0px;padding:0px;outline: none;}

html, body{ background:#00031b;}

H1, H2, H3, H4, H5, H6{font-size:100%;font-weight:normal; font-family: 'Nunito Sans', sans-serif; }
H1{ font-size:2.313rem; font-weight:700; line-height:3.125rem;}
H2{ font-size:1.563rem; font-weight:700; line-height:2.125rem;}
H3{ font-size:1.125rem; font-weight:500; line-height:1.75rem;}
H4{ font-size:1.375rem; font-weight:500;}
H5{ font-size:1.063rem; font-weight:700;}
H6{ font-size:0.938rem; font-weight:700;}


.clr{clear:both;}
.lF{float:left;}
.rF{float:right;}
A{color:#00b19d;text-decoration:none;font-weight:600;}
A:hover{color:#00b19d!important;text-decoration:none;font-weight:600;}
A:focus{color:#fff;text-decoration:none;font-weight:600;}
A,input, button, select, textarea {
    outline: none;
}

button{cursor: pointer;}


.text01{font-size:1rem; font-weight:400; line-height:1.875rem;}
.text02{font-size:0.875rem; font-weight:400; line-height:1.625rem;}


/*===================layout==================*/


.home.page-template{	background-image: url(../images/homepage_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;}

.home.page-template .footer {
    background-color: #00031c;
    padding-top: 50px;
    padding-bottom: 50px;
}

.top{ height:111px;}

.top_right{flex-direction: row; display: flex; float:right; margin-left: auto;
    margin-top: 15px;
}
.top_right .fontsize-switcher{ padding-top: 14px; padding-bottom: 10px; padding-left: 10px; margin-right: 25px;}
.top_right .fontsize-switcher img{ padding-left:10px; margin-right:10px;}

.top_right .action-icons{ padding-top: 11px; padding-bottom: 10px; padding-left: 10px; padding-right:10px;}
.top_right .action-icons img{ margin-left:10px; margin-right:10px; width:15px; color:#fff;}
.language{ color:#FFFFFF; margin-top: 15px;}
.language a{ color:#7d7d89; text-decoration:none;}
.language a:hover{ color:#fff; text-decoration:none;}


.has-search{ position:relative;}
.has-search .form-control {
    padding-left:30px; position: relative; height:50px; background-color:#0099FF; color:#7d7d89; width:178px;
}

.has-search .form-control::placeholder {
   color: #7d7d89;
  opacity: 1;
}


.ban_img{object-fit: cover; width:100%;height:100%;}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 15px;
    height: 15px;
    text-align: center;
    pointer-events: none;
    color: #fff; top:12px;
}
.search_bg{ background-color:transparent!important; color:#fff; border: none!important;}
.search_bg::placeholder{color:#fff; }
.banner{}

.banner_text{ position:relative;}

.banner_news_title1{font-weight:400; font-size:0.875rem; color:#88878a; line-height:1.063rem; text-transform:uppercase; font-family: 'Montserrat', sans-serif; letter-spacing:0.188rem; padding-right:100px; display:flex; margin-bottom:17px;}

.banner_news_title1_line{ margin-right:26px; vertical-align:top;}
.banner_news_title{font-weight:700; font-size:2.188rem; color:#ffff; line-height:3.063rem; margin-bottom:31px; text-transform:uppercase; letter-spacing:0.097rem; }
.banner_news_disc{font-weight:400; font-size:1rem; color:#88878a; line-height:1.875rem; margin-bottom:21px; font-family: 'Montserrat', sans-serif;}
.banner_btn{
	color:#fff;
	border: 1px solid #00b19d;
	padding-top: 17px;
	padding-right: 38px;
	padding-bottom: 17px;
	padding-left: 38px;
	margin-top:10px;
	letter-spacing: 1.5px;
	font-weight:600; background-color:#000000
}
.banner_btn:hover{
color:#fff !important; background-color:#00b19d; border: 1px solid #00b19d;}


.banner_logo{ float:left; width:120px;}

.banner_bot{
	position: absolute;
	bottom: 0px;
	z-index: 10;
	width:100%;
	background-image: url(../images/blue.png);
	background-repeat: repeat;
}
.banner_next_prev{ position: relative; }

.bot_logos{ padding-bottom:100px; padding-top:50px;}
.bot_logos_text{
	color:#000;
	font-size:0.8rem;
	text-transform: uppercase;
	text-decoration: none;
	text-align:center;
	margin-top:40px;
	font-weight:600;
	letter-spacing: 0.088rem;
}
.bot_logo_sec{ text-align:center;}
.bot_logo_sec img{ margin-left:7px; margin-right:7px;}
.bot_nav{
	padding:0;
	margin-top: 0;
	margin-right: 50px;
	margin-bottom: 0;
	margin-left: 0;
}
.bot_nav ul{
	padding:0;
	list-style-type:none;
	margin: 0;
}
.bot_nav ul li{
	padding:0;
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3b3d50;
}
.bot_nav ul li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: left;
	font-size: 1rem;
	font-weight: 600;
}

.bot_nav ul li a:hover {color:#4e5064; font-weight: 600;}
.bot_haeding{ text-transform:uppercase; font-size:1rem; margin-bottom:16px; color:#ffffff; font-weight:700;}
.footer{
	background-color:#00031c;
	padding-top: 50px;
	padding-bottom: 50px;
  clear: both;
}
.footer_logo{ margin-bottom:50px;}
.footer_text{ color:#fff; font-size:0.875rem; line-height:1.375rem;}
.footer_social{ margin-top:200px;}
.add{ font-size:0.875rem; color:#80818e;}
.bot{ background-color:#00031c; text-align:left; padding-top:10px; padding-bottom:10px; color:#606171; font-size:0.875rem;}

.bot_above{ background-color:#fff; text-align: center; padding-top:16px; padding-bottom:16px; color:#1A2B4C; 	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aeb4bf;}
.carousel-indicators img{ width:25px; margin-top:-5px;}

.navbar-brand,  .navbar-brand img{ width:163px;}
.home_sec{ padding-top:0px; padding-bottom:0px; line-height:23px;}
.space_50{ height:50px;}
.space_100{ height:100px;}
.space_10{ height:10px;}
.space_20{ height:20px;}
.space_30{ height:30px;}
.space_70{ height:70px;}


.news_box{
	background-color:#00031c;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #00b19d;
	text-align: center;
}
.news_box_btn{
	padding-bottom: 45px;
}
.news_box_text{ font-size:1.125rem; line-height:1.875rem; font-weight:700; color:#FFFFFF; padding-top: 38px;}
.news_box:hover{
	background-color:#000427;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #00b19d;
}
.news_box:hover .btn_more{
color:#fff; background-color:#00b19d; border: 1px solid #00b19d;
}
.news_box:hover .news_box_img img {
opacity: 1;
}

.news_box_img{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #00b19d;
}
.news_box_img img {
opacity: 0.63;
}

.home_sec_btn{ margin-top:26px;}

.btn_more_full{
	color:#fff;
	border: 1px solid #00b19d;
	padding-top: 7px;
	padding-bottom: 7px;
	letter-spacing: 1.5px;
	font-weight:600; background-color: transparent; width:100%; text-align:center; font-size:0.875rem;
}

.btn_more{
	color:#fff;
	border: 1px solid #00b19d;
	padding-top: 7px;
	padding-bottom: 7px;
	letter-spacing: 1.5px;
	font-weight:600; background-color: transparent; width:142px; text-align:center; font-size:0.875rem;
}
.btn_more:hover, .btn_more_full:hover{
color:#fff; background-color:#00b19d; border: 1px solid #00b19d;}
.btn_bot{ float:right; margin-top:24px;}
.no_pad{ padding:0px;}
.no_mar{ margin:0px;}
.news_letter_textbox{
	background: rgb(26,29,51);
	background: linear-gradient(90deg, rgba(26,29,51,1) 60%, rgba(3,6,31,1) 100%);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px; margin-bottom:20px; margin-top:20px; width:100%;
}
.activity_area{
	padding-top:81px;
	padding-bottom:115px;
	line-height:23px;
	background-image: url(../images/bg40.png);
	background-repeat: no-repeat;
	 background-position: -150PX bottom;
    background-SIZE: 55%;
}

.checkbox-label {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    line-height: 24px;
    height: 20px;
    width: 50px;
    clear: both;
	margin-top: 7px;
	margin-left: 5px;
	margin-bottom: 20px;
}

.checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.check .input-title{ color:#FFFFFF; }
.check .input-title a{ color:#FFFFFF; text-decoration:underline;}
.check .input-title a:hover{ color:#3b3d50; text-decoration:underline;}



.check .input-title.check1{
	margin-left: 4px;
}

.check .input-title.check2{
	margin-left: 4px;
}

.checkbox-label .checkbox-custom {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 15px;
    width: 15px;
    background-color: transparent;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    border: 1px solid #00b19d;
}


.checkbox-label input:checked ~ .checkbox-custom {
    background-color: #00b19d;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity:1;
    border: 1px solid #00b19d;
}


.checkbox-label .checkbox-custom::after {
    position: absolute;
    content: "";
    left: 10px;
    top: 10px;
    height: 0px;
    width: 0px;
    border-radius: 5px;
    border: solid #1C57B1;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity:1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}


.checkbox-label input:checked ~ .checkbox-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity:1;
  left: 5px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0;
}

.check{ display:inline-flex;}

.activity_area H3{ font-size:1.563rem; font-weight:700; letter-spacing:0.551rem; line-height:2.063rem; color:#FFFFFF; position:relative;}
.activity_area H3 span{ margin-left:120px;}

/*.activity_area H3:before {
        content: "";
    display: block;
    width: 100px;
    height: 4px;
    background: #ff1201;
    left: 90px;
    top: 50%;
    position: absolute;
      }*/
.activity_area H3:after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    background: #00b19d;
    right: 90px;
    top: 55%;
    position: absolute;
      }

.activity_box{ text-align:center;}

.activity_img{
	padding: 21px;
	border: 1px solid #1d2543;
	border-radius: 50%;
	background-color:#010b26;
	height: 128px;
	width: 128px;
	margin-left: auto;
    margin-right: auto;
}
.activity_img_img {border: 1px solid #1d2543; border-radius: 50%; background-color:#040734; height:84px; width:84px; 	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;     display: inline-flex;
    align-self: center;
    align-items: center;
    justify-content: center;}

.activity_img_img img{height:50px; width:50px; object-fit: scale-down; }

.activity_img:hover{
	padding: 21px;
	border: 1px solid #00B19D; border-radius: 50%; background: rgb(3,14,57);
background: linear-gradient(57deg, rgba(3,14,57) 0%, rgba(1,44,65,0.5) 100%,);
	height: 128px;
	width: 128px;
}
.activity_img:hover img{
border: 1px solid #00B19D; border-radius: 50%;
padding:10px; height:84px; width:84px;
}

.activity_img_act{
	padding: 21px;
	border: 1px solid #00B19D; border-radius: 50%; background: rgb(3,14,57);
background: linear-gradient(57deg, rgba(3,14,57,1) 0%, rgba(1,44,65,1) 100%);
	height: 128px;
	width: 128px; 	margin-left: auto;
    margin-right: auto;
}
.activity_img_act img{
	border: 1px solid #00B19D;
	border-radius: 50%;
	background-color:#040734;
	height:84px;
	width:84px;
	padding:10px;
	object-fit: scale-down;
}

.activity_text{
	padding-top: 69px;
	font-size: 1.125rem; line-height:1.75rem; color:#FFFFFF;
}

.area_text{ text-align:center; color:#FFFFFF;	margin-left: auto;
    margin-right: auto; width:55%; margin-top:110px; font-size:1.125rem; line-height:2rem; min-height:300px;}

.home .event{
	padding-top:115px;
	padding-bottom:0px;
	background: linear-gradient(109deg, rgba(255,255,255,0.1) 0%, rgba(139,139,139,0.1) 100%);

}
.event{
	padding-top:115px;
	padding-bottom:115px;
}

.home .sec_heading{ display:flex; margin-bottom:0px; align-content: center;
    align-items: center; min-height: 50px;}

.home .entry-content h3{
	margin-top: auto;
    margin-bottom: auto;
}

.sec_heading{ display:flex; margin-bottom:83px;}
.event h3{ font-size:1.563rem; font-weight:700; letter-spacing:0.551rem; line-height:2.063rem; color:#FFFFFF;}

.heading_line{ margin-right:32px;}

.event_box{background-image: url(../images/event_bg.png);}

.event_box_text{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #00b19d;
	padding: 20px; font-size:0.875rem; line-height:1.625rem; color:#FFFFFF;
}

.event_img{}
.btn_event{margin-top:29px; float:right; text-align:center;}
.btn_event img{transition: 0.3s;}
.btn_event:hover{background-color: transparent!important; text-align:center;}
.btn_event:hover img{ float:right; margin-right: 10px; margin-left:6px;}
.btn_more1{
	color:#fff;
	border: 1px solid #00b19d;
	padding-top: 7px;
	padding-bottom: 7px;
	letter-spacing: 1.5px;
	font-weight:600; background-color: transparent; width:192px; text-align:center; font-size:0.875rem;
}
.btn_more1:hover{
color:#fff; background-color:#00b19d; border: 1px solid #00b19d;}

.btn_more1 img{ float:right; margin-right:16px; margin-top:7px;}
.event_title{ font-size:1rem; font-weight:700; margin-bottom:18px;}
.event_details{ display:inline-flex; margin-bottom:18px; width:100%; flex-direction: column;}
.event_details1{ margin-right:15px;}
.event_details1 svg{ margin-right:10px; font-size:17px;}

.in_space{
	padding-top:115px;
	padding-bottom:115px;
}
.in_space h3{ font-size:1.563rem; font-weight:700; letter-spacing:0.551rem; line-height:2.063rem; color:#FFFFFF;}
.space_text{ color:#fff; line-height:1.875rem; font-size:1rem; margin-left:103px;}
.space_btn{float: right; padding-top: 10px;
	padding-bottom: 10px; margin-top:90px;}

.home .news_box{
	background: linear-gradient(0deg, rgba(36,38,59,1) 0%, rgba(11,13,36,1) 100%) !important;
    border: solid 0px #BCBCBC;
    border-bottom-width: 0;
    border-radius: 0;
}

.home .pro_text .event_box_text{
	border:0px !important;
}
.home a.pro_text{
	font-weight:500px !important;
}
.home .projectBtn{
	color:#00b19d;
}
.home .project{
	padding-top:5px !important;
}
.project{
	padding-top:115px;
	background-image: url(../images/bg60.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 400px 700px;

}
.project h3{ font-size:1.563rem; font-weight:700; letter-spacing:0.551rem; line-height:2.063rem; color:#FFFFFF;}

.project_img_container {
  position: relative; overflow:hidden;
}

.project_img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.project_img_middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left:57px;
  text-align: center;
}

.project_img_container:hover .project_img {
/*  opacity: 0.8;   filter: blur(8px);
  -webkit-filter: blur(8px);*/
  filter: blur(1.2rem);
}

.project_img_container:hover .project_img_middle {
  opacity: 1;
}

.project_img_text {
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}


.pro_text{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	margin-bottom:106px; position:relative;
}

.pro_text1{
	font-size:1rem;
	line-height:1.625rem;
	color:#FFFFFF;
	padding-bottom:2px;
	min-height:200px; position:relative;
}


.pro_text::after{
content: "";
display: block;
height:2px;
background-color:#00b19d;
width:0px;
position: absolute; bottom:0; transition: width 2s;
}


.pro_text:hover::after {content: "";
display: block;
height:2px;
background-color:#00b19d;
width:100%;
position: absolute; bottom:0; transition: width 2s;}


.pro_text:hover .project_img {
  filter: blur(1.2rem);
}


.pro_heading{
	margin-top:24px;
	font-size:1.125rem;
	line-height:1.5rem;
	color:#FFFFFF;
	padding-bottom:15px;
	background-image: url(../images/line2.png);
	background-repeat: no-repeat;
	background-position: left bottom; margin-bottom:26px;
}
.project_img_middle:after {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background: #fff;
    left:40%;
    top: 50px;
    position: absolute;
      }

.projectBtn{ margin-top:0px; float:right; text-align:right;  margin-bottom:10px;}

.project_more{ margin-top:39px; float:right; text-align:right;  margin-bottom:18px; position:absolute; bottom:0; right:0;}
.sec_heading_btn{ float:right;}

.btn_more2{
	color:#fff;
	border: 1px solid #00b19d;
	padding-top: 7px;
	padding-bottom: 7px;
	letter-spacing: 1.5px;
	font-weight:600; background-color: transparent; width:192px; text-align:center; font-size:0.875rem; height:50px;
}
.btn_more2:hover{
color:#fff; background-color:#00b19d; border: 1px solid #00b19d;}

.project_btn{ margin-bottom:47px!important;}
.mob_menu_bot{ width:85%; margin-left:auto; margin-right:auto;}
.mob_menu_bot_left{ float:left; text-align:left; width:50%;}
.mob_menu_bot_right{ float:right; text-align:right; width:50%; margin-top:0px; align-items: flex-end;}
.mob_menu_bot_right img, .mob_menu_bot_right svg{ padding-left:16px; padding-right:16px;}
.mob_menu_bot_left img { margin-left:21px; margin-right:21px; width: 25px;
    height: 25px; }
.mob_menu_bot_left svg{color:#FFFFFF; margin-left:21px; margin-right:21px; height:20px; width:20px; margin-top:20px;}
.mob_menu_bot_right img:hover { background-color:#FFFFFF;border-radius: 50%; }
.left{ float:left;}
.right{ float:right;}

.footer_social{ float:left; text-align:right; width:50%; margin-top:20px; display:flex;}
.footer_social img, .footer_social svg{padding: 10px; height:58px;
	width:58px; }
.footer_social img:hover {
	border-radius: 50%;
	height:58px;
	width:58px;
border:10px solid #FFFFFF; padding: 0px;
}
.top_all{
	height:80px;
}
.menu_all{	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #34374a; height:119px;}
.activity1{ width:20%; padding-left:15px; padding-right:15px;}

.mainmenu {
    margin-top: 0px!important;
}

/*.event_container{  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;}
.event_col{ flex: 1; background-image: url(../images/event_bg.png); margin-left: 15px;
    margin-right: 15px;
    padding-left: 0px;
    padding-right: 0px;}*/


.all_inner_pages{ padding-top:70px; padding-bottom:70px;}
.all_inner_banner{ height:270px; position:relative;}
.all_inner_banner img{object-fit: cover;  height:270px; width:100%; border-radius: 10px; object-position: right center; }
.all_inner_banner_text{ font-size:2.313rem; line-height:2.938rem; letter-spacing:0.991rem; color:#FFFFFF; text-transform:uppercase; font-weight:800; left:130px; position:absolute; z-index:150; width:70%; top: 50%;  transform: translateY(-50%);
}

.side_nav{
	padding:0;
	margin-top:17px;
	margin-right:30px;
}
.side_nav ul{
	padding:0;
	list-style-type:none;
	margin: 0;
}
.side_nav ul li{
	padding:0;
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #23263a;
}
.side_nav ul li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: left;
	font-size: 1rem;
	font-weight: 600; padding-right:5px;
}

.side_nav ul li a svg{ float:right; font-size:1rem; margin-top:5px; color:#fff;}

.side_nav ul li a:hover {color:#dfe0e3; font-weight: 600;}

.side_nav ul li a.act1 {	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #008078;}

.side_nav ul li ul {
margin-left:0px;
}
.side_nav ul li ul li { border:none;
}
.side_nav ul li ul li a{
	color:#80818d;
	text-decoration:none;
	display:block;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: left;
}
.side_nav ul li ul li a.act{
	color:#fff;
}

.side_nav ul li ul li:last-child{
	padding-bottom: 20px;
}

.back{ color:#4d4f60;}
.back img{ margin-top:-5px;}
.back a{ color:#4d4f60; text-decoration:none;}
.back a:hover{ color:#fff; text-decoration:none;}

.text_sec_all{ width:100%; margin-top:50px; color:#D9D9DD;}
.text_sec1{ line-height:1.875rem;}
.text_sec2{ line-height:1.188rem;}
.text_sec3{ line-height:1.5rem;}
.title1{
	font-size:1.25rem;
	letter-spacing:0.441rem;
	line-height:1.688rem;
	color: #FFFFFF; font-weight:700; margin-bottom:40px;
}
.title_white{ font-size:1.125rem; line-height:1.375rem; color: #FFFFFF; font-weight:700;}
.opolsa{ display: inline-flex; margin-bottom:50px; width:100%;}
.opolsa_text{ padding-top:10px;}
.opolsa_img{ width:82px; margin-right:32px;}

.opolsa_img_ic{
	width:24px;
	padding: 15px; border-radius:50%; width:60px; height:60px;
    border: 1px solid #191c36; background-color:#040734; text-align:center; margin:15px; font-size:20px; font-weight:700; color:#FFFFFF;
}

.opolsa_img_icon img{
	width:24px; height:24px; margin-top:-2px;
}
.opolsa_img_icon{
	background-color:#010421;
	border-radius:50%;
	width:92px;
	height:92px;
	border: 1px solid #191c36;
}


.tel_num{ font-size:1rem; line-height:1.375rem; color: #FFFFFF; font-weight:700;}
.tel_lable{ font-size0.875rem; line-height:1.125rem; margin-top:10px;}
.bot_mar{ margin-bottom:22px;}

.pdf_btn{
	color:#fff;
	border: 1px solid #00b19d;
	padding-top: 17px;
	padding-right: 20px;
	padding-bottom: 17px;
	padding-left: 50px;
	margin-top:10px;
	letter-spacing: 1.5px;
	font-weight:600;
	background-color: transparent;
	background-image: url(../images/pdf.svg);
	background-repeat: no-repeat;
	background-position: 20px center; margin-right:20px; font-size:0.875rem; display: inline-flex;
}

.pdf_btn:hover{
color:#fff; background-color:#00b19d; border: 1px solid #00b19d; color:#fff; background-image:none; text-align:center; padding-left: 20px; }

.pdf_btn span {
  padding-left: 10px; float:left;
}
.pdf_btn:hover span {
  display: none;
}

.pdf_btn:hover:before {
  content: "Pobierz PDF"; color:#000000;
}

.publication_sec{ padding-top:100px;}
.publication_box{
	padding-bottom: 20px;
		background: rgb(25,28,49);
	background: linear-gradient(57deg, rgba(25,28,49,1) 0%, rgba(12,15,38,1) 100%);
	border-radius: 10px;

}

.publication_container{  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;}

/*.publication_col{
	background: rgb(25,28,49);
	background: linear-gradient(57deg, rgba(25,28,49,1) 0%, rgba(12,15,38,1) 100%);
	border-radius: 10px;
	margin-top:50px;
    margin-right: 15px; margin-left: 15px;
    padding-left: 0px;
    padding-right: 0px; margin-bottom: 50px; flex: 1;
}*/

.publication_col{
	background: rgb(25,28,49);
	background: linear-gradient(57deg, rgba(25,28,49,1) 0%, rgba(12,15,38,1) 100%);
	border-radius: 10px;
	margin-top:50px; margin-bottom: 50px;
}

.text_sec_full{ width:100%;}

.publication_img{  margin-bottom:30px; margin-left: 15px; margin-right:15px; text-align: center;}
.publication_img img{ border-radius: 10px; width:100%; margin-top:-53px;}
.publication_img.pub img{ border-radius: 10px; width:100%; margin-top:0px !important;}


.publication_title{ margin-bottom:10px; color:#FFFFFF; font-weight:700;}
.publication_text{margin-left: 31px; margin-right:31px;}


.pdf_btn1{
	color:#fff;
	border: 1px solid #00b19d;
	padding-top: 17px;
	padding-right: 20px;
	padding-bottom: 17px;
	padding-left: 50px;
	letter-spacing: 1.5px;
	font-weight:600;
	background-color: transparent;
	background-image: url(../images/pdf.svg);
	background-repeat: no-repeat;
	background-position: 20px center; margin-right:20px; font-size:0.875rem; width:193px; margin-bottom:10px;
}

.pdf_btn1:hover{
color:#fff; background-color:#00b19d; border: 1px solid #00b19d; color:#fff; background-image:none; text-align:center; padding-left: 20px;}

.pdf_btn1:hover span {
  display: none;
}

.pdf_btn1:hover:before {
  content: "Pobierz PDF"; color:#000000;
}

.search_new{
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	height:50px;
	background: linear-gradient(
90deg, rgba(26,29,51,1) 60%, rgba(3,6,31,1) 100%);
}

.search_new:focus {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.search_new_btn{
	background-color: #03061f;
	padding-top: 5px;
	padding-bottom: 5px;
	height:50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; width:50px; margin-left:-2px;
}
.search_new::placeholder {
   color: #575969;
  opacity: 1;
}



.sort{
	width:100%;
	text-align:left;
	background: linear-gradient(
90deg, rgba(26,29,51,1) 60%, rgba(3,6,31,1) 100%);
	padding-top: 5px;
	padding-bottom: 5px;
	height:50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color:#FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
}

.sort::after {
    display: inline-block;
    width: 15px;
    height: 10px;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    background-image: url(../images/arrow_sort.png);
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    right: 20px;
    top: 20px;
    margin-left: 2px;
}

.search_pulication {
    background: rgb(26,29,51);
    background: linear-gradient(
90deg, rgba(26,29,51,1) 60%, rgba(3,6,31,1) 100%);
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}


.publication_more{
	color:#00B19D;
	text-decoration: none; float:left;}
.publication_more a{color:#00B19D; text-decoration: none;}
.publication_more a:hover{color:#fff; text-decoration: none;}

.bip_box{ background: rgb(26,29,51);
    background: linear-gradient(
90deg, rgba(26,29,51,1) 60%, rgba(3,6,31,1) 100%); border-radius: 10px; display:flex; padding:30px; width:70%; margin-bottom:20px;}

.bip_img{ margin-right:34px; margin-top:10px;}

.bip_text{ font-weight:600; color:#FFFFFF;}
.career_box{
	background-color:#00031b;
	border: 1px solid #00b19d;
	padding-top: 10px;
	padding-right: 17px;
	padding-bottom: 10px;
	padding-left: 17px;
	font-size:0.875rem; letter-spacing:0.035rem; width:55%; font-weight:600; color:#FFFFFF; margin-bottom:50px;
}
.career_box img{ margin-right:21px;}

.publication .dropdown-menu li{ margin:10px;color:#FFFFFF; padding:5px;}
.publication .dropdown-menu li a{ margin:10px;color:#FFFFFF;}
.publication .dropdown-menu li a:hover{ color:#fff;}

.publication .dropdown-menu li  input[type="checkbox"]{ margin-right:7px;}

.multi_text{ font-weight:600; color:#FFFFFF; line-height:1.375rem; margin-bottom:10px;}

.img_tag{ right:17px; top:-37px; position: absolute; }
.img_tag1{font-size:0.875rem; text-transform:uppercase; margin-right:10px; font-weight:600; padding:8px; background-color:#00b19d; color:#FFFFFF; float:left; }

.multi_img{  margin-bottom:30px; margin-left: 15px; margin-right:15px; text-align: center; position:relative;}
.multi_img img{ border-radius: 10px; width:100%; margin-top:-53px;}

.multi_right_box{
	background: rgb(25,28,49);
	background: linear-gradient(57deg, rgba(25,28,49,1) 0%, rgba(12,15,38,1) 100%);
	border-radius: 10px;
	padding-top: 45px;
	padding-right: 35px;
	padding-bottom: 45px;
	padding-left: 35px;
}
.multi_right_title{
	font-size:1.125rem;
	line-height:1.5rem;
	color:#FFFFFF;
	font-weight:600;
	padding-bottom: 20px;
	margin-bottom:20px;
	background-image: url(../images/line3.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.multi_right_text{ font-size:0.938rem; line-height:1.25rem; margin-bottom:34px;}

.multi_left_img{}
.multi_left_img img{ border-radius: 10px; object-fit: cover; width:100%;height:100%;}

.multi_right_text_left{ float:left;}
.multi_right_text_right{ float:right;}

.btn_Download{
	width:192px;
	text-align:left;
	padding-top: 5px;
	padding-bottom: 5px;
	height:50px;
	color:#FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #00b19d;
	background: transparent; position:relative;
}

.btn_Download:hover{
	color:#000;
	border: 1px solid #00b19d;
	background: #00b19d;
}


.btn_Download:hover::after {
    background-image: url(../images/arrow_sort.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.btn_Download::after {
    display: inline-block;
    width: 15px;
    height: 10px;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    background-image: url(../images/arrow_sort.png);
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    right: 20px;
    top: 20px;
    margin-left: 2px;
}

.multi_right_box .publication .dropdown-menu.show {
    display: block;
    background-repeat: repeat;
    background-image: url(../images/menu_bg1.png);
    width: 192px;
}
.multi_right_arrow {
	margin-left: 0;
	background: transparent;
	color: #fff;
	border: 1px solid #00b19d;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	color:#00b19d; float:left; margin-right:10px;
}

.multi_right_arrow_sm {
	margin-left: 0;
	background: transparent;
	color: #fff;
	border: 1px solid #00b19d;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color:#00b19d; float:left; height:35px;
}
.multimedia_slide_all{ margin-top:40px; position:relative;}
.multimedia_slide{opacity: 0.3; width:100%;}
.multimedia_slide:hover{opacity:1;}
.multimedia_slide_active{opacity:1; width:100%;}
.multimedia_slide_arrow1{ position:absolute; left:-15px; top:35%; z-index:20;}
.multimedia_slide_arrow2{ position:absolute; right:-15px; top:35%; z-index:21;}
.padding_5{ padding-left:5px; padding-right:5px;}
.padding_1{ padding-left:15px; padding-right:0px;}
.padding_2{ padding-left:0px; padding-right:15px;}
.first_img{border-radius: 10px 0px 0px 10px;}
.last_img{border-radius: 0px 10px 10px 0px;}

.inner_pages{ background-color:#00081b;}
.news_box1{ margin-bottom:30px;}


.new_event{
	padding-top:115px;
	padding-bottom:115px;
	background: rgb(25,28,49);
	background: linear-gradient(57deg, rgba(25,28,49,1) 0%, rgba(12,15,38,1) 100%);
    margin-left: calc(45% - 45vw);
    margin-right: calc(45% - 45vw);
}

.new_event h3{ font-size:1.563rem; font-weight:700; letter-spacing:0.551rem; line-height:2.063rem; color:#FFFFFF;}

.banner_bg{	background: rgb(0,3,26);
background: linear-gradient(57deg, rgba(0,3,26,1) 0%, rgba(19,22,44,1) 100%);}

.banner_bg img{height:270px; text-align:right; width:auto; max-width:100%; float: right; border-radius: 10px 10px 10px 10px;}
.all_inner_banner_text1{ font-size:2.313rem; line-height:2.938rem; letter-spacing:0.991rem; color:#FFFFFF; text-transform:uppercase; font-weight:800; top:118px; left:67px; position:absolute; z-index:151;
}

.cal_text{ color:#FFFFFF; margin-bottom:25px;     display: flex;
    align-items: center;}

.cal_text a{ color:#FFFFFF;}
.cal_text a:hover{ color:#00b19d;}
.cal_text img{ margin-right:18px;}
.news_white{ font-weight:600; color:#b2b3ba;}
.event_box1{ margin-bottom:30px;}
.blue{ color:#00b19d;}
.title2 {
    /*font-size: 1.25rem;*/
	font-size: 1.438rem;
    letter-spacing: 0.441rem;
    line-height: 1.688rem;
    color: #FFFFFF;
    font-weight: 700;
    margin-bottom: 18px;
}


.space_security_left{ padding-top:70px; padding-right:58px;}
.round_img{border-radius: 10px;}

.space_security_left1{padding-right:58px;}
.space_security_box{
	background: rgb(6,9,32);
	background: linear-gradient(0deg, rgba(6,9,32,1) 0%, rgba(23,26,48,1) 100%);
	border-radius: 10px;
	padding-top: 79px;
	padding-bottom: 79px; margin-top:76px; margin-left:145px;
}

.space_security_img{ float:left; margin-left:-145px;}
.space_security_right{ float:right; margin-left:89px; margin-right: -89px;}
.space_img{ margin-bottom:250px;}

.represent_box{
background: rgb(26,29,50);
background: linear-gradient(90deg, rgba(26,29,50,1) 0%, rgba(7,10,33,1) 28%, rgba(7,10,33,1) 100%);
	padding-top: 55px;
	padding-right: 80px;
	padding-bottom: 55px;
	padding-left: 80px; border-radius:10px;
}

.represent_box_pub{
	background: rgb(26,29,50);
	background: linear-gradient(90deg, rgba(26,29,50,1) 0%, rgba(7,10,33,1) 28%, rgba(7,10,33,1) 100%);
		padding-top: 55px;
		padding-right: 55px;
		padding-bottom: 55px;
		padding-left: 55px; border-radius:10px;
	}

.opolsa_img1{ width:82px; margin-right:32px;}

.opolsa_img_ic1{
	width:24px;
	padding: 15px; border-radius:50%; width:60px; height:60px;
     text-align:center; margin:15px; font-size:20px; font-weight:700; color:#FFFFFF; 	background-color:#182047; border: 1px solid #2b2e48;
}

.opolsa_img_icon1 img{
	width:24px; height:24px;
}
.opolsa_img_icon1{
	border-radius:50%;
	width:92px;
	height:92px;
	border: 1px solid #2b2e48; background-color:#171b35;
}

.opolsa_text a{color:#FFFFFF; }
.opolsa_text a:hover{ color:#00B19D;}

.download_sec{}
.download_sec .pdf_btn{ width:700px; margin-bottom:25px;}
.education_left{ padding-top:40px; padding-right:58px; margin-bottom: 30px;}

.education_box{
margin-top:80px; margin-bottom:80px;
}

.education_btn{
width:400px!important; text-align:left;
}
.education_btn1{
width:550px!important;  text-align:left;
}

.date{ display: inline-block;}
.date img{ margin-right:15px; margin-top:-5px;}
.date_event{ margin-top:10px; margin-bottom:10px; color:#70727f;}

.event_details_new{ margin-bottom:0px;}
.btn_event1{margin-top:29px; float:right; text-align:center;}
.project_box{
	background: rgb(6,9,32);
	background: linear-gradient(270deg, rgba(6,9,32,1) 20%, rgba(23,26,48,1) 100%);
	border-radius: 10px;
	padding: 25px; margin-bottom: 79px; position:relative;
}

.project_heading{
	margin-top:24px;
	font-size:1.75rem;
	line-height:2.375rem;
	color:#FFFFFF;
	padding-bottom:15px;
	background-image: url(../images/line2.png);
	background-repeat: no-repeat;
	background-position: left bottom; margin-bottom:26px; font-weight:700; float: left;
}


/*.project_img1{ width:150px; margin-right:96px; float: left; }*/
.project_img1{ width:150px; margin-right:76px; float: left; }

.project_img_ic1{
	width:24px;
	padding: 15px; border-radius:50%; width:120px; height:120px;
     text-align:center; margin:15px; font-size:20px; font-weight:700; color:#FFFFFF; 	background: linear-gradient(90deg, rgba(57,60,82,1) 0%, rgba(54,57,79,1) 100%);    display: flex;
  align-items: center;
  justify-content: center;
}

.project_img_icon1 img{
	width:92px; height:86px;  border-radius:10%;
}
.project_img_icon1{
	border-radius:50%;
	width:150px;
	height:150px;
	border: 1px solid #26293e; background-color:#26293e;
}

.project_more1 {
    margin-top: 39px;
    float: right;
    text-align: right;
    margin-bottom: 18px;
    position: absolute;
    bottom: 10px;
    right: 50px;
}
.news_box2{
	padding-top: 20px;
	padding-bottom: 30px;
}
.news_table{background: linear-gradient(90deg, rgba(8,11,34,1) 0%, rgba(1,4,28,1) 100%);}
.right_lline{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1b1e33;
}

.pdf_btn_90{ width:90%!important;}
.represent_box_new{
background: rgb(26,29,50);
background: linear-gradient(90deg, rgba(26,29,50,1) 0%, rgba(7,10,33,1) 28%, rgba(7,10,33,1) 100%);
border-radius:10px;
padding:28px;
}

.represent_box_new a, .represent_box a{color:#FFFFFF;}

.represent_box_new a:hover, .represent_box a:hover{color:#00b19d;}

.about_box{
padding:50px;
}
/*.project_box{
background: rgb(26,29,50);
background: linear-gradient(141deg, rgba(26,29,50,1) 0%, rgba(2,5,29,1) 100%);
	padding-top: 55px;
	padding-right: 80px;
	padding-bottom: 55px;
	padding-left: 80px; border-radius:10px;
}*/

.project_box{
background: rgb(26,29,50);
background: linear-gradient(141deg, rgba(26,29,50,1) 0%, rgba(2,5,29,1) 100%);
	padding-top: 55px;
	padding-right: 80px;
	padding-bottom: 55px;
	padding-left: 80px; border-radius:10px;
}

.white{ color:#FFFFFF;}

.project_box a{color:#FFFFFF;}

.project_box a:hover{color:#00b19d;}


a.project_link {color:#FFFFFF; word-wrap: break-word;}

a:hover.project_link {color:#00b19d;}

.project_info_box{
background: rgb(26,29,50);
background: linear-gradient(90deg, rgba(26,29,50,1) 0%, rgba(3,6,30,1) 100%); border-radius: 10px; padding-top: 1px; padding-bottom:1px;}

.project_info{ display:flex; padding-right:45px; padding-left:45px; padding-top:30px; padding-bottom:30px;     flex-direction: row;}

.project_info:hover{
background: rgb(51,53,73);
background: linear-gradient(90deg, rgba(51,53,73,1) 0%, rgba(7,10,33,1) 100%);
}
.project_info:first-child:hover{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.project_info:last-child:hover{
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.line_pro{
	background-color: #00031b; height:6px;
}
.project_logo{ width:180px; margin-right:55px; display:flex;   align-items: center;
  justify-content: center;}
.project_logo_text{color:#FFFFFF; display:flex;   align-items: center;
  justify-content: center; padding-right:50px; width:80px;}

.project_title{
	padding-left:50px;
	padding-right:50px;
	width:40%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #2b2d41;
	border-left-color: #2b2d41; color:#FFFFFF; display:flex; align-items: center; margin-right:auto;
  justify-content: left;
}
.project_title2{padding-left: 50px; width:20%; color:#FFFFFF; display:flex; align-items: center; margin-right:auto;
  justify-content: left;}


.futurer_left{padding-right:58px; margin-bottom: 30px;}


.text_sec1 a{color:#FFFFFF;}

.text_sec1 a:hover{color:#00b19d;}

.partner_logo{ width:180px; margin-right:55px; display:flex;   align-items: center;
  justify-content: center;}
.partner_logo_text{color:#FFFFFF; display:flex;   align-items: center;
   justify-content: left; padding-right:50px; width:60%; font-size:1rem; line-height:1.188rem;}

.pdf_btn_460{ width:460px; margin-bottom:20px;}

.pdf_btn_520{width:520px; margin-bottom:20px;}

.kon_details{ margin-top:80px;}
.futurer_left1 {
    padding-right: 58px;
    margin-bottom: 30px;
}

.news_box.cal_text{ transition: all 1s ease-out;}


.news_box:hover .cal_text{ padding-left:9px;}


.proNews .news_box:hover .cal_text {
  padding-left: 0px !important;
}

.proNews .cal_text{
  margin-bottom: 5px;
}

.proNews .news_box_text{
  padding-top: 5px;
}

.competition {
  position: relative;
  width: 100%; overflow:hidden; border-radius: 10px; margin-bottom:35px;
}

.competition_image {
  display: block;
  width: 100%;
  height: auto; border-radius: 10px; transition: transform .2s;
}

.competition_overlay {
  position: absolute;
  bottom: 0;
background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 1rem;
  padding: 20px;
  text-align: left; border-radius: 10px; line-height:1.188rem;
}

.competition:hover .competition_overlay {
  opacity: 1;
}
.competition:hover .competition_image {
 transform: scale(1.1); border-radius: 10px;
}


.text_sec_all ol, .text_sec_full ol, .represent_box ol, education_box ol{
list-style-position: inside; margin-top:20px; margin-bottom:20px;
}

.entry-content ul, .text_sec_all ul, .text_sec_full ul, .represent_box ul, education_box ul{
	list-style-position: inside;
	margin-top:20px;
	margin-bottom:20px;
	list-style-type: none;
}

.entry-content ul li, .text_sec_all ul li, .text_sec_full ul li, .represent_box ul li, education_box ul li{
position:relative; padding-left:15px;
}

.entry-content ul li:before, .text_sec_all ul li:before, .text_sec_full ul li:before, .represent_box ul li:before, education_box ul li:before{
  content: "\2022";
  text-indent: -5px;
  margin-right:8px; position:absolute; left:5px;
  color: #00B19D;
  top: -2px;
}

.text_sec_all ul li ul, .text_sec_full ul li ul, .represent_box ul li ul, education_box ul li ul{
	list-style-position: inside;
	margin-top:0px;
	margin-bottom:0px;
	list-style-type: none;
}


.text_sec_all ul li ul li, .text_sec_full ul li ul li, .represent_box ul li ul li, education_box ul li ul li{
position:relative; padding-left:0px;
}

.text_sec_all ul li ul li:before, .text_sec_full ul li ul li:before, .represent_box ul li ul li:before, education_box ul li ul li:before{
display:none;
}


.entry-content ul li ul li:before{
  content: '\25CB';
  text-indent: -5px;
  margin-right:8px; position:absolute; left:5px;
  color: #00B19D;
  top: 0px;
}
/*
.entry-content ul li ul li:before{
  content: "\2022";
  text-indent: -5px;
  margin-right:8px; position:absolute; left:5px;
  color: #00B19D;
  top: -2px;
}*/

.contact_grey{ color:#80818d; line-height:1.188rem; font-size:0.875rem;}
.contact{ color:#fff; line-height:1.375rem; font-size:1rem;}
.contact_line{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #202337;
	padding-right:80px;
}

.contact2{ margin-left:80px;}

.title_white1{ font-size:1rem; line-height:1.375rem; color: #FFFFFF; font-weight:700;}

.contact_line1{padding-left:80px;}
.contact_map{ margin-top:80px; margin-bottom:80px;}
.checkbox-label1 {
float:left;
width:30px;
}
.btn_kon{ float:left; margin-top:24px; height:50px;}
.news_letter_textbox1{
	background: rgb(26,29,51);
	background: linear-gradient(90deg, rgba(26,29,51,1) 60%, rgba(3,6,31,1) 100%);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px; margin-bottom:10px; margin-top:10px; width:100%; color:#fff;
}
.contact_map1{ margin-top:50px;}
.organise{ margin-bottom:105px;}

.all_inner_banner_text span{ font-size:1rem; line-height:1.875rem; color:#b4b5bd; text-transform:none; letter-spacing:normal; font-weight:400;}
.large{top:88px; left:130px;}

span.caret::after{
	content: '';
	display: inline-block;
    width: 15px;
    height: 10px;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    background-image: url(../images/caret.png);
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    right: 0;
    top: 20px;
    margin-left: 2px;
}

.banner_text {
    margin-top: 22px;
}
/*.new_bg{	background-image: url(../images/bg50.png);
	background-repeat: no-repeat;
	background-position: right bottom;
    background-size: 50%;
}*/

.organizational_bg{background-image: url(../images/bg40.png);
	background-repeat: no-repeat;
	background-position: left center;}

.about_bg{background-image: url(../images/bg4.png);
	background-repeat: no-repeat;
	background-position: left center;}
.menu-area {
    height: 80px;
}

.darkHeader .mainmenu a, .darkHeader .navbar-default .navbar-nav > li > a, .darkHeader .mainmenu ul li a, .darkHeader .navbar-expand-lg .navbar-nav .nav-link {
    padding-bottom: 24px;
}

#blok-social-block_616d66e0b76a0{ margin-bottom:50px;}

.side_nav ul li ul li a.act1{
border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
}

.project_box_project{
	padding-top: 25px!important;
	padding-right: 35px!important;
	padding-bottom: 25px!important;
	padding-left: 35px!important;
}
.project_box_overlay {
	position: absolute;
	top: 0;
  transition: .5s ease;
	opacity:0;
	display: block;
	width: 100%;
	height: 100%;
	left:0px;
	border-radius: 10px;
	padding-left:245px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
}

.project_box:hover .project_box_overlay {
  opacity: 1;
  	background: transparent linear-gradient(116deg, #FFFFFF1A 0%, #8080801A 100%) 0% 0% no-repeat; backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
}

.mob_menu_bot_right .footer_social {
  float: none !important;
  text-align: center !important;
  width: 100% !important;
  margin-top: 20px !important;
  display: flex !important;     justify-content: flex-end;
}

.mob_menu_bot_right .footer_social a{
  width: auto !important;
  margin: 0px !important;
  padding: 0px !important;
}

.font_apply  .mainmenu a, .navbar-default .navbar-nav > li > a, .font_apply .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
    margin-left: 20px;
    margin-right: 20px;
}

.font_apply span.caret::after {
    top: 25px;
}

.text_sec_all a{ color:#fff;}

.activity_text_act{
	padding-top: 69px;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00b19d;
	padding-bottom: 10px;
	font-weight:600;
}

.wpcf7-submit {
    cursor: pointer;
}

ul.pagination li .page-item{ margin-bottom:20px;}

.page-item:first-child .page-link:hover{ color:#00b19d;}


:root .has-white-background-color {
    background-color: #202337!important;
}
.wp-block-separator.is-style-wide {
    border-bottom-width: 1px!important;
}
.wp-block-separator {
    border-top: 0px solid!important;
    border-bottom: 0px solid!important;
}
:root .has-white-color {
    color: #202337!important;
}

[data-whatinput='keyboard'] a:focus,
[data-whatinput='keyboard'] button:focus,
[data-whatinput='keyboard'] input:focus,
[data-whatinput='keyboard'] textarea:focus,
[data-whatinput='keyboard'] select:focus,
[data-whatinput='keyboard'] label:focus,
[data-whatinput='keyboard'] .fs-wrap.multiple:focus{
    outline: 3px solid red;
}
/*[data-whatinput='keyboard'] a:focus-visible{*/
/*    outline: none;*/
/*    box-shadow: none;*/
/*}*/


/*[data-whatinput='keyboard'] a:focus-visible{*/
/*    outline: none;*/
/*    box-shadow: none;*/
/*}*/
.skip-links a{
	position: relative !important;
	z-index: 2035 !important;
}

.skip-links li:before {
    content: "\200B";
    position: absolute;
    left: -9000em;
    display: block;
}
.skip-links a, .skip-links a:visited {
    position: absolute;
    top: 0;
    left: -9000em;
    display: block;
    text-align: center;
    width: 200px;
    text-decoration: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}
.skip-links a:visited {
    position: absolute;
    top: 0;
    left: -9000em;
    display: block;
    text-align: center;
    width: 200px;
    text-decoration: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}
.skip-links a:hover,
.skip-links a:focus,
.skip-links a:active,
.skip-links a:visited:hover,
.skip-links a:visited:focus,
.skip-links a:visited:active {
	background: #00B19D;
	color: #fff !important;
	font-size: .875em;
	padding: 5px 10px;
	z-index: 1000;
	left: 0;
	opacity: 1;
	outline: 0px solid #005b8a;
}

.news_box a{ display: inline-block; width:100%; z-index: 1000485;}
.news_box a:focus{position: absolute; left:0px;}

.footer_social a{
    width: 50%;
}
a .pro_text {
display: flex;  z-index: 1000486; flex-direction: column;
}
a:focus .pro_text{position: absolute; left:0px; border: 3px solid #ff0000; }

.back A{height:25px; display: flex; }

a:focus .pdf_btn, a:focus .pdf_btn1 {
   margin-right: 0px;
}

a:focus .publication_col {display: flex; }
.addtoany_list.a2a_kit_size_32 a {width:35px; float:left;}

/*.text_sec_all a:focus {display: block; width: auto;}*/

.project_box_project{display: flex; width: 100%;}

.home_sec a:focus {display: block;}


a .publication_box {
display: flex;  z-index: 1000488; flex-direction: column;
}
a:focus .publication_box{position: absolute; left:10px; border: 3px solid #ff0000; }

a .competition_image{display: flex;  z-index: 1000489; flex-direction: column; }
a:focus .competition_image{ border: 3px solid #ff0000; }

select option{
	background-color:#0c253f;

	color:#fff;
}

.newsrb .event_sec{
	margin-bottom:30px;
}

.newsrb .news_box_flex{
	background: linear-gradient(0deg, rgba(36,38,59,1) 0%, rgba(11,13,36,1) 100%) !important;
}

.newsrb .news_box_flex .news_box_btn{
	margin-bottom:0px;
	    padding-bottom: 25px;
}


/*===================new_layout==================*/

.home .entry-content .btn_more.home_sec_btn{
	padding:7px 15px;
}

.home .entry-content .btn_more.home_sec_btn:hover{
	color:#fff !important;
}

.all_inner_banner_text1 {
    padding-right: 150px;
}

.project1 {
    display: flex;
}
.project1_box{
    display: flex;
    flex-grow: 1;
}



.new_bg{
	background-image: url(../images/new_bg.png);
	background-repeat: no-repeat;
	background-position: center top; background-size: cover;
}

.right_sec_box{background: linear-gradient(118.72deg, #09061D -9.93%, #113562 86.46%);
backdrop-filter: blur(100px);
border-radius: 10px; margin-bottom:40px; color:#D9D9DD;}

.pro_title{
	font-weight: 700;
	font-size: 15px;
	line-height: 22px;
	color: #FFFFFF;
	text-transform: uppercase;
}

.pro_title1{
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	color: #FFFFFF;
}

.right_new{ margin-top:74px;}
.right_profile{ position:relative; height:100%;}

.right_profile_img{ position:absolute; bottom:4px; right:-50px;}

.profile_text_bg{
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 103.72%);
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #00B19D;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px; margin-top:54px;
}

.title3{
	font-size:1.25rem;
	letter-spacing:0.441rem;
	line-height:1.688rem;
	color: #FFFFFF; font-weight:700; margin-bottom:40px; text-transform: uppercase;
}

.sort_new{
	width:100%;
	text-align:left;
background: rgba(0, 3, 27, 0.7);
	padding-top: 5px;
	padding-bottom: 5px;
	height:50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color:#FFFFFF;
	padding-right: 20px;
	padding-left: 20px; position: relative; margin-bottom:15px;
}
.sort_new:focus{
background: rgba(0, 3, 27, 0.7);
}

.sort_new::after {
    display: inline-block;
    width: 15px;
    height: 10px;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    background-image: url(../images/arrow_sort.png);
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    right: 20px;
    top: 20px;
    margin-left: 2px;
}

.form-control.sort_new2{
	width:100%;
	text-align:left;
background: rgba(255, 255, 255, 0.1);
	padding-top: 5px;
	padding-bottom: 5px;
	height:50px !important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color:#FFFFFF;
	padding-right: 20px;
	padding-left: 20px; position: relative; margin-bottom:15px;
}
.sort_new2:focus{
background: rgba(255, 255, 255, 0.1);
}

.sort_new2::after {
    display: inline-block;
    width: 15px;
    height: 10px;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    background-image: url(../images/arrow_sort.png);
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    right: 20px;
    top: 20px;
    margin-left: 2px;
}

.sort_new1{
	width:100%;
	text-align:left;
background: #1a1c32;
	padding-top: 5px;
	padding-bottom: 5px;
	height:50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color:#FFFFFF;
	padding-right: 20px;
	padding-left: 20px; position: relative; margin-bottom:15px;
}
.sort_new1:focus{
background: rgba(255, 255, 255, 0.1);
}

.sort_new1::after {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    background-image: url(../images/link.svg);
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    right: 20px;
    top: 15px;
    margin-left: 2px;
}

.form-group{color:#FFFFFF;}
.katalog{ color:#FFFFFF;}
.form-control::-webkit-input-placeholder {
  color: #8c8d98;
  opacity: 1;
}

.form-control::-moz-placeholder {
   color: #8c8d98;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
   color: #8c8d98;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
   color: #8c8d98;
  opacity: 1;
}

.form-control::placeholder {
   color: #8c8d98;
  opacity: 1;
}
.database_box{
	background: rgba(0, 3, 27, 0.7);
	border-radius: 10px;
	margin-bottom:20px;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 23px; color:#D9D9DD; display:flex;
}
.round{
	width:133px;
	height:133px;
	background-image:url(../images/round_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	display:flex; justify-content: center;
    align-items: center; background-size: contain; padding:20px;
}
.sec1{ margin-right:30px;}
.sec2{margin-right:30px;     width: 38%; }
.contact_grey2{
	word-break: break-all;
}
.sec3{ width:42%; display: flex;
    justify-content: flex-end;}
.title4{font-weight: 700; font-size: 18px; line-height: 25px; margin-bottom:17px; }
.contact_grey1{ color:#80818d; line-height:1.188rem; font-size:0.875rem;}
.contact_grey2{ color:#80818d; line-height:1.188rem; font-size:0.875rem; margin-top:10px;}
.sec3 ul{ margin:0; padding:0; display:block}
.sec3 ul li{
display:inline-block; padding-left:0px; margin: 5px;
}
.sec3 ul li .round4{
	height: 52px;
	width: 52px;
	background-image: url(../images/round1.png);
	background-repeat: no-repeat;
	background-position: center center;
	display:flex; justify-content: center;
    align-items: center; padding-left:0px; text-align:right; padding:25px;
}
.round4 img, .domain_img img{
	max-width: 50px;
}



.sec3 ul li:before{
display:none;
}
.round_text{font-weight: 600;
font-size: 10px;
line-height: 14px; text-align:center; text-transform: uppercase; margin-top:5px;}

.round_banner{
	width:133px;
	height:133px;
	background-image:url(../images/round_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	display:flex; justify-content: center;
    align-items: center; background-size: contain; padding:20px; position:absolute; right:41px; top:32px;
}

.round_banner img{ width:100%; height:auto!important;}

.domains ul{ margin:0; padding:0; display:block;}
.domains ul li{
    display: inline-flex; padding-left:0px;  width: 100%; margin-bottom:20px;
}
.domains ul li:before{
display:none;
}
.domain_img{ margin-right:28px; 	height: 52px;
	width: 52px;
	background-image: url(../images/round1.png);
	background-repeat: no-repeat;
	background-position: center center;
	display:flex; justify-content: center;
    align-items: center; padding-left:0px; text-align:right; padding:25px;}
.domain_text{display: flex;
    align-items: center;}

.img_all{ width:100%;}
.right_122{ padding-right:122px;}
.detials{}
.detials ul{margin:0; padding:0; display:block;}
.detials ul li{margin-left:20px; padding:0; list-style-type:disc; list-style-position:outside;}
.detials ul li::marker{ color:#00B19D; font-size:20px;}
.detials ul li:before{
display:none;
}



.detials1{}
.detials1 ul{margin:0; padding:0; display:block;}
.detials1 ul li{ margin-left:20px; padding:0; list-style-type:disc; list-style-position:outside;}
.detials1 ul li::marker{ color:#FFF; font-size:20px;}
.detials1 ul li:before{
display:none;
}


.box_new{
	background: linear-gradient(118.72deg, #09061D -9.93%, #113562 86.46%);
	border-radius: 0px 10px 10px 0px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #00B19D;
}
.btn_more_new{
	color:#fff;
	border: 1px solid #00b19d;
	padding-top: 7px;
	padding-bottom: 7px;
	letter-spacing: 1.5px;
	font-weight:600; background-color: #00b19d; width:145px; text-align:center; font-size:0.875rem; height:40px;
	float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_more_new:hover{
color:#fff; background-color:#00b19d; border: 1px solid #00b19d;}
.all_inner_banner {
    display: flex;
    align-items: center;
	justify-content: flex-end;
}

.sm_text{ color:#80818d; font-size:14px; color:#80818d; margin-top: -10px;}
.btn_right{ float:right;}
.home_new_sec{
	background-image: url(../images/home_sec_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #00B19D; margin-bottom:120px; background-size: cover;
}
.home_new_sec_right{ text-align:right; padding-top:59px !important;
   display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
}
.home_new_sec h3 {
    font-size: 1.563rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.551rem !important;
    line-height: 2.063rem !important;
    color: #FFFFFF; text-transform:uppercase; margin-bottom:36px !important;

}
.list_radio{ display:flex; margin-bottom:48px; align-items: center;}
.list_radio_text{
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color:#FFFFFF;
	margin-right:15px; margin-top: -10px;
}
.list_radio_bg{
	background: #00B19D;
	border-radius: 100px;
	padding-right: 20px;
	padding-left: 6px;
	font-weight: 700;
	font-size: 16px;
	line-height: 6px;
	color:#FFFFFF;
	margin-right:15px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.list_radio_bg1{
background: rgba(0, 3, 27, 0.7);
border-radius: 100px;
	padding-right: 20px;
	padding-left: 6px; font-weight: 700;
font-size: 16px;
line-height:6px; color:#FFFFFF; margin-right:15px; 	padding-top:4px;
	padding-bottom: 4px;
}


.radio_container {
  display: block;
  position: relative;
  padding-left: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; padding-top:8px;
}

/* Hide the browser's default radio button */
.radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 2px;
  left: -15px;
  height: 18px;
  width: 18px;
  background-color: #273750; 	border: 1px solid #00b19d;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #273750;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #000; border: 1px solid #00b19d;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 5px;
	left: 5px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #00B19D;
}

.form-check {
	padding-left: 15px!important;
}

.list_radio label {
      display: flex;
      padding: 5px 0;
      font-size: 20px;
      cursor: pointer; font-weight: 700;
font-size: 16px;
    }

  	.list_radio   input[type="radio"] {
      opacity: 0;
    }
    .value {
      position: relative;
      display: flex;
      align-items: center;
      padding: 5px 20px 5px 40px;
      border-radius: 20px; background-color:#28364f; color: #fff;
    }

    .value:hover {
      background: #26354e;
    }

    .value::before {
      content: "";
      position: absolute;
      left: 10px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #26354e; border: 1px solid #00b19d;
      outline: 0px solid #23334d;
      transition: 0.4s; width: 17px;
    height: 17px;
    }

    input[type="radio"]:checked~.value {
      color: #fff;
      border-width: 5px;
      background: #00b19d;
      transition: 0.4s;
    }

    input[type="radio"]:checked~.value::before {
      outline-width: 5px;
      background: #00b19d; width: 12px;
    height: 12px; left: 12px;
    }

.home_new_sec_left{ text-align:left !important; margin-top:157px !important; margin-left:90px !important; color:#D9D9DD !important;}
/*===================responsive==================*/

@media only screen and ( min-width: 320px) and ( max-width:991px ) {
.profile1{ margin-bottom:30px;}
.profile_text_bg {
    margin-top: 0px;
}
.right_profile_img{bottom:-50px; position: relative; text-align: right;}
.right_122{ padding-right:0px; margin-bottom:20px;}
.home_new_sec_left{margin-left:50px !important; margin-right:50px !important; margin-top:50px !important;}
.btn_more_new{ margin-bottom:30px;}
}

@media only screen and ( min-width: 320px) and ( max-width:575px ) {
.database_box{
display:flex; flex-direction: column;
}
.sec1{width: 100%; margin-bottom:20px;}
.sec2{width: 100%; word-break: break-all;  margin-bottom:20px;}
.sec3{width: 100%; justify-content: flex-start;}
.round_banner{ display:none;}
.img_all_new{ width:80%;}
}

@media only screen and ( min-width: 576px) and ( max-width:991px ) {
.img_all_new{ width:100%;}
}

@media only screen and ( min-width: 1200px) and ( max-width:1600px ) {
.database_box{
display:flex; flex-direction: column;
}
.sec1{width: 100%; margin-bottom:20px;}
.sec2{width: 100%; word-break: break-all;  margin-bottom:20px;}
.sec3{width: 100%; justify-content: flex-start;}
.right_122{ padding-right:20px; margin-bottom:0px;}
}

@media only screen and ( min-width: 992px) and ( max-width:1199px ) {
.right_122{ padding-right:0px; margin-bottom:20px;}
.profile1{ margin-bottom:150px;}
}

@media only screen and ( min-width: 1200px) and ( max-width:1299px ) {
.profile1{ margin-bottom:100px;}
.pro .col-xl-5{
flex: 0 0 100%;
max-width:100%;
	}
.pro .col-xl-7{
flex: 0 0 100%;
max-width: 100%;
	}
}

@media only screen and ( min-width: 1300px) and ( max-width:1500px ) {
.pro .col-xl-5{
flex: 0 0 42%;
max-width:42%;
	}
.pro .col-xl-7{
flex: 0 0 58%;
max-width: 58%;
	}
}

@media only screen and (min-width: 1501px) {
.pro .col-xl-5{
flex: 0 0 50%;
max-width:50%;
	}
.pro .col-xl-7{
flex: 0 0 50%;
max-width: 50%;
	}
}

.acf-input select option{
	background-color: #fff;
	color:#000;
}

.acf-input select option:checked{
	background-color: #a04ae3;
	color:#fff;
}


.Editor-container a{
	color:#70727e;
}


.Editor-container a:hover{
	color:#FFF !important;
}


.Editor-container{
	background-color: #191c31;

}

.editor-content{
	min-height:200px;
	padding:10px;
	color:#fff;
}

.wysiwyg-toolbar{
	background-color: #262941;
}

.wysiwyg-editor{

	background-color: rgba(255, 255, 255, 0.1);
	padding:10px 10px;
}

.wysiwyg-toolbar.btn-toolbar .btn.btn-default{
	background: transparent;
	color: #ffffff;
}

.editor-statusbar-stat{
	display: none;
}


.technologiczne .card{
background: transparent;
border:none;
}

.technologiczne .card-header a{
 width:100%;
}

.technologiczne .card-header a::after {
	display: inline-block;
	width: 17px;
	height: 10px;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	background-image: url(../images/arrow_sort.png);
	background-repeat: no-repeat;
	background-position: right center;
	position: absolute;
	right: 15px;
	top: 10px;
	margin-left: 2px;
	transform: rotate(180deg) !important;
}

.technologiczne .card-header{
	background-color: #242940;
	border-radius: 0%;
	margin-bottom: 5px;
	padding: 12px 20px !important;
}

.technologiczne .card-body{
	background-color: #242940;
	padding: 20px !important;
}

.bootstrap-select{
	width:100% !important;
}



.bootstrap-select .btn.btn-light{

	width: 100%;
	text-align: left;
	background: rgba(0, 3, 27, 0.7);
	padding-top: 12px;
	padding-bottom: 5px;
	height: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}


.entity_form .bootstrap-select .btn.btn-light{
	background-color: #181d31;
	padding: 14px 20px !important;
	border:none;
	color: #FFFFFF;
}

.bootstrap-select .btn-light.dropdown-toggle::after {
	display: none;
}

.bootstrap-select .btn-light.dropdown-toggle::after{

	display: inline-block;
	width: 15px;
	height: 10px;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	background-image: url(../images/arrow_sort.png);
	background-repeat: no-repeat;
	background-position: right center;
	position: absolute;
	right: 20px;
	top: 20px;
	margin-left: 2px;

}

.bootstrap-select ul li:before{
	top:5px;
}

.bootstrap-select .dropdown-menu .inner{
	width: 100%
}

.bootstrap-select .dropdown-menu li{
	margin: 10px !important;
	padding: 0px;
	padding-left:10px;
}

.bootstrap-select .dropdown-menu li a{
	margin: 0px;
}

.techCls{
	padding:10px 20px 10px 10px;

}

.bottomBorder{
	position: absolute;
	width:93%;
	border-bottom: 1.5px solid rgba(255, 255, 255, 0.1);
	bottom: 0px;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.0em;
}
.form-check-label{
	margin-right: 40px;
	margin-left: 12px;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  vertical-align: top;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #00B19D;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;

}
.form-check-input[type=checkbox] {
  border-radius: 0%;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
}
.form-check-input:checked {
  background-color: #00B19D;
  border-color: #00B19D;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

.form-check-icon{
	width: 27px;
	height: auto;
	position: absolute;
  right: 0;
	top: 2px;
}

.form-check-icon img{
	width:100%;
	height: 27px;
}

.techSpan{
	background-color: #00B19D;
	padding:5px;
	margin-right: 5px;
	display: inline-flex;
	margin-bottom: 10px;
}

.removeTech{
	cursor: pointer;
}
label.error{
	color:#FF0000;
}

.hide_textarea{
	border: 0px !important;
	width:0px;
	height:0px;
	overflow: hidden;
}

.editor-content:empty:before {
	content: attr(data-placeholder);
	color:#70727e;
}

.katalog .sort_new{
 height:50px;
}

.entity_form .bootstrap-select.show .dropdown-toggle::after{
	transform: rotate(180deg);
}

.entity_form .dropup .dropdown-toggle::after{
	border:0px !important;
}

.technologiczne .card-header.collapsed  a.card-link::after{
	display: inline-block;
	width: 15px;
	height: 10px;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	background-image: url(../images/arrow_sort.png);
	background-repeat: no-repeat;
	background-position: right center;
	position: absolute;
	right: 15px;
	top: 10px;
	margin-left: 2px;
	transform: rotate(0) !important;
}

.bootstrap-select.show .inner{
	max-height: 200px !important;
}


.round_logo{border-radius: 50%;}


.drop_all{background: #08122B!important;
	border: 1px solid #00B19D!important;
	border-radius: 10px!important; z-index:5401!important; width:380px;}
	.drop_all img{ margin-right:10px;}

	.drop_all .dropdown-item.active, .drop_all .dropdown-item:active {
			color: #00b19d;
			text-decoration: none;
			background-color:transparent;
			font-weight: 400;
	}

	.drop_all .dropdown-item{font-weight: 400;
	font-size: 14px;
	line-height: 19px;}

	.dropdown:hover .drop_all{
					display: block; right:0px!important;
			}



/*===================news sections 28-10-2022==================*/

.side_nav_new{
	padding:0;
	margin-top:17px;
	margin-right:30px;
}
.side_nav_new ul{
	padding:0;
	list-style-type:none;
	margin: 0;
}
.side_nav_new ul li{
	padding:0;
	margin:0; position:relative;
}
.side_nav_new ul li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: left;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.05em;
    text-transform: uppercase;
}

.side_nav_new ul li.ico1{
	background-image: url(../images/neptune.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:45px;
}

.side_nav_new ul li.ico2{
	background-image: url(../images/uranus.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:45px;
}

.side_nav_new ul li.ico3{
	background-image: url(../images/saturn.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:45px;
}

.side_nav_new ul li.ico4{
	background-image: url(../images/jupiter.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:45px;
}

.side_nav_new ul li.ico5{
	background-image: url(../images/mars.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:45px;
}

.side_nav_new ul li.ico6{
	background-image: url(../images/earth.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:45px;
}

.side_nav_new ul li.ico7{
	background-image: url(../images/venus.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:45px;
}

.side_nav_new ul li.ico8{
	background-image: url(../images/mercury.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:45px;
}

.side_nav_new ul li a svg{ float:left; font-size:1rem; margin-top:5px; color:#fff;}

.side_nav_new ul li a:hover {color:#dfe0e3; font-weight: 600;}

.side_nav_new ul li a.act2 {
	padding-left: 35px;
}

.side_nav_new ul li a.act2:before {
	background-image: url(../images/nav_line.svg);
	background-repeat: no-repeat;
	background-position: center center;
	height:4px; width:23px;
	content: ""; position:absolute;
	left: 45px;
    top: 25px;
}
.text_sec_all_new{ width:100%; margin-top:10px; color:#fff;}

.new_title{
	font-weight: 800;
	font-size: 37px;
	line-height: 50px;
	letter-spacing: 0.415em;
	text-transform: uppercase;
	color:#FFFFFF;
	position:relative;
	padding-bottom: 21px; margin-bottom:65px;
}

.new_title:after{
	position:absolute;
	content: "";
	height:3px;
	width:165px;
	left: 0px;
	bottom: 0px;
	background-image: url(../images/title_line.svg);
	background-repeat: no-repeat;
	background-position: left center;
}
.upper{text-transform: uppercase;}

.timeline {
    padding: 0px;
    position: relative;
	margin-top:50px;
	margin-bottom:50px;

}
.timeline-nodes {
        padding-bottom: 25px;
        position: relative;
    }
.timeline-nodes:nth-child(odd) {
    flex-direction: row-reverse;
}
.timeline h3{
font-weight: 700;
font-size: 18px;
line-height: 25px; letter-spacing: 0.2em;
text-transform: uppercase;
color: #00B19D;
font-family: 'Nunito Sans';
font-weight: 700; margin-bottom:16px; text-align:right;
}
.timeline time {
	border: 1px solid #00B19D;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.timeline::before {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: 50%;
    width: 0;
    border-left: 2px solid var(--white);
    height: 100%;
    z-index: 1;
    transform: translateX(-50%);
}
.timeline-content {
    position: relative;
}
.bg_time{	background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(25px);
padding:18px; color:#FFFFFF;}

.timeline-nodes:nth-child(odd) h3,
.timeline-nodes:nth-child(odd) p {
    text-align: left;
}
.timeline-nodes:nth-child(odd) .timeline-date {
    text-align: right;
}

.timeline-nodes:nth-child(even) .timeline-date {
    text-align: left;
}

.timeline-image {
    position: relative;
    z-index: 100;
}
.timeline-image::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid var(--white);
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #000;
    z-index: 1;
}
.timeline-image img {
    position: relative;
    z-index: 100;
	margin-top: -2px;
}
/*small device style*/
@media only screen and ( min-width: 576px) and ( max-width:767px ) {
.timeline::before {
    left: 10px;
}
.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}
.justify-content-end {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}
.timeline-nodes:nth-child(odd) {
    flex-direction: row;
}
.timeline-content {
    margin-left: 50px;
}
.timeline-nodes:nth-child(odd) .timeline-date {
    text-align: left; margin-left:0px;
}
.timeline-nodes:nth-child(even) .timeline-date {
    text-align: left; margin-left: 0px;
}
.timeline h3 {
    text-align: left;
}
.timeline-image::before {
    left: 10px;
}
.timeline-image img {
    margin-left: 5px;
}
.timeline .col-sm-1 {
    -ms-flex: 0 0 8.333333%!important;
    flex: 0 0 8.333333%!important;
    max-width: 8.333333%!important;
}
.timeline-date {
    margin-top: 0px;
}
}

@media (max-width: 575px) {
.timeline::before {
    left: 10px;
}
.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}
.justify-content-end {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}
.timeline-nodes:nth-child(odd) {
    flex-direction: row;
}
.timeline-content {
    margin-left: 50px;
}
.timeline-nodes:nth-child(odd) .timeline-date {
    text-align: left; margin-left:50px;
}
.timeline-nodes:nth-child(even) .timeline-date {
    text-align: left; margin-left: 50px;
}
.timeline h3 {
    text-align: left;
}
.timeline-image::before {
    left: 10px;
}
.timeline-image img {
    margin-left: 5px;
}
.timeline .col-sm-1 {
    -ms-flex: 0 0 8.333333%!important;
    flex: 0 0 8.333333%!important;
    max-width: 8.333333%!important;
}
.timeline-date {
    margin-top: 0px;
}
.timeline-image {
margin-top:-50px;
}
}

.cooperation_sec{
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(25px);
padding:30px; position:relative; margin-top:100px; margin-bottom:20px;
}
.title_blue{
font-weight: 700;
font-size: 18px;
line-height: 25px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #00B19D; margin-bottom:10px;}

.cooperation_sec_left{ margin-right:30px; position:absolute; top:-90px;}
.cooperation_sec_text{float:left;}

.solar_bg{background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(25px); padding:30px; color:#FFFFFF; display: flex; margin-bottom:30px; position: relative;}

.solar_bg_new{background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(25px); padding:30px; color:#FFFFFF; display: flex; margin-bottom:30px; position: relative;}

.solar_img{ margin-right:30px;}

.solar_title{
font-weight: 700;
font-size: 18px;
line-height: 25px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #00B19D; margin-bottom:10px;}

.solar_title_white{
font-weight: 700;
font-size: 18px;
line-height: 25px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #fff; margin-bottom:20px; text-align:center; margin-top:20px;}

.solar_title_white1{
font-size: 15px;
line-height: 25px;
text-transform: uppercase;
color: #fff; margin-bottom:10px;}

.solar_text{}

.solar_text_new{    display: flex;}
.solar_text1{ padding-top:50px;}
.solar_more{ position:absolute; bottom:30px; right:30px; color:#00B19D; font-weight: 700;
font-size: 18px;
line-height: 25px;}
.solar_more a{color:#00B19D;}
.solar_more a:hover{color:#fff;}

.number{
background: linear-gradient(341.25deg, #FFFFFF -61.87%, rgba(255, 255, 255, 0) 97.74%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; font-size:150px; line-height:180px; margin-right:56px; font-weight:800; margin-left:26px;}

.number_img{ margin-left:30px; width:318px; flex-shrink: 0;
    flex-grow: 0;
    flex-basis: fit-content;}

.custom_radio input[type="radio"]{
  display: none;
}
.custom_radio input[type="radio"] + label{
  position: relative;
  display: inline-block;
  padding-left: 2em;
  margin-right: 2em;
  cursor: pointer;
  line-height: 1em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.custom_radio input[type="radio"] + label:before,
.custom_radio input[type="radio"] + label:after{
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  color: white;
  font-family: Times;
  border-radius: 50%;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.custom_radio input[type="radio"] + label:before {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
	border: 1px solid #FFFFFF;
}
.custom_radio input[type="radio"] + label:hover:before {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border: 1px solid #FFFFFF;
}
.custom_radio input[type="radio"]:checked + label:before {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  box-shadow: inset 0 0 0 0.2em #14172d, inset 0 0 0 1em #00B19D;
  border: 1px solid #00B19D;
}

.title_white{
font-weight: 700;
font-size: 18px;
line-height: 25px;
letter-spacing: 0.2em;
text-transform: uppercase; margin-bottom:15px;}

.solar_bg_new1{background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(25px); padding:30px; color:#FFFFFF;  margin-bottom:30px; position: relative;}
.green2{
	border: 2px solid #00BC84;
}
.red_border{
	border: 2px solid #BE0000;
}

@media only screen and (max-width: 767px) {
.cooperation_sec_left{ position: relative;   top: 0px;     margin-right: 0px;}
.number_img {
    margin-left: 0px;
    margin-top: 30px; width:100%;
}
.solar_bg_new {
    display: flex;
    flex-direction: column;
}
.solar_text_new {
    display: flex;
    flex-direction: column;
}
}

@media only screen and (max-width: 575px) {
.cooperation_sec_left{ position: relative;   top: 0px; margin-bottom:30px;     margin-right: 0px;}
.solar_bg {
    display: flex;
    flex-direction: column;
}
.solar_img {
    margin-right: 0px; text-align:center;
}
}

@media only screen and ( min-width: 1200px) and ( max-width:1599px ) {
.solar_bg {
    display: flex;
    flex-direction: column;
}
.solar_img {
    margin-right: 0px; text-align:center;
}
}

@media only screen and ( min-width: 768px) and ( max-width:991px ) {
.number_img {
    margin-left: 0px;
    margin-top: 30px;
}
.solar_bg_new {
    display: flex;
    flex-direction: row;
}
.solar_text_new {
    display: flex;
    flex-direction: column;
}
}

@media only screen and ( min-width: 992px) and ( max-width:1200px ) {
.number_img {
    margin-left: 0px;
    margin-top: 30px;
}
.solar_bg_new {
    display: flex;
    flex-direction: row;
}
.solar_text_new {
    display: flex;
    flex-direction: column;
}
}

@media only screen and ( min-width: 1200px) and ( max-width:1400px ) {
.number_img {
    margin-left: 0px;
    margin-top: 30px;
}

.solar_bg_new {
    display: flex;
    flex-direction: row;
}
.solar_text_new {
    display: flex;
    flex-direction: column;
}
}
/*===================news sections 28-10-2022 END==================*/

		/* ############ Planet CSS ################### */

    .solar_sys .card, .solar_sys .card__info {
      width: 100%;
    }

    .solar_bg .card{
     background: transparent !important;
     align-items: center  !important;
     margin-bottom: 25px;
    }

    .solar_bg .card__info{
      margin-top: 25px;
      width: 100%;
    }

		:root {
			--mercury-image: url('../images/planets/mercury.jpg');
			--mercury-tilt: rotate(0.034deg);
			--mercury-day: 1407.6;
			--mercury-color: #999999;
			--venus-image: url(../images/planets/venus.jpg);
			--venus-tilt: rotate(177.3deg);
			--venus-day: 5832.5;
			--venus-color: #e8cda2;
			--earth-image: url(../images/planets/earth.jpg);
			--earth-tilt: rotate(23.26deg);
			--earth-day: 23.9;
			--earth-color: #b3caff;
			--mars-image: url(../images/planets/mars.jpg);
			--mars-tilt: rotate(25.2deg);
			--mars-day: 24.6;
			--mars-color: #c07158;
			--jupiter-image: url(../images/planets/jupiter.jpg);
			--jupiter-tilt: rotate(3.1deg);
			--jupiter-day: 9.9;
			--jupiter-color: #c9b5a4;
			--saturn-image: url(../images/planets/saturn.jpg);
			--saturn-tilt: rotate(26.7deg);
			--saturn-day: 10.7;
			--saturn-color: #f0e2c4;
			--uranus-image: url(../images/planets/uranus.jpg);
			--uranus-tilt: rotate(97.8deg);
			--uranus-day: 17.2;
			--uranus-color: #b8d8e1;
			--neptune-image: url(../images/planets/neptune.jpg);
			--neptune-tilt: rotate(28.3deg);
			--neptune-day: 16.1;
			--neptune-color: #5e73bb;
			--pluto-image: url(../images/planets/pluto.jpg);
			--pluto-tilt: rotate(122.5deg);
			--pluto-day: 153.3;
			--pluto-color: #c3b6aa;
			--sun-image: url(../images/planets/sun.jpg);
			--sun-tilt: rotate(0deg);
			--sun-day: 600;
			--sun-color: #cc9f4c;
		}

		@keyframes planetRotate {
			0% {
				background-position: 0% center;
			}
			100% {
				background-position: -200% center;
			}
		}

		.card--mercury .planet__atmosphere {
			box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px #00031a, -5px 0px 10px -4px var(--mercury-color);
		}
		.card--mercury .planet__surface {
			background-image: var(--mercury-image);
			transform: var(--mercury-tilt) scale(1.2);
			animation: planetRotate calc(var(--mercury-day)*.1s) linear infinite;
		}
		.card--mercury .card__planet::before {
			transform: var(--mercury-tilt) scale(1.2);
			border-color: var(--mercury-color);
			color: var(--mercury-color);
		}
		.card--mercury .tilt__icon {
			transform: var(--mercury-tilt);
			color: var(--mercury-color);
		}
		.card--venus .planet__atmosphere {
			box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px #00031a, -5px 0px 10px -4px var(--venus-color);
		}
		.card--venus .planet__surface {
			background-image: var(--venus-image);
			transform: var(--venus-tilt) scale(1.2);
			animation: planetRotate calc(var(--venus-day)*.1s) linear infinite;
		}
		.card--venus .card__planet::before {
			transform: var(--venus-tilt) scale(1.2);
			border-color: var(--venus-color);
			color: var(--venus-color);
		}
		.card--venus .tilt__icon {
			transform: var(--venus-tilt);
			color: var(--venus-color);
		}
		.card--earth .planet__atmosphere {
			box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px #00031a, -5px 0px 10px -4px var(--earth-color);
		}
		.card--earth .planet__surface {
			background-image: var(--earth-image);
			transform: var(--earth-tilt) scale(1.2);
			animation: planetRotate calc(var(--earth-day)*.1s) linear infinite;
		}
		.card--earth .card__planet::before {
			transform: var(--earth-tilt) scale(1.2);
			border-color: var(--earth-color);
			color: var(--earth-color);
		}
		.card--earth .tilt__icon {
			transform: var(--earth-tilt);
			color: var(--earth-color);
		}
		.card--mars .planet__atmosphere {
			box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px #00031a, -5px 0px 10px -4px var(--mars-color);
		}
		.card--mars .planet__surface {
			background-image: var(--mars-image);
			transform: var(--mars-tilt) scale(1.2);
			animation: planetRotate calc(var(--mars-day)*.1s) linear infinite;
		}
		.card--mars .card__planet::before {
			transform: var(--mars-tilt) scale(1.2);
			border-color: var(--mars-color);
			color: var(--mars-color);
		}
		.card--mars .tilt__icon {
			transform: var(--mars-tilt);
			color: var(--mars-color);
		}
		.card--jupiter .planet__atmosphere {
			box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px #00031a, -5px 0px 10px -4px var(--jupiter-color);
		}
		.card--jupiter .planet__surface {
			background-image: var(--jupiter-image);
			transform: var(--jupiter-tilt) scale(1.2);
			animation: planetRotate calc(var(--jupiter-day)*.1s) linear infinite;
		}
		.card--jupiter .card__planet::before {
			transform: var(--jupiter-tilt) scale(1.2);
			border-color: var(--jupiter-color);
			color: var(--jupiter-color);
		}
		.card--jupiter .tilt__icon {
			transform: var(--jupiter-tilt);
			color: var(--jupiter-color);
		}
		.card--saturn .planet__atmosphere {
			box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px #00031a, -5px 0px 10px -4px var(--saturn-color);
		}
		.card--saturn .planet__surface {
			background-image: var(--saturn-image);
			transform: var(--saturn-tilt) scale(1.2);
			animation: planetRotate calc(var(--saturn-day)*.1s) linear infinite;
		}
		.card--saturn .card__planet::before {
			transform: var(--saturn-tilt) scale(1.2);
			border-color: var(--saturn-color);
			color: var(--saturn-color);
		}
		.card--saturn .tilt__icon {
			transform: var(--saturn-tilt);
			color: var(--saturn-color);
		}
		.card--uranus .planet__atmosphere {
			box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px #00031a, -5px 0px 10px -4px var(--uranus-color);
		}
		.card--uranus .planet__surface {
			background-image: var(--uranus-image);
			transform: var(--uranus-tilt) scale(1.2);
			animation: planetRotate calc(var(--uranus-day)*.1s) linear infinite;
		}
		.card--uranus .card__planet::before {
			transform: var(--uranus-tilt) scale(1.2);
			border-color: var(--uranus-color);
			color: var(--uranus-color);
		}
		.card--uranus .tilt__icon {
			transform: var(--uranus-tilt);
			color: var(--uranus-color);
		}
		.card--neptune .planet__atmosphere {
			box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px #00031a, -5px 0px 10px -4px var(--neptune-color);
		}
		.card--neptune .planet__surface {
			background-image: var(--neptune-image);
			transform: var(--neptune-tilt) scale(1.2);
			animation: planetRotate calc(var(--neptune-day)*.1s) linear infinite;
		}
		.card--neptune .card__planet::before {
			transform: var(--neptune-tilt) scale(1.2);
			border-color: var(--neptune-color);
			color: var(--neptune-color);
		}
		.card--neptune .tilt__icon {
			transform: var(--neptune-tilt);
			color: var(--neptune-color);
		}
		.card--pluto .planet__atmosphere {
			box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px #00031a, -5px 0px 10px -4px var(--pluto-color);
		}
		.card--pluto .planet__surface {
			background-image: var(--pluto-image);
			transform: var(--pluto-tilt) scale(1.2);
			animation: planetRotate calc(var(--pluto-day)*.1s) linear infinite;
		}
		.card--pluto .card__planet::before {
			transform: var(--pluto-tilt) scale(1.2);
			border-color: var(--pluto-color);
			color: var(--pluto-color);
		}
		.card--pluto .tilt__icon {
			transform: var(--pluto-tilt);
			color: var(--pluto-color);
		}
		.card--sun .planet__atmosphere {
			box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px #00031a, -5px 0px 10px -4px var(--sun-color);
		}
		.card--sun .planet__surface {
			background-image: var(--sun-image);
			transform: var(--sun-tilt) scale(1.2);
			animation: planetRotate calc(var(--sun-day)*.1s) linear infinite;
		}
		.card--sun .card__planet::before {
			transform: var(--sun-tilt) scale(1.2);
			border-color: var(--sun-color);
			color: var(--sun-color);
		}
		.card--sun .tilt__icon {
			transform: var(--sun-tilt);
			color: var(--sun-color);
		}

		.card__planet::before {
			content: "";
			position: absolute;
			height: 190px;
			z-index: -2;
			left: 50%;
			top: 0%;
			border-left: 1px dashed rgba(255, 255, 255, 0.25);
		}

		.planet__atmosphere {
			height: 190px;
			width: 190px;
			position: relative;
			background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 65%);
			border-radius: 100px;
			overflow: hidden;
		}
		.planet__surface {
			position: absolute;
			height: 100%;
			width: 100%;
			z-index: -1;
			background-size: cover;
		}

		.card--sun .planet__atmosphere {
			box-shadow: 0px 0px 10px 0px var(--sun-color), 0px 0px 1000px -2px var(--sun-color);
		}


		.info__title {
			text-align: center;
			font-size: 28px;
		}
		.info__form {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		.info__item {
			display: flex;
			align-items: flex-end;
			margin-bottom: 5px;
			font-size: 14px;
		}
		.info__item .tilt__icon {
			margin: 0 5px;
		}
		.info__label {
			font-size: 11px;
		}
		.info__line {
			flex: 1;
			margin: 0 5px;
			border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
		}

		.solar_systm {
			transform-style: preserve-3d;
			pointer-events: none;
			height: 100%;
			position: absolute;
			left: 0;
			right: 0;
		}


.planet-slider .solar_systm .planet, .planet-slider input[type=radio][name=planet]::after, .planet-slider .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
}

.planet-slider .solar_systm .planet.neptune .trajectory.ner, .planet-slider .solar_systm .planet.neptune .trajectory.pro, .planet-slider .solar_systm .planet.neptune .trajectory.tri, .planet-slider .solar_systm .planet.uranus .trajectory.umb, .planet-slider .solar_systm .planet.uranus .trajectory.ari, .planet-slider .solar_systm .planet.uranus .trajectory.mir, .planet-slider .solar_systm .planet.saturn .trajectory.enc, .planet-slider .solar_systm .planet.saturn .trajectory.di, .planet-slider .solar_systm .planet.saturn .trajectory.ti, .planet-slider .solar_systm .planet.jupiter .trajectory.ga, .planet-slider .solar_systm .planet.jupiter .trajectory.eu, .planet-slider .solar_systm .planet.jupiter .trajectory.lop, .planet-slider .solar_systm .planet.mars .trajectory.p, .planet-slider .solar_systm .planet.mars .trajectory.d, .planet-slider .solar_systm .planet.earth .trajectory.m {
  border: 2px dashed white;
  position: absolute;
  border-radius: 3400px;
  background: none !important;
  z-index: -2;
}

.planet-slider .solar_systm .planet {
  height: 62%;
  width: 100%;
  border-radius: 50%;
  background: red;
  transition: transform 2.8s 0.23s cubic-bezier(0.33, 0, 0, 1), opacity 2s 0.8s, box-shadow 0s 0s;
  background-size: 100% 110px !important;
  top: 120px;
  bottom: -80%;
}
.planet-slider .solar_systm .planet .moon {
  height: 200px;
  width: 200px;
  border-radius: 600px;
  background: red;
  position: absolute;
  text-align: center;
  color: white;
  text-transform: uppercase;
  opacity: 0;
  transition: all 0.6s 0.2s;
}
.planet-slider .solar_systm .planet .moon h2 {
  font-weight: 100;
  font-size: 25px;
  letter-spacing: 3px;
  margin: 0;
  position: relative;
  top: -150px;
}
.planet-slider .solar_systm .planet .moon h3 {
  font-weight: 100;
  font-size: 20px;
  letter-spacing: 5px;
  color: #fea082;
  margin: 0;
  position: relative;
  top: -130px;
}
@-webkit-keyframes planetPol {
  from {
    background-position-y: 0px;
  }
  to {
    background-position-y: -1000px;
  }
}
@keyframes planetPol {
  from {
    background-position-y: 0px;
  }
  to {
    background-position-y: -1000px;
  }
}

.planet-slider .solar {
  position: absolute;
  transform: rotatex(-30deg);
  perspective: 1200px;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

.planet-slider input[type=radio][name=planet]::after {
  width: 220px;
  height: 220px;
  border-radius: 550px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  z-index: 12;
  left: 18px;
  top: 182px;
}

.planet-slider {
  overflow: hidden;
  background: #00031a;
  height: 1000px;
  position: relative;
}

.planet-slider .logo {
  color: white;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 4px;
}
.planet-slider .logo span {
  font-size: 12px;
  color: #f39041;
  display: block;
}
.planet-slider label {
  cursor: pointer;
}
.planet-slider label.mercury > .preview {
  background: url("../images/planets/2k_makemake_fictional.jpg");
}
.planet-slider label.venus > .preview {
  background: url("../images/planets/ven0aaa2-copy-428-321.jpg");
}
.planet-slider label.earth > .preview {
  background: url("../images/planets/new_earth_texture_map_by_lightondesigns.jpg");
}
.planet-slider label.mars > .preview {
  background: url("../images/planets/mars_texture.jpg");
}
.planet-slider label.jupiter > .preview {
  background: url("../images/planets/PIA07782_hires.jpg");
}
.planet-slider label.saturn > .preview {
  background: url("../images/planets/2k_saturn.jpg");
}
.planet-slider label.uranus > .preview {
  background: url("../images/planets/uranus_texture_map_by_jcpag2010-db7yjwb.png");
}
.planet-slider label.neptune > .preview {
  background: url("../images/planets/neptune_texture_map_by_jcpag2010-dbcjcv5.png");
}
.planet-slider label.pluto > .preview {
  background: url("../images/planets/pluto_map__2015_nov_10__by_snowfall_the_cat-d918tlb.png");
}
.planet-slider label.menu {
  color: white;
  display: block;
  position: absolute;
  cursor: pointer;
  left: 90px;
  z-index: 2;
  display: none;
}
.planet-slider label.menu:after {
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid white;
  border-radius: 60px;
  content: "";
  z-index: 2;
  position: absolute;
  top: -4px;
  left: -4px;
}
.planet-slider label.menu:hover h2, .planet-slider label.menu:hover h3 {
  opacity: 1;
}
.planet-slider label.menu.mercury h2 .pip {
  background: #E8927C;
}
.planet-slider label.menu.venus h2 .pip {
  background: #b45d15;
}
.planet-slider label.menu.earth h2 .pip {
  background: #26daaa;
}
.planet-slider label.menu.mars h2 .pip {
  background: #e55f45;
}
.planet-slider label.menu.jupiter h2 .pip {
  background: orange;
}
.planet-slider label.menu.saturn h2 .pip {
  background: #b29d81;
}
.planet-slider label.menu.uranus h2 .pip {
  background: #8dcdd8;
}
.planet-slider label.menu.neptune h2 .pip {
  background: #4f83e2;
}
.planet-slider label.menu.pluto h2 .pip {
  background: #FF8732;
}
.planet-slider label.menu .preview {
  width: 30px;
  height: 30px;
  background: yellow;
  float: left;
  background-size: auto 100% !important;
  position: absolute;
  border-radius: 100px;
  box-shadow: 0 -13px 10px 2px #00031a inset;
}
.planet-slider label.menu .info {
  position: relative;
  left: 50px;
  top: 1px;
}
.planet-slider label.menu h2,
.planet-slider label.menu h3 {
  text-transform: uppercase;
  margin: 0;
  font-weight: 100;
  letter-spacing: 2px;
}
.planet-slider label.menu h2 {
  font-size: 11px;
  opacity: 0.4;
  margin-bottom: 4px;
}
.planet-slider label.menu h2 .pip {
  width: 0;
  height: 9px;
  background: #fea082;
  float: left;
  position: relative;
  top: 3px;
  transition: all 0.3s;
  margin-right: 0px;
}
.planet-slider label.menu h3 {
  font-size: 8px;
  letter-spacing: 1px;
  transition: all 0.3s;
  opacity: 0.3;
}
.planet-slider label.menu:nth-of-type(1) {
  top: calc(50vh + 100px + ((14px + 34px) * 1) + 0px - 369px);
}
.planet-slider label.menu:nth-of-type(2) {
  top: calc(50vh + 100px + ((14px + 34px) * 2) + 0px - 369px);
}
.planet-slider label.menu:nth-of-type(3) {
  top: calc(50vh + 100px + ((14px + 34px) * 3) + 0px - 369px);
}
.planet-slider label.menu:nth-of-type(4) {
  top: calc(50vh + 100px + ((14px + 34px) * 4) + 0px - 369px);
}
.planet-slider label.menu:nth-of-type(5) {
  top: calc(50vh + 100px + ((14px + 34px) * 5) + 0px - 369px);
}
.planet-slider label.menu:nth-of-type(6) {
  top: calc(50vh + 100px + ((14px + 34px) * 6) + 0px - 369px);
}
.planet-slider label.menu:nth-of-type(7) {
  top: calc(50vh + 100px + ((14px + 34px) * 7) + 0px - 369px);
}
.planet-slider label.menu:nth-of-type(8) {
  top: calc(50vh + 100px + ((14px + 34px) * 8) + 0px - 369px);
}
.planet-slider label.menu:nth-of-type(9) {
  top: calc(50vh + 100px + ((14px + 34px) * 9) + 0px - 369px);
}
.planet-slider input.read {
  display: none;
}
.planet-slider .read:checked + label + input + .panel {
  right: 0;
}
.planet-slider .read:checked + label {
  width: calc(100% - 420px);
}
.planet-slider .read:checked + label::after {
  opacity: 1;
  left: 0;
}
.planet-slider .read:checked + label + label {
  transition: all 0.3s 0.6s;
  opacity: 1;
}
.planet-slider .read:not(:checked) + label + label {
  transition: all 0.3s 0s;
  opacity: 0;
}
.planet-slider label.close {
  position: absolute;
  right: 60px;
  opacity: 0;
  transition: all 0.3s 0.4s;
  z-index: 3;
  top: 65px;
}
.planet-slider label.closeBig {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  height: 100vh;
  transition: all 0.2s;
  z-index: 10;
  width: 0;
  background: rgba(56, 37, 99, 0.38);
}
.planet-slider label.closeBig::after {
  content: "Back";
  text-align: center;
  font-size: 30px;
  color: white;
  position: absolute;
  left: -140px;
  opacity: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.planet-slider .overlay {
  /*border-bottom: 1200px solid #00031b;*/
  width: 500%;
  height: 100%;
  top: auto;
  transform: none;
  top: 40%;
  left: -190%;
  opacity: 0.95;
  border-radius: 50%;
  z-index: 0;
  /*box-shadow: 0px -190px 215px 110px #00031b inset;*/
background: linear-gradient(0deg, rgba(0,3,27,1) 0%, rgba(0,3,27,1) 54%, rgba(0,3,27,0) 100%);

}
.planet-slider input[type=radio][name=planet] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.planet-slider input[type=radio][name=planet]::after {
  content: "";
}
.planet-slider input[type=radio][name=planet].planet1:checked::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) {
  pointer-events: all;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet {
  transform: translateZ(0px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 2;
  -webkit-animation: planetPol 60s 3.9s infinite linear !important;
          animation: planetPol 60s 3.9s infinite linear !important;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet_description {
  opacity: 1;
  transition: all 0.6s 2.6s;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet_description h2,
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet_description h1 {
  position: relative;
  top: 0px;
  transition: all 0.5s 3s;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet_description p,
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet_description a {
  transition: all 1s 3.5s, padding 0.3s 0s;
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet .moon {
  opacity: 1;
  transition: all 1s 3.2s;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet .trajectory {
  opacity: 0.2;
  transition: all 0.6s 2.9s;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet .overlay {
  opacity: 0.95;
  top: 25%;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(2) .planet {
  transform: translateZ(-2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(3) .planet {
  transform: translateZ(-4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 0;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(4) .planet {
  transform: translateZ(-6900px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -1;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(5) .planet {
  transform: translateZ(-9200px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -2;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(6) .planet {
  transform: translateZ(-11500px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -3;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(7) .planet {
  transform: translateZ(-13800px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -4;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(8) .planet {
  transform: translateZ(-16100px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -5;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(9) .planet {
  transform: translateZ(-18400px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -6;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label.mercury > .info h3 {
  color: #E8927C;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label.venus > .info h3 {
  color: #b45d15;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label.earth > .info h3 {
  color: #26daaa;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label.mars > .info h3 {
  color: #e55f45;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label.jupiter > .info h3 {
  color: orange;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label.saturn > .info h3 {
  color: #b29d81;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label.uranus > .info h3 {
  color: #8dcdd8;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label.neptune > .info h3 {
  color: #4f83e2;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label.pluto > .info h3 {
  color: #FF8732;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label:before {
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 2;
  background: white;
  border-radius: 4px;
  content: "";
}
.planet-slider input[type=radio][name=planet].planet1:checked + label > .info h2 {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label > .info h2 .pip {
  width: 30px;
  margin-right: 6px;
}
.planet-slider input[type=radio][name=planet].planet1:checked + label > .info h3 {
  opacity: 1;
  color: #fea082;
}
.planet-slider input[type=radio][name=planet] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.planet-slider input[type=radio][name=planet]::after {
  content: "";
}
.planet-slider input[type=radio][name=planet].planet2:checked::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) {
  pointer-events: all;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(1) .planet {
  transform: translateZ(2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 3;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet {
  transform: translateZ(0px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 2;
  -webkit-animation: planetPol 60s 3.9s infinite linear;
          animation: planetPol 60s 3.9s infinite linear;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet_description {
  opacity: 1;
  transition: all 0.6s 2.6s;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet_description h2,
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet_description h1 {
  position: relative;
  top: 0px;
  transition: all 0.5s 3s;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet_description p,
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet_description a {
  transition: all 1s 3.5s, padding 0.3s 0s;
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet .moon {
  opacity: 1;
  transition: all 1s 3.2s;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet .trajectory {
  opacity: 0.2;
  transition: all 0.6s 2.9s;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet .overlay {
  opacity: 0.95;
  top: 25%;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(3) .planet {
  transform: translateZ(-2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(4) .planet {
  transform: translateZ(-4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 0;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(5) .planet {
  transform: translateZ(-6900px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -1;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(6) .planet {
  transform: translateZ(-9200px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -2;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(7) .planet {
  transform: translateZ(-11500px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -3;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(8) .planet {
  transform: translateZ(-13800px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -4;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(9) .planet {
  transform: translateZ(-16100px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -5;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label.mercury > .info h3 {
  color: #E8927C;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label.venus > .info h3 {
  color: #b45d15;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label.earth > .info h3 {
  color: #26daaa;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label.mars > .info h3 {
  color: #e55f45;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label.jupiter > .info h3 {
  color: orange;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label.saturn > .info h3 {
  color: #b29d81;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label.uranus > .info h3 {
  color: #8dcdd8;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label.neptune > .info h3 {
  color: #4f83e2;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label.pluto > .info h3 {
  color: #FF8732;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label:before {
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 2;
  background: white;
  border-radius: 4px;
  content: "";
}
.planet-slider input[type=radio][name=planet].planet2:checked + label > .info h2 {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label > .info h2 .pip {
  width: 30px;
  margin-right: 6px;
}
.planet-slider input[type=radio][name=planet].planet2:checked + label > .info h3 {
  opacity: 1;
  color: #fea082;
}
.planet-slider input[type=radio][name=planet] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.planet-slider input[type=radio][name=planet]::after {
  content: "";
}
.planet-slider input[type=radio][name=planet].planet3:checked::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) {
  pointer-events: all;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(1) .planet {
  transform: translateZ(4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 4;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(2) .planet {
  transform: translateZ(2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 3;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet {
  transform: translateZ(0px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 2;
  -webkit-animation: planetPol 60s 3.9s infinite linear;
          animation: planetPol 60s 3.9s infinite linear;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet_description {
  opacity: 1;
  transition: all 0.6s 2.6s;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet_description h2,
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet_description h1 {
  position: relative;
  top: 0px;
  transition: all 0.5s 3s;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet_description p,
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet_description a {
  transition: all 1s 3.5s, padding 0.3s 0s;
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet .moon {
  opacity: 1;
  transition: all 1s 3.2s;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet .trajectory {
  opacity: 0.2;
  transition: all 0.6s 2.9s;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet .overlay {
  opacity: 0.95;
  top: 25%;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet {
  transform: translateZ(-2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet {
  transform: translateZ(-4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 0;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet {
  transform: translateZ(-6900px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -1;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet {
  transform: translateZ(-9200px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -2;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet {
  transform: translateZ(-11500px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -3;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet {
  transform: translateZ(-13800px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -4;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label.mercury > .info h3 {
  color: #E8927C;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label.venus > .info h3 {
  color: #b45d15;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label.earth > .info h3 {
  color: #26daaa;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label.mars > .info h3 {
  color: #e55f45;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label.jupiter > .info h3 {
  color: orange;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label.saturn > .info h3 {
  color: #b29d81;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label.uranus > .info h3 {
  color: #8dcdd8;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label.neptune > .info h3 {
  color: #4f83e2;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label.pluto > .info h3 {
  color: #FF8732;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label:before {
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 2;
  background: white;
  border-radius: 4px;
  content: "";
}
.planet-slider input[type=radio][name=planet].planet3:checked + label > .info h2 {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label > .info h2 .pip {
  width: 30px;
  margin-right: 6px;
}
.planet-slider input[type=radio][name=planet].planet3:checked + label > .info h3 {
  opacity: 1;
  color: #fea082;
}
.planet-slider input[type=radio][name=planet] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.planet-slider input[type=radio][name=planet]::after {
  content: "";
}
.planet-slider input[type=radio][name=planet].planet4:checked::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) {
  pointer-events: all;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(1) .planet {
  transform: translateZ(6900px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 5;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(2) .planet {
  transform: translateZ(4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 4;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet {
  transform: translateZ(2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 3;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet {
  transform: translateZ(0px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 2;
  -webkit-animation: planetPol 60s 3.9s infinite linear;
          animation: planetPol 60s 3.9s infinite linear;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet_description {
  opacity: 1;
  transition: all 0.6s 2.6s;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet_description h2,
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet_description h1 {
  position: relative;
  top: 0px;
  transition: all 0.5s 3s;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet_description p,
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet_description a {
  transition: all 1s 3.5s, padding 0.3s 0s;
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet .moon {
  opacity: 1;
  transition: all 1s 3.2s;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet .trajectory {
  opacity: 0.2;
  transition: all 0.6s 2.9s;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet .overlay {
  opacity: 0.95;
  top: 25%;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet {
  transform: translateZ(-2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet {
  transform: translateZ(-4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 0;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet {
  transform: translateZ(-6900px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -1;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet {
  transform: translateZ(-9200px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -2;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet {
  transform: translateZ(-11500px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -3;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label.mercury > .info h3 {
  color: #E8927C;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label.venus > .info h3 {
  color: #b45d15;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label.earth > .info h3 {
  color: #26daaa;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label.mars > .info h3 {
  color: #e55f45;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label.jupiter > .info h3 {
  color: orange;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label.saturn > .info h3 {
  color: #b29d81;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label.uranus > .info h3 {
  color: #8dcdd8;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label.neptune > .info h3 {
  color: #4f83e2;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label.pluto > .info h3 {
  color: #FF8732;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label:before {
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 2;
  background: white;
  border-radius: 4px;
  content: "";
}
.planet-slider input[type=radio][name=planet].planet4:checked + label > .info h2 {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label > .info h2 .pip {
  width: 30px;
  margin-right: 6px;
}
.planet-slider input[type=radio][name=planet].planet4:checked + label > .info h3 {
  opacity: 1;
  color: #fea082;
}
.planet-slider input[type=radio][name=planet] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.planet-slider input[type=radio][name=planet]::after {
  content: "";
}
.planet-slider input[type=radio][name=planet].planet5:checked::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) {
  pointer-events: all;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(1) .planet {
  transform: translateZ(9200px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 6;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(2) .planet {
  transform: translateZ(6900px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 5;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet {
  transform: translateZ(4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 4;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet {
  transform: translateZ(2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 3;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet {
  transform: translateZ(0px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 2;
  -webkit-animation: planetPol 60s 3.9s infinite linear;
          animation: planetPol 60s 3.9s infinite linear;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet_description {
  opacity: 1;
  transition: all 0.6s 2.6s;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet_description h2,
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet_description h1 {
  position: relative;
  top: 0px;
  transition: all 0.5s 3s;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet_description p,
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet_description a {
  transition: all 1s 3.5s, padding 0.3s 0s;
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet .moon {
  opacity: 1;
  transition: all 1s 3.2s;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet .trajectory {
  opacity: 0.2;
  transition: all 0.6s 2.9s;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet .overlay {
  opacity: 0.95;
  top: 25%;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet {
  transform: translateZ(-2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet {
  transform: translateZ(-4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 0;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet {
  transform: translateZ(-6900px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -1;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet {
  transform: translateZ(-9200px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -2;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label.mercury > .info h3 {
  color: #E8927C;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label.venus > .info h3 {
  color: #b45d15;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label.earth > .info h3 {
  color: #26daaa;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label.mars > .info h3 {
  color: #e55f45;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label.jupiter > .info h3 {
  color: orange;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label.saturn > .info h3 {
  color: #b29d81;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label.uranus > .info h3 {
  color: #8dcdd8;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label.neptune > .info h3 {
  color: #4f83e2;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label.pluto > .info h3 {
  color: #FF8732;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label:before {
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 2;
  background: white;
  border-radius: 4px;
  content: "";
}
.planet-slider input[type=radio][name=planet].planet5:checked + label > .info h2 {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label > .info h2 .pip {
  width: 30px;
  margin-right: 6px;
}
.planet-slider input[type=radio][name=planet].planet5:checked + label > .info h3 {
  opacity: 1;
  color: #fea082;
}
.planet-slider input[type=radio][name=planet] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.planet-slider input[type=radio][name=planet]::after {
  content: "";
}
.planet-slider input[type=radio][name=planet].planet6:checked::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) {
  pointer-events: all;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(1) .planet {
  transform: translateZ(11500px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 7;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(2) .planet {
  transform: translateZ(9200px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 6;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet {
  transform: translateZ(6900px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 5;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet {
  transform: translateZ(4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 4;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet {
  transform: translateZ(2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 3;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet {
  transform: translateZ(0px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 2;
  -webkit-animation: planetPol 60s 3.9s infinite linear;
          animation: planetPol 60s 3.9s infinite linear;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet_description {
  opacity: 1;
  transition: all 0.6s 2.6s;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet_description h2,
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet_description h1 {
  position: relative;
  top: 0px;
  transition: all 0.5s 3s;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet_description p,
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet_description a {
  transition: all 1s 3.5s, padding 0.3s 0s;
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet .moon {
  opacity: 1;
  transition: all 1s 3.2s;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet .trajectory {
  opacity: 0.2;
  transition: all 0.6s 2.9s;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet .overlay {
  opacity: 0.95;
  top: 25%;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet {
  transform: translateZ(-2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet {
  transform: translateZ(-4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 0;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet {
  transform: translateZ(-6900px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: -1;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label.mercury > .info h3 {
  color: #E8927C;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label.venus > .info h3 {
  color: #b45d15;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label.earth > .info h3 {
  color: #26daaa;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label.mars > .info h3 {
  color: #e55f45;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label.jupiter > .info h3 {
  color: orange;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label.saturn > .info h3 {
  color: #b29d81;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label.uranus > .info h3 {
  color: #8dcdd8;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label.neptune > .info h3 {
  color: #4f83e2;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label.pluto > .info h3 {
  color: #FF8732;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label:before {
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 2;
  background: white;
  border-radius: 4px;
  content: "";
}
.planet-slider input[type=radio][name=planet].planet6:checked + label > .info h2 {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label > .info h2 .pip {
  width: 30px;
  margin-right: 6px;
}
.planet-slider input[type=radio][name=planet].planet6:checked + label > .info h3 {
  opacity: 1;
  color: #fea082;
}
.planet-slider input[type=radio][name=planet] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.planet-slider input[type=radio][name=planet]::after {
  content: "";
}
.planet-slider input[type=radio][name=planet].planet7:checked::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) {
  pointer-events: all;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(1) .planet {
  transform: translateZ(13800px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 8;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(2) .planet {
  transform: translateZ(11500px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 7;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet {
  transform: translateZ(9200px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 6;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet {
  transform: translateZ(6900px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 5;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet {
  transform: translateZ(4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 4;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet {
  transform: translateZ(2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 3;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet {
  transform: translateZ(0px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 2;
  -webkit-animation: planetPol 60s 3.9s infinite linear;
          animation: planetPol 60s 3.9s infinite linear;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet_description {
  opacity: 1;
  transition: all 0.6s 2.6s;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet_description h2,
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet_description h1 {
  position: relative;
  top: 0px;
  transition: all 0.5s 3s;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet_description p,
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet_description a {
  transition: all 1s 3.5s, padding 0.3s 0s;
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet .moon {
  opacity: 1;
  transition: all 1s 3.2s;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet .trajectory {
  opacity: 0.2;
  transition: all 0.6s 2.9s;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet .overlay {
  opacity: 0.95;
  top: 25%;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet {
  transform: translateZ(-2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet {
  transform: translateZ(-4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 0;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label.mercury > .info h3 {
  color: #E8927C;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label.venus > .info h3 {
  color: #b45d15;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label.earth > .info h3 {
  color: #26daaa;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label.mars > .info h3 {
  color: #e55f45;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label.jupiter > .info h3 {
  color: orange;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label.saturn > .info h3 {
  color: #b29d81;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label.uranus > .info h3 {
  color: #8dcdd8;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label.neptune > .info h3 {
  color: #4f83e2;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label.pluto > .info h3 {
  color: #FF8732;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label:before {
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 2;
  background: white;
  border-radius: 4px;
  content: "";
}
.planet-slider input[type=radio][name=planet].planet7:checked + label > .info h2 {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label > .info h2 .pip {
  width: 30px;
  margin-right: 6px;
}
.planet-slider input[type=radio][name=planet].planet7:checked + label > .info h3 {
  opacity: 1;
  color: #fea082;
}
.planet-slider input[type=radio][name=planet] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.planet-slider input[type=radio][name=planet]::after {
  content: "";
}
.planet-slider input[type=radio][name=planet].planet8:checked::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) {
  pointer-events: all;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(1) .planet {
  transform: translateZ(16100px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 9;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(2) .planet {
  transform: translateZ(13800px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 8;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet {
  transform: translateZ(11500px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 7;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet {
  transform: translateZ(9200px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 6;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet {
  transform: translateZ(6900px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 5;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet {
  transform: translateZ(4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 4;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet {
  transform: translateZ(2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 3;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet {
  transform: translateZ(0px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 2;
  -webkit-animation: planetPol 60s 3.9s infinite linear;
          animation: planetPol 60s 3.9s infinite linear;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet_description {
  opacity: 1;
  transition: all 0.6s 2.6s;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet_description h2,
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet_description h1 {
  position: relative;
  top: 0px;
  transition: all 0.5s 3s;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet_description p,
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet_description a {
  transition: all 1s 3.5s, padding 0.3s 0s;
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet .moon {
  opacity: 1;
  transition: all 1s 3.2s;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet .trajectory {
  opacity: 0.2;
  transition: all 0.6s 2.9s;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet .overlay {
  opacity: 0.95;
  top: 25%;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet {
  transform: translateZ(-2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label.mercury > .info h3 {
  color: #E8927C;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label.venus > .info h3 {
  color: #b45d15;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label.earth > .info h3 {
  color: #26daaa;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label.mars > .info h3 {
  color: #e55f45;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label.jupiter > .info h3 {
  color: orange;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label.saturn > .info h3 {
  color: #b29d81;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label.uranus > .info h3 {
  color: #8dcdd8;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label.neptune > .info h3 {
  color: #4f83e2;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label.pluto > .info h3 {
  color: #FF8732;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label:before {
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 2;
  background: white;
  border-radius: 4px;
  content: "";
}
.planet-slider input[type=radio][name=planet].planet8:checked + label > .info h2 {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label > .info h2 .pip {
  width: 30px;
  margin-right: 6px;
}
.planet-slider input[type=radio][name=planet].planet8:checked + label > .info h3 {
  opacity: 1;
  color: #fea082;
}
.planet-slider input[type=radio][name=planet] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.planet-slider input[type=radio][name=planet]::after {
  content: "";
}
.planet-slider input[type=radio][name=planet].planet9:checked::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input::after {
  display: none;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) {
  pointer-events: all;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(1) .planet {
  transform: translateZ(18400px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 10;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(2) .planet {
  transform: translateZ(16100px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 9;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet {
  transform: translateZ(13800px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 8;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet {
  transform: translateZ(11500px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 7;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet {
  transform: translateZ(9200px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 6;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet {
  transform: translateZ(6900px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 5;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet {
  transform: translateZ(4600px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 4;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet {
  transform: translateZ(2300px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 3;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet {
  transform: translateZ(0px) translateY(0) rotatex(4deg) scaleX(0.89);
  opacity: 2;
  -webkit-animation: planetPol 60s 3.9s infinite linear;
          animation: planetPol 60s 3.9s infinite linear;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet_description {
  opacity: 1;
  transition: all 0.6s 2.6s;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet_description h2,
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet_description h1 {
  position: relative;
  top: 0px;
  transition: all 0.5s 3s;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet_description p,
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet_description a {
  transition: all 1s 3.5s, padding 0.3s 0s;
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet .moon {
  opacity: 1;
  transition: all 1s 3.2s;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet .trajectory {
  opacity: 0.2;
  transition: all 0.6s 2.9s;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet .overlay {
  opacity: 0.95;
  top: 25%;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label.mercury > .info h3 {
  color: #E8927C;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label.venus > .info h3 {
  color: #b45d15;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label.earth > .info h3 {
  color: #26daaa;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label.mars > .info h3 {
  color: #e55f45;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label.jupiter > .info h3 {
  color: orange;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label.saturn > .info h3 {
  color: #b29d81;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label.uranus > .info h3 {
  color: #8dcdd8;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label.neptune > .info h3 {
  color: #4f83e2;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label.pluto > .info h3 {
  color: #FF8732;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label:before {
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 2;
  background: white;
  border-radius: 4px;
  content: "";
}
.planet-slider input[type=radio][name=planet].planet9:checked + label > .info h2 {
  opacity: 1;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label > .info h2 .pip {
  width: 30px;
  margin-right: 6px;
}
.planet-slider input[type=radio][name=planet].planet9:checked + label > .info h3 {
  opacity: 1;
  color: #fea082;
}
.planet-slider .solar_systm:nth-of-type(1) .planet {
  transform: translateZ(0px) translateY(0) rotatex(4deg) scalex(0.89);
  opacity: 2;
}
.planet-slider .solar_systm:nth-of-type(1) .planet_description {
  opacity: 1;
}
.planet-slider .solar_systm:nth-of-type(1) .planet_description p,
.planet-slider .solar_systm:nth-of-type(1) .planet_description a {
  opacity: 0;
}
.planet-slider .solar_systm:nth-of-type(1) .planet_description h1,
.planet-slider .solar_systm:nth-of-type(1) .planet_description h2 {
  position: relative;
  top: -330px;
  transition: all 0.5s 0s;
}
.planet-slider .solar_systm:nth-of-type(2) .planet {
  transform: translateZ(-2300px) translateY(0) rotatex(4deg) scalex(0.89);
  opacity: 1;
}
.planet-slider .solar_systm:nth-of-type(2) .planet_description {
  opacity: 1;
}
.planet-slider .solar_systm:nth-of-type(2) .planet_description p,
.planet-slider .solar_systm:nth-of-type(2) .planet_description a {
  opacity: 0;
}
.planet-slider .solar_systm:nth-of-type(2) .planet_description h1,
.planet-slider .solar_systm:nth-of-type(2) .planet_description h2 {
  position: relative;
  top: -330px;
  transition: all 0.5s 0s;
}
.planet-slider .solar_systm:nth-of-type(3) .planet {
  transform: translateZ(-4600px) translateY(0) rotatex(4deg) scalex(0.89);
  opacity: 0;
}
.planet-slider .solar_systm:nth-of-type(3) .planet_description {
  opacity: 1;
}
.planet-slider .solar_systm:nth-of-type(3) .planet_description p,
.planet-slider .solar_systm:nth-of-type(3) .planet_description a {
  opacity: 0;
}
.planet-slider .solar_systm:nth-of-type(3) .planet_description h1,
.planet-slider .solar_systm:nth-of-type(3) .planet_description h2 {
  position: relative;
  top: -330px;
  transition: all 0.5s 0s;
}
.planet-slider .solar_systm:nth-of-type(4) .planet {
  transform: translateZ(-6900px) translateY(0) rotatex(4deg) scalex(0.89);
  opacity: -1;
}
.planet-slider .solar_systm:nth-of-type(4) .planet_description {
  opacity: 1;
}
.planet-slider .solar_systm:nth-of-type(4) .planet_description p,
.planet-slider .solar_systm:nth-of-type(4) .planet_description a {
  opacity: 0;
}
.planet-slider .solar_systm:nth-of-type(4) .planet_description h1,
.planet-slider .solar_systm:nth-of-type(4) .planet_description h2 {
  position: relative;
  top: -330px;
  transition: all 0.5s 0s;
}
.planet-slider .solar_systm:nth-of-type(5) .planet {
  transform: translateZ(-9200px) translateY(0) rotatex(4deg) scalex(0.89);
  opacity: -2;
}
.planet-slider .solar_systm:nth-of-type(5) .planet_description {
  opacity: 1;
}
.planet-slider .solar_systm:nth-of-type(5) .planet_description p,
.planet-slider .solar_systm:nth-of-type(5) .planet_description a {
  opacity: 0;
}
.planet-slider .solar_systm:nth-of-type(5) .planet_description h1,
.planet-slider .solar_systm:nth-of-type(5) .planet_description h2 {
  position: relative;
  top: -330px;
  transition: all 0.5s 0s;
}
.planet-slider .solar_systm:nth-of-type(6) .planet {
  transform: translateZ(-11500px) translateY(0) rotatex(4deg) scalex(0.89);
  opacity: -3;
}
.planet-slider .solar_systm:nth-of-type(6) .planet_description {
  opacity: 1;
}
.planet-slider .solar_systm:nth-of-type(6) .planet_description p,
.planet-slider .solar_systm:nth-of-type(6) .planet_description a {
  opacity: 0;
}
.planet-slider .solar_systm:nth-of-type(6) .planet_description h1,
.planet-slider .solar_systm:nth-of-type(6) .planet_description h2 {
  position: relative;
  top: -330px;
  transition: all 0.5s 0s;
}
.planet-slider .solar_systm:nth-of-type(7) .planet {
  transform: translateZ(-13800px) translateY(0) rotatex(4deg) scalex(0.89);
  opacity: -4;
}
.planet-slider .solar_systm:nth-of-type(7) .planet_description {
  opacity: 1;
}
.planet-slider .solar_systm:nth-of-type(7) .planet_description p,
.planet-slider .solar_systm:nth-of-type(7) .planet_description a {
  opacity: 0;
}
.planet-slider .solar_systm:nth-of-type(7) .planet_description h1,
.planet-slider .solar_systm:nth-of-type(7) .planet_description h2 {
  position: relative;
  top: -330px;
  transition: all 0.5s 0s;
}
.planet-slider .solar_systm:nth-of-type(8) .planet {
  transform: translateZ(-16100px) translateY(0) rotatex(4deg) scalex(0.89);
  opacity: -5;
}
.planet-slider .solar_systm:nth-of-type(8) .planet_description {
  opacity: 1;
}
.planet-slider .solar_systm:nth-of-type(8) .planet_description p,
.planet-slider .solar_systm:nth-of-type(8) .planet_description a {
  opacity: 0;
}
.planet-slider .solar_systm:nth-of-type(8) .planet_description h1,
.planet-slider .solar_systm:nth-of-type(8) .planet_description h2 {
  position: relative;
  top: -330px;
  transition: all 0.5s 0s;
}
.planet-slider .solar_systm:nth-of-type(9) .planet {
  transform: translateZ(-18400px) translateY(0) rotatex(4deg) scalex(0.89);
  opacity: -6;
}
.planet-slider .solar_systm:nth-of-type(9) .planet_description {
  opacity: 1;
}
.planet-slider .solar_systm:nth-of-type(9) .planet_description p,
.planet-slider .solar_systm:nth-of-type(9) .planet_description a {
  opacity: 0;
}
.planet-slider .solar_systm:nth-of-type(9) .planet_description h1,
.planet-slider .solar_systm:nth-of-type(9) .planet_description h2 {
  position: relative;
  top: -330px;
  transition: all 0.5s 0s;
}
.planet-slider .solar_systm:nth-of-type(10) .planet {
  transform: translateZ(-20700px) translateY(0) rotatex(4deg) scalex(0.89);
  opacity: -7;
}
.planet-slider .solar_systm:nth-of-type(10) .planet_description {
  opacity: 1;
}
.planet-slider .solar_systm:nth-of-type(10) .planet_description p,
.planet-slider .solar_systm:nth-of-type(10) .planet_description a {
  opacity: 0;
}
.planet-slider .solar_systm:nth-of-type(10) .planet_description h1,
.planet-slider .solar_systm:nth-of-type(10) .planet_description h2 {
  position: relative;
  top: -330px;
  transition: all 0.5s 0s;
}
.planet-slider .solar_systm .planet .trajectory {
  transition: all 0.6s 0s;
  opacity: 0;
}
.planet-slider .solar_systm .planet.mercury {
  background: url("../images/planets/2k_makemake_fictional.jpg");
  box-shadow: 0 -590px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
}
.planet-slider .solar_systm .planet.venus {
  background: url("../images/planets/ven0aaa2-copy-428-321.jpg");
  box-shadow: 0 -590px 150px #00031a inset, 0 0px 130px 40px #ffcb9c inset, 0 0px 23px 4px #ffcb9c inset, 0 -10px 130px #b85a07;
}
.planet-slider .solar_systm .planet.earth {
  background: url("../images/planets/new_earth_texture_map_by_lightondesigns.jpg");
  box-shadow: 0 -590px 150px #00031a inset, 0 0px 130px 40px #8cbaff inset, 0 0px 23px 4px #8cbaff inset, 0 -10px 130px #7894a9;
}
.planet-slider .solar_systm .planet.earth .trajectory.m {
  width: 150%;
  height: 150%;
  left: -25%;
  top: -110px;
}
.planet-slider .solar_systm .planet.earth .moon {
  left: 80%;
  top: -18%;
  transform: scale(0.45);
  background: url("../images/planets/92k-moon-color-map-3d-model.jpg");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.earth .moon h3 {
  color: #26daaa;
}
.planet-slider .solar_systm .planet.mars {
  background: url("../images/planets/mars_texture.jpg");
  box-shadow: 0 -590px 150px #00031a inset, 0 0px 130px 40px #e86363 inset, 0 0px 23px 4px #e86363 inset, 0 -10px 130px #6b261a;
}
.planet-slider .solar_systm .planet.mars .moon h3 {
  color: #e55f45;
}
.planet-slider .solar_systm .planet.mars .deimos {
  left: 900px;
  top: -100px;
  transform: scale(0.45);
  background: url("../images/planets/PIA07782_hires.jpg");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.mars .trajectory.d {
  width: 1770px;
  height: 1770px;
  left: -317px;
  top: -110px;
}
.planet-slider .solar_systm .planet.mars .trajectory.p {
  width: 1600px;
  height: 1600px;
  left: -200px;
  top: -160px;
}
.planet-slider .solar_systm .planet.mars .phoebos {
  left: 100px;
  top: -160px;
  transform: scale(0.5);
  background: url("../images/planets/PIA07782_hires.jpg");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.jupiter {
  background: url("../images/planets/PIA07782_hires.jpg");
  box-shadow: 0 -590px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
}
.planet-slider .solar_systm .planet.jupiter .moon h3 {
  color: orange;
}
.planet-slider .solar_systm .planet.jupiter .trajectory.lop {
  width: 1500px;
  height: 1500px;
  left: -210px;
  top: -189px;
}
.planet-slider .solar_systm .planet.jupiter .trajectory.eu {
  width: 1530px;
  height: 1530px;
  left: -165px;
  top: -130px;
}
.planet-slider .solar_systm .planet.jupiter .trajectory.ga {
  width: 1760px;
  height: 1760px;
  left: -360px;
  top: -114px;
}
.planet-slider .solar_systm .planet.jupiter .lo {
  left: 100px;
  top: -100px;
  transform: scale(0.4);
  background: url("../images/planets/io_rgb_cyl.jpg");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.jupiter .europa {
  left: 400px;
  top: -210px;
  transform: scale(0.45);
  background: url("../images/planets/ZZBiHOH.jpg");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.jupiter .ganymede {
  left: 900px;
  top: -70px;
  transform: scale(0.4);
  background: url("../images/planets/Ganymede.jpg");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.saturn {
  background: url("../images/planets/2k_saturn.jpg");
  box-shadow: 0 -590px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
}
.planet-slider .solar_systm .planet.saturn .moon h3 {
  color: #b29d81;
}
.planet-slider .solar_systm .planet.saturn .trajectory.ti {
  width: 1500px;
  height: 1500px;
  left: -210px;
  top: -189px;
}
.planet-slider .solar_systm .planet.saturn .trajectory.di {
  width: 1530px;
  height: 1530px;
  left: -165px;
  top: -130px;
}
.planet-slider .solar_systm .planet.saturn .trajectory.enc {
  width: 1760px;
  height: 1760px;
  left: -360px;
  top: -114px;
}
.planet-slider .solar_systm .planet.saturn .titan {
  left: 100px;
  top: -100px;
  transform: scale(0.4);
  background: url("../images/planets/titan_texture_map_8k_by_fargetanik-db0f8m0.png");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.saturn .dione {
  left: 400px;
  top: -210px;
  transform: scale(0.45);
  background: url("../images/planets/PIA12577-640x350.jpg");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.saturn .enceladus {
  left: 900px;
  top: -70px;
  transform: scale(0.4);
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.uranus {
  background: url("../images/planets/uranus_texture_map_by_jcpag2010-db7yjwb.png");
  box-shadow: 0 -590px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(127, 188, 171, 0.6);
}
.planet-slider .solar_systm .planet.uranus .moon h3 {
  color: #8dcdd8;
}
.planet-slider .solar_systm .planet.uranus .trajectory.mir {
  width: 1500px;
  height: 1500px;
  left: -210px;
  top: -189px;
}
.planet-slider .solar_systm .planet.uranus .trajectory.ari {
  width: 1530px;
  height: 1530px;
  left: -165px;
  top: -130px;
}
.planet-slider .solar_systm .planet.uranus .trajectory.umb {
  width: 1760px;
  height: 1760px;
  left: -360px;
  top: -114px;
}
.planet-slider .solar_systm .planet.uranus .miranda {
  left: 100px;
  top: -100px;
  transform: scale(0.4);
  background: url("../images/planets/miranda.jpg");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.uranus .ariel {
  left: 400px;
  top: -210px;
  transform: scale(0.45);
  background: url("../images/planets/ariel.jpg");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.uranus .umbriel {
  left: 900px;
  top: -70px;
  transform: scale(0.4);
  background: url("../images/planets/titania.jpg");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.neptune {
  background: url("../images/planets/2k_neptune.jpg");
  box-shadow: 0 -590px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
}
.planet-slider .solar_systm .planet.neptune .moon h3 {
  color: #4f83e2;
}
.planet-slider .solar_systm .planet.neptune .trajectory.tri {
  width: 1500px;
  height: 1500px;
  left: -210px;
  top: -189px;
}
.planet-slider .solar_systm .planet.neptune .trajectory.pro {
  width: 1530px;
  height: 1530px;
  left: -165px;
  top: -130px;
}
.planet-slider .solar_systm .planet.neptune .trajectory.ner {
  width: 1760px;
  height: 1760px;
  left: -360px;
  top: -114px;
}
.planet-slider .solar_systm .planet.neptune .triton {
  left: 100px;
  top: -100px;
  transform: scale(0.4);
  background: url("../images/planets/triton_texture_map_14k_by_fargetanik-daac9tm.png");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.neptune .proteus {
  left: 400px;
  top: -210px;
  transform: scale(0.45);
  background: url("../images/planets/NereidTxt2.jpg");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.neptune .nereid {
  left: 900px;
  top: -70px;
  transform: scale(0.4);
  background: url("../images/planets/NereidTxt.jpg");
  z-index: -1;
  box-shadow: 0px -30px 30px 10px #00031a inset;
}
.planet-slider .solar_systm .planet.pluto {
  background: url("../images/planets/pluto_map__2015_nov_10__by_snowfall_the_cat-d918tlb.png");
  box-shadow: 0 -590px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
}
.planet-slider .solar_systm .planet_description {
  width: 95%;
  text-align: center;
  position: absolute;
  margin: auto;
  left: 0;
  z-index: 2;
  right: 0;
  color: white;
  font-weight: 100;
  transition: all 0.4s 0s;
  text-transform: uppercase;
  z-index: 9999;
  top: 5px;
}
.planet-slider .solar_systm .planet_description.mercury a {
  color: #E8927C;
}
.planet-slider .solar_systm .planet_description.mercury h2 {
  color: #f7dad3;
}
.planet-slider .solar_systm .planet_description.venus a {
  color: #b45d15;
}
.planet-slider .solar_systm .planet_description.venus h2 {
  color: #e99046;
}
.planet-slider .solar_systm .planet_description.earth a {
  color: #26daaa;
}
.planet-slider .solar_systm .planet_description.earth h2 {
  color: #7de9cc;
}
.planet-slider .solar_systm .planet_description.mars a {
  color: #e55f45;
}
.planet-slider .solar_systm .planet_description.mars h2 {
  color: #f2ac9e;
}
.planet-slider .solar_systm .planet_description.jupiter a {
  color: orange;
}
.planet-slider .solar_systm .planet_description.jupiter h2 {
  color: #ffc966;
}
.planet-slider .solar_systm .planet_description.saturn a {
  color: #b29d81;
}
.planet-slider .solar_systm .planet_description.saturn h2 {
  color: #d9cec0;
}
.planet-slider .solar_systm .planet_description.uranus a {
  color: #8dcdd8;
}
.planet-slider .solar_systm .planet_description.uranus h2 {
  color: #d9eef2;
}
.planet-slider .solar_systm .planet_description.neptune a {
  color: #4f83e2;
}
.planet-slider .solar_systm .planet_description.neptune h2 {
  color: #a7c1f0;
}
.planet-slider .solar_systm .planet_description.pluto a {
  color: #FF8732;
}
.planet-slider .solar_systm .planet_description.pluto h2 {
  color: #ffc398;
}
.planet-slider .solar_systm .planet_description h1,
.planet-slider .solar_systm .planet_description h2,
.planet-slider .solar_systm .planet_description p,
.planet-slider .solar_systm .planet_description a {
  font-weight: 100;
  font-size: 10px;
  letter-spacing: 5px;
  margin: 0;
}
.planet-slider .solar_systm .planet_description h1 {
  letter-spacing: 16px;
  font-size: 34px;
}
.planet-slider .solar_systm .planet_description h2,
.planet-slider .solar_systm .planet_description a {
  color: #fabfad;
}
.planet-slider .solar_systm .planet_description h2 {
  margin-top: 60px;
  margin-bottom: 6px;
}
.planet-slider .solar_systm .planet_description p {
  line-height: 20px;
  margin-top: 14px;
  opacity: 0.9;
  margin-bottom: 10px;
}
.planet-slider .solar_systm .planet_description a {
  color: #fea082;
  font-size: 12px;
 /* font-size: 11px;
  font-weight: 500;*/
  transition: all 0.2s;
  position: relative;
  left: 0;
}
.planet-slider .solar_systm .planet_description a:hover {

}
.planet-slider .solar_systm .planet_description a span {
  letter-spacing: 0;
  margin-left: -5px;
}
.planet-slider .panel {
  position: absolute;
  right: -520px;
  width: 300px;
  top: 0;
  height: 100vh;
  transition: all 0.2s;
  color: black;
  background: white;
  padding: 10px 60px 0px 60px;
  overflow: scroll;
}
.planet-slider .panel .planet-slider::-webkit-scrollbar {
  width: 1em;
}
.planet-slider .panel .planet-slider::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.planet-slider .panel .planet-slider::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.planet-slider .panel .profile {
  padding-top: 4px;
}
.planet-slider .panel .profile p {
  line-height: 10px;
}
.planet-slider .panel .profile p span {
  font-weight: 600;
  color: black;
}
.planet-slider .panel img {
  border-radius: 2px;
  width: 100%;
}
.planet-slider .panel h1 {
  text-transform: uppercase;
  font-weight: 100;
  margin: 0 0 0 0;
  letter-spacing: 3px;
  top: 0;
  padding: 49px 0 0 0;
  width: 100%;
  font-size: 20px;
}
.planet-slider .panel h1::after {
  width: 30px;
  height: 2px;
  background: #00031a;
  display: block;
  content: "";
  margin-bottom: 30px;
  margin-top: 8px;
}
.planet-slider .panel h2 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 30px;
}
.planet-slider .panel h2::after {
  width: 30px;
  height: 2px;
  background: #00031a;
  display: block;
  content: "";
  margin-top: 8px;
}
.planet-slider .panel p {
  color: #a0a0a0;
  font-size: 12px;
  line-height: 20px;
}

/* ############## END of planet CSS ############## */


.solar_sys .solar_img {
  width:100%;
  margin: 0px !important;
}

.solar_events  ul li:before{
    content: ''!important;
}

.solar_events ul li{

  padding-left: 0px;

}


/* Quiz CSS  */
.hdq_quiz{
  max-width: 100% !important;
}
.hdq_results_wrapper{

  margin: 0rem 0 !important;
  padding: 0rem !important;
  background: transparent !important;

}

h2.hdq_results_title, h3.hdq_question_heading{
  color: #FFF !important;
}

.text_sec_all .hdq_label_answer{

  color: #FFF !important;

}

.hdq_finish{
  margin-top: 15px;
  margin-bottom: 15px;
}
.hdq_finsh_button.hdq_button {
color: #fff;
    border: 1px solid #00b19d !important;
    padding-top: 7px;
    padding-bottom: 7px;
    letter-spacing: 1.5px;
    font-weight: 600;
    background-color: transparent !important;
    text-align: center ;
    font-size: 0.875rem !important;
}

.hdq_question{ border:none!important; background: rgba(255, 255, 255, 0.08)!important;
backdrop-filter: blur(25px);
padding: 30px;
color: #FFFFFF;
margin-bottom: 30px;
position: relative;}

.hdq_correct_not_selected {
	background:none!important;
	margin-bottom: 2px;
	border: 2px solid #00BC84!important;
}

.hdq_wrong {
    border: 2px dashed red!important;
    background:none!important;
}

h3.hdq_question_heading{
font-weight: 700;
font-size: 18px;
line-height: 25px;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 15px;
}

.hdq_label_answer {
    display: block;
    font-size: 1em!important;
    cursor: pointer;
    padding: 12px;
    color: #fff !important;
    line-height: 1.2;
}

.hdq-options-check .hdq_toggle:before {
    background: #3c3e56!important;
}

.hdq-options-check input[type="checkbox"]:checked + .hdq_toggle:before {
    background: #00bc84!important;
    box-shadow: inset 0px 1px 1px rgb(84 152 140 / 50%)!important;
}


.hdq_finish {
    text-align: left!important;
}

.hdq_question_number {
   opacity: 1!important;
}

.hdq_question {
  margin: 2.5rem 0 !important;
}

.hdq_results_inner .addtoany_share_save_container{
 display: none !important;
}

.info__label {
  font-size: 14px !important;
  margin-bottom: 0px !important;
}

.verifieddownload .title1{
  margin-bottom: 20px !important;
}

.verifieddownload .modal-content{
 background-color: #00031a !important;
 color: #FFF;
 border: 1px solid #00b19d !important;
}

.verifieddownload .modal-dialog{
  margin-top: 80px;
}

.errorMsg{
	color:#FF0000;
}

.caret{ margin-left:3px;}

.all_inner_pages {
	padding-bottom:0px !important;
}

.addtoany_shortcode{float: right; margin-right:-35px;}

.banner_bg .postBanner img {
  height: auto !important;
  text-align: right;
  width: 100%!important;
  float: right;
  border-radius: 10px 10px 10px 10px;
}

.addtoany_header {
  display: inline-block !important;
  float: left !important;
  margin-top: 4px !important;
}

.printBtn{
display: flex;
flex-direction: row-reverse;
margin-top: -10px;
margin-bottom: 10px;
}

.printomatictext {
  margin-right: 15px !important;
}

.hentry ul li::before {
  color: #00B19D;
}

.addtoany_content_bottom {
    display: flex;
    align-items: center;
}


.refreshcal{
  display: none;
}

.refreshcal.calshow{
  display: block;
}

.refreshcal .btn_more{
  width: auto;
}

.eventCalendar-daysList.eventCalendar-showAsWeek li{
  padding-left: 0px !important;
}

.eventCalendar-daysList.eventCalendar-showAsWeek li::before{
  content: none !important;
}

.eventDiv a:not(:first-child) {
  display: none;
}

.round img{ width:133px;}

.entry-content h3{ background-color:#00041a; padding-right:75px;}
.btn_more2{ float: right; width: 100% !important;}

.home .sec_heading{
	background-image: url(https://polsa.gov.pl/wp-content/uploads/2023/07/line_new.png);
	background-repeat: repeat-x;
	background-position: center center;
}

.home .sec_heading2{
	background-image: url(https://polsa.gov.pl/wp-content/uploads/2023/07/line_new.png);
	background-repeat: repeat-x;
	background-position: center center;
}
.entry-content .sec_heading2  h3{ background-color:#191c31; float: left; padding-right:75px;}

.home .sec_heading2 {
    display: flex;
    margin-bottom: 0px;
    align-content: center;
    align-items: center;
    min-height: 50px;
}

.ma_top{ margin-top:30px;}

.home .sec_heading3 h3 {
    text-transform: uppercase!important;
}

.entry-content .sec_heading3  h3{ background-color:#00051d; float: left; padding-right:75px;}

.home .sec_heading3 {
    display: flex;
    margin-bottom: 0px;
    align-content: center;
    align-items: center;
    min-height: 50px;
}

.home .sec_heading3{
	background-image: url(https://polsa.gov.pl/wp-content/uploads/2023/07/line_new.png);
	background-repeat: repeat-x;
	background-position: center center;
}

.entry-content ul.carousel-indicators  { padding:0; list-style-type:none;}
.entry-content ul.carousel-indicators li{ margin:0; list-style-type:none;}
.entry-content ul.carousel-indicators li::before {
display:none;
}



.home .sec_heading31 {
    min-height: 50px;
}


.home .sec_heading31 h3 {
        position: relative;
	background-color: transparent;
      }

.home .sec_heading31 h3:after {
        content: "";
        display: block;
        width: 60%;
        height: 1px;
        background: #39b19d;
        left: 300px;
        top: 50%;
        position: absolute;
      }


      .leftside_news .event_details1{
        font-weight: 600 !important;
font-size: 1rem !important;
margin-bottom: 20px;
      }

      .leftside_news .news_box_text{
        padding-left : 0px !important;
      }

      .leftside_news .news_box_img{
        border: 0px !important;
      }


      .event_details1{
        margin-top: 25px;
      }




/*================22-9-2023====================*/

.green_line{
	background-image: url(../images/line_gr.png);
	background-repeat: repeat-x;
	background-position: center center;
	width: 100%;
	height: 7px; margin-top:20px; margin-bottom:50px;
}

.new_title2{
	text-transform: uppercase;
	color:#FFFFFF;
	position:relative;
	padding-bottom: 21px; margin-bottom:20px; margin-right:20px; position:relative;
	background-color:#00031b; width: 100%;
	font-family: 'Nunito Sans', sans-serif;
    font-size: 1.25rem !important;
    letter-spacing: 0.441rem !important;
    line-height: 1.688rem !important;
	font-weight: 700 !important;
}

.new_title2:after {
  background-color: #00b19d;
  content: "";
  display: inline-block;
  height: 2px;
  position: relative;
  vertical-align: middle;
  width: 70%;
}

.new_title2:after {
  left: 0.5em;
  margin-right: -70%;
}


.new_title3{
	font-weight: 800;
	font-family: 'Nunito Sans', sans-serif;
    font-size: 1.25rem !important;
	line-height: 50px;
	text-transform: uppercase;
	color:#00b19d !important;
	position:relative;
	padding-bottom: 21px;
}

.title5 {
    color: #FFFFFF;
    margin-bottom: 20px;
	font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.2em;
}

.box_text{
	background-color:#16182e;
	padding-top: 17px;
	padding-right: 26px;
	padding-bottom: 17px;
	padding-left: 26px;
}

.green_line1{
	background-image: url(../images/line_gr.png);
	background-repeat: repeat-x;
	background-position: center center;
	width: 100%;
	height: 7px; margin-top:40px; margin-bottom:30px;
}

.single-osoby .round_img,
.single-kierownictwo .round_img,
.kierownictwo_sec .round_img{ height:245px; width:245px; border-radius: 50%; margin-bottom:20px;}

.align_right{ float:right;}

.img_center{ text-align:center;}

.box_text1{
	background-color:#16182e;
	padding-top: 17px;
	padding-right: 26px;
	padding-bottom: 17px;
	padding-left: 26px;
	margin-top:40px;
}

.green_line2{
	background-image: url(../images/line_gr.png);
	background-repeat: repeat-x;
	background-position: center 10px;
	width: 100%;
	margin-top:20px;
	margin-bottom:0px;
}

.green_text{
	color:#00b19d;
	font-weight:bold;
}

@media only screen and ( min-width: 320px) and ( max-width:767px ) {
.new_title2:after {
  left: 0em;
  margin-right: -20%;
}
}


@media(max-width: 899px){
   width: 100% !important;
    max-width: 500px !important;
    height: 100% !important;
    overflow: auto !important;

 }

.wp-block-table.no_header tr:first-child{
    background : none !important;
}

.wp-block-table.no_header table tbody tr:first-child td{
    border-right-color : initial  !important;
}

.wp-block-table.no_header th, .wp-block-table.no_header td{
    border-top  : 1px solid #D9D9DD  !important;
}

.wp-block-table.no_header table tbody tr:first-child td:last-child{
     border-right : 1px solid #D9D9DD  !important;
}


#container_polsa {

  background-color: #00031B;
  position: relative;
}

.star_polsa {
  background-color: #f0f0f0;
  width: 1.5px;
  height: 1.5px;
  position: absolute;
  border: #f0f0f0 0px solid;
  border-radius: 50%;
  opacity: 0;
  box-shadow: 0px 0px 3px 2px rgba(255, 255, 255, 0.5);
  animation-name: glow;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes glow {
  0% {
    opacity: 0;
    transform: scale(1, 1);
  }
  20% {
    opacity: 0.5;
  }
  35% {
    opacity: 1;
  }
  50% {
    transform: scale(2, 2);
  }
  100% {
    transform: scale(1, 1);
  }
}


.earth_img{
  width: 100%;
  max-width:300px;
}

.start_parallax_earth img{
  width:100%;
  max-width:200px;
  height: auto;
}


.start_parallax_earth {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  z-index: 1;
}


.start_title {
  font-family: 'Nunito Sans', sans-serif;
  position: fixed;
  padding-bottom: 3.5em;
  font-size: 68px;
  padding-left:130px;
  z-index: 1;
  color: white;
  letter-spacing: 0.1em;
  line-height: 92.75px;
  text-transform: uppercase;
  font-weight: 800;

  background: #9A9BA5;
background: linear-gradient(to bottom, #9A9BA5 45%, #383B4E 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}

.start_parallax.all_inner_banner{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 100ox;
}


.start_paralla{
  left: 130px;
  position: relative;
  z-index: 2;
}

.start_parallax img{
    width: 100%;
    z-index: 3;
}

.start_parallax .all_inner_banner_text {
    z-index: 4;
}

#container_polsa .main-text {
  position: relative;
  z-index: 4;
}

.round_img_shadow::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
    height: 245px;
    width: 245px;
    border-radius: 50%;
    margin-bottom: 20px;
    border: 3px solid #31344b;
    box-shadow: inset 0 0 10px 3px #2b2b2b;
}

.round_img_shadow{ position:relative;  height: 245px;
    width: 245px;}

.round_img_shadow img{
 height: 245px;
    width: 245px;
}



/*===========timeline 9 dec 2023===============*/

.timeline1 {
  background: var(--primary-color);
  margin: 20px auto;
  padding: 20px;
}

/* Outer Layer with the timeline border */
.outer {
  border-left: 1px solid #fff;
}

/* Card container */
.card {
	position: relative;
	padding: 10px;
	background: transparent;
	color: gray;
	border-radius: 8px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0px;/*  max-width: 400px;*/
}

/* Information about the timeline */
.info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Title of the card */
.title_new {
	color: #FFFFFF;
	position: relative;
	padding: 10px;
	border: 1px solid #00B19D; float:left; text-align:center; width:100px; margin-right:20px;
}

/* Timeline dot  */
.title_new::before {
	content: "";
	position: absolute;
	width: 26px;
	height: 26px;
	border-radius: 999px;
	left: -45px;
	background-image: url(../images/tm_bullet.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.title_new1{color: #FFF;
font-family: Nunito Sans;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 3.6px;
text-transform: uppercase; margin-top: 10px; position:relative;}

.title_new1::after{content: ""; position:absolute;  background-image: url(../images/arrow_dwn.png); 	background-repeat: no-repeat;
	background-position: center center;     height: 30px;
    width: 30px; right:0px; left:auto;}


.timeline1 .card{
	margin: 0px;
	padding: 0px;
    margin-left:10px;
    border:0px;
}


.title_new1:not(.collapsed)::after {
	content:"";
	background-image: url(../images/arrow_up.png);
	background-repeat: no-repeat;
	background-position: right center;
	height:30px; width:30px;

}

.card-body1{
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(25px);
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 15px;
	padding-left: 18px;
	margin-left: 30px;
    margin-right: 30px;
	color: #FFF;
font-family: Nunito Sans;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}

@media only screen and (max-width: 767px) {
.title_new::before {
	left: -48px;
}
.timeline1 .card {
    margin: 10px;
    padding: 0px;
}
.card-body1 {
    margin-left: 20px;
    margin-right: 20px;

}
.timeline1 .card-header {
    margin-bottom: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
}
}


@media only screen and (max-width:450px) {
.timeline1 .card-header {
    margin-bottom: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
}
}


@media only screen and ( min-width:1200px) and ( max-width:1299px ) {
.title_new1::after{right:-30px;}
}



.animation-container {
  position: relative;
  width: 100%;
  margin-top: 100px;
  padding: 0;
}

#space_background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateZ(0);
  background: #13182d;
  border-radius: 20px;
}

.engine {
  width: 50%;
  height: 100%;
  margin: 0 auto;
  margin-left:40%;
}

@keyframes jump {
  0%{
	transform: translateY(0);
  }
  10%{
	transform: translateY(-50px);
  }
  40%{
	transform: translateY(-50px);
  }
  42%{
	transform: translateY(0);
  }
  44%{
	transform: translateY(-15px);
  }
  50%{
	transform: translateY(0);
  }
  100%{
	transform: translateY(0);
  }
}

.engine_wrapper {
  position: relative;
  width: 100%;
  bottom: 0;
  animation: jump 5s ease 0s infinite normal ;
}

.engine_svg {
  display: block;
  width: 100%;
  margin: 0 auto;
}

/* WRNING */
/**************************/
@-webkit-keyframes pulse {
  0% { opacity: 0.1; }
  100% { opacity: 0.8; }
}

#warning {
  position: absolute;
  width: 52.5%;
  top: 25.3%;
  left: 24.2%;
  animation: pulse 1s linear infinite;
  z-index: 2;
}

.warning-fill {
  fill: #FF0000;
}



@keyframes float {
	0% {
		transform: translatey(0px) rotate(24deg);
	}
	50% {
		transform: translatey(-26px) rotate(32deg);
	}
	100% {
		transform: translatey(0px) rotate(24deg);
	}
}

#character_container {}

#character_svg {
  display: block;
  width: 40%;
  position: absolute;
  top: 2%;
  left: 2%;
	animation: float 6s ease-in-out infinite;
}

/* Quiz Planets */

.quiz_planety .cp {
  background: #3C3F44 !important;
  border: none !important;
}
.quiz_planety .cp a {
  text-decoration: none;
  color: white;
}

.quiz_planety .tw {
  background: #34B1EC !important;
  border: none !important;
  color: white !important;
}
.quiz_planety .tw a {
  text-decoration: none;
  color: white;
}

.quiz_planety .fb {
  background: #4057AB !important;
  border: none !important;
  color: white !important;
}
.quiz_planety .fb a {
  text-decoration: none;
  color: white;
}

.quiz_planety .null {
  border: none !important;
}
.quiz_planety .null .planets_container__quiz .planet_answer:nth-of-type(1) {
  display: block !important;
}
.quiz_planety .null .planet_answer img {
  transform: scale(1) !important;
}

body .quiz_planety .tick {
  color: #76E693;
  position: absolute;
  top: 8px;
  left: 0;
  transform: scale(0);
  right: 0;
  -webkit-animation: tick 0.3s forwards;
          animation: tick 0.3s forwards;
  font-size: 20px;
}
body .quiz_planety .timer {
  color: white;
  position: absolute;
  top: 20px;
  font-weight: 400;
  font-size: 13px;
  right: 20px;
  z-index: 10;
}
body .quiz_planety .overlay {
  display: none;
  width: 100%;
  opacity: 0.9;
  position: fixed;
  height: 100%;
  z-index: 1;
  background: #1D1F29;
}
body .quiz_planety .winner {
  display: none;
}
body .quiz_planety .intro {
  display: none;
}
body .quiz_planety .modal {
  z-index: 2;
  width: 400px;
  background: white;
  left: 0;
  border-radius: 12px;
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
}
body .quiz_planety .modal_inner {
  padding: 30px;
  text-align: center;
}
body .quiz_planety .modal_inner img {
  width: 100%;
}
body .quiz_planety .modal_inner button {
  border: 2px solid #E14122;
  background: none;
  color: #E14122;
  font-weight: 700;
  padding: 10px 13px;
  outline: none;
  cursor: pointer;
  margin-top: 20px;
  border-radius: 4px;
  transition: all 0.2s;
}
body .quiz_planety .modal_inner button:hover {
  background: #E14122;
  color: white;
}
body .quiz_planety .modal_inner h2 {
  margin: 0;
  color: #E14122;
}
body .quiz_planety .modal_inner p {
  color: #5C5E67;
  font-weight: 100;
  font-size: 14px;
}
body .quiz_planety .modal_inner__close {
  position: absolute;
  right: -20px;
  top: -20px;
  color: white;
  cursor: pointer;
  opacity: 0.6;
  transition: all 0.3s;
}
body .quiz_planety .modal_inner__close:hover {
  opacity: 1;
}
body .quiz_planety .ui-state-hover {
  border: 2px dashed #11DFF3 !important;
  box-shadow: 0px 0px 20px 0px rgba(52, 205, 224, 0.11);
  transform: scale(1.2) !important;
}
body .quiz_planety .ui-state-hover span {
  color: #11DFF3 !important;
}
body .quiz_planety .planets {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  position: relative;
}
body .quiz_planety .planets_stars {
  background-size: 400px;
  background-repeat: repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}
body .quiz_planety .planets_stars img {
  width: 100%;
}
body .quiz_planety .planets_container {
  width: 1000px;
  text-align: center;
  height: 520px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
body .quiz_planety .planets_container__title h1 {
  margin: 0;
  color: white;
}
body .quiz_planety .planets_container__title h3 {
  margin: 0;
  color: #FFF;
  font-weight: 400;
}
body .quiz_planety .planets_container__planets {
  margin: 90px;
}
body .quiz_planety .planets_container__planets .answered {
  opacity: 0.3;
}
body .quiz_planety .planets_container__planets span {
  color: #FFF;
  font-size: 13px;
  display: block;
  margin-top: 7px;
}
body .quiz_planety .planets_container__planets .planet_wrap {
  display: inline-block;
  width: 75px;
}
body .quiz_planety .planets_container__planets .info {
  background: white;
  width: 100px;
  height: 100px;
  display: none;
}
body .quiz_planety .planets_container__planets .planet {
  border-radius: 100px;
  cursor: pointer;
}
body .quiz_planety .planets_container__planets .planet img {
  height: 38px;
  position: relative;
  z-index: 11;
  border-radius: 100px;
}
body .quiz_planety .planets_container__quiz .planet_holder {
  width: 40px;
  transition: all 0.3s;
  height: 40px;
  border-radius: 100px;
  display: inline-block;
  border: 2px dashed rgba(255, 255, 255, 0.22);
  margin-right: 30px;
}
body .quiz_planety .planets_container__quiz .planet_holder span {
  position: absolute;
  left: 0;
  right: 0;
  color: white;
  top: 50%;
  transition: all 0.3s;
  transform: translateY(-50%);
}
body .quiz_planety .planets_container__quiz .sun {
  width: 160px;
  height: 156px;
  position: relative;
  top: 30px;
  -webkit-animation: space_wobble 5.8s 0.1s linear infinite;
          animation: space_wobble 5.8s 0.1s linear infinite;
}
body .quiz_planety .planets_container__quiz .sun span {
  font-size: 50px;
}
body .quiz_planety .planets_container__quiz .mercury {
  width: 30px;
  height: 30px;
  position: relative;
  top: -60px;
  -webkit-animation: space_wobble 5.7s 0.4s linear infinite;
          animation: space_wobble 5.7s 0.4s linear infinite;
}
body .quiz_planety .planets_container__quiz .mercury span {
  font-size: 10px;
}
body .quiz_planety .planets_container__quiz .venus {
  width: 40px;
  height: 40px;
  position: relative;
  top: -20px;
  -webkit-animation: space_wobble 5.3s 0.8s linear infinite;
          animation: space_wobble 5.3s 0.8s linear infinite;
}
body .quiz_planety .planets_container__quiz .venus span {
  font-size: 12px;
}
body .quiz_planety .planets_container__quiz .earth {
  width: 50px;
  height: 50px;
  position: relative;
  top: -30px;
  -webkit-animation: space_wobble 5.2s 1s linear infinite;
          animation: space_wobble 5.2s 1s linear infinite;
}
body .quiz_planety .planets_container__quiz .earth span {
  font-size: 20px;
}
body .quiz_planety .planets_container__quiz .mars {
  width: 46px;
  height: 46px;
  position: relative;
  -webkit-animation: space_wobble 5s 0.1s linear infinite;
          animation: space_wobble 5s 0.1s linear infinite;
}
body .quiz_planety .planets_container__quiz .mars span {
  font-size: 18px;
}
body .quiz_planety .planets_container__quiz .jupiter {
  width: 90px;
  height: 90px;
  position: relative;
  top: -10px;
  -webkit-animation: space_wobble 4.7s 0.6s linear infinite;
          animation: space_wobble 4.7s 0.6s linear infinite;
}
body .quiz_planety .planets_container__quiz .jupiter span {
  font-size: 30px;
}
body .quiz_planety .planets_container__quiz .saturn {
  width: 80px;
  height: 80px;
  position: relative;
  top: 20px;
  -webkit-animation: space_wobble 5.9s 0.1s linear infinite;
          animation: space_wobble 5.9s 0.1s linear infinite;
}
body .quiz_planety .planets_container__quiz .saturn span {
  font-size: 26px;
}
body .quiz_planety .planets_container__quiz .uranus {
  width: 50px;
  height: 50px;
  position: relative;
  top: -30px;
  -webkit-animation: space_wobble 6s 0.7s linear infinite;
          animation: space_wobble 6s 0.7s linear infinite;
}
body .quiz_planety .planets_container__quiz .uranus span {
  font-size: 20px;
}
body .quiz_planety .planets_container__quiz .neptune {
  width: 47px;
  height: 47px;
  position: relative;
  top: -10px;
  -webkit-animation: space_wobble 5s 0.4s linear infinite;
          animation: space_wobble 5s 0.4s linear infinite;
}
body .quiz_planety .planets_container__quiz .scale {
  transform: scale(1) !important;
}
body .quiz_planety .planets_container__quiz .planet_answer {
  border-radius: 100px;
}
body .planets_container__quiz .planet_answer img {
  width: 100%;
  transform: scale(0);
  transition: all 0.3s;
}

@-webkit-keyframes space_wobble {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(3px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes space_wobble {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(3px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes tick {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes tick {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}