@import url("fonts/OpenSans/stylesheet.css");

html {
	width: 100%;
	margin:0; 
	padding:0;
}


body{
   position:relative;
   width: 100%;
   margin:0;
   padding:0;
   background-color: white ;  
   font-family: "Open Sans", arial, serif;	/* font-family: 'Helvetica Neue','Helvetica',Arial;	*/
   color:#333;
   background-image: url("../images/bg5_finer.png");
   background-repeat:repeat;
   font-size:normal;
}

#page_container{
	position: relative;
	min-height: 100vh;	/* in addition to #footer{position:absolute;bottom:0}, enables to have the footer always lie at the bottom of the short pages on long screens --- OR: calc(100vh - 4px); */
}

h4{
	color: #0099CC;	/* 3E96D1 // 0099CC */
	font-weight: bold;
	padding: 4px;
    margin: 0;
	font-size: 14px;
	border-bottom: 1px solid #0099CC
}

h3 , h3 a {
    color: #0099CC;
    font-weight: bold;
	padding: 4px;
    margin: 0;
	font-size: 17px;
}

h3{
	border-bottom: 3px solid #0099CC
}

strong{
	color: #0099CC;
	font-weight: normal;
}


#sentinel_bar{
	min-height:20px;
	transition: 0.8s;
	width:90%;
	margin:auto;
	transform: rotate(180deg);
	background-image: url('images/sentinel-1.svg');	
	/*background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUFDQUYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=');*/
	background-repeat: no-repeat;
    background-position: right;
}

#sentinel_bar:hover{
	background-image: url('images/sentinel-3.svg');	
	/*background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM1NTZBRUEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=');*/
/*	background-position: -100px 0px; 	 to right & to bottom  */
}


.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  left:-8px;
  top:-290px;
  width:420px;
  margin:auto;
  margin-top:0;
  margin-bottom:0;
}
.swipe_pres {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  left:3px;
  top:-292px;
  width:420px;
  margin:auto;
  margin-top:0;
  margin-bottom:0;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > div {
	float:left;
	width:100%;
	position: relative;
}

#position{
	text-align:center;
	list-style:none;
	margin:0;
	padding:0
}

#position li{
	display:inline-block;
	width:9px;
	height:9px;
	border-radius:9px;
	background:#d4d3d3;
	box-shadow:inset 0 1px 3px black,0 0 1px 1px #d4d3d3;
	margin:0 3px;
	cursor:pointer
}

