.autoOpenPopup { position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000000; display:none;line-height: 1.3;}
.autoOpenPopup > div { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0, 0, 0, 0.7); }
.autoOpenPopup > div > div { width:1050px; display:flex; flex-wrap:wrap; background:white;transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:bottom; -webkit-transform-origin:bottom; transition:all 0.5s; -webkit-transition:all 0.5s; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.autoOpenPopup div > div.active { transform:scaleY(1); -webkit-transform:scaleY(1); transition:all 0.5s; -webkit-transition:all 0.5s; }
.autoOpenPopup > div > div > i.fa-times{ position:absolute; top:0;width:50px; height:50px;color:#55cdc8;font-size:20px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; display:flex; justify-content:center; align-items:center; cursor:pointer; transition: 0.2s linear;-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;text-decoration: none;right:0;}


.autoOpenPopup div.main_popup{width:100%;float:left;padding:50px 50px 40px 350px;}
.autoOpenPopup div.main_popup p{width:100%;float:left;margin-bottom: 10px;text-align: center;}
.autoOpenPopup div.main_popup p.head{font-weight: bold;font-size: 30px;color:#333;margin-bottom: 20px;text-transform: capitalize;}
.autoOpenPopup div.main_popup .partition{padding:0;margin:0 -5px;clear: both;}
.autoOpenPopup div.main_popup .partition::before, .autoOpenPopup div.main_popup .partition::after{content:"";display: table;clear: both;}
.autoOpenPopup div.main_popup .partition > li{width:50%;float:left;padding:0 5px;list-style: none;}
.autoOpenPopup div.main_popup .partition > li > a{width:100%;float:left;background: #55cdc8; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;margin-bottom: 10px;padding:20px 10px 10px;display: flex;align-content: center;flex-direction: column;justify-content: start;text-decoration: none;}
.autoOpenPopup div.main_popup .partition > li > a.bg__green{background: green;}
.autoOpenPopup div.main_popup .partition > li > a.bg__orange{background: #f55206;}
.autoOpenPopup div.main_popup .partition > li > a.bg__blue{background: #00547e;}

.autoOpenPopup div.main_popup .partition > li > a > *{width:100%;float:left;margin-bottom: 10px;text-align: center;color: #fff;font-weight: bold;}
.autoOpenPopup div.main_popup .partition > li > a > p{line-height: 1;}
.autoOpenPopup div.main_popup .partition > li > a img{display: inline-block;height: 50px;}

.autoOpenPopup div.main_popup p.phone_number{display: flex;justify-content: center;}
.autoOpenPopup div.main_popup p.phone_number > a{width:auto;float:left;color: #fff;font-weight: bold;padding: 12px 25px;background: #55cdc8;text-decoration: none;font-size: 24px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

.autoOpenPopup div.main_popup div.banner_call_center{width:300px;height: 100%;background: url(../images/customer_care.jpg) no-repeat top center;background-size:cover;position: absolute;left:0;top:0;border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;-moz-border-radius: 10px 0 0 10px;}

.autoOpenPopup div.main_popup p.call_us{font-weight: bold;color:#333;margin:20px 0 20px;font-size: 20px;}
.autoOpenPopup div.main_popup p.call_us > sup{color:red;}
.footer__fixed__tfn{display: none;}
.side-tfn {
    position: fixed;
    top: 50%;
    right: 0;
    width: auto;
    height: auto;
    margin: 0;
    z-index: 99
}

a.side-tfn:hover {
    right: 0;
    text-decoration: none
}

a.side-tfn {
    -webkit-transition: .5s linear;
    -moz-transition: .5s linear;
    transition: .5s linear;
    right: -175px
}

.side-tfn picture {
    position: absolute;
    left: -30px;
    right: inherit;
    top: -7px
}

.side-tfn picture:before {
    content: '';
    position: absolute;
    top: -7px;
    left: -7px;
    width: 52px;
    height: 53px;
    border-radius: 50%;
    border: 2px solid #55cdc8;
    background: #55cdc8
}

.side-tfn picture img {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 9px 0 #8c8c8c;
    float: left;
    width: 40px;
    position: relative;
    z-index: 0;
}

.side-tfn span {
    font-size: 20px;
    margin: 0;
    background: #55cdc8;
    color: #fff;
    padding: 13px 10px 11px 26px;
    font-weight: 600
}


@media (min-width:992px) and (max-width:1199px)
{
    .autoOpenPopup > div > div {width: 962px;}
    .autoOpenPopup div.main_popup p.head{font-size: 25px;}
}
@media (min-width:768px) and (max-width:991px)
{
    .autoOpenPopup div.main_popup{width:100%;padding:30px 30px 20px 230px;}
    .autoOpenPopup > div > div { width:738px;}
    .autoOpenPopup div.main_popup p.head{font-size: 21px;}
    .autoOpenPopup div.main_popup div.banner_call_center{width:200px;}
    .autoOpenPopup div.main_popup .partition > li > a{min-height: 134px;}
    .autoOpenPopup div.main_popup .partition > li > a img{height: 40px;}
}
@media (max-width:767px)
{
    .autoOpenPopup div.main_popup{width:100%;padding:50px 10px 0px 10px;background: url(../images/customer_care_mob.jpg) no-repeat top center;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    .autoOpenPopup > div > div { width:310px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    .autoOpenPopup div.main_popup .partition > li {width:50%;}
    .autoOpenPopup div.main_popup .partition > li > a{min-height: 125px;}
    .autoOpenPopup div.main_popup .partition > li > a img{height: 40px;}
    .autoOpenPopup div.main_popup p.head{font-size: 18px;}
    .autoOpenPopup div.main_popup p.phone_number > a{padding: 10px 25px;font-size: 20px;}
    .autoOpenPopup div.main_popup div.banner_call_center{display: none;}
    .autoOpenPopup div.main_popup p.call_us{margin:10px 0;font-size:16px;}
    .footer__fixed__tfn{display: block; position: fixed; bottom: 0; width: 100%; padding: 6px; text-align: center; z-index: 9; background: #333;}
    .footer__fixed__tfn a{font-size: 20px;  color: #fff;}
}