/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
  font-family: Poppins-Regular;
  src: url('../fonts/poppins/Poppins-Regular.ttf'); 
}

@font-face {
  font-family: Poppins-Medium;
  src: url('../fonts/poppins/Poppins-Medium.ttf'); 
}

@font-face {
  font-family: Poppins-Bold;
  src: url('../fonts/poppins/Poppins-Bold.ttf'); 
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url('../fonts/poppins/Poppins-SemiBold.ttf'); 
}

/*---------------------------------------------*/
/*[ RESTYLE TAG ]*/

* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

body, html {
	height: 100%;
	font-family: Poppins-Regular, sans-serif;
}

/*---------------------------------------------*/
a:focus {
	outline: none !important;
}
a:link 
{ 
 text-decoration:none; 
}

/*---------------------------------------------*/
/*[ link list ]*/

.limiter {
  width: 100%;
  margin: 0 auto;
}

.container-mylinklist {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

.wrap-mylinklist {
  width: 670px;
  background: rgba(7, 29, 73, 45%);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

/*==================================================================*/
/*[ Title form ]*/
.mylinklist-form-title {
  width: 100%;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  padding: 120px 15px 60px 15px;
}

/*==================================================================*/
/*[ Button ]*/
.container-mylinklist-form-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  text-decoration:none;
}

.mylinklist-form-btn {
  text-decoration:none;
 
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  min-width: 250px;
  height: 50px;
  background-color: #FFFFFF;
  border-radius: 25px;

  font-family: Poppins-Regular;
  font-size: 16px;
  color: #071D49;
  line-height: 1.2;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  text-transform: lowercase;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2%;
  margin-bottom: 2%;
  
  box-shadow: 0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0) !important;
  border-bottom: 0px;
  border:none!important;
}

.mylinklist-form-btn:hover {
  background-color: #071D49;
  color: #FFFFFF;
  text-decoration:none;
}

/*==================================================================*/
/*[ Button ]*/
.container-mylinklist-form-footer {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  text-decoration:none;
}

.mylinklist-form-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  min-width: 250px;
  height: 50px;

  font-family: Poppins-Regular;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 1.2;
  text-decoration:none;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  text-transform: lowercase;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2%;
  margin-bottom: 2%;
  
  box-shadow: 0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0) !important;
  border-bottom: 0px;
  border:none!important;
}


/*==================================================================*/
/*[ Responsive ]*/

@media (max-width: 576px) {
  .mylinklist-form {
    padding: 43px 15px 57px 117px;
  }
}

@media (max-width: 480px) {
  .mylinklist-form {
    padding: 43px 15px 57px 15px;
  }

  .label-input100 {
    text-align: left;
    position: unset;
    top: unset;
    left: unset;
    width: 100%;
    padding: 0 5px;
  }
}

/*############################################################*/
/* cookies message */
.cookieConsentContainer{
	z-index:999;
	width:350px;
	min-height:20px;
	box-sizing:border-box;
	padding:30px 30px 30px 30px;
	background:#0762DD;
	overflow:hidden;
	position:fixed;
	bottom:30px;
	right:30px;
	display:none;
	border-radius: 10px;
}

.cookieConsentContainer
	.cookieTitle a {
		font-family:OpenSans,arial,sans-serif;
		color:#FFF;
		font-size:22px;
		line-height:20px;
		display:block;
		border: none;
		}

.cookieConsentContainer
	.cookieDesc p {
		margin:0;
		padding:0;
		font-family:OpenSans,arial,sans-serif;
		color:#FFF;
		font-size:13px;
		line-height:20px;
		display:block;
		margin-top:10px;
	}

.cookieConsentContainer
	.cookieDesc a {
		font-family:OpenSans,arial,sans-serif;
		color:#FFF;
		text-decoration:underline;
		border: none;
	}

.cookieConsentContainer
	.cookieButton a{
		display:inline-block;
		font-family:OpenSans,arial,sans-serif;
		color:#DFDFDF;
		font-size:14px;
		font-weight:700;
		margin-top:14px;
		margin-left: 36%;
		background:#030458;
		background: transparent;
		box-sizing:border-box;
		padding:15px 24px;
		text-align:center;
		transition:background .3s;
		
		border: solid;
		border-color: #FFF;
		border-radius: 10px;
		border-width: thin;
	}

.cookieConsentContainer
	.cookieButton a:hover {
		cursor:pointer;
		color: #DFDFDF;
		background:#072876;  
		border: none;
	}

@media (max-width:980px) {
	.cookieConsentContainer {
		bottom:0!important;
		left:0!important;
		width:100%!important;
	}
}
/*############################################################*/