@charset "utf-8";
/* CSS Document */

@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800|Poppins:300,400,500,600,700,800,900");
/*-- Common Style --*/
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body{ margin: 0; padding: 0; background:url(../images/background-image.jpg); background-repeat: no-repeat; background-size: cover;}
.branch{ width: 35%; height: 340px; float: left; margin-left: 13.5%; margin-top: 50px;  background-color: white;opacity: 0.8; border-radius: 100%;}
.branch1{ width: 35%; height: 340px; float: right; margin-right: 10%; margin-top: 50px;  background-color: white;opacity: 0.8; border-radius: 100%; }
.branch img{ width: auto;}
.branch1 img{ width: auto;}
.branch h1{font-family: "Montserrat", sans-serif; text-align: center;padding-top: 0px; margin-bottom: 0px; color: #207ebb; font-size: 30px; }
.branch h1 a{color: #207ebb; text-decoration: none;}
.branch1 h1{font-family: "Montserrat", sans-serif; text-align: center;padding-top: 0px; margin-bottom: 0px; color: #207ebb; font-size: 30px; }
.branch1 h1 a{color: #207ebb; text-decoration: none;}
.vc{ text-decoration: none; font-family: "Montserrat", sans-serif; text-align: center; font-weight: 600; color: #f78320;}

.interior-icons{
    width: 100%;
    height: auto;
}
.interior-icons h5{font-size: 24px;
    color: #0f93b7;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    margin-top: 23% !important;
    margin-bottom: 6px !important;
    width: 93%;
    margin: 0 auto;}
.branch p{
     font-size: 16px;
    line-height: 27px;
    text-align: center;
     font-family: "Montserrat";
     font-weight:600 ;
     background-color: #108db7;
     border-radius: 5px;
     width: 45%;
     margin: 0px auto;
     padding: 5px 10px;
      color: #ffffff;
      margin-top: 21px;

}
.branch a{
    text-decoration: none;

}
.branch1 a{
    text-decoration: none;

}
.icond{width:28%; height: auto; margin: 0 auto;}
.branch1 p{
     font-size: 16px;
    line-height: 27px;
    text-align: center;
     font-family: "Montserrat";
     font-weight:600 ;
     background-color: #108db7;
     border-radius: 5px;
     width: 45%;
     margin: 0px auto;
     padding: 5px 10px;
      color: #ffffff;
      margin-top: 21px;

}
.networking-icons{
    width: 100%;
    height: auto;
}
.networking-icons h5{font-size: 24px;
    color: #0f93b7;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    margin-top: 23% !important;
    margin-bottom: 6px !important;
    width: 80%;
    margin: 0 auto;}
.logo-img{
    width: 50%; background-color: #ffffff;
    margin: 0px auto;
    margin-top: 100px;
    border-radius: 3px;
}

.logo-img img{
    padding: 0px 15px 0px 20px;
}
#cbranch{margin-top:10px; opacity: 1;}
#cbranch1{margin-top:10px; opacity: 1;}
.container{width:50%; height: auto; margin:0 auto; opacity: 1;}
.container1{width:70%; height: auto; margin:0 auto; opacity: 1;}
.clear{clear:both}
.cbox{width:100%; height:auto;}
.chead{text-align: center;font-weight: 600;font-family: "Montserrat", sans-serif; padding-top:20px; color: #0d4d75;}
.chead2{text-align: left; font-weight: 600;font-family: "Montserrat", sans-serif; padding-left:20px; font-size: 23px; color: #f68121;}
.covidbox p{font-size: 15px; text-align:justify; padding-left:20px; padding-right:20px; font-family: "Montserrat", sans-serif; line-height:28px;}
.covidbox p i{color: #f68121;}
.lftbox{width:48%; height: 120px; float: left; margin-left: 16px; margin-bottom: 16px; box-shadow: -1px 3px 20px #ccc; -webkit-box-shadow: 0 0 10px rgba(204,204,204,0.6);}
.lftbox img{width:100px; height: 100px; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; float: left; margin-right: 10px;}
#lftb{}
.blinking{
    animation:blinkingText 1s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: #e74c3c; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}

.modal-content{width: 600px; height: 225px;}

@media (max-width: 767px){
.branch{ width: 85%; height: 310px; float: none; margin:0 auto; }
.branch1{ width: 85%; height: 310px; float: none; margin:0 auto;margin-bottom: 50px; }
.branch img{ margin-left: 5px;}	
.branch1 img{ margin-left: 5px;}
	
	
	#myModal{width:100%; height: auto;}
	.modal-content{width:300px; height: 450px;}
	
.container{width:100%; height: auto;}
.chead2{font-size: 21px;}
.lftbox{width:92%; height: auto;}
.logo-img {
    width: 90%;
    margin-top: 40px;
}
.logo-img img {
    padding: 5px;
}
.interior-icons {
    width: 80%;
    height: auto;
	margin: 0 auto;
}
.networking-icons {
    width: 80%;
    height: auto;
    margin: 0 auto;
}
.branch h1 {
    padding-top: 40px;
    font-size: 25px;

}
.branch1 h1 {
    padding-top: 40px;
    font-size: 25px;
}
.interior-icons h5{margin-top: 15%;padding-top: 55px;font-size: 21px;line-height: 30px;}
.networking-icons h5{margin-top: 15%;padding-top: 55px;font-size: 21px;line-height: 30px;}

.icond{width: 40%;}






}