/* |---------------------------------------------------------------------------- 	Tell a Friend - WordPress Plugin to Share any URL in the web with your Friends 	Author: MGScoder 	Author URL: https://codecanyon.net/user/mgscoder |---------------------------------------------------------------------------- */ .text-center { 	text-align: center; } .clearfix { 	clear: both; 	display: block; }  .mgstellform-form.h3 {     margin: 0 0 20px; } .mgstellform-form .text-success, .text-success {     color: #37a000; 	background-color: #fff; 	margin: 10px 1%; 	padding: 5px 10px; } .mgstellform-form .text-danger, .text-danger {     color: #ce0606; 	background-color: #fff; 	margin: 10px 1%; 	padding: 5px 10px; } .mgstellform-form a, #mgstellform-form a { 	color: #041c3f; } .mgstellform-form a:hover, #mgstellform-form a:hover { 	color: #fff; } .mgstellform-form .form-group { 	width: 48%; 	margin: 0 1% 10px; 	float: left; } .mgstellform-form .form-group.mgstellformtextareafullwidth, .mgstellform-form .form-group.mgstellformfullwidthrow { 	width: 98%; } .mgstellform-form .form-group.mgstellformconsentcheckboxrow { 	width: 98%; 	margin: -5px 1% 10px; 	text-align: left; } .mgstellform-form .form-group.mgstellformconsentcheckboxrow input { 	margin-left: 0; }  .mgstellform-form #msgTellformSubmitButtonHolder.form-group, #msgTellform-processing-image { 	width: 100%; 	clear: both; } .mgstellform-form #msgTellformSubmitButtonHolder.form-group { 	margin: 0 1%; } .mgstellform-form input::placeholder {   color: #666; } .mgstellform-form .g-recaptcha { 	-webkit-transform:scale(0.85); 	transform:scale(0.85); 	-webkit-transform-origin:0 0; 	transform-origin:0 0; 	margin-bottom: 0; } .mgstellform-form .g-recaptcha iframe { 	margin-bottom: 0; }  .mgstellform-form .form-control {     background-color: #e8eaed;     border: 1px solid #d0d0d0; 	font-size: 14px;     border-radius: 3px; 	height: 40px; 	width: 100%; 	max-width: 100%; 	padding: 6px 10px; }	 .mgstellform-form textarea.form-control { 	height: 100px;     border-radius: 3px; }	 .mgstellform-form select.form-control {     border-radius: 3px; } .mgstellform-form .form-control:focus {     box-shadow: 0 1px 1px rgba(190, 194, 203, 0.075) inset, 0 0 10px rgba(190, 194, 203, 0.7); } .mgstellform-form .form-control.mgstellformsubmit { 	position: relative; 	left: 40px; 	margin: 5px 40px 0;     background-color: #0000ff;     color: #fff; 	font-size: 20px; 	font-weight: inherit;     border-radius: 30px;     transition: all 0.5s ease 0s;     width: 180px; 	height: 40px; 	border: 1px solid #0000ff; } .mgstellform-form .form-control.mgstellformsubmit:hover {     background-color: #fff;     border-color: #222;     color: #222; }   /* |---------------------------------------------------------------------------- 	Modal Design |---------------------------------------------------------------------------- */ .mgstellform-modal-Formbox { 	background-color: #f00; 	color: #fff;     width: 660px;     max-width: 95%; 	max-height: calc(100vh - 60px); 	overflow-y: auto;     margin: 0 auto; 	padding: 50px; 	border: 1px solid transparent; 	border-radius: 3px; 	display: inline-block; 	font-weight: 400; 	position: relative; }  .mgstellform-modal-Form a.closebtn {     font-size: 32px;     font-weight: bold;     line-height: 28px;     border: none;     position: absolute;     top: 0;     right: 0;     box-shadow: none;     background-color: #ff0000;     color: #fff;     width: 32px;     height: 32px;     border: 1px solid #ff0000;     border-radius: 50%; 	text-decoration: none; } .mgstellform-modal-Form a.closebtn:hover {     background-color: #fff;     color: #ff0000; 	box-shadow: none; } h3.mgstellform-modal-form-title {     font-size: 28px;     line-height: 1.48; 	color: #fff;     border: 1px solid;     padding: 5px 15px;     margin: 0 0 30px;     border-radius: 10px; }  .mgstellform-modal-Form label {     font-weight: normal; 	color: #fff; 	font-size: 16px; } .mgstellform-modal-Form p {     margin: 0 0 10px; 	font-size: 16px; } .mgstellform-modal-Form p em, .mgstellform-modal-Form em {     font-size: 15px; }	  .mgstellform-modal-Form { 	text-align: center; 	position: fixed; 	display: table; 	height: 100%; 	width: 100%; 	top: 0; 	left: 0; 	-webkit-transform: scale(0);     -ms-transform: scale(0); 	transform: scale(0); 	z-index: 99999; } .mgstellform-modal-Form.mgstellform-floating-btn { 	-webkit-transform: scale(0); 	-ms-transform: scale(0); 	transform: scale(0); 	animation: mgstellformunfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .mgstellform-modal-Form.mgstellform-floating-btn.outmgspopup { 	-webkit-transform: scale(1); 	-ms-transform: scale(1); 	transform: scale(1); 	animation: mgstellformunfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .mgstellform-modal-Form.mgstellform-floating-btn .mgstellform-modal-background .mgstellform-modal-Formbox { 	-webkit-transform: scale(0); 	-ms-transform: scale(0); 	transform: scale(0); 	animation: mgstellformzoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .mgstellform-modal-Form.mgstellform-floating-btn.outmgspopup .mgstellform-modal-background .mgstellform-modal-Formbox { 	animation: mgstellformzoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .mgstellform-modal-Form .mgstellform-modal-background { 	display: table-cell; 	background: rgba(0, 0, 0, .8); 	text-align: center; 	vertical-align: middle; } @keyframes mgstellformunfoldIn { 	0% { 		-webkit-transform: scaleY(0.001) scaleX(0); 		-ms-transform: scaleY(0.001) scaleX(0); 		transform: scaleY(0.001) scaleX(0); 	} 	50% { 		-webkit-transform: scaleY(0.001) scaleX(1); 		-ms-transform: scaleY(0.001) scaleX(1); 		transform: scaleY(0.001) scaleX(1); 	} 	100% { 		-webkit-transform: scaleY(1) scaleX(1); 		-ms-transform: scaleY(1) scaleX(1); 		transform: scaleY(1) scaleX(1); 	} } @keyframes mgstellformunfoldOut { 	0% { 		-webkit-transform: scaleY(1) scaleX(1); 		-ms-transform: scaleY(1) scaleX(1); 		transform: scaleY(1) scaleX(1); 	} 	50% { 		-webkit-transform: scaleY(0.001) scaleX(1); 		-ms-transform: scaleY(0.001) scaleX(1); 		transform: scaleY(0.001) scaleX(1); 	} 	100% { 		-webkit-transform: scaleY(0.001) scaleX(0); 		-ms-transform: scaleY(0.001) scaleX(0); 		transform: scaleY(0.001) scaleX(0); 	} } @keyframes mgstellformzoomIn { 	0% { 		-webkit-transform: scale(0); 		-ms-transform: scale(0); 		transform: scale(0); 	} 	100% { 		-webkit-transform: scale(1); 		-ms-transform: scale(1); 		transform: scale(1); 	} } @keyframes mgstellformzoomOut { 	0% { 		-webkit-transform: scale(1); 		-ms-transform: scale(1); 		transform: scale(1); 	} 	100% { 		-webkit-transform: scale(0); 		-ms-transform: scale(0); 		transform: scale(0); 	} }   /* |---------------------------------------------------------------------------- 	Math Captcha |---------------------------------------------------------------------------- */ #mgstellformhumanCheckCaptchaBox, #mgstellformhumanCheckCaptchaInput, #mgstellformfirstDigit, #mgstellformsecondDigit,  #mgstellformmathfirstnum, #mgstellformmathsecondnum {     display: inline; } #mgstellformhumanCheckCaptchaInput.form-control {     height: 30px;     margin-left: 10px;     padding: 4px;     text-align: center;     width: 45px; } #mgstellformfirstDigit #mgstellformmathfirstnum, #mgstellformsecondDigit #mgstellformmathsecondnum { 	background-color: #e8eaed; 	border: 1px solid #d0d0d0;     width: 30px;     height: 30px; 	padding: 0;     pointer-events: none;     text-align: center; } .mgstellform-form .mgstellforrecaptchabox { 	margin-top: 20px; } .mgstellform-form .mgstellformathcaptchabox { 	margin-top: 25px; }   /* |---------------------------------------------------------------------------- 	Floating Button |---------------------------------------------------------------------------- */ a.mgstellform-floating-btn {     background-image: url("https://myfetishlover.com/plugin55/images/email-icon.png"); 	background-position: center left; 	background-repeat: no-repeat;     background-color: #ff0000;     color: #fff; 	font-size: 18px;     border-radius: 3px; 	box-shadow: none !important;     -webkit-transition: all 0.5s ease 0s;     transition: all 0.5s ease 0s; 	display: inline-block; 	text-decoration: none; } a.mgstellform-floating-btn:hover, a.mgstellform-floating-btn:focus {     color: #fff; 	background-position: center right; } .widget-area a.mgstellform-floating-btn, .widget a.mgstellform-floating-btn, .widget-area a.mgstellform-floating-btn:hover, .widget-area a.mgstellform-floating-btn:focus, .widget .mgstellform-floating-btn:hover, .widget a.mgstellform-floating-btn:focus {     color: #fff;     transition: all 0.5s ease 0s; } a.mgstellform-floating-btn {     position: fixed;     bottom: 30px;     margin-bottom: 50px;     left: 15px;     min-height: 38px;     width: 48px;     line-height: 30px;     padding: 10px; 	z-index: 999; } a.mgstellform-floating-btn .mgstellformfloatingbtn-text {     color: #fff;     padding-right: 10px; 	font-weight: bold; 	text-decoration: none; } a.mgstellform-floating-btn.mgstellform-floatingbtnfloat-right {     left: auto;     right: 15px; } a.mgstellform-floating-btn .mgstellformfloatingbtn-text {     display: none; } a.mgstellform-floating-btn:hover .mgstellformfloatingbtn-text {     display: block; }  a.mgstellform-floating-btn.mgstellformbtntextshow .mgstellformfloatingbtn-text { 	display: block; } a.mgstellform-floating-btn.mgstellformbtntextshow { 	width: auto; 	padding: 10px 10px 10px 50px; }  a.mgstellform-floating-btn:hover, a.mgstellform-floating-btn.mgstellformbtntextshow:hover, a.mgstellform-floating-btn:focus, a.mgstellform-floating-btn.mgstellformbtntextshow:focus {     width: auto;     padding: 10px 40px 10px 10px; }   /* |---------------------------------------------------------------------------- | Button |---------------------------------------------------------------------------- */ .btn { 	cursor: pointer; } #msgTellformSubmitButtonHolder .btn { 	font-size: 16px; 	overflow: hidden; 	padding: 8px 40px; 	text-transform: uppercase; } #msgTellformSubmitButtonHolder .btn-custom {     background-color: #041c3f;     color: #fff;     -webkit-box-shadow: 0 0 1px transparent;     box-shadow: 0 0 1px transparent;     display: inline-block;     position: relative; 	-moz-transform: perspective(1px) translateZ(0px); 	-webkit-transform: perspective(1px) translateZ(0px); 	-o-transform: perspective(1px) translateZ(0px); 	-ms-transform: perspective(1px) translateZ(0px);     transform: perspective(1px) translateZ(0px); 	-webkit-transition-duration: 0.3s;     transition-duration: 0.3s; 	-webkit-transition-property: color;     transition-property: color;     vertical-align: middle; 	border-radius: 3px; 	border: none; } #msgTellformSubmitButtonHolder .btn-custom::before {     background-color: #fff; 	border-radius: 3px;     bottom: 0;     content: "";     left: 0;     position: absolute;     right: 0;     top: 0;     -moz-transform:scaleX(0);     -webkit-transform:scaleX(0);     -o-transform:scaleX(0);     -ms-transform:scaleX(0); 	transform: scaleX(0); 	-webkit-transform-origin: 50%; 	transform-origin: 50%; 	-webkit-transition-property: transform; 	transition-property: transform; 	-webkit-transition-duration: 0.3s; 	transition-duration: 0.3s; 	-webkit-transition-timing-function: ease-out; 	transition-timing-function: ease-out;     z-index: -1; } #msgTellformSubmitButtonHolder .btn-custom:hover, #msgTellformSubmitButtonHolder .btn-custom:focus, #msgTellformSubmitButtonHolder .btn-custom:active {     color: #222; } #msgTellformSubmitButtonHolder .btn-custom:hover::before, #msgTellformSubmitButtonHolder .btn-custom:focus::before, #msgTellformSubmitButtonHolder .btn-custom:active::before {     -moz-transform: scaleX(1); 	-webkit-transform: scaleX(1); 	-o-transform: scaleX(1); 	-ms-transform: scaleX(1); 	transform: scaleX(1); } #msgTellformSubmitButtonHolder .btn {     transition: all 0.5s ease 0s;     width: auto; 	min-width: 160px; } #msgTellformSubmitButtonHolder .btn::after {     content: "\f0a9";     font-family: "Font Awesome 5 Free";     font-size: 22px; 	font-weight: bold;     opacity: 0;     position: absolute;     top: 2px;     right: 50px;     transition: all 0.3s ease 0s; } #msgTellformSubmitButtonHolder .btn:hover::after {     opacity: 1;     right: 10px; 	top: 4px; }   /* |---------------------------------------------------------------------------- 	Responsive |---------------------------------------------------------------------------- */ @media screen and (max-width: 767px) { 	.mgstellform-modal-Formbox { 		width: auto; 	} 	.mgstellform-form .mgstellformathcaptchabox { 		margin-top: 0; 	} 	.mgstellform-form .form-group { 		width: 100%; 		margin: 0 0 10px; 	} } @media screen and (max-width: 480px) { 	.mgstellform-modal-Form .mgstellform-modal-background .mgstellform-modal-Formbox { 		padding: 30px 15px; 	} } @media screen and (max-width: 320px) { 	#mgsfcfirstDigit #mgsfcmathfirstnum, #mgsfcsecondDigit #mgsfcmathsecondnum { 		width: 20px; 	} } @media screen and (max-height: 568px) { 	.mgstellform-form .form-group { 		margin: 0 1% 6px; 	}	 }