/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 18 2022 | 20:06:10 */
#newsletter{
    position: fixed;
    top: 119px;
    left: 0px;
	max-width:100vw;
	//max-height:80vh;
    padding-left: 10px;
    padding-right: 30px;
    color: #eee;
    background: rgb(182,18,37);
    transform: translateX(-100%);
    transition: all 1s ease-in-out;
	z-index:9999;
}

#newsletter .news_header{
	color: #fff !important;
	padding-top:30px;
}
#newsletter .news_header .line_1{
	font-size:27px;
}
#newsletter .news_header .line_2{
	font-size:20px;
}

#newsletter .tnp-privacy-field label{
	font-weight: 300 !important;
	font-size: 11px !important;
}

#newsletter:hover{
    transform: translateX(0%) !important;
    transition: all 1s ease-in-out;
	z-index:999999;
}
#newsletter .name_newsletter{
font-size: 14px;
	width:120px;
	text-align: center;
    transform: rotate(90deg) translate(46px, -73px);
    position: absolute;
    right: 0px;
    //top: 50%;
    background: rgb(182,18,37);
    padding: 2px 20px;
    border-radius: 7px 0px 0px 0px;
	cursor: pointer;
	z-index:9999;
}
#newsletter .tnp-subscription input.tnp-submit {
    background-color: #eee;
	color: #444;
	cursor: pointer;
	transition: all 1 ease-in-out;
}
#newsletter .tnp-subscription input.tnp-submit:hover {
    background-color: #eee;
	color: #444;
	opacity: 0.90;
	transition: all 1 ease-in-out;
	cursor: pointer;
}
#newsletter .tnp-privacy-field label{
	font-weight: 300 !important;
	font-size: 11px !important;
}

#facebook{
    position: fixed;
	display: flex;
	justify-content: center;
    //align-items: center;
    top: 240px;
    left: 0px;
	width: 330px;
	//max-height:100vh;
	min-height: 133px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    color: #eee;
    background: rgb(76 102 231 / 100%);
    transform: translateX(-100%);
    transition: transform 1s ease-in-out;
	z-index:9999;
}
#facebook iframe{
	height: 500px !important;
}
#facebook:hover{
    transform: translateX(0%) !important;
    transition: transform 1s ease-in-out;
	z-index:999999;
}
#facebook .name_facebook{ 
	font-size:14px;
	width:120px;
	text-align: center;
	transform: rotate(90deg) translate(31px, -283px);
    position: absolute;
    left: 0px;
    //top: 50%;
    background: rgb(76 102 231 / 100%);
    padding: 2px 20px;
    border-radius: 0px 7px 0px 0px;
    cursor: pointer;
    z-index: 99999;
}