@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
body, h1, h2, h3, h4, h5, h6, p{font-family: 'Open Sans', sans-serif;}
.bg-main{background-color: #ff00b1;}
.f-40 {
    font-size: 40px;
}
.mr-ng {
    margin-top: -100px;
}
  my-email::after {
    content: attr(data-domain);
  }
  my-email::before {
    content: attr(data-user);
  }
  .gallery a img {
            float: left;
            width: 25%;
            height: auto;
            border: 2px solid #fff;
            -webkit-transition: -webkit-transform .15s ease;
            -moz-transition: -moz-transform .15s ease;
            -o-transition: -o-transform .15s ease;
            -ms-transition: -ms-transform .15s ease;
            transition: transform .15s ease;
            position: relative;
        }

        .clear {
            clear: both;
        }
.bg-content{background-color: #ff00b1; padding-top:50px; padding-bottom:50px; 
        border-radius: 20px;border-top: 5px solid #000000;border-bottom: 5px solid #000000;}
.bg-call {
    background-image: url(../images/calling.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 150px 0px;
    margin-top: -100px;
}
.blocks a{display: block;
    color: #ffffff;
    border-bottom: 1px solid #fff;
    padding: 8px 0px;}
    .blocks i{margin-right: 5px;}
.bg-footer{background-image: url('../images/footer.jpg'); background-size: cover; background-repeat: no-repeat;
}
.img-box{width: 280px; padding:10px; border:1px solid #ff00b1; 
    margin-right: 15px; margin-bottom: 15px; float: left;}
    .img-box img{width: 100%;}
    .outer{background-color: #ff00b1; padding-top:15px; padding-bottom:15px; 
        border-radius: 20px;border-top: 5px solid #000000;border-bottom: 5px solid #000000;}
    .outer a{    
    display: block;
    color: #ffffff!important;
    border-top: 1px solid #ffffff;
    padding: 8px 10px;
    text-decoration: none!important;
    transition: all 2s;
    }
    .color-main{color:#ff00b1!important;}
    .outer a:hover{background-color: #ffffff; color:#ff00b1!important;}
    .outer i{margin-right: 5px;}
    .f-28{font-size: 28px;}
    .local{width: 100%; margin-bottom: 20px;
        border-top-right-radius: 20px; border-bottom-left-radius: 20px;
        border:1px solid #ff00b1;}
        .local img{width: 100%; border-top-right-radius: 20px;}
        .local a{background-color: #ff00b1!important; color: #ffffff !important; padding: 8px 0px; 
            text-align: center; text-decoration: none!important; display: block; border-bottom-left-radius: 20px;}


.img-boxes{width: 100%; margin-bottom: 20px;
        border-top-right-radius: 20px; border-bottom-left-radius: 20px;
        border:1px solid #ff00b1;}
        .img-boxes img{width: 100%; border-top-right-radius: 20px;}
        .img-boxes a{background-color: #ff00b1!important; color: #ffffff !important; padding: 8px 0px; 
            text-align: center; text-decoration: none!important; display: block; border-bottom-left-radius: 20px;}

.foot-call {
    display: none;
}
.banner{width: 100%}
.banner img{width: 100%;}
@media only screen and (min-width: 320px) and (max-width: 480px){
.img-box{width: 100%}
    .foot-call {
    display: block;
    padding: 10px 15px;
    font-size: 28px;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #ff00b1;
}
.foot-call .col-md-2 {
    width: 15%!important;
    float: left;
}
.foot-call .col-md-8 {
    width: 70%!important;
    float: left;
}
            }