.customSwalBtn{
    background-color: rgb(115, 181, 30);
border-left-color: rgba(214,130,47,1.00);
border-right-color: rgba(214,130,47,1.00);
border: 0;
border-radius: 3px;
box-shadow: none;
color: #fff;
cursor: pointer;
font-size: 17px;
font-weight: 500;
margin: 10px 5px 0px 5px;
padding: 10px 32px;
}
.customSwalBtn1{
    background-color: rgb(115, 181, 30);
border-left-color: rgba(214,130,47,1.00);
border-right-color: rgba(214,130,47,1.00);
border: 0;
border-radius: 3px;
box-shadow: none;
color: #fff;
cursor: pointer;
font-size: 17px;
font-weight: 500;
margin: 5px 5px 0px 5px;
padding: 10px 32px;
}
.swal2-image {
max-width: 100%;
margin: 0.25em auto !important;
}
.close {
position: absolute;
left: 96%;
top: 13px;
margin: -10px 0 0 -10px;
width: 20px;
height: 20px;
color: #000000;
font-size: 25px;
font-weight: 500;
text-align: center;
border-radius: 50%;
/* background-color: #5c5c5c; */
cursor: pointer;
text-decoration: none;
}
input.fip {
    margin:auto;
width: 80%;
background: #f5f5f5;
border: 0;
padding: 20px;
border-radius: 8px;
margin-bottom: 10px;
border: 1px solid #eee;
}
.form-control {
display: block;
width: 100%;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.25;
color: #55595c;
background-color: #f9f9f9;
background-image: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
}
.margin-below{
margin-bottom: 1.2rem;
}
.form-control:focus {
border-color: #7743ff;
box-shadow: inset 0 1px 1px rgba(45, 45, 45, 0.07), 0 0 8px rgba(129, 129, 129, 0.6);
}
.btn2 {
cursor:pointer;
width: 80%;
padding: 12px;
border: 0;
background: #3e7fb9;
font-size: 1.1em;
color: #fff;
text-shadow: 1px 1px 0px rgba(0, 0, 0, .4);
box-shadow: 0px 3px 0px #3e7fb9;
margin-top: 1.2rem;
border-radius: .25rem;
}
.btn2:hover {
color: #fff;
background: #3e7fb9;
border-color: #3e7fb9;
}
.swal2-title {

color: #3e7fb9 !important;
}
#pop-msg{
font-size: 14px;
color: red;
font-weight: 700;
}
.swal2-container{
    z-index:999999999 !important;
}
@media(min-width: 325px) and (max-width: 767px) {

.swal2-title {

font-size: 25px !important;
}
input.fip {
    margin:auto;
  width: 100%;
}
.btn2{
    width:100%;
}
}

.fixedoffer {
position: fixed;
width: 200px;
height: 30px;
margin: 0;
padding: 0;
top: 18%;
right: -135px;
z-index: 999;
border-radius: 10px 0 0 10px;
overflow: hidden;
background: #fff;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.fixedoffer .phonenumber {
display: block;
font-size: 14px;
line-height: 16px;
text-align: left;
font-weight: 600;
letter-spacing: .6px;
text-decoration: none;
color: #fff;
margin: 0;
padding: 0;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.fixedoffer .phonenumber span{
width: 65px;
height: 35px;
float: left;
background: #3e7fb9;
font-size: 18px;
margin: 0 15px 0 0;
text-align: center;
line-height: 30px;
color: #fff;
}
.fixedoffer .phonenumber p{
margin: 0;
padding: 7px;
color: #3e7fb9;
}
.phn{

color: #3e7fb9;
  font-size: 14px;
line-height: 16px;
text-align: left;
font-weight: 600;
letter-spacing: .6px;
text-decoration: none;
}
.fixedoffer .phonenumber span i {
color: #fff;
-webkit-animation: flipInY 1.25s infinite;
-moz-animation: flipInY 1.25s infinite;
-ms-animation: flipInY 1.25s infinite;
animation: flipInY 1.25s infinite;
}
/*******/
.fixedcall1 {
position: fixed;
width: 180px;
height: 45px;
margin: 0;
padding: 0;
top: 28%;
right: -135px;
z-index: 999;
border-radius: 10px 0 0 10px;
overflow: hidden;
background: #fff;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.fixedcall1 .phonenumber {
display: block;
font-size: 14px;
line-height: 16px;
text-align: left;
font-weight: 600;
letter-spacing: .6px;
text-decoration: none;
color: #fff;
margin: 0;
padding: 0;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.fixedcall1 .phonenumber span{
width: 45px;
height: 45px;
float: left;
background: #ffffff;
font-size: 25px;
margin: 0 15px 0 0;
text-align: center;
line-height: 45px;
color: #fff;
}
.fixedcall1 .phonenumber p{
margin: 0;
padding: 7px;
color: #3e7fb9;
}
.phn{

color: #3e7fb9;
  font-size: 14px;
line-height: 16px;
text-align: left;
font-weight: 600;
letter-spacing: .6px;
text-decoration: none;
}
.fixedcall1 .phonenumber span i {
color: #fff;
-webkit-animation: flipInY 1.25s infinite;
-moz-animation: flipInY 1.25s infinite;
-ms-animation: flipInY 1.25s infinite;
animation: flipInY 1.25s infinite;
}

.fixedcall {
position: fixed;
width: 180px;
height: 45px;
margin: 0;
padding: 0;
top: 70%;
right: -135px;
z-index: 999;
border-radius: 10px 0 0 10px;
overflow: hidden;
background: #ffffff;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.fixedcall a {
display: block;
font-size: 14px;
line-height: 16px;
text-align: left;
font-weight: 600;
letter-spacing: .6px;
text-decoration: none;
color: #fff;
margin: 0;
padding: 0;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.fixedcall a span{
width: 45px;
height: 45px;
float: left;
background: #3e7fb9;
font-size: 25px;
margin: 0 15px 0 0;
text-align: center;
line-height: 45px;
color: #fff;
}
.fixedcall a p{
margin: 0;
padding: 7px;
color: #3e7fb9;
}
.fixedcall a svg {
color: #fff;
-webkit-animation: tada 1.25s infinite;
-moz-animation: tada 1.25s infinite;
-ms-animation: tada 1.25s infinite;
animation: tada 1.25s infinite;
}
.fixedwhatapp {
position: fixed;
width: 180px;
height: 45px;
margin: 0;
padding: 0;
top: 57%;
right: -135px;
z-index: 999;
border-radius: 10px 0 0 10px;
overflow: hidden;
background: #fff;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.fixedwhatapp a {
display: block;
font-size: 14px;
line-height: 16px;
text-align: left;
font-weight: 600;
letter-spacing: .6px;
text-decoration: none;
color: #fff;
margin: 0;
padding: 0;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.fixedwhatapp a span{
width: 45px;
height: 45px;
float: left;
background: #34a301;
font-size: 25px;
margin: 0 15px 0 0;
text-align: center;
line-height: 45px;
color: #fff;
}
.fixedwhatapp a p{
margin: 0;
padding: 7px;
color: #3e7fb9;
}
.fixedwhatapp a svg {
color: #fff;
-webkit-animation: flipInY 1.25s infinite;
-moz-animation: flipInY 1.25s infinite;
-ms-animation: flipInY 1.25s infinite;
animation: flipInY 1.25s infinite;
}
.fixedwhatapp:hover {
right: 0;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
.fixedcall:hover {
right: 0;
}
.fixedcall1:hover {
right: 0;
}

@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}

40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}

80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}

to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}

@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}

40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}

80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}

to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}

.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}