#position li.on{
	box-shadow:inset 0 2px 4px #28b4ea, 0 1px 2px rgba(0,0,0,.5);
	background-color:#00c5f4;
	box-shadow: 0 0 1px 1px #7fdaf0;
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0%,#00c5f4),color-stop(100%,#0f6297));
	background-image:-webkit-linear-gradient(bottom,#00c5f4,#0f6297);
	background-image:-moz-linear-gradient(bottom,#00c5f4,#0f6297);
	background-image:-ms-linear-gradient(bottom,#00c5f4,#0f6297);
	background-image:-o-linear-gradient(bottom,#00c5f4,#0f6297);
	background-image:linear-gradient(bottom,#00c5f4,#0f6297)
}


.main_text{
	width:980px;
	margin:0 auto;
	padding-top: 40px;
	background: #FFFFFF url("../images/containerShadow.png") repeat-y center center;
	background-size: 100% auto;
	font-size:normal;
}
.main_text a{
	color:#00c5f4 ;
	text-decoration:none;
	font-weight:bold;
}
.main_text a:hover{
	text-decoration:underline;
	font-weight:bold;
}
.main_text_content{
	margin-left:130px;
	margin-right:130px;
}



.big_central_container{
	display: table;
	margin: 0 auto;
	max-width: 1018px;
	margin: 0 auto;
}
.left_border_main_text2{
	display: table-cell;
	width:17px;
	background: rgb(158,156,166);
	background: linear-gradient(90deg, rgba(247,247,247,1) 0%, rgba(201,201,201,1) 95%, rgba(163,163,163,1) 100%);
}
.right_border_main_text2{
	display: table-cell;
	width:17px;
	background: rgb(158,156,166);
	background: linear-gradient(90deg, rgba(163,163,163,1) 0%, rgba(201,201,201,1) 5%, rgba(247,247,247,1) 100%);
}
.main_text2{	/* keep it alongside main_text_content2, as some pages require it */
	display: table-cell;
	margin:0 auto;
	padding-top: 40px;
	/*background-image: url("../images/bg5.png");background-repeat:repeat;*/
	background:#fff;
	font-size:normal;
}
.main_text2 a{
	color:#00c5f4 ;
	text-decoration:none;
	font-weight:bold;
}
.main_text2 a:hover{
	text-decoration:underline;
	font-weight:bold;
}
.main_text_content2{	/* keep it alongside main_text2, as some pages require it */
	padding-left:105px;
	padding-right:105px;
}


.dialog_links {
	color: #00c5f4;
	font-weight:bold;
	text-decoration:none;
}
.dialog_links:hover {
	color: #00c5f4;
	text-decoration:underline;
}
/* overlay around the dialog box */
.ui-widget-overlay{
	background: repeat-x scroll 50% 50% #FFFFFF !important;
	opacity: 0.5 !important;
}
.ui-widget-overlay_redirect{
	background: repeat-x scroll 50% 50% #000 !important;
	opacity: 0.5 !important;
}

	

#togglePassword{
	display:inline-block;
	margin-left: -30px;
	width: 25px;
	cursor: pointer;
	background-size: contain;
}
#togglePassword_mobile{
	position: absolute;
	right: 0px;
	top: 5px;
	width: 21px;
	height: 15px;
	cursor: pointer;
	background-size: contain;
	/*vertical-align: middle;*/
}
.eye{	
	background-image: url("/images/eye1.png")
}
.eye-barred{
	background-image: url("/images/eye1_barred.png")
}


#back2Top {
	overflow: hidden;
	z-index: 999;
	display:none;
	cursor: pointer;
	position: fixed;
	bottom: 25px;	/* 230px */
	right: 67px;
	text-align: center;
}
.back2Top_visible{
	opacity:1;
	-webkit-animation: fadeInRight 1s 1 cubic-bezier(.77,0,.175,1);
	animation: fadeInRight 1s 1 cubic-bezier(.77,0,.175,1);
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0)}}
.back2Top_hidden{
	opacity:0;
	-webkit-animation:fadeOutRight 1s 1 cubic-bezier(.77,0,.175,1);
	animation:fadeOutRight 1s 1 cubic-bezier(.77,0,.175,1)
}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(100%)}}
@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}
/*
#back2Top:hover {
	background-color: #DDF;
}
*/
#img1_back2Top{
	width:70px;
}
#img2_back2Top{
	width:70px;
}


.shadow_cont{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius:20px;
	background-image: url("../images/texture2_non_transp.png");
}

.app_area_drop{
	position: relative;
	left:20px;
	float:right;
	width:305px;
	max-height:140px;
	z-index:40;
}


/*.tw-link-with-chevron{text-decoration:none !important}
.tw-link-with-chevron:focus,.tw-link-with-chevron:hover{text-decoration:none !important}*/
.tw-link-with-chevron:focus .tw-icon-chevron,.tw-link-with-chevron:hover .tw-icon-chevron{position:relative;left:6px !important;}

.tw-icon-chevron{height:16px;margin-left:7px;margin-bottom:-2px;transition:0.3s ease-out;left:0px;margin-right:7px;}	/* leave left property as base value before transition	*/
.tw-icon-chevron svg{display:inline-block;transform:rotate(90deg)}


/*    --------------------------------------------------------    */


@media screen and (max-width: 1300px) {	
	.big_central_container{width: 85%;}
	#cookie-banner-div{min-width:0 !important}
}
	
@media screen and (max-width: 800px) {
  .big_central_container{min-width:100%}
  .left_border_main_text2{width:0}
  .right_border_main_text2{width:0}
  .main_text2{font-size:small}
  #cookie-banner-div{font-size:10px}
  #cookieclose{float:right}
  .swipte_nav_arrows{display:none !important;width:0 !important;}
  #back2Top{visibility: hidden}
}

@media screen and (max-height: 500px) {	/*  mobile => landscape  */
  #top_container{float:right}
  .swipte_nav_arrows{display:none !important;width:0 !important;}
  #back2Top{visibility:hidden}
}